*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172033;font-family:Segoe UI,Arial,sans-serif;line-height:1.5}header{background:#173b63;color:#fff;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px}header b{font-size:20px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}.global-back{display:inline-flex;align-items:center;gap:6px;background:#e8eef7;color:#173b63;border:1px solid #c8d6e8;padding:8px 13px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap;margin:0}.global-back:hover{background:#fff;filter:none}nav a,nav span{color:#fff;margin-left:16px;text-decoration:none;font-size:14px}nav a:hover{text-decoration:underline}nav form{display:inline}nav .nav-logout{background:transparent;color:#fff;padding:0;margin-left:16px;font:inherit}main{max-width:1120px;margin:28px auto;padding:0 20px}.hero{background:#fff;border:1px solid #d9e2ec;border-radius:16px;padding:28px;box-shadow:0 8px 25px #173b6310}h1{margin:0 0 8px;color:#173b63;line-height:1.25}h2{color:#173b63;line-height:1.3}.muted{color:#64748b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px;margin-top:22px}.card{background:#fff;border:1px solid #d9e2ec;border-radius:14px;padding:20px;min-width:0}button,.btn{display:inline-block;border:0;background:#2f6fed;color:white;padding:11px 16px;border-radius:9px;font-weight:700;text-decoration:none;cursor:pointer}button:hover,.btn:hover{filter:brightness(.96)}button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#e8eef7;color:#173b63}input,select,textarea{max-width:100%;font:inherit;padding:11px;border:1px solid #cbd5e1;border-radius:8px;margin:6px 0 14px}label{display:block;font-weight:600;font-size:13px}.alert{padding:12px;border-radius:9px;background:#fff7ed;border:1px solid #fed7aa;margin:12px 0}.success{padding:12px;border-radius:9px;background:#ecfdf5;border:1px solid #a7f3d0;margin:12px 0}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:13px;overflow-wrap:anywhere}th{background:#f8fafc;color:#475569}.pill{display:inline-block;padding:4px 9px;border-radius:99px;background:#e8eef7;color:#173b63;font-size:12px;font-weight:700}.danger{color:#b91c1c}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.drop{border:2px dashed #b7c5d8;border-radius:14px;padding:25px;text-align:center;background:#f8fbff}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.small{font-size:12px}ul{line-height:1.7}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.stat-card{background:#fff;border:1px solid #d9e2ec;border-radius:14px;padding:18px;min-width:0}.stat-label{font-size:11px;font-weight:800;color:#64748b;letter-spacing:.5px}.stat-value{font-size:clamp(22px,3vw,30px);font-weight:800;color:#173b63;margin:6px 0}.stat-note{font-size:12px;color:#64748b}.allowance-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#eef5ff;border:1px solid #cfe0fb;border-radius:14px;padding:16px;margin-top:16px}.two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-top:18px}.danger-btn{background:#fee2e2;color:#991b1b}.table-scroll{max-width:100%;overflow-x:auto}.processing-overlay{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(15,23,42,.68);backdrop-filter:blur(3px)}.processing-overlay.is-visible{display:flex}.processing-panel{width:min(430px,100%);background:#fff;border-radius:18px;padding:30px 24px;text-align:center;box-shadow:0 24px 80px #0003}.processing-spinner{width:52px;height:52px;margin:0 auto 18px;border:5px solid #dbeafe;border-top-color:#2f6fed;border-radius:50%;animation:basicSpin .8s linear infinite}.processing-panel h2{margin:0 0 8px}.processing-panel p{color:#64748b;margin:0}
    /* Step 85: consistent, responsive workspace layouts */
    header{padding:14px clamp(16px,3vw,30px);flex-wrap:wrap;align-items:center}
    header b{letter-spacing:-.35px;white-space:nowrap}
    nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;min-width:0}
    nav a,nav span{margin-left:0;padding:7px 9px;border-radius:7px}
    nav a:hover{background:#ffffff18;text-decoration:none}
    nav .nav-logout{margin:0;padding:7px 9px;border-radius:7px}
    main{width:min(100%,1240px);margin:24px auto;padding:0 clamp(12px,2.5vw,24px)}
    .hero{padding:clamp(18px,3vw,30px);box-shadow:0 4px 18px #173b6308}
    .hero>.grid:first-child{margin-top:16px}
    .card{box-shadow:0 2px 8px #173b6306;transition:border-color .15s ease,box-shadow .15s ease}
    a.card{display:block;color:inherit;text-decoration:none}
    a.card:hover{border-color:#9bb8e8;box-shadow:0 6px 18px #173b6312}
    .stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(165px,100%),1fr));gap:12px;margin:18px 0}
    .stat-card{padding:16px}
    .stat-label{letter-spacing:.35px;line-height:1.4}
    .allowance-banner{margin-top:14px}
    .two-col{align-items:start}
    .purpose-card .grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px}
    .purpose-card .grid>div{padding:12px;border:1px solid #e5edf7;border-radius:10px;background:#fbfdff}
    .table-scroll, .card{min-width:0}
    table{min-width:620px}
    .actions .btn{margin:0}
    @media(max-width:760px){header{align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}nav{justify-content:flex-start}nav a,nav span{padding:6px 8px}main{margin:16px auto}.two-col{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{border-radius:12px}.card{padding:16px}.workspace-head{align-items:flex-start}}
    @media(max-width:440px){header b{font-size:18px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-value{font-size:24px}.actions{gap:8px}.actions .btn, .actions button{flex:1 1 100%;text-align:center}th,td{padding:9px;font-size:12px}}
    @keyframes basicSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.processing-spinner{animation-duration:2s}}
    .landing-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center;gap:32px;padding:clamp(24px,4vw,48px);background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #d9e2ec;border-radius:22px;box-shadow:0 16px 45px #173b6310;overflow:hidden}.landing-copy h1{font-size:clamp(32px,4.4vw,50px);letter-spacing:-1.5px;margin:15px 0;max-width:650px}.landing-copy h1 span{color:#2f6fed}.landing-lead{font-size:18px;color:#52647c;max-width:610px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#315f9e;font-size:11px;letter-spacing:1.3px;font-weight:800}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#2f6fed}.landing-cta{background:#2f6fed;box-shadow:0 6px 16px #2f6fed30}.landing-note{font-size:12px;color:#64748b;max-width:520px;margin-top:18px}.workflow-preview{background:#fff;border:1px solid #d9e2ec;border-radius:18px;padding:18px;box-shadow:0 12px 35px #173b6314}.preview-top{display:flex;align-items:center;gap:11px;padding:3px 2px 17px;border-bottom:1px solid #e8eef5}.preview-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#173b63;color:white;font-weight:800}.preview-top strong,.preview-step strong{display:block;font-size:13px;color:#172033}.preview-top small,.preview-step small{display:block;font-size:11px;color:#718096;margin-top:3px}.preview-status{margin-left:auto;background:#ecfdf5;color:#047857;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap}.preview-step{display:flex;align-items:center;gap:12px;padding:17px 2px;border-bottom:1px solid #edf1f6}.step-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:#eff6ff;color:#2f6fed;font-size:11px;font-weight:800}.step-check,.step-arrow{margin-left:auto;color:#059669;font-weight:800}.step-arrow{color:#2f6fed;font-size:18px}.preview-foot{padding-top:15px;color:#64748b;font-size:11px}.preview-lock{color:#2f6fed;margin-right:6px}.landing-section,.landing-faq{padding:48px 0 12px}.section-heading{text-align:center;max-width:700px;margin:0 auto 24px}.section-heading h2,.how-section h2,.landing-bottom-cta h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.6px;margin:8px 0}.section-heading p{margin-top:6px}.landing-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.landing-card{background:#fff;border:1px solid #d9e2ec;border-radius:15px;padding:23px;box-shadow:0 5px 20px #173b6308}.feature-icon{display:grid;place-items:center;width:42px;height:42px;background:#eff6ff;color:#2f6fed;border-radius:12px;font-size:21px;font-weight:800}.landing-card h3{margin:15px 0 7px;color:#173b63}.landing-card p,.faq-grid p{color:#64748b;font-size:14px}.landing-card a{font-size:13px;font-weight:700;color:#2f6fed;text-decoration:none}.how-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;margin-top:44px;padding:32px;background:#eaf2ff;border-radius:20px}.how-list{list-style:none;padding:0;margin:0;display:grid;gap:18px}.how-list li{display:flex;gap:14px;align-items:flex-start}.how-list li>span{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#fff;color:#2f6fed;font-weight:800}.how-list strong{color:#173b63}.how-list p{margin:3px 0 0;color:#52647c;font-size:13px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.faq-grid details{padding:17px;background:#fff;border:1px solid #d9e2ec;border-radius:12px}.faq-grid summary{font-weight:700;color:#173b63;cursor:pointer}.faq-grid p{margin-bottom:0}.landing-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 10px;padding:26px 30px;border-radius:18px;background:#173b63;color:white}.landing-bottom-cta h2{color:white}.landing-bottom-cta p{margin:5px 0 0;color:#d6e3f5}.landing-bottom-cta .landing-cta{white-space:nowrap}
    @media(max-width:760px){.landing-hero{grid-template-columns:1fr;gap:24px}.landing-features{grid-template-columns:1fr}.how-section{grid-template-columns:1fr;padding:23px}.faq-grid{grid-template-columns:1fr}.landing-bottom-cta{align-items:flex-start;flex-direction:column}.landing-copy h1{letter-spacing:-.7px}.preview-status{font-size:9px}}
    @media(max-width:760px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column;padding:15px}header b{font-size:18px}.header-actions{width:100%;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:12px}nav{display:flex;gap:10px;flex-wrap:wrap}nav a,nav span{margin-left:0}main{margin:18px auto;padding:0 14px}.hero{padding:20px}.card{padding:16px}}@media(max-width:380px){.stats-grid{grid-template-columns:1fr}.actions .btn,.actions button{width:100%;text-align:center}}
        .account-page{padding:clamp(18px,3vw,32px);max-width:100%}.account-heading{align-items:center;margin-bottom:22px}.account-heading h1{font-size:clamp(28px,3vw,38px);letter-spacing:-.6px;margin-top:7px}.account-heading p{max-width:660px;margin:7px 0 0}.account-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 30px}.account-status-grid .stat-card{padding:18px 20px;background:linear-gradient(180deg,#fff,#fbfdff)}.account-stat-value{font-size:clamp(18px,1.7vw,24px);line-height:1.35;overflow-wrap:anywhere}.account-section-title{margin:26px 0 13px}.account-section-title h2{font-size:21px;margin:0 0 4px}.account-section-title p{margin:0;font-size:14px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.account-card{padding:22px;display:flex;flex-direction:column}.account-card-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.account-card-heading h2{font-size:19px;margin:0 0 4px}.account-card-heading p{font-size:13px;margin:0}.account-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#eff6ff;color:#2f6fed;font-size:12px;font-weight:800}.account-form{display:flex;flex-direction:column;align-items:flex-start}.account-form label{margin-top:2px}.account-form input{display:block;width:100%;min-width:0;margin:5px 0 14px}.account-form button{margin-top:2px}.allowance-details{border:1px solid #e4ebf4;border-radius:10px;padding:4px 13px;background:#f8fbff}.allowance-details p{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0;font-size:14px}.allowance-details span{color:#64748b}.allowance-details b{color:#173b63;text-align:right}.account-actions form{margin:0}.account-table-card{margin-top:18px;padding:22px}.account-table-card .account-section-title{margin:0 0 14px}.account-table-card .table-scroll{overflow-x:auto}.account-table-card table{min-width:560px}@media(max-width:760px){.account-status-grid{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.account-page{padding:18px}.account-heading{align-items:flex-start}.account-card,.account-table-card{padding:16px}.account-stat-value{font-size:20px}}
    .auth-form{width:100%;max-width:460px;margin-top:18px}.auth-form label{margin-top:4px}.auth-form input:not([type=checkbox]),.auth-form select,.auth-form textarea{display:block;width:100%;max-width:100%;min-width:0}.auth-form .password-field{width:100%;max-width:100%}.auth-form button[type=submit],.auth-form>button{min-width:140px}.password-field{position:relative;display:flex;align-items:center;max-width:100%;margin:6px 0 14px}.password-field input{width:100%;max-width:100%;margin:0;padding-right:48px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;color:#173b63;padding:7px 9px;margin:0;border-radius:6px;line-height:1;font-size:18px}.password-toggle:hover{background:#e8eef7;filter:none}.password-toggle:focus-visible{outline:3px solid #f59e0b;outline-offset:1px}
    /* BASIC SLSP lightweight theme: static colors, no blur, no looping animation, no external assets */
body{background:#f3f7fc;color:#1e293b;font-family:system-ui,"Segoe UI",Roboto,Arial,sans-serif}
a{color:#1d4ed8}
header{background:#12305a;border-bottom:3px solid #3b82f6}
header b{display:inline-flex;align-items:center;letter-spacing:.3px}
header b::before{content:"S";display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;border-radius:8px;background:#3b82f6;color:#fff;font-size:15px}
nav a,nav span,nav .nav-logout{color:#dbe7f7}
nav a:hover,nav .nav-logout:hover{background:rgba(255,255,255,.14);color:#fff}
nav .nav-logout{font-size:14px;box-shadow:none;transform:none}
nav span{color:#9db8dc}
main{animation:slspFade .25s ease-out}
@keyframes slspFade{from{opacity:0}to{opacity:1}}
.hero{border:1px solid #dbe4f0;border-radius:16px;box-shadow:0 1px 3px rgba(18,48,90,.07)}
h1{color:#12305a;font-weight:800}
h2{color:#12305a}
.card{border:1px solid #dbe4f0;box-shadow:0 1px 2px rgba(18,48,90,.05);transition:border-color .15s,box-shadow .15s}
a.card:hover{border-color:#93b4ea;box-shadow:0 4px 12px rgba(37,99,235,.12)}
button{font-family:inherit;font-size:1rem}
    button,.btn{background:#2563eb;border-radius:10px;box-shadow:0 1px 2px rgba(37,99,235,.35);transition:background .15s,transform .12s}
button:hover,.btn:hover{background:#1d4ed8;filter:none;transform:translateY(-1px)}
button:active,.btn:active{transform:none}
.secondary,.btn.secondary{background:#e8eff9;color:#12305a;box-shadow:none}
.secondary:hover,.btn.secondary:hover{background:#d9e6f8;color:#12305a}
.danger-btn{background:#fee2e2;color:#991b1b;box-shadow:none}
.danger-btn:hover{background:#fecaca}
input,select,textarea{border:1px solid #c7d4e5;background:#fff;color:#1e293b;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.18)}
input[type=checkbox],input[type=radio]{accent-color:#2563eb}
th{background:#eef3fa;color:#475569;font-size:11px;letter-spacing:.5px;text-transform:uppercase}
td{border-bottom-color:#e8eef6}
tbody tr:hover td{background:#f7faff}
.pill{background:#e6efff;color:#1d4ed8}
.stat-card{border-left:4px solid #3b82f6}
.stat-value{color:#12305a}
.allowance-banner{background:#eaf2ff;border:1px solid #c9dcfb}
.drop{border-color:#9db7da;background:#f7faff;transition:border-color .15s,background .15s}
.drop:hover{border-color:#2563eb;background:#eff5ff}
input[type=file]::file-selector-button{margin-right:10px;border:0;padding:8px 13px;border-radius:8px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}
details>summary{cursor:pointer}
.landing-cta{background:#2563eb}
footer a{color:#475569;text-decoration:none}
footer a:hover{color:#2563eb;text-decoration:underline}
/* dashboards + charts */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px;margin:20px 0 14px}
.kpi{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dbe4f0;border-radius:16px;padding:16px 18px;box-shadow:0 1px 2px rgba(18,48,90,.05);min-width:0}
.kpi-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none}
.kpi-icon svg{width:24px;height:24px}
.kpi-icon.blue{background:#e6efff;color:#2563eb}.kpi-icon.teal{background:#dcf7f3;color:#0d9488}.kpi-icon.amber{background:#fef3c7;color:#b45309}.kpi-icon.violet{background:#ede9fe;color:#7c3aed}
.kpi-label{font-size:12px;font-weight:700;letter-spacing:.4px;color:#64748b;text-transform:uppercase}
.kpi-value{font-size:26px;font-weight:800;color:#12305a;line-height:1.2;overflow-wrap:anywhere}
.kpi-note{font-size:11.5px;color:#64748b}
.mini-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.mini{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:#fff;border:1px solid #dbe4f0;border-radius:999px;font-size:13px;color:#475569;text-decoration:none}
.mini b{color:#12305a;font-size:15px}
a.mini:hover{border-color:#93b4ea;background:#f7faff}
.mini.warn{background:#fffbeb;border-color:#fde68a}.mini.warn b{color:#b45309}
.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.chart-card{background:#fff;border:1px solid #dbe4f0;border-radius:16px;padding:18px 18px 14px;min-width:0;box-shadow:0 1px 2px rgba(18,48,90,.05)}
.chart-card h2{font-size:17px;margin:0}
.chart-sub{margin:2px 0 10px;font-size:12.5px;color:#64748b}
.chart-card svg{width:100%;height:auto;display:block}
.chart-card svg text{font-family:inherit}
.ax{fill:#64748b;font-size:11px}.ax.empty{font-size:13px;fill:#94a3b8}
.gridline{stroke:#e6edf6;stroke-width:1}
.val{fill:#12305a;font-size:11px;font-weight:700}
.bar{transform-box:fill-box;transform-origin:bottom;animation:slspGrow .5s ease-out}
@keyframes slspGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.legend{list-style:none;padding:0;margin:10px 0 2px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:#475569}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px}
.legend b{color:#12305a;margin-left:6px}
.donut-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.donut-wrap svg{width:190px;max-width:100%;flex:none}
.donut-wrap .legend{flex-direction:column;flex-wrap:nowrap;gap:10px;margin:0;flex:1;min-width:170px}
.donut-wrap .legend li{display:flex;align-items:center}.donut-wrap .legend b{margin-left:auto}
.donut-num{font-size:8px;font-weight:800;fill:#12305a}.donut-cap{font-size:3.2px;fill:#64748b}
.hbar{margin:14px 0}
.hbar-top{display:flex;justify-content:space-between;font-size:13px;color:#475569}.hbar-top b{color:#12305a}
.hbar-track{height:10px;border-radius:99px;background:#eef3fa;overflow:hidden;margin-top:6px}
.hbar-track i{display:block;height:100%;border-radius:99px}
.table-toggle{margin-top:6px;font-size:13px}.table-toggle summary{color:#2563eb;font-weight:600;padding:4px 0}
.hello{display:flex;align-items:center;gap:14px}
.avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#2563eb;color:#fff;font-weight:800;font-size:21px;flex:none}
.module-card{display:flex;flex-direction:column;align-items:flex-start}.module-card p{flex:1;margin:0 0 14px}.module-card h2{margin:2px 0 6px}
    .two-col table,.two-col .card table{min-width:0}.two-col .card{overflow:hidden}
.mod-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:10px}
.mod-icon svg{width:24px;height:24px}
.mod-icon.blue{background:#e6efff;color:#2563eb}.mod-icon.violet{background:#ede9fe;color:#7c3aed}
.user-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-top:16px}
.meter-label{display:flex;justify-content:space-between;font-size:13px;color:#475569;margin-top:4px}.meter-label b{color:#12305a}
.meter{height:10px;border-radius:99px;background:#e6edf7;overflow:hidden;margin:6px 0 4px}.meter i{display:block;height:100%;background:#2563eb;border-radius:99px}
@media(max-width:860px){.chart-grid,.user-panels{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.bar{animation:none}}
    :root{--logo:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Crect width=%27512%27 height=%27512%27 rx=%27104%27 fill=%27%23004AAD%27/%3E%3Cpath fill=%27%23fff%27 fill-rule=%27evenodd%27 transform=%27translate(256 256) scale(.72) translate(-369 -385)%27 d=%27M206 187 L206 582 L432 582 L530 484 L354 308 L426 236 L477 282 L426 333 L452 360 L532 281 L428 187 Z M245 225 L380 225 L300 307 L476 484 L415 544 L322 544 L402 464 L376 436 L267 544 L245 544 Z%27/%3E%3C/svg%3E")}

header b::before{content:"";font-size:0;width:34px;height:34px;margin-right:10px;border-radius:9px;background:var(--logo) center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.28)}
.preview-mark{font-size:0;color:transparent;background:var(--logo) center/cover no-repeat}
.auth-logo{width:60px;height:60px;border-radius:16px;background:var(--logo) center/cover no-repeat;margin:0 0 14px;box-shadow:0 6px 16px rgba(0,74,173,.3)}
    @media(prefers-reduced-motion:reduce){main{animation:none}*{transition:none!important}}