:root{color:#0f172a;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui}.app{min-height:100vh;display:flex}.sidebar{color:#dbeafe;background:#07111f;width:280px;height:100vh;padding:24px;position:sticky;top:0}.brand{margin-bottom:24px;font-size:24px;font-weight:800}.nav a{color:#cbd5e1;border-radius:12px;margin:3px 0;padding:10px 12px;text-decoration:none;display:block}.nav a:hover,.nav a.active{color:#fff;background:#0f766e}.main{flex:1;padding:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:18px;padding:22px;box-shadow:0 10px 30px #0f172a0f}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.btn{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:12px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-block}.btn.secondary{background:#111827}.input,select,textarea{border:1px solid #d1d5db;border-radius:12px;width:100%;margin:6px 0 14px;padding:11px 12px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px}.badge{color:#047857;background:#ecfdf5;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.muted{color:#64748b}.hero{color:#fff;background:linear-gradient(135deg,#0f766e,#164e63);border-radius:24px;margin-bottom:20px;padding:28px}.auth{max-width:440px;margin:8vh auto}.flow-canvas{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:18px;min-height:340px;padding:20px}.node{background:#fff;border:1px solid #d1d5db;border-radius:14px;margin:10px 0;padding:12px;box-shadow:0 4px 14px #0000000a}@media (width<=900px){.app{display:block}.sidebar{width:auto;height:auto;position:relative}.main{padding:16px}}