:root{--bg:#070707;--card:#fff;--ink:#17211f;--muted:#707b77;--line:#dfe3df;--blue:#3976d1;--red:#c73d35;--red-bg:#fff2f1;--green:#247a5a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f5f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}header{max-width:1280px;margin:auto;padding:24px 24px 14px;display:flex;align-items:end;justify-content:space-between;gap:18px}h1{margin:0;font-size:1.5rem}header p{margin:4px 0 0;color:#9aa39f;font-size:.82rem}nav{display:flex;gap:8px;flex-wrap:wrap}a,button{border:0;border-radius:9px;padding:8px 12px;background:#252525;color:#fff;text-decoration:none;font:inherit;font-size:.8rem;font-weight:750;cursor:pointer}a:hover,button:hover{background:#363636}main{max-width:1280px;margin:auto;padding:0 24px 32px}.summary{color:#aeb5b1;font-size:.78rem;margin:8px 0 14px}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.event-card{background:var(--card);color:var(--ink);border:2px solid transparent;border-radius:15px;padding:12px;display:grid;grid-template-columns:112px 1fr;gap:12px;min-height:145px}.event-card.strange{border-color:var(--red);background:var(--red-bg)}.mini-map{position:relative;width:112px;height:98px;border:1px solid var(--line);border-radius:10px;background:#fff url('/products/back_position.jpg') center/100% 100% no-repeat;overflow:hidden}.point{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 1px 5px #0008;transform:translate(-50%,-50%)}.removed .point{background:#df792e}.cleared .point{display:none}.event-copy{min-width:0}.event-top{display:flex;justify-content:space-between;gap:8px;align-items:start}.event-top strong{font-size:.95rem}.event-id{color:var(--muted);font:700 .7rem ui-monospace,monospace}.event-action{margin-top:5px;font-size:.85rem;font-weight:850}.event-action.added{color:var(--green)}.event-action.removed{color:#b45d22}.product-name{margin-top:4px;font-size:.78rem}.event-meta{margin-top:7px;color:var(--muted);font-size:.7rem;line-height:1.5}.flags{margin-top:6px;color:var(--red);font-size:.68rem;font-weight:800}.pagination{justify-content:center;margin-top:18px}.pagination button.active{background:var(--blue)}.pagination button:disabled{opacity:.35;cursor:default}.empty{grid-column:1/-1;padding:50px;text-align:center;color:#9aa39f}@media(max-width:560px){header{align-items:start;flex-direction:column}main,header{padding-left:12px;padding-right:12px}.event-card{grid-template-columns:96px 1fr}.mini-map{width:96px;height:84px}}
.device-strip{display:grid;grid-template-columns:.75fr 1fr 1.6fr;gap:1px;margin:6px 0 15px;overflow:hidden;border:1px solid #2d3230;border-radius:13px;background:#2d3230}.device-strip>div{padding:12px 14px;background:#141615;min-width:0}.device-strip span,.device-strip small,.device-strip strong{display:block}.device-strip span{margin-bottom:5px;color:#87908c;font-size:.61rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.device-strip strong{font-size:.78rem;line-height:1.45}.device-strip small{margin-top:3px;color:#87908c;font-size:.64rem;line-height:1.4}@media(max-width:760px){.device-strip{grid-template-columns:1fr}}