:root{--bg:#07101f;--aside:#091426;--panel:#0d1a2d;--panel2:#101f35;--line:#20324a;--text:#edf4ff;--muted:#8294af;--blue:#3772ff;--cyan:#24c8e5;--green:#34d399;--red:#fb7185;--amber:#fbbf24;--purple:#9b7bff;--shadow:0 16px 40px #02071155}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 70% -20%,#102d5e 0,transparent 30%),var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}.hidden{display:none!important}.muted{color:var(--muted);margin:4px 0}.eyebrow{color:#7fa7f8;font-size:10px;letter-spacing:.18em;font-weight:800;margin:0 0 7px}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:230px;background:linear-gradient(180deg,#0a1729,#081220);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;z-index:10}.logo{display:flex;align-items:center;gap:11px;padding:0 5px 24px}.logo strong{font-size:16px}.logo small,.profile small{display:block;color:#7590b5;font-size:10px;margin-top:3px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px;font-weight:900;background:linear-gradient(145deg,#3772ff,#2445ba);box-shadow:0 8px 30px #2c5ff04a}.brand-mark.big{width:52px;height:52px;margin:auto;font-size:26px}nav button,.logout{border:0;color:#9db0c9;background:transparent;width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;cursor:pointer;text-align:left;font-weight:650;margin:2px 0}nav button i{font-size:18px;font-style:normal;width:22px;text-align:center}nav button:hover,nav button.active{background:linear-gradient(90deg,#244fba55,#22396488);color:white}nav button.active{box-shadow:inset 3px 0 var(--blue)}nav button b{margin-left:auto;background:#173c64;color:#7dd3fc;font-size:10px;padding:3px 7px;border-radius:20px}.nav-label{font-size:9px;letter-spacing:.16em;color:#4c6484;margin:24px 12px 7px}.profile{margin-top:auto;border:1px solid var(--line);background:#0b1829;padding:10px;display:flex;align-items:center;gap:9px;border-radius:12px}.profile>span{margin-left:auto}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3976ff,#263e9e);font-weight:800;font-size:11px}.logout{border:1px solid var(--line);justify-content:center;margin-top:8px}main{grid-column:2;padding:22px 26px 40px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}header h2{margin:0;font-size:22px}.header-actions{display:flex;align-items:center;gap:12px}.online,.mode{border:1px solid #1a634f;border-radius:20px;padding:7px 11px;color:#68e6b6;font-size:11px;font-weight:700}.online i{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-right:6px;box-shadow:0 0 12px var(--green)}.mode{border-color:#574217;color:#fcd34d}.bell,.mobile-menu{background:#0d1a2d;border:1px solid var(--line);color:white;border-radius:10px;width:38px;height:38px;position:relative}.bell b{position:absolute;right:-4px;top:-5px;font-size:8px;background:var(--blue);padding:3px;border-radius:10px}.mobile-menu{display:none}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(4,1fr)}.kpi,.card{background:linear-gradient(145deg,#0e1c30,#0b1728);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.kpi{padding:18px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:var(--accent,var(--blue));border-radius:4px}.kpi .label{font-size:11px;color:#8ca0bd;text-transform:uppercase;letter-spacing:.06em}.kpi strong{display:block;font-size:26px;margin:9px 0 3px}.kpi small{color:#5f7798}.card{padding:18px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-head h3{margin:0;font-size:16px}.card-head p{margin:3px 0 0}.dashboard-grid{grid-template-columns:1.45fr .8fr;margin-top:14px}.span2{grid-column:span 2}.chart{height:205px;display:flex;align-items:flex-end;gap:12px;padding:30px 10px 5px;border-bottom:1px solid var(--line);position:relative}.bar{flex:1;background:linear-gradient(180deg,#4d7cff,#1d458d);border-radius:6px 6px 0 0;position:relative;min-width:15px}.bar.green{background:linear-gradient(180deg,#40d6b0,#17694f)}.bar small{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;color:#6f85a4}.donut{width:142px;height:142px;border-radius:50%;background:conic-gradient(var(--green) 0 70%,var(--amber) 70% 84%,var(--red) 84%);margin:14px auto;display:grid;place-items:center}.donut:after{content:"";width:90px;height:90px;border-radius:50%;background:#0d1a2d}.legend{display:flex;justify-content:center;gap:16px;font-size:10px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.btn,.primary{border:1px solid var(--line);background:#101f35;color:white;padding:9px 13px;border-radius:9px;font-weight:700;cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#3975ff,#3155d3);box-shadow:0 8px 22px #2857da42}.full{width:100%;display:flex;justify-content:center;gap:12px}.btn:hover,.primary:hover{filter:brightness(1.12)}.btn.danger{color:#ff9cab;border-color:#5b2934}.btn.sm{padding:6px 9px;font-size:11px}.validation-layout{grid-template-columns:.9fr 1.1fr}.validator-form label,.login-card label,.form-grid label{color:#9eb0ca;font-size:11px;font-weight:650;display:block;margin:14px 0 7px}input,select{width:100%;background:#081423;border:1px solid #283b55;color:white;border-radius:10px;padding:12px;outline:none}input:focus,select:focus{border-color:#4077fa;box-shadow:0 0 0 3px #316aff1a}.brand-lock{display:flex;align-items:center;gap:12px;background:#0b2134;border:1px solid #18405e;padding:12px;border-radius:11px}.brand-lock strong{background:#17385b;padding:7px 10px;border-radius:8px;color:#7dd3fc}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:17px 0}.step{padding:11px 8px;background:#091624;border:1px solid var(--line);border-radius:10px;font-size:10px;color:#617692}.step b{display:block;font-size:12px;color:#aabbd1;margin-bottom:3px}.step.active{border-color:#3574ff;background:#102957}.step.success{border-color:#1d7056;background:#0d2a26}.step.failed{border-color:#7f3040;background:#311722}.empty{height:255px;display:grid;place-items:center;text-align:center;color:#7890b0}.empty-icon{font-size:38px;opacity:.65;margin-bottom:8px}.result-summary{padding:14px;border:1px solid #1b6b4e;background:#0b2925;border-radius:11px;color:#74e5b8;margin-bottom:14px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.detail-grid div{border-bottom:1px solid #1c3048;padding-bottom:10px}.detail-grid small{display:block;color:#6f85a4;text-transform:uppercase;font-size:9px;margin-bottom:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#7992b6;text-transform:uppercase;font-size:9px;letter-spacing:.07em;padding:11px 9px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 9px;border-bottom:1px solid #1b2b40;white-space:nowrap}tbody tr:hover{background:#102138}.badge{display:inline-block;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800;background:#17304b;color:#9cc6ff}.badge.green{background:#103b2d;color:#62e8b0}.badge.red{background:#422029;color:#ff8998}.badge.amber{background:#463818;color:#fbd36a}.badge.purple{background:#2e255d;color:#bdb0ff}.filters{display:grid;grid-template-columns:1.3fr repeat(3,.7fr) auto;gap:8px;margin-bottom:12px}.workers{grid-template-columns:repeat(5,1fr)}.worker{padding:15px}.worker-top{display:flex;justify-content:space-between}.worker-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#123152;color:#71d9ff}.worker dl{margin:14px 0}.worker dt{font-size:9px;color:#6f85a4;margin-top:8px}.worker dd{margin:2px 0;font-size:11px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden}.login-wrap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#1a345022 1px,transparent 1px),linear-gradient(90deg,#1a345022 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.login-glow{position:absolute;width:500px;height:500px;background:#2459dd33;filter:blur(100px);border-radius:50%}.login-card{position:relative;width:min(420px,100%);background:#0b182bed;border:1px solid #273b57;border-radius:20px;padding:34px;box-shadow:0 25px 90px #0009;text-align:center}.login-card h1{margin:12px 0 0}.login-card label{text-align:left}.input-wrap{position:relative}.input-wrap .icon-btn{position:absolute;right:8px;top:6px}.icon-btn{background:transparent;border:0;color:#6f85a4;padding:7px}.error{color:#fb7185;min-height:18px}.demo-note{font-size:10px;color:#4f6686}.toast{position:fixed;right:22px;bottom:22px;background:#12233a;border:1px solid #2b4260;padding:12px 16px;border-radius:10px;transform:translateY(100px);opacity:0;transition:.25s;z-index:40}.toast.show{transform:none;opacity:1}.modal{position:fixed;inset:0;background:#010714c9;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:50;padding:20px}.modal-card{width:min(650px,100%);max-height:90vh;overflow:auto;background:#0d1a2d;border:1px solid #2b4260;border-radius:17px;padding:23px;position:relative}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:white;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .full-row{grid-column:1/-1}.mobile-menu{cursor:pointer}
@media(max-width:1050px){.kpis{grid-template-columns:1fr 1fr}.workers{grid-template-columns:1fr 1fr}.dashboard-grid,.validation-layout{grid-template-columns:1fr}.span2{grid-column:auto}.filters{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app{grid-template-columns:1fr}aside{transform:translateX(-100%);transition:.25s}aside.open{transform:none}main{grid-column:1;padding:17px}.mobile-menu{display:inline-block;margin-right:10px}header{align-items:flex-start}.header-actions .mode,.header-actions .bell{display:none}.kpis,.workers{grid-template-columns:1fr}.filters,.form-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.progress{grid-template-columns:1fr 1fr}.card{padding:14px}}
.deposit-panel{margin-top:16px;padding:16px;border:1px solid #344b70;background:linear-gradient(145deg,#12233c,#0a1729);border-radius:13px}.deposit-panel.deposit-success{border-color:#237253;background:#0c2925}.deposit-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.deposit-grid label{display:block;color:#9eb0ca;font-size:11px;font-weight:650;margin-bottom:7px}.turnover-options{display:flex;gap:8px}.turnover-options label{flex:1;margin:0;padding:11px;border:1px solid #2c405f;border-radius:9px;cursor:pointer}.turnover-options label.selected{border-color:#4877ff;background:#172b54;color:#fff}.turnover-options input{width:auto;margin-right:7px;accent-color:#4f78ff}.auto-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #293e5c;border-radius:10px;padding:11px;margin:13px 0}.auto-switch{width:40px;height:22px;border-radius:30px;background:#34d399;position:relative}.auto-switch:after{content:"";position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff}.deposit-warning{font-size:10px;color:#f4c863;margin:10px 0 0}.deposit-confirm{margin-top:17px;display:grid;grid-template-columns:1fr auto;gap:10px;background:#081423;border:1px solid var(--line);border-radius:11px;padding:14px}.deposit-confirm span{text-align:right;color:#cfe0fa}@media(max-width:720px){.deposit-grid{grid-template-columns:1fr}}