:root{--pro-bg:#07172b;--pro-panel:#0d223b;--pro-panel-2:#112b49;--pro-line:#25415f;--pro-text:#f4f8fc;--pro-muted:#9fb2c7;--pro-green:#58d36b;--home-team-color:#22c55e;--away-team-color:#2563eb;--radius:16px}
body{background:#eef3f8;color:#142033}.professional-app-header{position:sticky;top:0;z-index:2500;display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,auto) auto 48px;align-items:center;gap:16px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:linear-gradient(135deg,#06172b,#0a2745);color:white;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(2,18,36,.2)}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-lockup img{width:42px;height:42px}.brand-lockup div{display:flex;flex-direction:column}.brand-lockup strong{font-size:17px}.brand-lockup span,.header-context span{font-size:11px;color:#a8bdd2}.header-context{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.15);padding-left:16px}.header-status{display:flex;gap:7px;align-items:center;padding:8px 11px;border-radius:999px;background:rgba(43,178,89,.12);color:#7ee08c;font-size:12px;font-weight:800}.sync-dot{width:8px;height:8px;border-radius:50%;background:#58d36b}.offline .sync-dot{background:#f59e0b}.header-menu-btn{background:#102c49;color:white;border-color:#2b4865;font-size:21px}.header-menu{position:absolute;right:14px;top:64px;width:190px;padding:7px;border:1px solid #294661;border-radius:12px;background:#0b223b;box-shadow:0 18px 45px rgba(0,0,0,.35)}.header-menu button{width:100%;text-align:left;background:transparent;color:white;border:0}.cloud-bar{display:none!important}#appShell>header{background:#0b223b;color:white;max-width:none;padding:8px max(12px,calc((100vw - 1180px)/2));margin:0;border-radius:0}#appShell>header h1,#appShell>header button{color:white}#workspaceNav button{background:transparent;border-color:transparent;color:#b9c9da}#workspaceNav button.active{color:#70de7f;border-bottom-color:#70de7f}main{max-width:1180px}.card{border-radius:var(--radius);box-shadow:0 4px 14px rgba(19,43,66,.06)}button{border-radius:10px;font-weight:750}.primary{background:linear-gradient(135deg,#35b856,#65db72);border-color:#35b856;color:#071b15}.danger{background:#b83737}.team-action-card{min-height:104px}.team-action-card.primary-card{background:linear-gradient(135deg,#e9fff0,#f4fff6);border-color:#8de49c}.tracking-main-card{border:1px solid #c7d7e5}.live-score-board{border:1px solid #d8e4ed;border-radius:14px;padding:7px 12px;background:#f8fbfd}.score-home strong{color:var(--home-team-color)}.score-away strong{color:var(--away-team-color)}.lineup-panel:first-child{border-top:4px solid var(--home-team-color)}.lineup-panel:last-child{border-top:4px solid var(--away-team-color)}.graph-display-toggle,.offense-defense-tabs{display:flex;gap:6px;padding:5px;background:#e7eef5;border-radius:12px;margin:8px 0 12px}.graph-display-toggle button,.offense-defense-tabs button{flex:1;background:transparent;border:0}.graph-display-toggle button.active,.offense-defense-tabs button.active{background:#0b2946;color:white;box-shadow:0 2px 7px rgba(8,31,53,.18)}.game-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#fff;padding:12px 14px}.game-card-date{font-size:12px;color:#718297}.game-card-match{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:17px;margin:3px 0}.game-card-match strong span{color:#27a74a}.game-card-competition{font-size:13px;color:#64748b}.tracking-badge{font-size:11px;background:#edf4ff;color:#24518b;border-radius:999px;padding:4px 8px}.roster-management{padding:12px 0}.roster-list{display:grid;gap:7px}.roster-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(100px,.5fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #dbe5ed;border-radius:10px}.danger-text{color:#b42318!important}.defense-overview .stat span{font-size:12px;color:#64748b}.defense-court-map{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:14px;border:2px solid #d4e0e9;border-radius:18px;background:linear-gradient(90deg,#e9f4ff,#f7fbff,#e9f4ff)}.defense-corridor{min-height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #b9ccda;border-radius:10px;background:rgba(255,255,255,.78)}.defense-corridor span{font-size:20px;font-weight:900}.defense-corridor small{font-size:10px;color:#63778b}.mobile-bottom-nav{display:none}.filter-grid{align-items:end}.time-filter-actions button:first-child{background:#1f8f45;color:white}.canvas-wrap{border-radius:14px;overflow:hidden}.team-stat-tabs button.active{background:#0c2b48!important;color:#fff!important}
@media(max-width:760px){body{padding-bottom:68px}.professional-app-header{grid-template-columns:1fr auto 42px;padding:8px 10px}.brand-lockup img{width:34px;height:34px}.brand-lockup strong{font-size:14px}.brand-lockup span,.header-context{display:none}.header-status{padding:6px 8px}.header-status span:last-child{display:none}.header-menu{top:56px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;z-index:3000;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#071b31;border-top:1px solid #24415e}.mobile-bottom-nav button{background:transparent;color:#aebfd0;border:0;font-size:12px;padding:9px 3px}#appShell>header{padding:7px 9px}.workspace-heading{display:none}#workspaceNav{width:100%;justify-content:space-around}.team-action-grid{grid-template-columns:1fr 1fr}.team-action-card{min-height:88px;padding:12px}.tracking-stage-layout{display:flex;flex-direction:column}.tracking-main-card{order:1}.lineup-panel{order:2;width:100%}.lineup-position-list{display:grid;grid-template-columns:repeat(3,1fr)}.court-quick-actions{grid-template-columns:1fr 48px 1fr}.game-item{grid-template-columns:1fr}.game-actions{margin-top:10px}.game-actions .review-btn{background:#54ce69}.roster-row{grid-template-columns:1fr auto}.roster-row>span{grid-column:1/2}.defense-court-map{grid-template-columns:repeat(2,1fr)}.defense-corridor{min-height:80px}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid label{font-size:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.breakdown-grid{grid-template-columns:1fr}.review-match-overview-card .comparison-stat-grid{grid-template-columns:repeat(2,1fr)}.button-row{gap:6px}.button-row button{min-height:42px}.sticky-actions{position:sticky;bottom:62px;z-index:10}.canvas-wrap canvas{max-height:58vh}.contact-floating{display:none}}
.graph-outcome-toggle{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px}.graph-outcome-toggle>span{font-size:12px;font-weight:800;color:#64748b;margin-right:3px}.graph-outcome-toggle button{padding:7px 11px;background:#f3f7fa;border-color:#d5e0e8}.graph-outcome-toggle button.active{background:#0c2b48;color:white;border-color:#0c2b48}