:root{--bg: #0f1216;--panel: #171c22;--panel-2: #1e252d;--border: #2a333d;--text: #e8edf2;--muted: #9aa7b2;--accent: #d9a441;--accent-2: #b3812b;--good: #4caf7d;--mid: #d9a441;--bad: #e05d5d;--radius: 10px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:4px}.sidebar .brand{font-weight:700;font-size:15px;letter-spacing:.4px;margin-bottom:4px;color:var(--text)}.sidebar .brand span{color:var(--accent)}.sidebar .brand-sub{font-size:11px;color:var(--muted);margin-bottom:18px}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;color:var(--text);font-size:14px}.nav-item:hover{background:var(--panel-2);text-decoration:none}.nav-item.active{background:var(--panel-2);border-left:3px solid var(--accent);padding-left:7px}.nav-item.disabled{color:var(--muted);cursor:not-allowed;opacity:.6}.badge{font-size:10px;padding:1px 7px;border-radius:99px;border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.badge.production{color:var(--good);border-color:var(--good)}.badge.draft{color:var(--muted)}.badge.active{color:var(--accent);border-color:var(--accent)}.badge.paused{color:var(--bad);border-color:var(--bad)}.sidebar .foot{margin-top:auto;font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:12px}.main{flex:1;padding:28px 36px;min-width:0}h1{font-size:22px;margin:0 0 4px}h2{font-size:17px;margin:24px 0 10px}.subtitle{color:var(--muted);margin:0 0 22px;font-size:14px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:8px}.card .card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.card .card-title{font-weight:600;font-size:15px}.card .card-desc{color:var(--muted);font-size:13px;flex:1}.card .card-meta{font-size:12px;color:var(--muted)}.card.disabled{opacity:.55}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:20px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.kpi .v{font-size:22px;font-weight:700}.kpi .l{font-size:12px;color:var(--muted)}.kpi .v.good{color:var(--good)}.kpi .v.mid{color:var(--mid)}.kpi .v.bad{color:var(--bad)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.toolbar input,.toolbar select{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 10px;font-size:13.5px}.toolbar input{min-width:220px}table.data{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table.data th,table.data td{padding:8px 12px;text-align:left;font-size:13.5px;border-bottom:1px solid var(--border)}table.data th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}table.data tr:hover td{background:var(--panel-2)}table.data tr.clickable{cursor:pointer}.table-scroll{overflow-x:auto}.table-scroll table.data{min-width:max-content}.nota{font-weight:700}.nota.good{color:var(--good)}.nota.mid{color:var(--mid)}.nota.bad{color:var(--bad)}.flags{display:flex;gap:4px;flex-wrap:wrap}.flag{font-size:10.5px;padding:1px 6px;border-radius:6px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.flag.warn{color:var(--bad);border-color:var(--bad)}.pager{display:flex;gap:8px;align-items:center;margin-top:12px;color:var(--muted);font-size:13px}button.btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer}button.btn:hover{border-color:var(--accent)}button.btn:disabled{opacity:.4;cursor:not-allowed}button.btn.primary{background:var(--accent-2);border-color:var(--accent-2);color:#fff}button.back-btn{margin-bottom:14px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}@media (max-width: 1000px){.detail-grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px}.panel h3{margin:0 0 10px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.dims{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:13.5px}.dimbar{height:6px;background:var(--panel-2);border-radius:4px;overflow:hidden;margin:5px 0 9px}.dimbar>div{height:100%;background:var(--accent)}.copyblock{position:relative;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin:8px 0;font-size:13px;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow:auto}.copyblock .copybtn{position:sticky;float:right;top:0}.status-note{font-size:12px;color:var(--muted);font-style:italic}.error-box{background:var(--panel);border:1px solid var(--bad);border-radius:var(--radius);padding:16px 18px;color:var(--bad)}.loading{color:var(--muted);padding:30px 0}