:root{--bg:#f3f5f8;--panel:#fff;--ink:#172033;--muted:#6e7787;--line:#e3e7ee;--navy:#18243c;--blue:#315de8;--red:#d74848;--amber:#d68a19;--green:#27845b;--shadow:0 12px 35px rgba(20,35,60,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:72px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff}.brand,.header-actions,.event-top,.panel-title,.legend{display:flex;align-items:center}.brand{gap:12px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#aeb8ca}.mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#496ff0,#2547be);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 8px 20px #182c6b55}.mark.small{width:38px;height:38px;border-radius:11px}.header-actions{gap:14px}.status{color:#b9c5da}.status:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#62d598}.ghost{border:1px solid #ffffff35;background:#ffffff0d;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer}main{max-width:1240px;margin:auto;padding:38px 24px 60px}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.intro h1{font-size:30px;margin:3px 0 7px}.intro p:last-child{max-width:700px;color:var(--muted);margin:0}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--blue);margin:0}.primary{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:10px 16px;font-weight:700;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metrics article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.metrics article{padding:20px 22px;position:relative;overflow:hidden}.metrics article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#89a0c2}.metrics .attention:before{background:var(--red)}.metrics span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em}.metrics strong{display:block;font-size:28px;margin:5px 0 0}.metrics small{color:var(--muted)}.panel{padding:24px;margin-top:18px}.panel-title{justify-content:space-between;margin-bottom:20px}.panel-title h2{margin:3px 0 0;font-size:20px}.legend{gap:7px;color:var(--muted);font-size:12px}.legend i{width:9px;height:9px;background:var(--blue);border-radius:2px;margin-left:10px}.legend i.red{background:var(--red)}.chart{height:150px;display:flex;gap:14px;align-items:flex-end;border-bottom:1px solid var(--line);padding:10px 8px 0}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bars{height:110px;width:100%;display:flex;gap:3px;align-items:flex-end;justify-content:center}.bar{width:min(26px,42%);min-height:2px;border-radius:4px 4px 0 0;background:var(--blue)}.bar.flagged{background:var(--red)}.bar-col label{font-size:11px;color:var(--muted)}.filters{display:grid;grid-template-columns:1.1fr 1.5fr 1.2fr 1.6fr auto auto;gap:12px;align-items:end;padding:17px;background:#f7f8fb;border:1px solid var(--line);border-radius:10px}.filters label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.filters input,.filters select{height:38px;border:1px solid #d8dde6;border-radius:8px;background:#fff;padding:0 10px;color:var(--ink)}.filters .check{height:38px;flex-direction:row;align-items:center;white-space:nowrap}.filters .check input{height:auto}.events{margin-top:12px}.event{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:17px 4px;border-bottom:1px solid var(--line)}.event:last-child{border-bottom:0}.event-icon{width:34px;height:34px;border-radius:10px;background:#e9efff;color:var(--blue);display:grid;place-items:center;font-weight:800}.event-icon:after{content:attr(data-letter)}.event-top{gap:9px}.badge{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--blue)}time{font-size:11px;color:var(--muted)}.flag{font-size:9px;font-weight:800;padding:3px 6px;background:#fee8e8;color:var(--red);border-radius:4px}.event h3{font-size:14px;margin:5px 0 3px}.message{font-size:15px;margin:0;white-space:pre-wrap;word-break:break-word}.detail{font-size:12px;color:var(--muted);margin:5px 0 0}.event.flagged{background:linear-gradient(90deg,#fff8f8,transparent)}.muted{color:var(--muted)}.empty{padding:42px;text-align:center;color:var(--muted);display:flex;flex-direction:column}.auth{position:fixed;inset:0;background:#111a2b;z-index:10;display:grid;place-items:center}.auth[hidden]{display:none}.auth-card{width:min(410px,calc(100% - 32px));background:#fff;border-radius:18px;padding:34px;box-shadow:0 30px 80px #0007}.auth-card h1{margin:18px 0 7px}.auth-card p{color:var(--muted)}.auth-card label{display:flex;flex-direction:column;gap:6px;font-weight:700}.auth-card input{height:44px;border:1px solid var(--line);border-radius:8px;padding:0 11px}.auth-card button{width:100%;margin-top:14px;border:0;background:var(--blue);color:#fff;border-radius:8px;padding:12px;font-weight:700}.auth-card small{display:block;color:var(--red);margin-top:9px}@media(max-width:900px){.metrics{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.intro{align-items:flex-start}.trend-panel{display:none}}@media(max-width:560px){header{padding:0 16px}.metrics{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.intro{display:block}.intro button{margin-top:18px}.panel{padding:16px}.header-actions .status{display:none}}