*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:#141820;background:#f3f6fa}.top{height:66px;background:#fff;border-bottom:1px solid #dde3ea;display:flex;align-items:center;justify-content:space-between;padding:0 3.2%;position:sticky;top:0;z-index:5}.brand{font-size:20px;font-weight:800;color:#10151d;text-decoration:none}.top nav{display:flex;align-items:center;gap:20px}.top nav a{color:#394454;text-decoration:none;font-size:14px}.wrap{width:min(1280px,94%);margin:28px auto}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.card{background:#fff;border:1px solid #e7ebf0;border-radius:12px;padding:24px;box-shadow:0 4px 18px rgba(25,40,60,.04)}.span8{grid-column:span 8}.span4{grid-column:span 4}.span6{grid-column:span 6}.span12{grid-column:span 12}.hero-score{font-size:58px;line-height:1;font-weight:800;margin:8px 0}.muted{color:#6c7888}.btn{display:inline-block;background:#116ff2;color:#fff!important;text-decoration:none;border:0;border-radius:7px;padding:11px 16px;font-weight:600;cursor:pointer}.btn.secondary{background:#fff;color:#116ff2!important;border:1px solid #116ff2}.btn.small{padding:8px 12px}.metric{margin:14px 0}.bar{height:7px;background:#e8edf2;border-radius:10px;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:#116ff2}.row{display:flex;justify-content:space-between;gap:16px;align-items:center}.list{width:100%;border-collapse:collapse}.list th,.list td{text-align:left;padding:13px 9px;border-bottom:1px solid #e7ebf0}.pill{padding:5px 10px;border-radius:99px;background:#eef4ff;color:#155cb8;font-size:12px}.good{color:#147a41}.warn{color:#9b6500}.flash{padding:14px 16px;border-radius:8px;margin-bottom:18px}.flash.success{background:#e9f8ef;color:#176a3c}.flash.error{background:#fff0f0;color:#a12b2b}.search{display:flex;gap:10px}.search input{flex:1;padding:13px;border:1px solid #ccd5df;border-radius:7px;font-size:16px}.platform{display:flex;gap:16px;align-items:center}.icon{width:48px;height:48px;border-radius:12px;background:#f0f4f8;display:grid;place-items:center;font-weight:800}.kpi{font-size:29px;font-weight:800}.actions{display:flex;gap:10px;flex-wrap:wrap}.empty{padding:34px;text-align:center;color:#667384}.video-title{max-width:520px}footer{padding:36px 0;color:#7d8998;font-size:13px}@media(max-width:900px){.span8,.span4,.span6{grid-column:span 12}.top{height:auto;padding:14px 3%;align-items:flex-start}.top nav{flex-wrap:wrap;gap:10px}.grid{gap:14px}.hero-score{font-size:46px}}