/* SIGMA Spectrum — midnight surfaces and distinct, purposeful colour accents. */
:root,[data-role]{color-scheme:dark;--bg:#0c1020;--bg-2:#11172b;--surface:#151c31;--surface-hi:#1b2440;--pan:#151c31;--pan2:#1c2640;--metal:#151c31;--piano:#101528;--head:#f0f2ff;--text:#b9c2da;--text-2:#97a5c2;--muted:#95a2be;--silver:#c2cbe0;--sil-hi:#f0f2ff;--steel:#9daac7;--steel-2:#95a2be;--line:#29324b;--line2:#3b4765;--line-2:#252f47;--primary:#8866f1;--primary-hi:#a98aff;--primary-ink:#c4b0ff;--primary-soft:#302650;--primary-soft-2:#392e5d;--accent:#9d7cfb;--accent-ink:#cbb9ff;--accent-soft:#2a254b;--brand:#9d7cfb;--brand-2:#54cfe4;--brand-3:#7353d6;--brand-soft:#2a254b;--ok:#36cfa0;--ok-2:#62e5b9;--ok-ink:#70e3bd;--ok-soft:#13372f;--warn:#edb45a;--warn-ink:#f8ca80;--warn-soft:#3a2d22;--danger:#d85b7e;--danger-ink:#ffa0ba;--danger-soft:#392136;--info:#58c9e5;--info-soft:#173548;--red:#d85b7e;--red-hi:#ed80a0;--role-main_admin:#b095ff;--role-developer:#6bb5ff;--role-supermaster:#64d8e8;--role-master:#67ddb3;--role-admin:#f0c276;--role-super:#ef94b7;--role-seller:#a8b7d4}
body{background:radial-gradient(ellipse at 85% 0,#26224844,transparent 45%),var(--bg);color:var(--text)}
a{color:var(--primary-ink)}::selection{background:#7961bb;color:#fff}::-webkit-scrollbar-thumb{background:#415070}input,select,textarea,select option{background:#10172a;color:var(--head);border-color:var(--line2)}input::placeholder,textarea::placeholder{color:#7f90ae}input:focus,select:focus,textarea:focus{border-color:#a887f9;box-shadow:0 0 0 3px #9c78fb24}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline-color:#b59aff}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #10172a inset!important;-webkit-text-fill-color:#edf0ff!important}.skip-link{background:#302650;color:#fff}
.sidebar{background:linear-gradient(170deg,#17162e,#11172a 65%);border-right:1px solid #2b2a44;padding-top:31px;width:238px}.sidebar .brand{padding-bottom:32px;gap:12px}.brand-logo{width:39px;height:39px;border-radius:12px;box-shadow:0 5px 22px #7d51e333}.brand-text{color:#f4f1ff;font-size:22px;letter-spacing:.13em}.brand-text small{color:#8c8ba9;font-size:8px;letter-spacing:.23em}.workspace-label,.sidebar .nav-divider{color:#818aa8;font-size:9px;letter-spacing:.16em}.sidebar nav{gap:5px}.sidebar nav a{color:#a8b1cd;min-height:42px;border:1px solid transparent;font-size:12px;transition:background .15s,color .15s}.sidebar nav a .ic{color:#8e8fac}.sidebar nav a:hover{background:#26243f;color:#f0eaff}.sidebar nav a.active{background:linear-gradient(100deg,#7753d7,#6746c1);border-color:#a080ec55;color:#fff;box-shadow:0 6px 18px #0002}.sidebar nav a.active .ic{color:#eee6ff}.side-account{border-color:#2a3048}.side-account strong{color:#e1e5f6}.side-account small{color:#969fba}.side-avatar,.top-avatar{background:linear-gradient(135deg,#343052,#20344b);border:1px solid #50446e;color:#d9caff}.side-account .sign-out{color:#a0aac5}.sidebar .menu-close,.menu-toggle{color:#c9bcf0;background:#211e39;border-color:#42375e}
.topbar{background:#101629ed;border-color:#27304a;height:75px;backdrop-filter:blur(18px)}.breadcrumb{color:#7e8ca9}.breadcrumb strong{color:#ccd4e9;font-weight:500}.top-search{background:#192036;border-color:#2c3650;color:#8b9ab9}.top-search input{background:transparent;color:#d7dff2}.top-date{color:#939fba}.page{padding-top:30px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:30px;letter-spacing:-.045em;font-weight:600}.page-heading p{color:#98a6c4;font-size:12px}.eyebrow{color:#ab95de;font-size:9px}.heading-meta{background:#172b2b;border-color:#285044;color:#8ddbc2}.heading-meta i{background:#4ad3ac}.workspace-footer{color:#7f8aa8;border-color:#26304a}.workspace-footer b{color:#a897d9}
.spectrum-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;border:1px solid #544172;border-radius:18px;background:radial-gradient(ellipse at 75% 120%,#335a7044,transparent 65%),linear-gradient(110deg,#30264b,#212c46);padding:24px 28px;margin-bottom:24px}.spectrum-welcome::after{content:'Σ';position:absolute;right:21%;top:-60px;font:bold 240px Georgia,serif;color:#bd99ff08;transform:rotate(-15deg);pointer-events:none}.spectrum-welcome>div,.spectrum-welcome>a{position:relative;z-index:1}.spectrum-welcome .eyebrow{color:#c6aaf4;font-size:9px;letter-spacing:.18em}.spectrum-welcome h2{font-size:23px;font-weight:600;margin:7px 0;color:#f3eeff;letter-spacing:-.03em}.spectrum-welcome p{margin:0;color:#b5afcb;font-size:12px}.spectrum-welcome .btn{background:#a991f1;color:#1b1430;border-color:#bba7fa;white-space:nowrap;min-height:42px}.spectrum-welcome .btn:hover{background:#c1aaff}
.panel,.summary-panel{background:linear-gradient(125deg,#192138,#151c30);border:1px solid #2d3650;border-radius:16px;box-shadow:0 5px 18px #03061115;padding:24px}.panel h2,.section-header h2{color:#e3e8fa;font-size:15px;font-weight:600}.panel h2 .sigma-icon{color:#b299f1}.section-header p,.panel .muted{color:#94a3c2}.section-link{color:#baa3ff}.card{background:#171e33;border:1px solid #313b56;border-radius:15px;position:relative;overflow:hidden}.card:hover{background:#1b233c;border-color:#5b5480}.card-ic{background:#ffffff0b;color:var(--tile-accent,#b89bff);display:grid!important;place-items:center;border:1px solid #ffffff0b}.card-label{color:#bcc2d9;font-size:11px}.card-value{color:#f0efff;font-size:29px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.card-sub{color:#a5abc4;font-size:10px}.cards{gap:16px}.overview-stats .card{padding:21px;min-height:150px}.overview-stats .card-ic{width:35px;height:35px;background:#ffffff08}.overview-stats .card-ic .sigma-icon{width:19px}.overview-stats .card-label{padding-right:36px}.cards>.card:nth-child(4n+1){--tile-accent:#baa0ff;background:linear-gradient(130deg,#2d2449,#211d38);border-color:#4c3d6e}.cards>.card:nth-child(4n+2){--tile-accent:#73d7ef;background:linear-gradient(130deg,#173447,#18293b);border-color:#2b5365}.cards>.card:nth-child(4n+3){--tile-accent:#73dfb6;background:linear-gradient(130deg,#1a3734,#1a2c32);border-color:#315649}.cards>.card:nth-child(4n+4){--tile-accent:#f0c17e;background:linear-gradient(130deg,#3b302c,#2d2831);border-color:#5b493e}.cards>.card::before{display:block;position:absolute;inset:auto 20px 0;width:35px;height:3px;background:var(--tile-accent);border-radius:4px 4px 0 0}.cards>.card .card-value{color:var(--tile-accent)}
.dashboard-columns{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:22px}.summary-panel .health-body{padding:4px 0 24px}.health-ring{background:conic-gradient(#53d3c0 calc(var(--progress)*1%),#2b3450 0);padding:8px;width:109px;height:109px}.health-ring>div{background:#192138}.health-ring strong{color:#e9f1ff;font-size:25px}.health-ring small{color:#97a9c5}.health-legend{font-size:11px;color:#aebcd7}.health-legend b{color:#e0e9f8}.legend-dot{background:#53d3c0}.legend-dot.neutral{background:#9383d5}.legend-dot.warn{background:#edb568}.summary-panel .status-list{padding-top:22px;border-top:1px solid #303950;gap:20px}.status-item{border:0;padding:0}.status-item label{color:#a1afcb;font-size:10px}.status-item strong{color:#c0adff;font-size:23px;font-weight:600}.status-item:nth-child(2) strong{color:#edbc76}.status-item:nth-child(3) strong{color:#ed9bb4}.status-item:nth-child(4) strong{color:#6cd7e2}
.action-grid{gap:9px}.action-item{background:#192137;border-color:#303a54;border-radius:10px;padding:13px;color:#d4ddf1}.action-item:hover{background:#232842;border-color:#72628f}.action-item .action-icon{background:#342a51;color:#c0a6ff;width:35px;height:35px}.action-item:nth-child(2) .action-icon{background:#173e4b;color:#70d7ee}.action-item:nth-child(3) .action-icon{background:#1b3d35;color:#70ddba}.action-item:nth-child(4) .action-icon{background:#41362c;color:#efc589}.action-item strong{font-size:11px}.action-item small{color:#94a3c1;font-size:10px}.action-item>.sigma-icon{color:#98a1be}
th{background:#11192e;color:#8f9eba;font-size:9px;border-color:#2a3550}td{color:#b5c3dd;border-color:#29334c;padding-block:15px}td b{color:#dce5f7}tbody tr:hover td{background:#202942}.activity-date{color:#93a3c2}.activity-amount b{color:#8cddcc}.table-scroll{border-radius:9px}table{min-width:460px}.badge{font-size:10px;letter-spacing:.01em;border:1px solid transparent}.badge-active,.badge-paid{background:#153d34;border-color:#275a48;color:#7de0b7}.badge-blocked,.badge-unpaid{background:#402438;border-color:#634052;color:#ffa4bc}.badge-muted{background:#293047;border-color:#3c4560;color:#b5bfd7}.badge-gift{background:#302950;border-color:#4f3e78;color:#c5adff}.empty{background:#111a2e;border:1px dashed #3e4966;color:#a7b4d1;min-height:120px;display:grid;place-items:center;text-align:center;line-height:1.8}.flash-success{background:var(--ok-soft);color:var(--ok-ink);border-color:#2f5e4e}.flash-error{background:var(--danger-soft);color:var(--danger-ink);border-color:#6c3c53}.flash-info{background:var(--info-soft);color:#93ddf2}.due-warning{background:#392e22;color:#f1ce91;border-color:#70542c}.due-countdown{color:#f6d29b;background:#4a3827}
.btn{background:#8965e9;border-color:#a584f055;color:#fff;border-radius:9px;box-shadow:none}.btn:hover{background:#9a76f5;border-color:#c1a6ff;color:#fff}.btn-ghost{background:#202941;border-color:#414c69;color:#bdc9e4}.btn-ghost:hover{background:#2b3552;border-color:#6c6d92;color:#f1ecff}.btn-ok{background:#246e59;border-color:#3e997b;color:#c9ffe9}.btn-ok:hover{background:#2b8268}.btn-danger{background:#78344e;border-color:#a0506b;color:#ffe0ec}.btn-danger:hover{background:#91405e}.btn-warn{background:#6d512d;border-color:#9d7542;color:#ffe3b5}.pay-row .pay-amt{background:#10172a}.pay-row .pay-cur{color:#a3b0cd}
.offer-banner{padding:0;background:linear-gradient(105deg,#27213e,#1b2d3e);border:1px solid #4a3c62;border-radius:10px;color:#c0b4dc;margin-bottom:22px}.offer-banner summary{padding:12px 17px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:11px;list-style:none}.offer-banner summary::-webkit-details-marker{display:none}.offer-banner summary .sigma-icon{width:16px;height:16px;color:#c09dff}.offer-banner summary::after{content:'+';margin-left:auto;color:#b0a3ce;font-size:17px}.offer-banner[open] summary::after{content:'−'}.offer-banner p{padding:0 17px 16px;margin:0;color:#b7adc9;font-size:12px;line-height:1.8}.dl-group{background:var(--surface);border-color:var(--line)}.dl-group>summary{background:var(--bg-2)}.dl-pill,.dl-crumb,.dl-crumb-here{background:var(--pan2);color:var(--text)}.login-wrap,.login-box{background:var(--surface)}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.settings-grid>.panel{margin:0;min-width:0;height:100%}.settings-grid>.panel:last-child{grid-column:1/-1}.settings-grid input{width:100%;min-width:0}.settings-grid form{flex-wrap:wrap}.settings-grid h2{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.settings-grid h2 .sigma-icon{color:#b59aff}.settings-grid .mono{overflow-wrap:anywhere}.settings-grid .panel{border-width:1px!important}.settings-grid .panel:nth-child(2){border-color:#31536c!important}.settings-grid .panel:nth-child(3){border-color:#375849!important}
@media(min-width:1600px){.sidebar{width:252px}.overview-stats .card{padding:25px}}
@media(max-width:1250px){.sidebar{width:218px}.dashboard-columns{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.overview-stats .card{padding:18px}.card-value{font-size:27px}}
@media(max-width:1050px){.sidebar{width:260px}.topbar{height:70px}.spectrum-welcome{padding:22px}.settings-grid{gap:16px}}
@media(max-width:760px){.page{padding-top:24px}.page-heading h1{font-size:27px}.page-heading .eyebrow{font-size:8px}.dashboard-columns{grid-template-columns:minmax(0,1fr);gap:0}.spectrum-welcome{padding:21px;align-items:flex-start;flex-direction:column;gap:18px}.spectrum-welcome h2{font-size:22px}.spectrum-welcome::after{right:10px;top:0;font-size:200px}.spectrum-welcome p{max-width:230px;line-height:1.75}.spectrum-welcome .btn{min-height:40px;font-size:11px}.overview-stats{gap:12px}.overview-stats .card{padding:17px;min-height:142px}.overview-stats .card-ic{width:26px;height:26px}.overview-stats .card-ic .sigma-icon{width:15px;height:15px}.overview-stats .card-label{font-size:10px;padding:0;clear:both;padding-top:9px;margin-bottom:9px}.overview-stats .card-ic{float:none}.card-value{font-size:26px}.card-sub{font-size:9px}.panel,.summary-panel{padding:20px}.settings-grid{grid-template-columns:1fr}.settings-grid>.panel:last-child{grid-column:auto}.top-tools{gap:10px}.health-body{gap:24px}.sidebar{border-right:1px solid #342d4e}.sidebar .brand-logo{width:39px;height:39px}.sidebar .brand{padding-bottom:30px}}