:root{color:#102033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#0f766e1f,#0000 30%),linear-gradient(135deg,#f8fafc 0%,#eef4ff 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}#root{min-height:100vh}.center-screen{place-items:center;min-height:100vh;display:grid}.login-page{background:linear-gradient(145deg,#0f172ad1,#0f766eb8),url(/assets/hero-CLDdwZDr.png) 50%/cover;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff73;gap:20px;width:min(440px,100%);padding:34px;display:grid;background:#ffffffe0!important}.login-brand,.brand-mark,.logo-preview{color:#fff;background:linear-gradient(135deg,#dc2626,#0f766e);border-radius:8px;place-items:center;width:52px;height:52px;font-weight:900;display:grid}.field-icon{color:#64748b;margin-right:10px}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;color:#dbeafe;background:linear-gradient(#0b1730 0%,#0f2c4c 52%,#123c43 100%);flex-direction:column;gap:26px;width:280px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 45px #0f172a38}.brand h6,.brand span{color:#fff}.brand span{color:#9fb6ce}.side-nav{gap:6px;display:grid}.side-nav a{color:#c7d2fe;border-radius:8px;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.side-nav a:hover,.side-nav a.active{color:#fff;background:#ffffff21;transform:translate(2px)}.side-nav svg{flex:none;font-size:20px}.sidebar-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;margin-top:auto;padding:18px}.sidebar-card svg{color:#5eead4;font-size:28px}.sidebar-backdrop{z-index:15;background:#0f172a73;border:0;position:fixed;inset:0}.main-shell{width:calc(100% - 280px);min-height:100vh;margin-left:280px}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:14px 28px;display:flex;position:sticky;top:0}.topbar h5{line-height:1.15}.mobile-menu{display:none!important}.content-shell{padding:28px}.page-stack{gap:24px;display:grid}.page-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.stats-grid{grid-template-columns:repeat(5,minmax(180px,1fr));gap:18px;display:grid}.stats-grid.compact{grid-template-columns:repeat(3,minmax(180px,1fr))}.stat-card,.chart-card,.table-card,.settings-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff94;box-shadow:0 24px 60px #0f172a14;background:#ffffffc7!important;border-radius:8px!important}.stat-card{align-items:flex-start;gap:16px;min-height:150px;padding:20px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--tone-soft);border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -30px -55px auto}.stat-card .MuiTypography-h4{margin:8px 0 4px;font-size:26px}.stat-icon{z-index:1;color:#fff;background:var(--tone-main);border-radius:8px;place-items:center;width:46px;height:46px;display:grid;position:relative}.tone-green{--tone-main:#0f766e;--tone-soft:#0f766e26}.tone-blue{--tone-main:#2563eb;--tone-soft:#2563eb24}.tone-red{--tone-main:#dc2626;--tone-soft:#dc262624}.tone-amber{--tone-main:#f59e0b;--tone-soft:#f59e0b29}.tone-violet{--tone-main:#7c3aed;--tone-soft:#7c3aed24}.analytics-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px;display:grid}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.chart-card,.settings-card{padding:22px}.chart-card h6{margin-bottom:16px}.table-card{overflow:hidden}.table-toolbar{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;padding:18px}.table-toolbar h6{margin-bottom:6px}.MuiTableHead-root .MuiTableCell-root{color:#475569;background:#f8fafce0;font-weight:800}.MuiTableCell-root{white-space:nowrap}.settings-card{max-width:760px}.settings-preview,.settings-row{background:#f8fafcbd;border:1px solid #94a3b83d;border-radius:8px;padding:16px}.settings-preview{align-items:center;gap:16px;display:flex}.logo-preview{width:72px;height:72px;overflow:hidden}.logo-preview img{object-fit:cover;width:100%;height:100%}@media (width<=1280px){.stats-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (width<=1024px){.sidebar{transition:transform .24s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.main-shell{width:100%;margin-left:0}.mobile-menu{display:inline-flex!important}.analytics-grid,.split-grid{grid-template-columns:1fr}.user-meta{display:none}}@media (width<=720px){.topbar,.content-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.page-header{flex-direction:column;align-items:stretch}.stats-grid,.stats-grid.compact{grid-template-columns:1fr}.login-card{padding:24px}}