@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@300;400;600&family=JetBrains+Mono:wght@400;700&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#f0f0f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0f12;font-family:Inter,system-ui,sans-serif;overflow:hidden}:root{--graphite:#0d0f12;--panel:#141820;--volt:#d4ff00;--text:#f0f0f0;--grey:#7d828c;--border:#d4ff0022;--border-soft:#d4ff0011;--glow:0 0 12px #d4ff000f;--sg:"Space Grotesk", sans-serif;--inter:"Inter", sans-serif;--mono:"JetBrains Mono", monospace}.app-root{background:var(--graphite);color:var(--text);font-family:var(--inter);position:fixed;inset:0;overflow:hidden}.topbar{z-index:100;background:#0d0f12fa;border-bottom:2px solid #d4ff0044;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-left{align-items:center;gap:10px;display:flex}.brand{font-family:var(--sg);color:var(--volt);text-shadow:0 0 8px #d4ff0080;letter-spacing:.5px;font-size:15px;font-weight:700}.brand-sub{font-family:var(--inter);color:var(--grey);letter-spacing:3px;font-size:10px;font-weight:300}.sep{background:#d4ff0033;width:1px;height:18px}.topbar-center{font-family:var(--inter);color:var(--grey);letter-spacing:2px;font-size:10px;font-weight:300}.topbar-right{align-items:center;gap:10px;display:flex}.clock{font-family:var(--mono);color:var(--text);font-size:12px}.live{font-family:var(--inter);color:var(--grey);letter-spacing:2px;align-items:center;gap:5px;font-size:9px;display:flex}.live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse-green;box-shadow:0 0 6px #22c55e}.agent-strip{border-bottom:1px solid var(--border);z-index:90;background:#0d0f12f2;align-items:center;gap:8px;height:80px;padding:0 12px;display:flex;position:fixed;top:48px;left:0;right:0}.agent-card{background:var(--panel);border:1px solid var(--border);border-radius:4px;flex-direction:column;flex:20%;gap:3px;height:64px;padding:8px 10px;display:flex;overflow:hidden}.agent-card.active{box-shadow:var(--glow);border-color:#d4ff0055}.agent-top{justify-content:space-between;align-items:center;display:flex}.agent-name{font-family:var(--sg);color:var(--volt);letter-spacing:.5px;font-size:10px;font-weight:600}.status-dot{background:#4a4f58;border-radius:50%;width:6px;height:6px}.status-dot.active{background:var(--volt);box-shadow:0 0 6px var(--volt);animation:1.2s ease-in-out infinite pulse-volt}.agent-task{font-family:var(--inter);color:var(--grey);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:300;overflow:hidden}.agent-reasoning{font-family:var(--mono);color:#5f636c;white-space:nowrap;text-overflow:ellipsis;font-size:8px;line-height:1.3;overflow:hidden}.agent-throughput{font-family:var(--mono);color:var(--text);margin-top:auto;font-size:11px;font-weight:700}.main-grid{grid-template:"roster programme strength volume"1fr"roster heatmap macros rightstack"1fr"goals goals metrics metrics"1fr/1.2fr 1.2fr 1fr 1fr;gap:6px;padding:8px;display:grid;position:fixed;inset:128px 0 44px}.rightstack{flex-direction:column;grid-area:rightstack;gap:6px;min-height:0;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:4px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panel.active{box-shadow:var(--glow)}.panel-header{background:var(--graphite);border-bottom:1px solid var(--border);flex:0 0 24px;align-items:center;gap:5px;height:24px;padding:0 8px;display:flex}.panel-header span{font-family:var(--sg);color:var(--volt);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:600}.panel-body{flex:auto;min-height:0;padding:6px;overflow:auto}.roster-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:4px;height:100%;display:grid}.client-card{background:var(--graphite);border:1px solid var(--border-soft);border-radius:3px;flex-direction:column;gap:3px;min-width:0;padding:6px 8px;display:flex}.client-card.flash{animation:.9s ease-in-out infinite flash-red}.client-top{align-items:center;gap:6px;display:flex}.initials{background:var(--volt);width:22px;height:22px;color:var(--graphite);font-family:var(--sg);border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.client-name{font-family:var(--inter);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:600;overflow:hidden}.client-meta{justify-content:space-between;align-items:center;gap:4px;display:flex}.goal-badge{font-family:var(--inter);color:var(--grey);white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.week-tag{font-family:var(--mono);color:var(--volt);font-size:8px}.prog-block{border-bottom:1px solid var(--border-soft);padding:6px 2px}.prog-client{font-family:var(--sg);color:var(--volt);margin-bottom:3px;font-size:9px;font-weight:600}.prog-section{font-family:var(--inter);color:var(--grey);letter-spacing:1px;margin:3px 0 1px;font-size:8px;font-weight:600}.prog-line{font-family:var(--mono);color:var(--text);font-size:8px;line-height:1.4}.heatmap{grid-template-columns:20px repeat(7,1fr);align-content:start;gap:2px;display:grid}.heat-day{font-family:var(--inter);color:var(--grey);text-align:center;font-size:7px}.heat-init{font-family:var(--mono);color:var(--grey);align-items:center;font-size:7px;display:flex}.heat-cell{border-radius:1px;height:8px}.macro-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:6px;height:100%;display:grid}.macro-cell{background:var(--graphite);border:1px solid var(--border-soft);border-radius:3px;flex-direction:column;gap:3px;min-width:0;padding:4px 6px;display:flex}.macro-init{font-family:var(--inter);color:var(--text);font-size:8px;font-weight:600}.macro-rings{align-items:center;gap:6px;display:flex}.macro-ring{flex-direction:column;align-items:center;gap:1px;display:flex}.macro-val{font-family:var(--mono);color:var(--grey);font-size:7px}.comms-block{border-bottom:1px solid var(--border-soft);padding:5px 2px}.comms-client{font-family:var(--sg);color:var(--volt);margin-bottom:2px;font-size:9px;font-weight:600}.comms-text{font-family:var(--mono);color:var(--grey);font-size:8px;line-height:1.4}.injury-card{background:#ef44440f;border-left:3px solid #ef4444;border-radius:3px;margin-bottom:6px;padding:6px 8px}.injury-client{font-family:var(--sg);color:#ef4444;font-size:10px;font-weight:600}.injury-badge{font-family:var(--inter);color:#fca5a5;text-transform:uppercase;letter-spacing:.5px;border:1px solid #ef444466;border-radius:2px;margin:3px 4px 3px 0;padding:1px 4px;font-size:7px;display:inline-block}.injury-desc{font-family:var(--inter);color:var(--grey);margin-top:2px;font-size:9px;line-height:1.35}.injury-rec{font-family:var(--inter);color:var(--volt);margin-top:3px;font-size:8px;font-style:italic;line-height:1.35}.leaderboard{flex-direction:column;gap:3px;display:flex}.lb-row{background:var(--graphite);border-radius:3px;align-items:center;gap:8px;padding:2px 4px;display:flex}.lb-rank{font-family:var(--mono);color:var(--volt);text-align:right;width:18px;font-size:10px;font-weight:700}.lb-name{font-family:var(--inter);color:var(--text);white-space:nowrap;text-overflow:ellipsis;width:120px;font-size:10px;font-weight:600;overflow:hidden}.lb-goal{font-family:var(--inter);color:var(--grey);white-space:nowrap;text-overflow:ellipsis;width:110px;font-size:8px;overflow:hidden}.progress-track{background:#21262f;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--volt);border-radius:3px;height:100%;box-shadow:0 0 6px #d4ff0066}.lb-pct{font-family:var(--mono);color:var(--volt);text-align:right;width:38px;font-size:10px;font-weight:700}.metrics-row{gap:8px;height:100%;display:flex}.metric-block{background:var(--graphite);border:1px solid var(--border-soft);border-radius:3px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.metric-val{font-family:var(--mono);color:var(--volt);font-size:26px;font-weight:700}.metric-label{font-family:var(--inter);color:var(--grey);letter-spacing:1px;text-transform:uppercase;font-size:8px;font-weight:300}.volume-stack{flex-direction:column;justify-content:space-around;height:100%;display:flex}.volume-stat{flex-direction:column;gap:2px;display:flex}.volume-val{font-family:var(--mono);color:var(--volt);font-size:28px;font-weight:700;line-height:1}.volume-label{font-family:var(--inter);color:var(--grey);letter-spacing:1px;text-transform:uppercase;font-size:8px;font-weight:300}.empty-state{height:100%;font-family:var(--sg);color:var(--grey);letter-spacing:1px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:9px;display:flex}.empty-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #22c55e}.ticker{border-top:1px solid var(--border);z-index:95;background:#0d0f12fa;align-items:center;height:44px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.ticker-track{white-space:nowrap;font-family:var(--sg);color:var(--volt);letter-spacing:.5px;font-size:10px;animation:38s linear infinite ticker-scroll;display:inline-flex}.ticker-track span{padding:0 10px}.see-it-run{background:var(--volt);color:var(--graphite);font-family:var(--sg);letter-spacing:.5px;cursor:pointer;z-index:110;border:none;border-radius:4px;padding:10px 20px;font-size:12px;font-weight:700;transition:transform .12s,box-shadow .12s;position:fixed;bottom:56px;right:16px;box-shadow:0 0 16px #d4ff0059}.see-it-run:hover{transform:translateY(-1px);box-shadow:0 0 24px #d4ff008c}.alert-banner{z-index:120;color:#fff;font-family:var(--sg);letter-spacing:.5px;background:linear-gradient(90deg,#ef4444,#b91c1c);align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:700;display:flex;position:fixed;top:128px;left:0;right:0;box-shadow:0 4px 18px #ef444466}.chart-client{font-family:var(--sg);color:var(--volt);margin-bottom:2px;font-size:9px;font-weight:600}.chart-wrap{flex:1;min-height:0}.panel-body::-webkit-scrollbar{width:5px;height:5px}.panel-body::-webkit-scrollbar-track{background:0 0}.panel-body::-webkit-scrollbar-thumb{background:#d4ff0033;border-radius:3px}@keyframes pulse-volt{0%,to{box-shadow:0 0 #d4ff0080}50%{box-shadow:0 0 0 4px #d4ff0000}}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.4}}@keyframes flash-red{0%,to{border-color:var(--border-soft);background:var(--graphite)}50%{background:#ef44442e;border-color:#ef4444}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-track.fast{animation-duration:12s}@keyframes screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(6px,-3px)}60%{transform:translate(-5px,-2px)}80%{transform:translate(5px,2px)}}.victory-banner{z-index:200;background:var(--volt);color:var(--graphite);flex-direction:column;align-items:center;gap:14px;padding:18px 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 6px 30px #d4ff0066}.victory-title{font-family:var(--sg);letter-spacing:.5px;text-align:center;font-size:18px;font-weight:700}.victory-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta-btn{font-family:var(--sg);letter-spacing:.5px;border:2px solid var(--graphite);background:var(--graphite);color:var(--volt);cursor:pointer;border-radius:4px;padding:9px 18px;font-size:12px;font-weight:700;transition:transform .12s}.cta-btn:hover{transform:translateY(-1px)}.cta-btn.ghost{color:var(--graphite);background:0 0}.modal-overlay{z-index:300;background:#050608c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--graphite);border:1px solid var(--volt);border-radius:4px;width:440px;max-width:100%;max-height:90vh;padding:22px 24px;overflow:auto;box-shadow:0 0 40px #d4ff002e}.modal h2{font-family:var(--sg);color:var(--volt);margin:0 0 4px;font-size:18px;font-weight:700}.modal-sub{font-family:var(--inter);color:var(--grey);margin-bottom:16px;font-size:11px;font-weight:300}.modal-field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.modal-field label{font-family:var(--inter);color:var(--text);letter-spacing:.5px;font-size:10px;font-weight:600}.modal-field input,.modal-field select,.modal-field textarea{background:var(--panel);border:1px solid var(--border);color:var(--text);font-family:var(--inter);border-radius:4px;outline:none;padding:8px 10px;font-size:12px}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{border-color:var(--volt)}.modal-field textarea{resize:vertical;min-height:64px}.modal-actions{gap:10px;margin-top:8px;display:flex}.modal-submit{font-family:var(--sg);background:var(--volt);color:var(--graphite);cursor:pointer;border:none;border-radius:4px;flex:1;padding:10px;font-size:12px;font-weight:700}.modal-cancel{font-family:var(--sg);color:var(--grey);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:10px 14px;font-size:12px;font-weight:600}.modal-thanks{font-family:var(--sg);color:var(--volt);text-align:center;padding:26px 8px;font-size:14px;font-weight:600;line-height:1.5}.prog-line.subst{color:#ff6b35;font-weight:700}.prog-coachnote{font-family:var(--inter);color:var(--volt);margin-top:3px;font-size:8px;font-style:italic;line-height:1.4}