:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#172c38;background:#f4f6f8;font-size:15px}*{box-sizing:border-box}body{margin:0}aside{width:235px;background:#122a35;color:#ecf2f4;position:fixed;inset:0 auto 0 0;padding:32px 24px}.brand{font-weight:800;letter-spacing:1px;color:inherit;text-decoration:none;font-size:13px;display:flex;align-items:center;gap:10px}.logo{background:#b9ecd5;color:#183e31;border-radius:10px;padding:8px 12px;font-size:22px}.label,.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#687f8b}.label{display:block;margin:28px 0 14px}nav a{display:block;padding:14px;color:#d5e2e7;text-decoration:none;border-radius:8px;margin:4px 0}nav a:hover{background:#26424f}.sidebar-bottom{position:absolute;bottom:30px;font-size:12px;line-height:1.9;color:#aac0ca}main{margin-left:235px;padding:0 42px 30px;max-width:1600px}header{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe7eb;margin-bottom:35px}h1{font-size:34px;letter-spacing:-1.1px;margin:0 0 12px;line-height:1.2}h2{font-size:19px;letter-spacing:-.4px}.muted,small{color:#687f8b;line-height:1.6}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 32px}.panel{background:white;border:1px solid #e0e7eb;border-radius:14px;padding:24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metrics .label{margin:0 0 18px}.metrics strong{font-size:27px;display:block;margin-bottom:8px}.metrics em{font-size:15px;color:#687f8b;font-style:normal}.metrics small{font-size:11px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 8px}.bar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.avatar{width:42px;height:42px;background:#eaf2f7;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:700}.badge{font-size:11px;padding:6px 10px;border-radius:30px;background:#eef1f4;color:#586d78;white-space:nowrap}.badge.live{background:#e5f6ec;color:#26764e}.channel{font-size:11px;color:#8b9da5;overflow-wrap:anywhere}.health{font-size:13px;margin:20px 0}.bar-card h2{margin-bottom:6px}dl{font-size:12px}dl div{display:flex;justify-content:space-between;gap:14px;margin:13px 0}dt{color:#718592}dd{margin:0;text-align:right;overflow-wrap:anywhere}.actions{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f2;padding-top:18px;margin-top:20px}button,.button{font:inherit;font-size:12px;font-weight:600;border:1px solid #ccd9e0;background:white;color:#224454;border-radius:7px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#edf5f8}.quiet{border-color:transparent;background:transparent}.primary{background:#173e4e;color:white;width:100%;font-size:14px;padding:14px}.primary:hover{background:#265c70}.notice{padding:15px 18px;border-radius:9px;background:#fff5df;color:#866020;font-size:13px;margin-top:18px}.login{max-width:460px;margin:65px auto;padding:38px}.login h1{margin-top:20px}label{display:block;font-size:12px;font-weight:600;margin:18px 0}input,select{display:block;border:1px solid #cbd8df;border-radius:7px;padding:12px;font:inherit;margin-top:8px;width:100%;background:white;color:#183441}footer{margin-top:38px;font-size:11px;color:#8a9ca5}.filters{display:flex;align-items:end;gap:14px;margin-bottom:20px}.filters label{min-width:180px;margin:0}.filters button{margin-bottom:0;height:42px}.history{display:grid;gap:12px}.tip-top{display:flex;align-items:center;gap:18px}.tip-top>span:not(.badge){font-size:12px;color:#687f8b;flex:1}.message,.original{white-space:pre-wrap;overflow-wrap:anywhere}.tip details{font-size:12px;color:#4d6775}.empty{grid-column:1/-1;padding:45px;text-align:center}.empty p{color:#718592}.original{max-width:75%}@media(max-width:1150px){.bar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:0 25px 25px}.metrics strong{font-size:22px}}@media(max-width:760px){aside{position:static;width:auto;padding:18px}nav{display:flex}nav a{padding:8px 15px}.sidebar-bottom,aside>.label{display:none}main{margin:0;padding:0 18px 24px}header{height:55px;margin-bottom:25px}.page-title{display:block}h1{font-size:27px}.metrics,.bar-grid{grid-template-columns:1fr}.metrics{gap:10px}.metrics .panel{padding:18px}.page-title .button{margin-top:10px}.filters{flex-wrap:wrap}.filters label{min-width:125px}.tip-top{flex-wrap:wrap}.login{padding:25px;margin:30px auto}}