:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09111f;--bg-soft:#101b2d;--panel:#0e192cdb;--panel-border:#ffffff14;--text:#edf2ff;--muted:#9fb0d1;--primary:#7c5cff;--primary-soft:#7c5cff29;--positive:#20c997;--positive-soft:#20c99729;--negative:#ff6b6b;--negative-soft:#ff6b6b29;--warning:#f6c85f;--shadow:0 24px 60px #00000059;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#7c5cff3d,#0000 35%),radial-gradient(circle at 100% 0,#20c9972e,#0000 24%),linear-gradient(#0a1221 0%,#09111f 100%);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.mobile-overlay,.mobile-menu-button{display:none}.sidebar{border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080e1ab8;flex-direction:column;gap:24px;min-width:0;padding:32px 22px;display:flex}.brand-badge{background:linear-gradient(135deg, var(--primary), #aa93ff);width:52px;height:52px;box-shadow:var(--shadow);border-radius:18px;place-items:center;margin-bottom:16px;font-size:1.5rem;font-weight:800;display:grid}.sidebar h1,.topbar h2,.panel h3{margin:0}.sidebar p,.panel p,.empty-state p,.muted-text{color:var(--muted)}.nav-list{gap:10px;display:grid}.nav-item{color:var(--muted);border:1px solid #0000;border-radius:16px;padding:14px 16px;transition:all .16s}.nav-item:hover,.nav-item.active{background:var(--primary-soft);color:var(--text);border-color:#7c5cff38}.sidebar-card,.panel,.stat-card,.empty-state{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:24px}.sidebar-card{padding:18px}.content-area{gap:24px;min-width:0;padding:28px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-main{align-items:center;gap:14px;display:flex}.eyebrow{color:#bfd0ff;text-transform:uppercase;letter-spacing:.18em;margin-bottom:8px;font-size:.72rem;display:inline-block}.topbar-pill,.mini-tag,.badge{border-radius:999px;align-items:center;padding:8px 12px;font-size:.85rem;display:inline-flex}.topbar-pill,.mini-tag{color:var(--muted);background:#ffffff0f}.mini-tag.muted{opacity:.6}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{gap:10px;padding:22px;display:grid}.stat-card strong{font-size:1.7rem;line-height:1.1}.stat-card.positive{border-color:#20c99740}.stat-card.negative{border-color:#ff6b6b40}.stat-title{color:var(--muted);font-size:.95rem}.dashboard-grid,.page-grid{grid-template-columns:1.1fr 1fr;gap:16px;display:grid}.panel{min-width:0;padding:20px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-header>div{min-width:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{color:var(--muted);gap:8px;font-size:.95rem;display:grid}input,select,textarea{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;outline:none;min-height:48px;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:#7c5cffa6;box-shadow:0 0 0 4px #7c5cff1f}textarea{resize:vertical;min-height:110px}.full-width{grid-column:1/-1}.checkbox-row{grid-auto-flow:column;justify-content:flex-start;align-items:center;gap:12px}.checkbox-row input{width:auto;min-height:auto}.form-actions,.toolbar,.table-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{cursor:pointer;border:0;border-radius:14px;min-height:44px;padding:11px 16px;transition:all .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--primary), #a790ff);color:#fff}.btn-ghost{color:var(--text);background:#ffffff12}.btn-danger{background:var(--negative-soft);color:#ffdada}.table-shell{overflow:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:#afc0e2;text-transform:uppercase;letter-spacing:.06em;padding-bottom:14px;font-size:.82rem}tbody td{vertical-align:top;border-top:1px solid #ffffff14;padding:14px 0}.badge{color:var(--text);background:#ffffff14}.badge.positive{background:var(--positive-soft);color:#bff4e4}.badge.negative{background:var(--negative-soft);color:#ffdede}.loading,.error-banner,.empty-state{padding:18px}.error-banner{color:#ffd5d5;background:#ff6b6b1f;border:1px solid #ff6b6b33;border-radius:18px}.empty-state{place-items:start;gap:8px;display:grid}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));align-items:end;gap:12px;display:grid}.chart-column{justify-items:center;gap:8px;display:grid}.chart-bars{align-items:end;gap:10px;min-height:180px;display:flex}.chart-bar{border-radius:999px;width:22px}.chart-bar.positive{background:linear-gradient(#4fe1b4,#169f79)}.chart-bar.negative{background:linear-gradient(#ff8f8f,#ff5f72)}.chart-label{color:var(--muted);font-size:.9rem}.text-positive{color:#9af1d2}.text-negative{color:#ffb5b5}.summary-list,.stack{display:grid}.summary-list{gap:12px}.summary-list div{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;gap:12px;padding:14px;display:flex}.stack.gap-sm{gap:14px}.stack.gap-lg{gap:20px}.category-row{gap:10px;display:grid}.category-row>div:first-child{justify-content:space-between;gap:12px;display:flex}.bar-track{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #9ed2ff);height:100%}.color-chip-row{align-items:center;gap:10px;display:flex}.color-chip{border:1px solid #ffffff2e;border-radius:999px;width:16px;height:16px}@media (width<=1180px){.stats-grid,.dashboard-grid,.page-grid,.form-grid{grid-template-columns:1fr}}@media (width<=920px){.app-shell{grid-template-columns:1fr}.mobile-overlay{opacity:0;pointer-events:none;z-index:24;background:#030812b8;border:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.mobile-overlay.visible{opacity:1;pointer-events:auto}.sidebar{border-right:1px solid var(--panel-border);z-index:30;border-bottom:0;width:min(86vw,340px);max-width:340px;padding-bottom:28px;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.content-area{gap:18px;padding:14px 12px 18px}.topbar{z-index:10;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080e1ad6;border-radius:22px;justify-content:space-between;align-items:center;padding:12px 14px;position:sticky;top:0}.topbar-main{width:100%;min-width:0}.topbar-main>div{min-width:0}.topbar-main h2{font-size:1.35rem;line-height:1.1}.mobile-menu-button{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;place-items:center;gap:4px;width:42px;height:42px;padding:0;display:inline-grid}.mobile-menu-button span{background:var(--text);border-radius:999px;width:18px;height:2px;display:block}.topbar-pill{white-space:nowrap;flex-shrink:0}.panel,.stat-card,.sidebar-card,.empty-state{border-radius:22px}.panel{padding:18px 16px}.panel-header{flex-direction:column;align-items:stretch}.toolbar,.toolbar select,.toolbar input{width:100%}.btn,.form-actions>.btn,.table-actions>.btn{justify-content:center;width:100%}.table-actions{width:100%}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.chart-bars{gap:8px;min-height:140px}.chart-bar{width:18px}.summary-list div,.category-row>div:first-child{flex-direction:column;align-items:flex-start}}@media (width<=700px){body{font-size:15px}.stats-grid{gap:12px}.stat-card{padding:18px}.stat-card strong{font-size:1.45rem}.table-shell{overflow:visible}table,thead,tbody,tr,th,td{width:100%;display:block}thead{display:none}tbody{gap:14px;display:grid}tbody tr{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:14px}tbody td{border-top:0;margin-top:12px;padding:0}tbody td:first-child{margin-top:0}tbody td:before{content:attr(data-label);color:#afc0e2;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.74rem;display:block}td.table-actions:before{content:"Actions"}.table-actions{border-top:1px solid #ffffff14;margin-top:14px;padding-top:12px}.checkbox-row{grid-auto-flow:row;justify-content:start}}@media (width<=420px){.content-area{padding-left:10px;padding-right:10px}.topbar,.panel,.stat-card,.sidebar-card,.empty-state{border-radius:18px}.topbar{padding:10px 12px}.topbar-pill{display:none}}