:root{--bg: #0b0f1a;--bg2: #0e1220;--panel: #f6f4ee;--panel-ink: #1b2130;--navy: #1b3a6b;--navy2: #24508f;--accent: #e3b341;--line: #1c2333;--muted: #8b949e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,#16233f 0%,transparent 60%),radial-gradient(900px 500px at -10% 110%,#17233a 0%,transparent 55%),var(--bg);color:#e6edf3}.mono,.bigclock,.rtime,.paceval,.num,.sdot+*{font-family:SF Mono,JetBrains Mono,ui-monospace,Cascadia Code,Menlo,monospace}.loading{display:grid;place-items:center;height:100%;color:var(--muted);letter-spacing:.05em}.app{display:flex;flex-direction:column;height:100%}.app.night header{box-shadow:inset 0 -1px 0 var(--line),0 0 60px #14285a40}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:14px 26px;background:linear-gradient(180deg,#0f1730,#0b1020);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px}.logo{width:46px;height:46px;border-radius:8px;background:linear-gradient(135deg,var(--navy2),var(--navy));display:grid;place-items:center;font-weight:800;letter-spacing:.06em;color:#fff;box-shadow:0 2px 10px #24508f80;border:1px solid rgba(255,255,255,.15)}.title{font-weight:800;letter-spacing:.14em;font-size:15px}.sub{color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.clockblock{text-align:center}.bigclock{font-size:54px;font-weight:700;line-height:1;letter-spacing:.02em;color:#f2f6ff;text-shadow:0 0 24px rgba(99,149,227,.35);display:inline-flex;align-items:baseline;gap:2px}.bigclock .col{animation:blink 1s steps(2,start) infinite;color:var(--accent)}.bigclock .sec{font-size:24px;color:var(--muted);margin-left:4px}.bigclock .daynight{font-size:26px;margin-left:14px}@keyframes blink{50%{opacity:.25}}.date{color:var(--muted);font-size:13px;margin-top:2px;letter-spacing:.06em}.regions{display:flex;gap:14px;justify-content:center;margin-top:8px}.region{display:flex;flex-direction:column;align-items:center;min-width:58px;background:#ffffff08;border:1px solid var(--line);border-radius:6px;padding:4px 8px}.rlabel{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.rtime{font-size:15px;color:#cfe0ff}.paceblock{justify-self:end;width:260px}.pacerow{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.playbtn{background:var(--navy);color:#fff;border:1px solid var(--navy2);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px;font-weight:600}.playbtn:hover{background:var(--navy2)}.paceval{font-size:20px;color:var(--accent);font-weight:700}.paceblock input[type=range]{width:100%}.presets{display:flex;gap:6px;margin-top:6px}.presets button,.tabs button{flex:1;background:#ffffff0a;color:#c9d4e5;border:1px solid var(--line);border-radius:6px;padding:5px 0;cursor:pointer;font-size:12px}.presets button.on{background:var(--accent);color:#201a00;border-color:var(--accent);font-weight:700}input[type=range]{accent-color:var(--accent);cursor:pointer}.body{flex:1;display:grid;grid-template-columns:340px 1fr 360px;gap:16px;padding:16px 20px;min-height:0}.center{display:flex;flex-direction:column;gap:14px;min-height:0}.right{min-height:0;display:flex;flex-direction:column}.board,.feed,.panel{background:linear-gradient(180deg,#ffffff05,#fff0),#101728;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.board-head,.feed-head{padding:12px 16px;font-size:12px;letter-spacing:.16em;color:#9fb0c9;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#1b3a6b2e}.pcount{font-size:12px;color:var(--muted);letter-spacing:normal}.board-scroll,.feed-scroll{overflow-y:auto;padding:8px;flex:1}.company{margin-bottom:10px}.company-head{display:flex;justify-content:space-between;padding:4px 8px;font-size:12px;color:#cbd5e6;border-bottom:1px dashed var(--line);margin-bottom:2px}.cname{font-weight:600}.cwork{color:var(--muted)}.person{display:grid;grid-template-columns:12px 1fr auto auto;align-items:center;gap:8px;padding:3px 8px;border-radius:6px;font-size:13px}.person:hover{background:#ffffff08}.person.away{opacity:.55}.dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 8px currentColor}.pname{color:#dfe7f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pact{color:var(--accent);font-size:11px;font-style:italic;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.ptime{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.counters{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.counter{background:#101728;border:1px solid var(--line);border-radius:10px;padding:10px 6px;text-align:center}.cval{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.clabel{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.feed{flex:1}.fitem{display:flex;align-items:baseline;gap:10px;padding:5px 10px;border-radius:6px;font-size:13px;line-height:1.35;animation:slidein .25s ease}.fitem.link{cursor:pointer}.fitem.link:hover{background:#58a6ff1a}.fdot{width:8px;height:8px;border-radius:50%;flex:none;align-self:center;box-shadow:0 0 6px currentColor}.ftext{color:#d6deea}.fempty{color:var(--muted);padding:20px;text-align:center}@keyframes slidein{0%{opacity:0;transform:translateY(-4px)}}.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy2);font-weight:700}.panel{flex:1;padding:14px 16px;overflow-y:auto}.panel h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#9fb0c9;margin:16px 0 6px}.panel h3:first-child{margin-top:0}.panel table{width:100%;border-collapse:collapse;font-size:13px}.panel th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;padding:4px 6px;border-bottom:1px solid var(--line)}.panel td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.04);color:#d6deea}.panel td.num,.panel th.num{text-align:right;font-variant-numeric:tabular-nums}.panel td.num.hot{color:var(--accent);font-weight:700}tr.away td{opacity:.5}.sdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.awaybtn{background:#ffffff0d;border:1px solid var(--line);color:#c9d4e5;border-radius:5px;padding:2px 8px;cursor:pointer;font-size:11px}.awaybtn:hover{background:var(--navy);color:#fff}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.5}.controls{gap:14px}.dial{background:#0d1526;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px}.dial-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.dial-top b{color:var(--accent);font-size:18px}.dial input[type=range]{width:100%}.dial-hint{color:var(--muted);font-size:11px;margin-top:4px}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:#d6deea;margin:6px 0 12px}.check input{accent-color:var(--accent);width:16px;height:16px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#24304a;border-radius:6px}::-webkit-scrollbar-track{background:transparent}