:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app{color:#f8fafc;background:radial-gradient(circle at 20% 10%,#7c3aed38,#0000 30%),radial-gradient(circle at 80% 0,#06b6d42e,#0000 32%),#0f172a;min-height:100vh;transition:background-color .18s,color .18s;animation:14s ease-in-out infinite alternate ambient;display:flex}.app.light{color:#0f172a;background:radial-gradient(circle at 20% 10%,#7c3aed21,#0000 30%),radial-gradient(circle at 80% 0,#06b6d421,#0000 32%),#f1f5f9}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ac7;border-right:1px solid #ffffff1a;width:260px;height:100vh;padding:28px 22px;position:sticky;top:0}.light .sidebar{background:#ffffffd1;border-color:#e2e8f0}.brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.brand span{background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;animation:3.4s ease-in-out infinite float;display:grid;box-shadow:0 12px 35px #7c3aed57}.brand strong{font-size:1.15rem}nav{gap:8px;display:grid}nav button{color:inherit;text-align:left;opacity:.72;cursor:pointer;background:0 0;border:0;border-radius:14px;padding:12px 14px;text-decoration:none;transition:transform .18s,opacity .18s,background .18s;position:relative}nav button:before{content:"";background:#06b6d4;border-radius:999px;width:4px;height:0;transition:height .18s;position:absolute;inset:auto auto 10px 10px}nav button.active,nav button:hover{opacity:1;background:#7c3aed2e;transform:translate(4px)}nav button.active:before{height:18px}.content{flex:1;min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.topbar h1{margin:.2rem 0 0;font-size:clamp(1.8rem,3vw,3rem)}.eyebrow{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:800}.topbar-actions{align-items:center;gap:10px;display:flex}.search{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:8px;padding:10px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.search:focus-within{border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 0 0 4px #7c3aed24}.light .search{background:#fff;border-color:#e2e8f0}.search input{color:inherit;background:0 0;border:0;outline:0;width:180px}.icon-button,.card-header button,.automation-card button,.report-card button,.settings-card button{color:inherit;cursor:pointer;background:#ffffff17;border:0;border-radius:14px;padding:10px 12px;transition:transform .16s,background .16s,box-shadow .16s}.icon-button:hover,.card-header button:hover,.automation-card button:hover,.report-card button:hover,.settings-card button:hover{background:#7c3aed3d;transform:translateY(-2px);box-shadow:0 12px 30px #7c3aed2e}.icon-button:active,.card-header button:active,.automation-card button:active,.report-card button:active,.settings-card button:active{transform:scale(.96)}.light .icon-button,.light .card-header button,.light .automation-card button,.light .report-card button,.light .settings-card button{background:#fff;box-shadow:0 8px 24px #0f172a14}.section-hero{background:linear-gradient(135deg,#7c3aed38,#06b6d41f);border:1px solid #ffffff1f;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;animation:.35s both slideUp;display:flex}.section-hero h2{margin:.1rem 0 0;font-size:1.45rem}.pulse-dot{color:#22c55e;align-items:center;gap:8px;font-weight:800;display:inline-flex}.pulse-dot i{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.8s infinite pulse;box-shadow:0 0 #22c55e8c}.section-shell{animation:.28s both fadeScale}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 24px 70px #0000002e}.light .card{background:#fff;border-color:#e2e8f0;box-shadow:0 18px 50px #0f172a14}.interactive-card:hover{border-color:#7c3aed6b;transform:translateY(-5px);box-shadow:0 28px 80px #0000003d}.stat-card{align-items:center;gap:16px;padding:20px;animation:.35s both slideUp;display:flex}.stat-card:nth-child(2){animation-delay:40ms}.stat-card:nth-child(3){animation-delay:80ms}.stat-card:nth-child(4){animation-delay:.12s}.stat-card h3{margin:4px 0;font-size:1.55rem}.stat-icon{background:linear-gradient(135deg,#7c3aed47,#06b6d438);border-radius:16px;place-items:center;width:48px;height:48px;transition:transform .2s;display:grid}.interactive-card:hover .stat-icon{transform:rotate(-5deg)scale(1.08)}.trend{align-items:center;gap:3px;font-size:.86rem;font-weight:800;display:inline-flex}.trend.up{color:#22c55e}.trend.down{color:#f97316}.dashboard-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.wide{grid-column:span 1}.chart-card,.task-card,.insight-card,.automation-card,.report-card,.settings-card{min-width:0;padding:20px}.card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.card-header h2,.insight-card h2,.automation-card h2,.report-card h2,.settings-card h2{margin:.15rem 0 0}.legend{flex-wrap:wrap;gap:10px;display:flex}.legend span{color:#94a3b8;font-size:.85rem}.legend i{border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.task-list{gap:10px;display:grid}.task-row{background:#ffffff0f;border-radius:16px;align-items:center;gap:12px;padding:14px;transition:transform .18s,background .18s;display:flex}.task-row:hover{background:#7c3aed21;transform:translate(6px)}.light .task-row{background:#f8fafc}.task-row div{flex:1}.task-row small,.insight-card p,.automation-card p,.report-card p,.settings-card p{color:#94a3b8;margin-top:3px;line-height:1.55;display:block}.done{color:#22c55e}.pill{border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:900}.pill.high{color:#f87171;background:#ef444429}.pill.medium{color:#f59e0b;background:#f59e0b29}.pill.low{color:#22c55e;background:#22c55e29}.insight-card svg,.automation-card svg,.report-card svg,.settings-card svg{color:#7c3aed;margin-bottom:12px}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mini-grid span{background:#ffffff12;border-radius:14px;padding:12px;font-weight:800}.automation-card,.settings-card{min-height:210px}.report-card{align-items:center;gap:14px;display:flex}.report-card div{flex:1}.mobile-only{display:none}@keyframes ambient{0%{background-position:0 0}to{background-position:22px -18px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse{70%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=980px){.stats-grid,.dashboard-grid,.mini-grid{grid-template-columns:1fr 1fr}.sidebar{z-index:10;transition:all .25s;position:fixed;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.mobile-only{display:inline-flex}.content{padding:20px}.topbar{align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}}@media (width<=680px){.stats-grid,.dashboard-grid,.mini-grid{grid-template-columns:1fr}.topbar{flex-direction:column}.topbar-actions,.search,.search input{width:100%}.wide{grid-column:auto}.section-hero{flex-direction:column;align-items:flex-start}}