:root{--in: #107C10;--out: #A80000;--bg: #F5F5F5;--card: #FFFFFF;--border: #E0E0E0;--text: #252525;--muted: #666;--radius: 8px;--teams-purple: #6264A7}@media(prefers-color-scheme:dark){:root{--bg: #1F1F1F;--card: #2D2D2D;--border: #404040;--text: #F3F2F1;--muted: #C8C6C4}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.header{background:var(--teams-purple);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:12px}.header .h1{font-size:16px;font-weight:600}.header .subtitle{font-size:12px;opacity:.75}.live-dot{width:8px;height:8px;border-radius:50%;background:#92c353;margin-left:auto;animation:pulse 2s infinite}.live-dot.dead{background:#a80000;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.toolbar{padding:10px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card);border-bottom:1px solid var(--border)}.toolbar input{flex:1;min-width:160px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:13px}.filter-btn{padding:6px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-size:13px}.filter-btn.active{background:var(--teams-purple);color:#fff;border-color:var(--teams-purple)}.stats{margin-left:auto;font-size:12px;color:var(--muted);display:flex;gap:16px}.stats span b{color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:16px 20px}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:14px;position:relative;transition:box-shadow .15s}.card:hover{box-shadow:0 2px 8px #0000001f}.card.new-flash{animation:flash .6s}@keyframes flash{0%{background:#fff4ce}to{background:var(--card)}}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.card-name{font-weight:600;font-size:14px;line-height:1.2}.card-empid{font-size:11px;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:600}.badge-in{background:#dff6dd;color:#107c10}.badge-out{background:#fde7e9;color:#a80000}@media(prefers-color-scheme:dark){.badge-in{background:#1b3a1b;color:#92c353}.badge-out{background:#3a1b1b;color:#f1707b}}.card-meta{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;font-size:11px;color:var(--muted)}.card-meta .label{color:var(--muted)}.card-meta .val{color:var(--text);font-weight:500}.card-time{font-size:13px;font-weight:600;color:var(--text);margin-top:8px}.empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--muted)}.empty svg{margin-bottom:12px;opacity:.4}