:root{--bg:#0b0f0d;--panel:#111814;--panel2:#162018;--text:#edf7ef;--muted:#95a59b;--line:#26352b;--accent:#7ce68f;--accent2:#b8ffbf;--warn:#f4c96b;--danger:#ff8c8c;--white:#fff}
*{box-sizing:border-box} body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(135deg,#08100a 0%,#0c140f 45%,#0a0e0c 100%);color:var(--text)}
button,input,select{font:inherit} a{color:inherit;text-decoration:none}
.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{border-right:1px solid var(--line);background:rgba(9,14,11,.96);padding:24px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#2e8f4f);display:grid;place-items:center;color:#08100a;font-weight:900}.brand h1{font-size:16px;margin:0}.brand small{color:var(--muted)}
.nav{display:grid;gap:8px}.nav button{border:0;background:transparent;color:#b9c8be;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer}.nav button.active,.nav button:hover{background:var(--panel2);color:var(--white)}.foot{position:absolute;bottom:20px;left:18px;right:18px;color:var(--muted);font-size:12px;line-height:1.4}
.main{padding:34px 36px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.topbar h2{margin:4px 0 0;font-size:30px}.user{background:var(--panel);border:1px solid var(--line);padding:10px 14px;border-radius:12px;color:#cfe1d3}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:linear-gradient(180deg,rgba(23,32,26,.96),rgba(15,22,18,.96));border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 10px 35px rgba(0,0,0,.14)}.metric small{color:var(--muted)}.metric strong{display:block;font-size:28px;margin-top:8px}.metric em{font-style:normal;color:var(--accent);font-size:12px}
.section{margin-top:28px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section h3{margin:0;font-size:20px}.section p{margin:4px 0 0;color:var(--muted);font-size:14px}.pill{display:inline-flex;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:#c9d6cd;background:#0e1511}.pill.green{color:var(--accent);border-color:#2b5935}.pill.warn{color:var(--warn);border-color:#5a4b28}
.ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.op h4{margin:0 0 8px;font-size:18px}.op .desc{color:var(--muted);font-size:13px;min-height:38px}.op-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.kv{background:#0c130f;border:1px solid #1c2a21;border-radius:12px;padding:12px}.kv span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.kv strong{display:block;margin-top:5px}.progress{height:8px;background:#0a100c;border-radius:999px;overflow:hidden;border:1px solid #223127}.progress b{display:block;height:100%;background:linear-gradient(90deg,#3ea35b,var(--accent));border-radius:999px}.actions{display:flex;gap:10px;margin-top:14px}.btn{border:0;border-radius:10px;padding:11px 14px;font-weight:700;cursor:pointer}.btn.primary{background:var(--accent);color:#08100a}.btn.ghost{background:#101812;color:#d8e6db;border:1px solid var(--line)}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{color:var(--muted);font-weight:600}.table td strong{font-weight:700}.status{font-size:11px;padding:5px 8px;border-radius:999px;background:#15301c;color:#9ef0ad}.status.gray{background:#1b231e;color:#b7c4ba}.status.yellow{background:#342d17;color:#f4d376}
.panel-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.notice{border-left:3px solid var(--accent);padding:14px 16px;background:#0e1711;color:#cbd8cf;border-radius:8px}.notice strong{color:var(--white)}
.form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-size:12px;color:var(--muted)}.field input,.field select{background:#0b120e;border:1px solid var(--line);color:var(--text);padding:11px 12px;border-radius:10px;outline:none}.field input:focus,.field select:focus{border-color:#4b8f5b}
.hidden{display:none!important}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px;z-index:20}.modal-box{width:min(620px,100%);background:#101712;border:1px solid var(--line);border-radius:18px;padding:24px}.modal-head{display:flex;justify-content:space-between;gap:16px}.close{background:transparent;border:0;color:var(--muted);font-size:24px;cursor:pointer}.legal{font-size:12px;color:var(--muted);line-height:1.55;background:#0a100c;border:1px solid #1d2a21;border-radius:10px;padding:12px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}.hero .big{padding:30px}.hero h3{font-size:34px;margin:8px 0 12px;max-width:720px}.hero p{color:#b9c9be;line-height:1.6;max-width:720px}.tagline{display:inline-block;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-side{display:grid;gap:12px}.hero-side .card{display:flex;justify-content:space-between;align-items:center}.hero-side strong{font-size:20px}
@media(max-width:1050px){.app{grid-template-columns:88px 1fr}.sidebar{padding:20px 12px}.brand h1,.brand small,.nav button span,.foot{display:none}.brand{justify-content:center}.nav button{text-align:center}.grid4{grid-template-columns:repeat(2,1fr)}.ops,.panel-grid,.hero{grid-template-columns:1fr}}
@media(max-width:700px){.app{display:block}.sidebar{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;overflow:auto}.brand{margin:0}.nav{display:flex}.main{padding:22px 16px}.grid4{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:14px}.topbar h2{font-size:24px}.ops{grid-template-columns:1fr}}

.auth{max-width:560px;margin:6vh auto;padding:24px}.auth .brand{margin-bottom:20px}.message{padding:12px 16px;border:1px solid var(--line);border-radius:10px;margin:12px 0;color:var(--accent2)}.error{color:var(--danger)}.empty{padding:30px;color:var(--muted);text-align:center}.nav a{display:block;padding:12px 14px;border-radius:10px;color:#b9c8be}.nav a.active,.nav a:hover{background:var(--panel2);color:white}.foot{position:static;margin-top:35px}.table-wrap{overflow-x:auto}.table form{display:flex;flex-wrap:wrap;gap:6px}.form textarea{font:inherit;background:#0b120e;border:1px solid var(--line);color:var(--text);padding:11px;border-radius:10px;min-height:90px;resize:vertical}.field input,.field select,.field textarea{width:100%;min-width:0}.inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stack{display:grid;gap:16px}.detail{line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.link{color:var(--accent)}.user{max-width:340px;overflow-wrap:anywhere}.nav a span{white-space:nowrap}input[type=checkbox]{width:auto}.small{font-size:12px;color:var(--muted)}@media(max-width:1050px){.nav a span{display:none}.nav a{text-align:center}.foot{display:none}}@media(max-width:700px){.auth{margin:20px auto}.nav a{padding:10px}.user{font-size:12px;max-width:180px}.sidebar{padding:12px}.hero h3{font-size:28px}.table th,.table td{white-space:nowrap}}