:root{font-family:Inter,system-ui,sans-serif;color:#edf6ff;background:#071521}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#102b3d,#071521 38%);min-height:100vh}.app{max-width:1380px;margin:auto;padding:42px 34px 24px}header{display:flex;justify-content:space-between;gap:25px;margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:.22em;color:#45c3ff;font-weight:800}h1{font-size:42px;margin:16px 0 10px;letter-spacing:-.035em}header p,.head p{color:#7fa0be;margin:0}.sync{border:1px solid #214259;border-radius:999px;padding:10px 14px;height:max-content;color:#54e3bd;font-weight:800;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi,.panel,.filters{background:#0d2031;border:1px solid #20384c;border-radius:15px}.kpi{padding:22px}.ktop{display:flex;justify-content:space-between;color:#83b8df;font-size:13px}.ktop svg{color:#42c1ff}.kpi strong{display:block;font-size:31px;margin:20px 0 8px}.kpi small{color:#51d9b4}.kpi .warn{color:#f1b844}.filters{display:flex;gap:12px;padding:13px;margin:16px 0}.filters select,.search{background:#091a29;border:1px solid #345069;border-radius:8px;color:#e9f4ff;height:42px}.filters select{padding:0 35px 0 12px}.search{display:flex;align-items:center;gap:8px;padding:0 12px;min-width:300px}.search svg{color:#6f9cbb}.search input{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:14px}.count{margin-left:auto;align-self:center;color:#7897b0;font-size:13px}.charts{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{padding:20px}.head{display:flex;justify-content:space-between;margin-bottom:16px}.head h2{font-size:18px;margin:0 0 5px}.legend{display:grid;gap:10px}.legend div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;color:#91a9bc;font-size:13px}.legend i{width:9px;height:9px;border-radius:50%}.legend b{color:#fff}.table{margin-top:16px}.wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#7895ad;font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:12px;border-bottom:1px solid #294054}td{padding:14px 12px;border-bottom:1px solid #182f42;color:#a9bdcd}.title{color:#eef7ff;font-weight:700}.status{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.published{color:#4de0b8;background:#10382f}.review{color:#f3bd54;background:#3a2c10}.draft{color:#9faaff;background:#24284d}.empty{text-align:center;padding:35px}footer{text-align:center;color:#58758d;font-size:12px;padding:22px}.state{min-height:100vh;display:grid;place-items:center;background:#071521;color:#d9ebf8;font:600 18px system-ui}@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.filters{flex-wrap:wrap}.count{margin-left:0;width:100%}}@media(max-width:600px){.app{padding:26px 16px}header{display:block}.sync{display:inline-block;margin-top:18px}h1{font-size:34px}.kpis{grid-template-columns:1fr}.search{min-width:100%}.filters select{flex:1}}