@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&display=swap');
:root{--bg:#050805;--panel:#0d1810;--panel2:#111d14;--panel3:#152019;--line:#1e3d28;--line2:rgba(52,98,66,.55);--text:#fff;--muted:#c8ddd0;--faint:#8aab96;--green:#22c55e;--green2:#86efac;--gdim:rgba(34,197,94,.12);--blue:#60a5fa;--bdim:rgba(96,165,250,.12);--amber:#fbbf24;--adim:rgba(251,191,36,.12);--red:#fb7185;--rdim:rgba(251,113,133,.12);--r:22px;--sb:280px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Jost,system-ui,sans-serif;background:radial-gradient(circle at 15% -10%,rgba(34,197,94,.16),transparent 32%),linear-gradient(180deg,#050805,#07100a 50%,#050805);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.login{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(420px,100%);border:1px solid var(--line2);background:linear-gradient(180deg,rgba(17,29,20,.96),rgba(7,12,8,.98));border-radius:28px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.45)}.brand{display:flex;gap:12px;align-items:center;font-weight:900;font-size:23px;letter-spacing:-.05em}.mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--green),#15803d);display:grid;place-items:center;color:#05140a}.muted{color:var(--muted)}.faint{color:var(--faint)}.input,.select,.textarea{width:100%;background:#07100a;border:1px solid var(--line2);border-radius:14px;color:var(--text);padding:12px 13px;outline:none}.textarea{min-height:110px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:rgba(34,197,94,.55);box-shadow:0 0 0 4px rgba(34,197,94,.08)}label{display:block;color:var(--faint);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin:14px 0 6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--muted);border-radius:14px;padding:10px 14px;font-weight:800}.btn:hover{background:rgba(255,255,255,.07);color:#fff}.btn-primary{background:linear-gradient(135deg,var(--green),#16a34a);color:#031008;border:0}.btn-danger{background:var(--rdim);color:var(--red);border-color:rgba(251,113,133,.25)}.btn-block{width:100%}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:16px auto 16px 16px;width:var(--sb);border:1px solid var(--line2);background:rgba(9,14,10,.92);backdrop-filter:blur(22px);border-radius:28px;display:flex;flex-direction:column;box-shadow:0 25px 80px rgba(0,0,0,.38);z-index:30}.side-head{padding:18px;border-bottom:1px solid var(--line2)}.nav{padding:14px;overflow:auto;flex:1}.nav a{display:flex;align-items:center;gap:10px;border-radius:16px;padding:12px;color:var(--muted);font-weight:700;margin-bottom:3px}.nav a.active,.nav a:hover{background:var(--gdim);color:var(--green2)}.user{padding:14px;border-top:1px solid var(--line2);display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:14px;background:var(--gdim);border:1px solid rgba(34,197,94,.2);display:grid;place-items:center;color:var(--green2);font-weight:900}.main{margin-left:calc(var(--sb) + 32px);padding:16px 16px 50px 0;flex:1}.topbar{height:72px;border:1px solid var(--line2);background:rgba(9,14,10,.78);backdrop-filter:blur(20px);border-radius:24px;display:flex;align-items:center;gap:14px;padding:0 18px;position:sticky;top:16px;z-index:20}.topbar h1{font-size:18px;letter-spacing:-.03em}.topbar p{font-size:12px;color:var(--faint)}.search{margin-left:auto;width:min(340px,35vw)}.content{padding-top:20px}.hero{border:1px solid var(--line2);border-radius:32px;background:radial-gradient(circle at 80% 0,rgba(34,197,94,.17),transparent 34%),linear-gradient(135deg,rgba(15,23,17,.96),rgba(6,9,6,.98));padding:26px;margin-bottom:16px;box-shadow:0 22px 70px rgba(0,0,0,.35)}.hero h2{font-size:clamp(32px,4vw,56px);line-height:.96;letter-spacing:-.07em}.hero span.accent{color:var(--green)}.hero p{max-width:650px;margin-top:12px;color:var(--muted);font-size:16px}.grid{display:grid;gap:16px}.g2{grid-template-columns:1.2fr .8fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line2);background:linear-gradient(180deg,rgba(18,28,20,.95),rgba(10,16,11,.98));border-radius:var(--r);overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,.18)}.pad{padding:18px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px;border-bottom:1px solid var(--line2)}.ct{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.48)}.metric{padding:18px;border:1px solid var(--line2);background:rgba(255,255,255,.035);border-radius:20px}.metric b{display:block;font-size:34px;letter-spacing:-.05em}.green{color:var(--green)}.red{color:var(--red)}.amber{color:var(--amber)}.blue{color:var(--blue)}.row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line2)}.row:last-child{border-bottom:0}.grow{flex:1;min-width:0}.badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}.bg{background:var(--gdim);color:var(--green2)}.br{background:var(--rdim);color:var(--red)}.ba{background:var(--adim);color:var(--amber)}.bb{background:var(--bdim);color:var(--blue)}.progress{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--green2));border-radius:99px}.progress.red i{background:linear-gradient(90deg,var(--red),#fecdd3)}.progress.amber i{background:linear-gradient(90deg,var(--amber),#fde68a)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line2);color:var(--muted)}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}tr:hover td{background:rgba(255,255,255,.025)}.tabs{display:flex;gap:8px;overflow:auto;padding:6px;border:1px solid var(--line2);background:rgba(255,255,255,.03);border-radius:18px;margin-bottom:16px}.tabs a{padding:10px 13px;border-radius:13px;color:var(--muted);font-weight:800;white-space:nowrap}.tabs a.active{background:var(--gdim);color:var(--green2)}.flash{padding:12px 14px;border-radius:14px;margin-bottom:16px;border:1px solid var(--line2);background:var(--gdim);color:var(--green2);font-weight:700}.flash.err{background:var(--rdim);color:var(--red);border-color:rgba(251,113,133,.25)}.mobile-menu{display:none}.table-wrap{overflow-x:auto}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-chart{height:190px;display:flex;align-items:flex-end;gap:9px;padding:14px;background:rgba(255,255,255,.025);border:1px solid var(--line2);border-radius:18px}.mini-chart i{flex:1;min-height:10px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--green),rgba(34,197,94,.18))}@media(max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}.search{display:none}}@media(max-width:860px){.sidebar{transform:translateX(-110%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0;padding:12px}.mobile-menu{display:inline-flex}.topbar{top:12px}.form-grid{grid-template-columns:1fr}}@media(max-width:560px){.g4,.g3{grid-template-columns:1fr}.hero{padding:20px;border-radius:24px}.hero h2{font-size:34px}.topbar p{display:none}.card-head{display:block}.row{align-items:flex-start}}