:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#e7eefb;background:#080d17;font-size:14px;--bg:#090f1a;--panel:#111b2b;--panel2:#172235;--line:#263247;--muted:#8b9bb2;--blue:#638aff;--good:#45d7ab;--bad:#ff7188;--gold:#deb77b}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{color:#e8effd;background:#0c1524;border:1px solid #324056;border-radius:9px;padding:12px 13px;outline:none;width:100%;min-height:43px}input:focus,select:focus,textarea:focus{border-color:#6489e7;box-shadow:0 0 0 3px rgba(95,132,245,.12)}input[type=checkbox]{width:18px;height:18px;min-height:auto;accent-color:#6287ff}select option{background:#182435}h1,h2,h3,h4,p{margin:0}h1{font-size:31px;letter-spacing:-1px}h2{font-size:24px;letter-spacing:-.6px}h3{font-size:18px}small,.muted{color:var(--muted)}a{color:#acc2ff}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:252px;flex-shrink:0;height:100vh;background:#0b1422;border-right:1px solid #243045;display:flex;flex-direction:column;overflow:auto}.logo-area{height:94px;display:flex;gap:13px;align-items:center;padding:0 23px;border-bottom:1px solid #202c40}.logo-sign,.brandmark{width:43px;height:43px;background:linear-gradient(145deg,#4e6beb,#8a73c7);display:grid;place-items:center;border-radius:13px;font-size:27px;font-weight:900;color:#fff;box-shadow:0 9px 24px #3558c533}.logo-sign span,.brandmark span{font-size:15px;color:#eac68f;margin-left:-5px}.logo-name{font-weight:850;letter-spacing:1px;font-size:14px}.logo-sub{color:#8996b5;font-size:9px;letter-spacing:1.8px;margin-top:5px}.nav-caption{color:#62738f;font-size:10px;letter-spacing:1.6px;padding:22px 23px 9px;font-weight:800}.nav-caption.minor{padding-top:24px}.sidebar nav{display:flex;flex-direction:column;gap:3px;padding:0 11px;flex:1}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:#a7b5cb;text-align:left;border-radius:9px;padding:11px 13px;font-weight:560;display:flex;align-items:center;gap:12px}.nav-item:hover{background:#1b2840;color:#fff}.nav-item.active{background:#243653;color:#e3ebff;border-color:#344e76}.ni{font-size:20px;line-height:17px;width:22px;text-align:center;color:#8da9e8}.sidebar-bottom{padding:22px;border-top:1px solid #253044}.server-dot{font-size:10px;letter-spacing:.7px;color:#8fa1b4}.dot{display:inline-block;width:7px;height:7px;border-radius:10px;background:#55d7ab;box-shadow:0 0 12px #55d7ab;margin-right:7px}.sidebar-ver{color:#566780;font-size:9px;margin-top:12px;letter-spacing:1px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:94px;border-bottom:1px solid #263047;display:flex;align-items:center;justify-content:space-between;padding:0 37px;background:#0b1320}.crumb{font-size:10px;color:#74869f;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:9px}.crumb span{color:#bfd0ec}.topbar h2{font-size:23px}.topbar-right{display:flex;align-items:center;gap:12px}.mini-date{margin-right:16px;color:#8f9cb1;font-size:12px}.profile-icon{height:35px;width:35px;border-radius:11px;display:grid;place-items:center;background:#3a5283;color:#dce9ff;font-weight:800}.user-meta{display:flex;flex-direction:column;gap:3px;min-width:75px}.user-meta strong{font-size:12px}.user-meta span{font-size:9px;color:#889cb7;letter-spacing:1px}.icon-btn,.hamburger{border:1px solid #2b3a52;background:#152237;color:#adbfda;border-radius:10px;height:37px;width:37px}.hamburger{display:none}.content{padding:30px 36px;flex:1;max-width:1660px;width:100%;margin:0 auto}.footer{color:#53647e;padding:24px 36px;font-size:10px;letter-spacing:.6px;border-top:1px solid #1d2a3c}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:21px}.section-head h3{font-size:20px;margin-bottom:6px;letter-spacing:-.3px}.section-head p{color:#8091aa;font-size:12px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.primary,.secondary,.ghost,.danger-btn{border-radius:9px;border:1px solid #536edd;padding:10px 15px;color:#fff;font-weight:700;white-space:nowrap;background:linear-gradient(120deg,#4c70de,#6877dd)}.primary:hover{filter:brightness(1.1)}.secondary{background:#182638;border-color:#35445c;color:#ced9ea}.secondary:hover{background:#23334b}.ghost{background:transparent;border-color:#334258;color:#b7c7e2}.danger-btn{background:#3d202f;border-color:#82485b;color:#ffb3c0}.btn-sm{padding:7px 10px;font-size:11px;border-radius:8px}.wide{width:100%;display:flex;justify-content:space-between}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px}.stat{background:linear-gradient(150deg,#162235,#121c2d);border:1px solid #2a3950;padding:21px 22px;border-radius:14px;min-width:0}.stat-head{color:#9caec6;font-size:12px;display:flex;justify-content:space-between}.stat-ico{color:#718ab8;font-size:17px}.stat-number{font-size:28px;font-weight:790;letter-spacing:-.5px;margin-top:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-foot{margin-top:9px;font-size:11px;color:#7188a6}.good{color:var(--good)!important}.bad{color:var(--bad)!important}.gold{color:var(--gold)!important}.grid2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.9fr);gap:17px}.panel{background:#111b2b;border:1px solid #28384e;border-radius:14px;overflow:hidden}.panel-inner{padding:22px}.panel-head{padding:19px 21px;border-bottom:1px solid #273449;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head strong{font-size:14px}.panel-head span{font-size:11px;color:#8292a8}.table-scroll{overflow:auto}.tbl{border-collapse:collapse;width:100%;min-width:600px;font-size:12px}.tbl th{text-align:left;white-space:nowrap;padding:14px 17px;background:#142034;color:#7e91aa;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:750}.tbl td{padding:13px 17px;border-top:1px solid #243148;color:#cbd7ea;vertical-align:middle}.tbl tr:hover td{background:#18283c}.tbl .right{text-align:right;font-variant-numeric:tabular-nums}.bold{font-weight:750;color:#f0f5ff}.tag{display:inline-block;padding:5px 8px;border-radius:6px;background:#25344e;color:#b9cce8;font-size:10px;font-weight:700;white-space:nowrap}.tag.green{background:#143a33;color:#66e5ba}.tag.red{background:#482433;color:#ff9eae}.tag.yellow{background:#403520;color:#f5c883}.tag.blue{background:#243a60;color:#a8c8ff}.empty{text-align:center;padding:50px 20px;color:#8499b4;font-size:13px}.notice{padding:13px 16px;border:1px solid #344563;background:#16243a;border-radius:9px;color:#9db2d2;font-size:12px;line-height:1.7;margin-bottom:18px}.kpi-list{display:flex;flex-direction:column}.kpi-item{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-top:1px solid #26344b;gap:12px}.kpi-item:first-child{border-top:0}.kpi-item span{color:#98abc5}.kpi-item strong{font-variant-numeric:tabular-nums}.pill{border:1px solid #334662;color:#a7bada;background:#142135;border-radius:999px;padding:7px 13px;font-size:11px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 22px}.pill.active{background:#28416b;border-color:#5879b7;color:#fff}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 15%,#1d3158 0,transparent 48%),#080e19;padding:20px}.auth-panel{background:#111c2e;border:1px solid #2d3c56;box-shadow:0 25px 70px #0008;border-radius:21px;width:min(100%,440px);padding:37px}.brandmark{margin-bottom:29px}.eyebrow{font-weight:800;font-size:10px;letter-spacing:2px;color:#849cda;margin-bottom:13px}.auth-panel h1{margin-bottom:10px}.auth-panel .muted{font-size:13px;line-height:1.6;margin-bottom:27px}.auth-panel form{display:flex;flex-direction:column;gap:17px}.auth-panel label,.modal-fields label{font-size:12px;color:#b7c6da;font-weight:700;display:block}.auth-panel label input,.modal-fields label input,.modal-fields label select,.modal-fields label textarea{margin-top:8px}.auth-panel button{margin-top:10px}.auth-note{text-align:center;padding-top:29px;color:#5e7291;font-size:9px;letter-spacing:1.5px}.modal-overlay{position:fixed;inset:0;background:#050a11dc;display:grid;place-items:center;z-index:100;padding:16px}.modal{border:1px solid #40516d;background:#142034;border-radius:16px;max-width:590px;width:100%;max-height:93vh;display:flex;flex-direction:column;box-shadow:0 25px 110px #000b}.modal-head{padding:24px 25px;border-bottom:1px solid #2e3e56;display:flex;align-items:center;justify-content:space-between}.modal-close{border:none;background:transparent;color:#afbdd0;font-size:19px}.modal-fields{padding:22px 25px;display:grid;grid-template-columns:1fr 1fr;gap:17px;overflow-y:auto}.modal-fields .full{grid-column:1/-1}.modal-fields textarea{min-height:88px}.modal-fields .hint{font-size:11px;color:#8c9fb9;line-height:1.6;grid-column:1/-1}.modal-footer{display:flex;justify-content:end;gap:10px;padding:17px 25px;border-top:1px solid #2c3a51}.checkbox-row{display:flex!important;gap:9px;align-items:center;font-size:12px;font-weight:500!important}.checkbox-row input{margin:0!important}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast-wrap{position:fixed;bottom:23px;right:24px;z-index:200;display:flex;flex-direction:column;gap:9px;max-width:360px}.toast{background:#213754;border:1px solid #547cb0;padding:14px 16px;color:#e9f0ff;border-radius:10px;box-shadow:0 12px 30px #0007}.toast.error{background:#48212d;border-color:#a44c5c}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px}.filters input,.filters select{max-width:190px;min-height:38px;padding:8px 10px}.bar-meter{width:100%;height:9px;background:#293c54;border-radius:10px;overflow:hidden}.bar-meter>div{height:100%;background:linear-gradient(90deg,#5878df,#51cba9);border-radius:10px}.listlines{display:flex;flex-direction:column}.listline{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #243249;gap:10px}.listline:first-child{border-top:none}.value-small{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.subtext{font-size:11px;color:#879bb3;margin-top:4px}.danger-note{background:#362630;border-color:#764052;color:#f1a9b8}.minichart{display:flex;align-items:end;gap:8px;height:145px;padding:10px 0 3px}.minichart .bar-col{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;gap:8px}.minichart .bar{width:100%;max-width:50px;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#3454ac,#7290fa);min-height:3px}.minichart .bar.neg{background:linear-gradient(0deg,#713e5a,#ef7390)}.minichart .bar-label{font-size:10px;color:#71849f}.small-note{font-size:11px;color:#889cba;line-height:1.5}.two-line{display:flex;flex-direction:column;gap:4px}.table-actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}.callout{border:1px solid #34516b;border-radius:10px;background:#172c3c;padding:17px 19px;margin-bottom:15px;color:#b3c5d9;line-height:1.65}.callout strong{color:#e2edff}.status-row{display:flex;align-items:center;gap:10px}.flow-amount{font-variant-numeric:tabular-nums;font-weight:800}.shortcut{background:#202f47;color:#c1d0ec;border:1px solid #364b69;border-radius:7px;padding:3px 8px;font-size:10px}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}.content{padding:24px}.topbar{padding:0 25px}}
@media(max-width:780px){.sidebar{position:fixed;left:0;top:0;z-index:50;transform:translateX(-100%);transition:transform .2s;box-shadow:20px 0 60px #0006}.sidebar.open{transform:translateX(0)}.hamburger{display:block}.mini-date{display:none}.topbar{height:83px;padding:0 16px}.topbar h2{font-size:18px}.topbar-right{gap:7px}.user-meta{min-width:0}.content{padding:18px 13px}.stats-grid{gap:9px}.stat{padding:15px}.stat-number{font-size:23px}.section-head{align-items:start;flex-direction:column}.modal-fields{grid-template-columns:1fr}.modal-fields .full{grid-column:1}.footer{padding:22px 14px}.crumb{font-size:9px}.profile-icon{display:none}.permissions-grid{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.stats-grid{grid-template-columns:1fr}.stat-number{font-size:25px}}
