:root{color-scheme:dark;--bg:#0b1320;--side:#111d2d;--panel:#172438;--panel2:#1c2c42;--border:#293b51;--text:#ecf5fc;--muted:#95a9bd;--accent:#4cddb9;--accent-dark:#113a37;--red:#f47281;--blue:#28b8ed;--warning:#f7c96d;--radius:13px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.app{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{background:var(--side);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:25px 15px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:3px 10px 23px;text-decoration:none;color:var(--accent);font-size:28px;font-weight:850;letter-spacing:-1.2px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#214d5c,#1a6c5c);color:#83f6d2;font-size:28px}.brand.large{justify-content:center;font-size:34px;padding-bottom:5px}.sidebar-label{padding:0 14px;margin:8px 0 12px;font-size:10px;letter-spacing:2px;color:#668297;font-weight:800}.nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;text-decoration:none;padding:12px 13px;border-radius:10px;color:#9fb4c8;font-weight:550;transition:background .14s}.nav-link:hover,.nav-link.active{background:#1f3b45;color:#69eac9}.nav-link.active{box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{display:grid;place-items:center;width:22px;font-size:18px;font-weight:500}.sidebar-spacer{flex:1;min-height:18px}.sidebar-info{border:1px solid #2d4c52;border-radius:10px;padding:12px 11px;color:#92beae;background:#183032;font-size:11px}.online-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:6px}.sidebar-foot{display:flex;gap:9px;align-items:center;padding:19px 4px 1px;color:#d0e0ea;font-size:12px}.user-icon{background:#304257;border-radius:100%;padding:5px;color:#77e5ca}.sidebar-foot form{margin-left:auto}.logout{border:0;background:transparent;color:#aac0d2;font-size:12px}.logout:hover{color:var(--accent)}
.main-wrap{min-width:0;display:flex;flex-direction:column}.app-header{height:77px;padding:0 clamp(17px,3vw,44px);display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #25354a}.crumb{font-size:11px;letter-spacing:1px;color:#63879d;font-weight:800}.crumb span{padding:0 9px;color:#576c80}.crumb strong{color:#dceaf2;letter-spacing:0}.header-actions{display:flex;align-items:center;gap:12px}.selected-label{font-size:9px;font-weight:800;letter-spacing:1px;color:#7892a6;white-space:nowrap}.header-actions select{min-width:210px;max-width:280px;font-size:12px}
.main{max-width:1550px;margin:0 auto;width:100%;padding:28px clamp(16px,3vw,45px) 45px;flex:1}.page-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.page-top h1{font-size:29px;margin:0 0 4px;line-height:1.22;letter-spacing:-.7px}.page-top p{margin:0}.page-badge{border:1px solid #2c4a49;background:#193430;border-radius:99px;color:#8bdcc4;padding:7px 12px;font-size:9px;letter-spacing:1px;font-weight:800;white-space:nowrap}.page-badge span{color:var(--accent);padding-left:4px}.app-footer{padding:20px clamp(16px,3vw,45px);color:#637d91;font-size:11px;border-top:1px solid #253449;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}.tag{color:var(--accent)}h2{font-size:21px;margin:0 0 8px;letter-spacing:-.35px}h3{font-size:15px;margin:0 0 14px;line-height:1.3}h4{font-size:13px;margin:0 0 8px}p{margin-top:7px}.note{font-size:12px;color:#95aabd;line-height:1.7}.eyebrow{color:#87c9bd;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.section-title h3{margin:0}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric,.panel,.match-card,.team-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.metric{padding:19px 20px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:60px;height:60px;right:-24px;top:-20px;background:#264b4a;opacity:.35;border-radius:50%}.metric-value{font-size:30px;line-height:1.3;font-weight:800;margin:5px 0;color:#f5fbff}.metric-label{font-size:12px;color:var(--muted)}.metric-desc{color:#5ccfac;font-size:11px}.panel{padding:21px;min-width:0}.panel.inset{background:#111d2e}.grid-two{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:18px}.grid-even{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.stack{display:flex;flex-direction:column;gap:17px}.flex-between{display:flex;justify-content:space-between;gap:12px;align-items:center}.flex-center{display:flex;align-items:center;gap:10px}.controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.spacer{flex:1}.divider{border:0;border-top:1px solid #304157;margin:19px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;background:var(--accent);color:#072820;border:1px solid transparent;padding:11px 16px;border-radius:9px;font-weight:800;font-size:12px;white-space:nowrap;transition:filter .15s,transform .15s}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.btn.small,.btn-small{font-size:11px;padding:9px 11px}.btn.secondary{background:#273a4e;color:#e4f0f8}.btn.outline{background:transparent;border-color:#3a5363;color:#afdbd0}.btn.danger{background:#512e3c;color:#ffb9c2}.btn.ghost{background:transparent;color:#a5c6d5}.btn-block{width:100%}.btn-icon{font-size:15px}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #35545a;border-radius:99px;font-size:10px;padding:4px 9px;color:#a9c9c9;background:#1d343e}.pill.blue{border-color:#27587b;background:#153148;color:#77d5f6}.pill.red{border-color:#663643;background:#3a222f;color:#ffa7b5}.pill.gold{border-color:#68543a;background:#3b3029;color:#ffda99}
input,select,textarea{background:#0f1c2d;border:1px solid #385069;color:var(--text);padding:10px 12px;border-radius:8px;max-width:100%;min-height:40px}input[type=color]{padding:3px;width:54px;height:41px}input[type=checkbox]{width:16px;height:16px;accent-color:#4bd8b5;min-height:auto}select option{background:#172438;color:#fff}textarea{width:100%;resize:vertical;min-height:142px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}label{font-size:12px;color:#c8d8e4;font-weight:650}label input,label select,label textarea{display:block;margin-top:6px;width:100%;font-weight:400}form h3{margin-top:24px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.check-row{display:flex;align-items:center;gap:10px;margin:18px 0;color:#b8cdd9}.check-row input{width:auto;margin:0}.fields-note{font-size:11px;color:#86a0b5;margin-top:12px}
.list-row{display:flex;align-items:center;gap:10px;justify-content:space-between;border-bottom:1px solid #2c4055;padding:13px 0}.list-row:last-child{border:0}.list-row>div:first-child{min-width:0}.list-title{font-size:13px;font-weight:750}.sub{font-size:11px;color:var(--muted)}.team-dot{width:11px;height:11px;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 0 3px #ffffff0c}.table-wrap{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left}th{color:#7f9aad;font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-weight:800}th,td{padding:12px 10px;border-bottom:1px solid #2b3f55;vertical-align:middle}td{font-size:12px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#21314a44}.empty{border:1px dashed #395067;border-radius:12px;text-align:center;padding:28px 20px;color:#8da8b7}.empty-mark{font-size:32px;margin-bottom:7px;color:#61dbbd}.empty h3{color:#e5f5fc;margin:0 0 8px}.empty p{max-width:450px;margin:0 auto 15px;font-size:12px}.loading{padding:40px;color:var(--muted);text-align:center}
.match-card{padding:17px;margin-bottom:13px}.match-card.active{border-color:#438a7c;box-shadow:0 0 0 1px #438a7c33}.match-teams{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:13px 0}.match-name{font-size:15px;font-weight:800;flex:1}.match-name.right{text-align:right}.score{font-size:23px;font-weight:850;letter-spacing:-.5px;white-space:nowrap;background:#0e1c2e;padding:8px 13px;border-radius:9px}.match-meta{font-size:11px;color:#829aad}.team-card{padding:20px}.team-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.team-color-big{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:#071823;font-weight:800}.team-card h3{font-size:16px;margin:0}.team-stats{display:flex;gap:15px;align-items:center;margin:16px 0 0;color:#97afc0;font-size:12px}
.pitch{background:repeating-linear-gradient(90deg,#12614b 0 12.5%,#166b50 12.5% 25%);position:relative;aspect-ratio:1.68;border:2px solid #c4e3da;border-radius:5px;touch-action:none;overflow:hidden;box-shadow:0 12px 30px #00000020}.pitch .midline{position:absolute;left:50%;height:100%;border-left:2px solid #d6f0e6}.pitch .circle{position:absolute;left:50%;top:50%;width:24%;aspect-ratio:1;border:2px solid #d6f0e6;border-radius:50%;transform:translate(-50%,-50%)}.pitch .circle:after{content:"";display:block;width:5px;height:5px;background:#d6f0e6;position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.pitch .area{position:absolute;top:24%;height:52%;width:15%;border:2px solid #d6f0e6}.pitch .area.right{right:0}.pitch .goal{position:absolute;top:39%;height:22%;width:2%;border:2px solid #d6f0e6}.pitch .goal.right{right:0}.pitch .player{position:absolute;width:clamp(17px,2vw,26px);height:clamp(17px,2vw,26px);display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;font-size:10px;font-weight:800;color:#fff;cursor:grab;touch-action:none;user-select:none;box-shadow:0 2px 7px #0008;z-index:2}.pitch .player:active{cursor:grabbing;z-index:10}.pitch .player:focus-visible{outline:3px solid #ffe6a8}.pitch .player-label{position:absolute;transform:translate(-50%,0);font-size:8px;white-space:nowrap;max-width:100px;text-overflow:ellipsis;overflow:hidden;pointer-events:none;color:#e3fff5;text-shadow:0 1px 3px #0009;z-index:1}.pitch-legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:12px 0;color:#b2cad5;font-size:11px}.pitch-legend .team-dot{margin-right:5px}.pitch-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;align-items:center}
.video-player{width:100%;background:#000;border-radius:8px;margin:16px 0 8px;max-height:480px;display:block}.video-input{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.video-file{max-width:400px;font-size:12px}.video-file::file-selector-button{padding:9px 12px;border-radius:8px;border:0;background:#26394b;color:#e1f1f9;margin-right:10px;cursor:pointer}.video-timestamp{font-variant-numeric:tabular-nums;letter-spacing:1px;font-weight:800;color:var(--accent);font-size:14px}.event-item{display:flex;align-items:center;gap:9px;justify-content:space-between;padding:11px 0;border-bottom:1px solid #293e54}.event-item:last-child{border:0}.event-time{font-size:12px;font-weight:850;font-variant-numeric:tabular-nums;color:#b6ebda;white-space:nowrap}.event-note{color:#b1c7d3;word-break:break-word;font-size:11px}.event-main{min-width:0;flex:1}.chart-line{display:grid;grid-template-columns:120px 1fr 35px;align-items:center;gap:11px;margin:14px 0;color:#b2c7d3;font-size:12px}.chart-track{height:9px;border-radius:100px;background:#293b4e;overflow:hidden}.chart-track div{background:linear-gradient(90deg,#2faf9d,#60e6c3);height:100%;border-radius:100px;min-width:1px}.roster-player{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #2b4053}.roster-player:last-child{border:0}.roster-player strong{display:block;font-size:12px}.roster-player .controls{flex-wrap:nowrap}.number{font-variant-numeric:tabular-nums;background:#293e53;border-radius:6px;display:inline-grid;place-items:center;width:30px;height:30px;font-weight:850;color:#d8f8f0}.roster-badge{font-size:9px;background:#26463f;border-radius:5px;padding:4px 6px;color:#8cf3d3}
.auth-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 15px;background:radial-gradient(circle at 50% -10%,#18443b 0,transparent 43%),#0b1320}.auth-card{width:min(100%,430px);background:#172438;padding:34px;border:1px solid #32505b;border-radius:18px;box-shadow:0 25px 60px #0005}.auth-card.wide{width:min(100%,670px)}.auth-card h1{font-size:24px;text-align:center;margin:10px 0 5px}.auth-card p{text-align:center}.auth-card form{margin-top:26px}.auth-card form>label{display:block;margin:14px 0}.auth-card .form-grid label{display:block}.alert{border-radius:10px;padding:11px 14px;margin:13px 0;font-size:12px;line-height:1.55}.alert.error{background:#4f2a36;color:#ffb9c6;border:1px solid #794252}.alert.good{background:#193c37;color:#7af1cb;border:1px solid #34695e}.requirements{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.requirement{font-size:11px;background:#23364a;color:#b7cdd6;border-radius:7px;padding:6px 9px}.requirement span:first-child{color:#63e3bc;font-weight:900;margin-right:4px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:min(440px,90vw)}.toast{box-shadow:0 10px 30px #0008;color:#e9f6fb;background:#233d4a;border:1px solid #477b77;padding:13px 17px;border-radius:10px;font-size:12px}.toast.error{background:#492937;border-color:#975265;color:#ffe3e6}
@media(max-width:1250px){.app{grid-template-columns:205px minmax(0,1fr)}.header-actions .selected-label{display:none}.page-badge{display:none}.grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}}
@media(max-width:960px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:12px 16px}.brand{font-size:22px;padding:0 2px 10px}.brand-mark{width:30px;height:30px;font-size:22px}.sidebar-label,.sidebar-info,.sidebar-spacer,.sidebar-foot{display:none}.nav{flex-direction:row;gap:5px;overflow:auto}.nav-link{padding:9px 11px;font-size:12px;white-space:nowrap}.nav-icon{display:none}.app-header{height:auto;min-height:68px;padding:14px 17px;flex-wrap:wrap}.header-actions select{min-width:180px}.main{padding:23px 17px 40px}.grid-two{grid-template-columns:1fr}}
@media(max-width:630px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:14px}.metric-value{font-size:24px}.grid-even,.grid-three{grid-template-columns:1fr}.panel{padding:16px}.page-top h1{font-size:23px}.page-top{margin-bottom:15px}.header-actions{width:100%;flex-wrap:wrap}.header-actions select{flex:1;max-width:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.match-name{font-size:12px}.score{font-size:18px;padding:6px}.controls{gap:7px}.pitch .player{font-size:8px}.pitch .player-label{display:none}.chart-line{grid-template-columns:85px 1fr 27px}.roster-player .controls{flex-wrap:wrap}.sidebar .nav-link{font-size:11px}}