.flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.flow-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:16px;display:grid;grid-template-columns:42px 1fr auto;gap:13px;text-align:left;color:var(--text);align-items:start}.flow-card:hover{border-color:#83b7d7;box-shadow:0 7px 20px rgba(25,70,100,.08)}.flow-card-icon{width:42px;height:42px;border-radius:10px;background:#e6f2fa;color:var(--blue);display:grid;place-items:center;font-size:20px}.flow-card h3{margin:2px 0 4px}.flow-card p{margin:0 0 11px;color:var(--muted);font-size:12px}.flow-card small{color:var(--muted)}.flow-open{color:var(--blue);font-size:12px;font-weight:700;align-self:center}@media(max-width:900px){.app-shell{display:grid;grid-template-columns:72px 1fr}.sidebar{position:fixed;width:72px;min-height:100vh;padding:16px 9px}.workspace{margin-left:72px}.sidebar-brand{padding:3px 10px 18px}.sidebar-brand>div:last-child,.sidebar-help{display:none}.nav-item{font-size:0;justify-content:center;padding:9px 8px}.nav-item .nav-icon{font-size:11px;flex:0 0 26px}.logout{font-size:0;margin-top:auto}.topbar{height:100px}.flow-grid{grid-template-columns:1fr}}@media(max-width:560px){.flow-card{grid-template-columns:42px 1fr}.flow-open{grid-column:2}.view{padding:16px}.topbar{padding:16px 20px}}