:root{--bg:#0a0c12;--panel:#12151d;--panel2:#171b25;--line:#262c3a;--text:#eef1f7;--muted:#8d97ab;
--accent:#7c73ff;--green:#3fce8f;--amber:#f0b429;--red:#ef5f6b;--cyan:#38bdf8}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 50% -10%,#1d1f3d 0,#0a0c12 55%);color:var(--text);
font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:auto;padding:26px 18px 90px}
.eyebrow{font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#9b93ff;text-transform:uppercase}
header.top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin:26px 0 30px}
h1{font-size:clamp(30px,4.4vw,52px);line-height:1;letter-spacing:-.045em;font-weight:600;margin:10px 0 12px}
.sub{color:var(--muted);max-width:720px;margin:0}
.badge{display:inline-flex;gap:8px;align-items:center;padding:9px 13px;border:1px solid #2c5f52;background:#0f2119;
border-radius:999px;color:#7ee6bb;font-size:13px;white-space:nowrap}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:26px}
.kpi{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:13px;padding:17px}
.kpi b{display:block;font-size:26px;letter-spacing:-.03em;margin-bottom:3px}
.kpi span{color:var(--muted);font-size:12.5px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:17px}
.card{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;
padding:20px;transition:border-color .18s,transform .18s;display:flex;flex-direction:column;gap:12px}
.card:hover{border-color:#3d4660;transform:translateY(-2px)}
.card h2{font-size:21px;margin:0;letter-spacing:-.025em}
.card .tag{color:var(--muted);font-size:13px;margin:-4px 0 0}
.card .row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.02em}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pill.active{color:#6ee7b7;background:#0f2b21}
.pill.awaiting{color:#fcd34d;background:#2b2308}
.pill.blocked{color:#fca5a5;background:#2e1418}
.pill.planning{color:#a5b4fc;background:#1c1f3d}
.meter{height:7px;background:#1d2230;border-radius:99px;overflow:hidden;margin-top:4px}
.meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--cyan))}
.card .meta{color:var(--muted);font-size:12.5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:9px;
background:var(--accent);border:1px solid var(--accent);color:#0a0a12;font-weight:600;font-size:14px}
.btn.ghost{background:#202634;border-color:var(--line);color:var(--text)}
.btn:hover{filter:brightness(1.08)}
.section{margin-top:44px}
.section>h2{font-size:24px;letter-spacing:-.03em;margin:0 0 16px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
tr:hover td{background:#161a24}
ul.clean{list-style:none;padding:0;margin:0;display:grid;gap:9px}
ul.clean li{padding-left:20px;position:relative;color:#c8cede;font-size:14px}
ul.clean li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:2px;background:var(--accent)}
ul.clean.warn li::before{background:var(--amber)}
ul.clean.block li::before{background:var(--red)}
.list{display:grid;gap:12px}
.item{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:15px 17px}
.item h3{margin:0 0 6px;font-size:15px;letter-spacing:-.01em}
.item p{margin:0;color:var(--muted);font-size:13.5px}
.bar{margin:8px 0 4px}
.bar .lab{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:6px}
.notice{border:1px solid #3d3a6e;background:#17152b;border-radius:12px;padding:15px 17px;color:#d6d3ff;font-size:14px}
.notice.warn{border-color:#5c4a1f;background:#211c0c;color:#f5dfae}
.foot{margin-top:50px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px}
@media(max-width:640px){.kpis{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}
header.top{flex-direction:column;align-items:flex-start}}