:root{
  --bg:#050505;--panel:#111214;--panel2:#17181b;--line:#292b2f;--text:#f5f5f5;--muted:#a7a7aa;
  --orange:#ff7a00;--orange2:#ff5a1f;--danger:#ff4d4f;--ok:#2ecc71;--warn:#ffb020;--radius:16px;
  --shadow:0 18px 50px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.narrow{width:min(760px,calc(100% - 32px));margin:0 auto}
.brand{display:flex;align-items:center;gap:12px}.brand img{height:46px;width:auto}.brand.compact img{height:36px}.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:11px 17px;font-weight:750;cursor:pointer;transition:.18s ease;background:#25262a;color:#fff}.btn:hover{transform:translateY(-1px);border-color:#414349}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#100a05}.btn-danger{background:#361416;color:#ffb5b6;border-color:#6b2226}.btn-ghost{background:transparent;border-color:var(--line)}.btn-small{padding:7px 11px;border-radius:9px;font-size:.9rem}.btn-block{width:100%}
.card{background:linear-gradient(180deg,#131416,#0e0f10);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:22px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.badge{display:inline-flex;align-items:center;border:1px solid var(--line);background:#1b1c1f;padding:4px 9px;border-radius:999px;font-size:.78rem;font-weight:700;color:#d7d7d9}.badge.orange{border-color:#6f3c10;background:#29190a;color:#ffb666}.badge.green{border-color:#1d5837;background:#0d281a;color:#78e6aa}.badge.red{border-color:#67292b;background:#2a1012;color:#ff9da0}.badge.yellow{border-color:#6b5318;background:#2a210d;color:#ffd66e}
label{display:block;font-weight:700;margin:0 0 7px}.field{margin-bottom:16px}.input,textarea,select{width:100%;background:#0a0b0c;color:#fff;border:1px solid #303238;border-radius:11px;padding:11px 12px;outline:none}.input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,0,.12)}textarea{min-height:120px;resize:vertical}.help{font-size:.86rem;color:var(--muted);margin-top:6px}.check{display:flex;align-items:flex-start;gap:10px}.check input{margin-top:4px;accent-color:var(--orange);width:18px;height:18px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:720px;background:#0e0f10}.table th,.table td{text-align:left;padding:12px 13px;border-bottom:1px solid #24262a;vertical-align:top}.table th{color:#b9b9bc;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;background:#141518}.table tr:last-child td{border-bottom:0}
.flash{padding:12px 14px;border-radius:12px;margin:0 0 14px;border:1px solid}.flash.success{background:#0b2517;border-color:#1d603b;color:#8aefb9}.flash.error{background:#2a1113;border-color:#6c262a;color:#ffb0b3}.flash.info{background:#151c29;border-color:#30476a;color:#bad1ff}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 16px}.section-title h1,.section-title h2{margin:0}.eyebrow{font-size:.78rem;color:#ff9b40;text-transform:uppercase;letter-spacing:.13em;font-weight:850}.divider{height:1px;background:var(--line);margin:22px 0}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed #34363b;border-radius:14px}.kpi{padding:18px}.kpi .num{font-size:2rem;font-weight:850;line-height:1}.kpi .label{color:var(--muted);margin-top:7px}.orange-text{color:var(--orange)}
@media(max-width:900px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.container,.narrow{width:min(100% - 22px,1180px)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card-pad{padding:17px}.brand img{height:38px}}