*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:var(--text);font:14px/1.6 var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sky);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--navy);line-height:1.2}h1{font-size:34px;letter-spacing:-1.3px}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:15px}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--sky)}.muted,small{color:var(--muted)}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:16px}.skip:focus{top:0}
#sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:28px 20px;background:white;border-right:1px solid var(--border);z-index:40;display:flex;flex-direction:column}.brand{display:block;margin:0 10px 30px}.brand img{width:170px;height:auto}#sidebar>.eyebrow{padding:0 14px;margin-bottom:16px;color:#8692a5}#desktop-nav{display:grid;gap:5px}#desktop-nav a{display:flex;align-items:center;gap:13px;border-radius:9px;padding:12px 14px;font-size:12px;font-weight:600;color:#66748c;transition:.2s}#desktop-nav a:hover{background:var(--navy-soft);transform:translateX(3px)}#desktop-nav a[aria-current]{background:var(--navy);color:white;box-shadow:0 6px 18px #00205b20}.sidebar-bottom{margin-top:auto;padding:24px 12px 0;font-size:10px;color:var(--muted)}.sidebar-bottom a{display:block;margin-top:16px}.hub-shell{margin-left:240px}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--border);background:#ffffffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}header>div,.header-actions{display:flex;align-items:center;gap:20px}.header-label{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}.demo-pill{font-size:10px;color:var(--muted);padding:5px 10px;border:1px solid var(--border);border-radius:20px}.avatar{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:var(--navy-soft);color:var(--navy);border-radius:14px;font-weight:750;flex-shrink:0;object-fit:cover}.icon-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:white;border-radius:12px;color:var(--navy);position:relative}.unread-dot{position:absolute;right:7px;top:7px;background:var(--red);width:7px;height:7px;border-radius:50%}#menu,#bottom-nav{display:none}main{max-width:1450px;padding:32px 36px 50px;margin:auto;outline:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.page-heading p{color:var(--muted);font-size:12px;margin-top:8px}.page-heading .eyebrow{margin:0 0 10px}.btn{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:9px;border:1px solid var(--border);padding:10px 16px;background:white;color:var(--navy);font-size:12px;font-weight:650;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #00205b12}.btn.primary{background:var(--red);border-color:var(--red);color:white}.btn.navy{background:var(--navy);border-color:var(--navy);color:white}.btn.text{border:0;background:transparent;padding:8px 0;color:var(--sky)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.3fr 1fr;gap:20px;border-radius:22px;background:linear-gradient(120deg,#001744,#062e6e);padding:36px 38px;color:white;margin-bottom:24px}.hero:before{content:'';position:absolute;z-index:-1;width:400px;height:400px;border:1px solid #ffffff12;border-radius:50%;right:15%;top:-100px;box-shadow:0 0 0 70px #ffffff04,0 0 0 140px #ffffff03}.hero .eyebrow{color:#65cff7}.hero h2{font:900 clamp(32px,3vw,50px)/1.02 var(--font-display);color:white;letter-spacing:-2px;margin:18px 0}.hero h2 em{color:#69d1fa;font-style:normal}.hero p:not(.eyebrow){font-size:12px;color:#b4c7e4;max-width:330px;margin-bottom:22px}.hero-side{display:flex;align-items:center;justify-content:center;position:relative;min-height:210px}.pitch{width:150px;height:215px;border:1px solid #ffffff30;border-radius:50%;transform:rotate(25deg);box-shadow:0 0 0 35px #ffffff04,0 0 0 70px #ffffff03;position:relative}.pitch:before{content:'';position:absolute;inset:45px 53px;border:1px solid #ffffff50;background:#ffffff07}.pitch:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:var(--red);top:40px;left:38px;box-shadow:0 0 24px #e4002b80;animation:ball-float 5s ease-in-out infinite}.hero-tag{position:absolute;right:0;bottom:10px;background:#ffffff0d;border:1px solid #ffffff20;border-radius:10px;padding:12px 16px;font-size:10px}.hero-tag strong{display:block;font-size:18px;color:white}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:white;border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;justify-content:space-between;align-items:center}.stat strong{display:block;font-size:29px;line-height:1.2;color:var(--navy);letter-spacing:-1px}.stat small{display:block;font-size:10px;margin-top:7px}.stat .icon{color:var(--sky);background:var(--sky-soft);box-sizing:content-box;padding:10px;border-radius:12px}.grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}.stack{display:grid;gap:22px;align-content:start}.card{background:white;border:1px solid var(--border);border-radius:16px;padding:24px;min-width:0;box-shadow:0 4px 18px #00205b03}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-title .btn{font-size:11px}.next-card{border-top:3px solid var(--sky)}.match-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.pill{display:inline-flex;align-items:center;gap:5px;background:var(--navy-soft);color:var(--navy);font-size:10px;font-weight:650;padding:5px 9px;border-radius:7px;white-space:nowrap}.pill.good{color:var(--success);background:var(--success-soft)}.pill.warn{color:var(--warning);background:var(--warning-soft)}.pill.red{color:#b31535;background:var(--red-soft)}.teams{display:flex;align-items:center;justify-content:space-around;text-align:center;padding:26px 0;gap:16px}.team-mark{width:60px;height:60px;border:1px solid var(--border);border-radius:18px;display:grid;place-items:center;color:var(--navy);background:var(--navy-soft);margin:0 auto 10px;font-weight:800}.team-mark img{width:52px;height:auto}.teams h3{font-size:13px;max-width:150px}.vs{color:#a3aebd;font-size:13px;font-weight:700}.meta{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:14px 0;border-top:1px solid var(--border)}.meta span{display:inline-flex;gap:7px;align-items:center}.meta .icon{width:15px;height:15px}.response-strip{background:var(--navy-soft);border-radius:9px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px;margin-top:8px}.match-row{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--border);transition:.2s}.match-row:last-child{border:0}.match-row:hover{background:#fafcff}.date-box{width:48px;flex-shrink:0;background:var(--navy-soft);border-radius:10px;padding:8px;text-align:center;color:var(--navy);line-height:1.2}.date-box strong{font-size:20px;display:block}.date-box small{font-size:9px;color:var(--navy);text-transform:uppercase}.row-copy{flex:1;min-width:0}.row-copy strong{display:block;font-size:12px;color:var(--navy)}.row-copy small{display:block;font-size:10px;margin-top:5px}.match-row>.icon{width:15px;color:var(--muted)}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick a{padding:17px 10px;border:1px solid var(--border);border-radius:10px;text-align:center;font-size:10px;font-weight:650;color:var(--navy);transition:.2s}.quick a:hover{background:var(--navy-soft);transform:translateY(-3px)}.quick .icon{display:block;margin:0 auto 10px;color:var(--sky)}.activity{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--border)}.activity .icon{background:var(--sky-soft);color:var(--sky);box-sizing:content-box;padding:9px;border-radius:10px}.activity strong{font-size:12px;display:block;color:var(--navy)}.activity p{font-size:11px;color:var(--muted);margin:5px 0;white-space:pre-line;overflow-wrap:anywhere}.activity small{font-size:10px}.empty{padding:30px 18px;text-align:center;color:var(--muted);font-size:12px}.empty h2{margin:10px 0;font-size:18px}.empty .btn{margin-top:16px}
.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.filters label{flex:1;min-width:170px}.field,label.field{display:grid;gap:7px;font-size:11px;font-weight:650}.field input,.field select,.field textarea,select.account{padding:11px 12px;border:1px solid #d5deeb;border-radius:8px;background:white;min-height:44px;color:var(--text);min-width:0;width:100%}.field textarea{resize:vertical}.field :is(input,select,textarea):focus{outline:2px solid var(--sky);outline-offset:1px}.segments{display:flex;gap:5px;background:#e8edf5;padding:5px;border-radius:10px;margin-bottom:22px}.segments button{flex:1;border:0;border-radius:7px;padding:10px;color:var(--muted);font-size:12px;font-weight:650;background:transparent}.segments button[aria-pressed=true]{background:white;color:var(--navy);box-shadow:0 2px 6px #00205b0b}.fixture-grid,.roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fixture-grid .card{transition:.2s}.fixture-grid .card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00205b09}.fixture-grid h2{margin:18px 0 8px;font-size:19px}.fixture-grid p{font-size:11px;color:var(--muted)}.fixture-grid .actions{margin-top:16px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:14px;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.helper{font-size:11px;color:var(--muted);margin:14px 0}.alert{border-left:3px solid var(--sky);background:var(--sky-soft);padding:13px 16px;font-size:12px;color:var(--navy);border-radius:7px;margin-bottom:20px}.profile-head{display:flex;align-items:center;gap:18px;margin-bottom:20px}.profile-head .avatar{width:72px;height:72px;font-size:24px}.profile-head h2{font-size:23px}.details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.details dt{color:var(--muted);font-size:10px}.details dd{margin:5px 0 0;font-size:13px;overflow-wrap:anywhere}.score{font-size:32px!important;color:var(--navy)!important;font-weight:800;letter-spacing:-1px}.split-stat{display:flex;gap:20px;border-top:1px solid var(--border);padding-top:16px;margin-top:16px}.split-stat div{flex:1}.split-stat strong{display:block;color:var(--navy);font-size:18px}.split-stat small{font-size:10px}.progress{height:8px;background:var(--navy-soft);border-radius:10px;overflow:hidden;margin:20px 0 10px}.progress span{display:block;background:linear-gradient(90deg,var(--sky),var(--navy));height:100%;border-radius:10px;animation:grow .8s ease both;transform-origin:left}.check-row{display:flex;gap:12px;align-items:center;padding:13px 0;font-size:12px}.check-row input{width:18px;height:18px;accent-color:var(--navy)}.notification-card.unread{border-left:3px solid var(--sky)}.notification-card{margin-bottom:14px}.receipt{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:12px}footer{padding:22px 36px;border-top:1px solid var(--border);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:16px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 22px;border-radius:12px;z-index:80;box-shadow:var(--shadow);font-size:12px;max-width:90vw}.view-enter{animation:enter .35s ease both}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ball-float{50%{transform:translate(12px,16px)}}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){#sidebar{width:205px;padding:24px 14px}.hub-shell{margin-left:205px}main{padding:26px 24px}.grid{grid-template-columns:1fr}.hero{padding:28px}.hero h2{font-size:38px}.stats{gap:10px}.stat{padding:16px}.stat .icon{display:none}}
@media(max-width:767px){#sidebar{transform:translateX(-100%);transition:transform .25s;width:260px}body.menu-open #sidebar{transform:translateX(0)}#backdrop{position:fixed;inset:0;background:#08142670;border:0;z-index:35}.hub-shell{margin-left:0}header{height:68px;padding:0 18px}header>div,.header-actions{gap:10px}.header-label{font-size:9px;letter-spacing:1px}.demo-pill{display:none}#menu{display:inline-flex}main{padding:24px 18px 35px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}h1{font-size:28px}.page-heading .actions{width:100%}.hero{grid-template-columns:1fr;padding:28px 24px;border-radius:17px}.hero h2{font-size:39px;max-width:270px}.hero-side{display:none}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:17px}.stat .icon{display:block;width:17px;height:17px;padding:8px}.stat strong{font-size:25px}.grid,.fixture-grid,.roster,.form-grid{grid-template-columns:1fr}.card{padding:20px}.quick{gap:8px}.quick a{font-size:10px;padding:15px 7px}.teams{gap:8px}.teams h3{font-size:12px}.team-mark{width:54px;height:54px}.section-title h2{font-size:18px}.filters{gap:10px}.filters label{min-width:130px}.filters label:first-child{flex-basis:100%}.pagination{flex-wrap:wrap}.pagination .actions{gap:8px}.details{gap:16px}footer{padding:22px 18px 100px;flex-direction:column;gap:6px}#bottom-nav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:25;background:#fffffff5;backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:10px 6px calc(10px + env(safe-area-inset-bottom))}#bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:var(--muted);padding:4px}#bottom-nav a[aria-current]{color:var(--red);font-weight:750}#toast{bottom:90px;min-width:240px;text-align:center}.profile-head h2{font-size:21px}.response-strip{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{#sidebar,header,#bottom-nav,footer,.btn,.filters,.segments{display:none!important}.hub-shell{margin:0}main{padding:0}.card{break-inside:avoid;box-shadow:none}.view-enter{animation:none}}