:root{--bg:#07131f;--panel:#102430;--panel2:#0c1c26;--line:rgba(255,255,255,.08);--text:#f3f8fa;--muted:#8499a5;--blue:#55cdf7;--green:#48dda4;--orange:#ffb76b;--red:#ff7180;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,rgba(39,175,226,.12),transparent 35%),var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(150deg,#123040,#0a1923);box-shadow:0 25px 80px rgba(0,0,0,.35)}.logo{display:flex;gap:12px;align-items:center}.logo img{width:48px;height:48px;border-radius:15px}.logo strong{font-size:20px}.logo span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.login h1{font-size:26px;margin:28px 0 8px}.muted{color:var(--muted)}.field{margin-top:15px}.field label{display:block;color:var(--muted);font-size:11px;margin:0 0 7px 3px}.input{width:100%;height:52px;border:1px solid var(--line);border-radius:15px;background:rgba(2,10,15,.4);color:var(--text);outline:0;padding:0 15px}.input:focus{border-color:rgba(85,205,247,.5)}.btn{height:46px;border:0;border-radius:14px;padding:0 17px;background:linear-gradient(135deg,#68d8ff,#2599d9);color:#03121c;font-weight:750}.btn.secondary{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line)}.btn.danger{background:rgba(255,113,128,.12);color:#ff9aa5;border:1px solid rgba(255,113,128,.18)}.login .btn{width:100%;height:53px;margin-top:20px}.demo{margin-top:17px;padding:12px;border-radius:14px;background:rgba(85,205,247,.07);color:#9ab1bd;font-size:11px;line-height:1.6}.error{min-height:18px;color:#ff9aa5;font-size:12px;margin-top:10px}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line);background:rgba(5,15,22,.7);backdrop-filter:blur(16px)}.nav{display:grid;gap:6px;margin-top:32px}.nav button{height:46px;border:0;border-radius:14px;padding:0 14px;background:transparent;color:#8499a5;text-align:left}.nav button.active,.nav button:hover{background:rgba(85,205,247,.09);color:#bcecff}.nav button span{display:inline-grid;width:25px}.sidebar-foot{position:absolute;left:16px;right:16px;bottom:20px}.main{min-width:0;padding:25px 28px 50px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.top h1{margin:0;font-size:27px;letter-spacing:-.03em}.top p{margin:6px 0 0;color:var(--muted);font-size:12px}.user{display:flex;align-items:center;gap:11px;padding:7px 11px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.03)}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#17394a;color:#7fdbfb;font-weight:800}.user strong{font-size:12px}.user small{display:block;color:var(--muted);margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric,.card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,43,56,.94),rgba(9,25,35,.96));border-radius:21px}.metric{padding:18px}.metric span{color:var(--muted);font-size:11px}.metric strong{display:block;margin-top:10px;font-size:25px;letter-spacing:-.03em}.metric em{display:block;margin-top:8px;color:var(--green);font-style:normal;font-size:10px}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px}.card{padding:18px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card h2{margin:0;font-size:16px}.pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(72,221,164,.1);color:var(--green);font-size:9px;font-weight:800}.pill.orange{background:rgba(255,183,107,.1);color:var(--orange)}.pill.red{background:rgba(255,113,128,.1);color:var(--red)}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:17px;background:rgba(255,255,255,.035)}.switch{width:48px;height:27px;border:0;border-radius:99px;background:#243946;padding:3px}.switch i{display:block;width:21px;height:21px;border-radius:50%;background:#7f929c;transition:.2s}.switch.on{background:rgba(72,221,164,.24)}.switch.on i{transform:translateX(21px);background:var(--green)}.orders{display:grid;gap:10px}.order{padding:15px;border:1px solid var(--line);border-radius:17px;background:rgba(3,12,18,.25)}.order-top,.order-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center}.order h3{margin:0;font-size:14px}.order .amount{font-size:20px;font-weight:780}.order-meta{color:var(--muted);font-size:10px;margin:8px 0 13px}.order-bottom strong{font-size:12px;color:#a9eaff}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{text-align:left;color:#6f8794;padding:10px;border-bottom:1px solid var(--line);font-weight:650;white-space:nowrap}.table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.table tr:last-child td{border:0}.tabs{display:flex;gap:7px;margin-bottom:16px;overflow:auto}.tab{border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);padding:9px 12px;font-size:11px}.tab.active{background:#173849;color:#c6efff}.section{display:none}.section.active{display:block}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-grid .btn{align-self:end}.toast{position:fixed;right:24px;bottom:24px;padding:13px 17px;border:1px solid var(--line);border-radius:14px;background:#06131c;color:#dff5ff;font-size:11px;box-shadow:0 15px 40px rgba(0,0,0,.35);z-index:20}.modal-back{position:fixed;inset:0;background:rgba(0,5,9,.72);display:grid;place-items:center;padding:20px;z-index:30}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;padding:23px;border:1px solid var(--line);border-radius:23px;background:#102430}.modal h2{margin:0 0 15px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}@media(max-width:980px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.shell{grid-template-columns:78px 1fr}.sidebar .logo div,.nav button b,.sidebar-foot{display:none}.sidebar{padding:20px 10px}.nav button{text-align:center;padding:0}.nav button span{width:auto}.main{padding:22px 16px}.form-grid{grid-template-columns:1fr}}@media(max-width:600px){.shell{display:block}.sidebar{position:fixed;z-index:10;top:auto;bottom:0;left:0;right:0;height:72px;border-right:0;border-top:1px solid var(--line);padding:8px;background:#07131ff2}.sidebar .logo{display:none}.nav{margin:0;grid-template-columns:repeat(5,1fr);gap:2px}.nav button{height:54px;font-size:16px}.nav button b{display:none}.main{padding:18px 12px 92px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric strong{font-size:20px}.top .user{display:none}.top h1{font-size:23px}.card{padding:14px}}