*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-primary: "Outfit", system-ui, sans-serif;--color-bg: #0f172a;--color-surface: rgba(255, 255, 255, .04);--color-surface-hover: rgba(255, 255, 255, .08);--color-border: rgba(255, 255, 255, .1);--color-border-active: rgba(59, 130, 246, .6);--color-accent-1: #3b82f6;--color-accent-2: #94a3b8;--color-accent-men: #63b3ed;--color-accent-women: #f687b3;--color-accent-bye: rgba(255, 255, 255, .2);--color-text-primary: #f5f0f0;--color-text-secondary: #a8a8a8;--color-text-muted: #6e6464;--grade-b-grade-m: #dd9035;--grade-c-grade-m: #4f96ce;--grade-mnchl-m: #51b576;--grade-mnchl-w: #d66c94;--grade-div1-w: #9e75e3;--grade-div2-w: #db6262;--grade-div3-w: #d1be4b;--grade-div3-m: #3dbfb1;--grade-nsw: #8797ab;--field-atf: #4facfe;--field-tlf: #48bb78;--field-field-3: #ed8936;--field-port: #9f7aea;--field-tlf_east: #f56565;--gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #020617 100%);--gradient-card-default: linear-gradient(135deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .01) 100%);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 1px 4px rgba(0, 0, 0, .3);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--transition: .2s ease}[data-theme=light]{--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-border: rgba(0, 0, 0, .1);--color-border-active: rgba(59, 130, 246, .4);--color-accent-2: #64748b;--color-accent-bye: rgba(0, 0, 0, .05);--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--gradient-hero: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--gradient-card-default: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--shadow-card: 0 4px 12px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .03);--grade-div2-w: #e88d82;--field-tlf_east: #e57373}[data-theme=light] .bg-orb{opacity:.15}html,body{min-height:100vh;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-primary);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;background:var(--gradient-hero)}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18}.bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,#3b82f6,transparent);top:-200px;right:-100px;animation:float-orb 12s ease-in-out infinite}.bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,#a8a8a8,transparent);bottom:-150px;left:-100px;animation:float-orb 16s ease-in-out infinite reverse}.bg-orb-3{width:400px;height:400px;background:radial-gradient(circle,#8b5cf6,transparent);top:40%;left:50%;animation:float-orb 20s ease-in-out infinite 4s}@keyframes float-orb{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px}.top-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 0;margin-bottom:24px;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:24px}.header-left{display:flex;align-items:flex-start;gap:16px;flex:1}.header-logo{flex-shrink:0;width:60px;height:60px;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000004d}.header-titles{display:flex;flex-direction:column;flex:1;min-width:0}.header-title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.top-header h1{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary);margin:0}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:12px;padding:4px 10px;font:inherit;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-1);text-decoration:none;white-space:nowrap}.hero-badge-dot{width:6px;height:6px;background:var(--color-accent-1);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.header-stats{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.stat-item{text-align:center}.stat-value{display:block;font-size:1.1rem;font-weight:700;color:var(--color-accent-1);line-height:1.2}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.layout-content{display:flex;gap:32px;align-items:flex-start;margin-top:0;margin-bottom:48px;transition:gap .3s ease}.sidebar-wrapper{position:sticky;top:32px;align-self:flex-start;z-index:10;display:flex}.sidebar-toggle-btn{position:absolute;right:-24px;top:20px;width:24px;height:48px;background:var(--color-surface);border:1px solid var(--color-border);border-left:none;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;color:var(--color-text-muted);box-shadow:2px 0 8px #0000000d;transition:background .2s,color .2s}.sidebar-toggle-btn:hover{background:var(--color-surface-hover);color:var(--color-accent-1)}.toggle-text-mobile{display:none}.toggle-icon-desktop{display:inline}.layout-sidebar{flex:0 0 280px;width:280px;display:flex;flex-direction:column;position:sticky;top:32px;max-height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden;align-self:flex-start;transition:all .3s ease}.sidebar-collapsed .layout-sidebar{flex:0 0 0px;width:0px;opacity:0;margin-right:-32px;pointer-events:none}.layout-sidebar::-webkit-scrollbar{width:6px}.layout-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.layout-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.layout-main{flex:1;min-width:0}.filter-bar{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:20px}.mode-tabs{display:flex;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px}.mode-tab{flex:1;padding:8px 0;border:none;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--color-text-muted);font-family:var(--font-primary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition);letter-spacing:.02em}.mode-tab:hover:not(.mode-tab--active){background:var(--color-surface-hover);color:var(--color-text-secondary)}.mode-tab--active{background:linear-gradient(135deg,var(--color-accent-1),color-mix(in srgb,var(--color-accent-1) 65%,#8b5cf6));color:#fff;font-weight:700;box-shadow:0 2px 10px color-mix(in srgb,var(--color-accent-1) 35%,transparent)}.filter-row{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.filter-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.search-input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 16px;color:var(--color-text-primary);font-family:var(--font-primary);font-size:.95rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-border-active);box-shadow:0 0 20px #3b82f626}.filter-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 16px;color:var(--color-text-primary);font-family:var(--font-primary);font-size:.95rem;outline:none;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23a8a8a8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 16px top 50%;background-size:12px auto}.filter-select:focus,.filter-select:hover{border-color:var(--color-border-active);background-color:var(--color-surface-hover)}.filter-select:focus{box-shadow:0 0 20px #3b82f626}.filter-select option{background:var(--color-bg);color:var(--color-text-primary)}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;flex:1}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-primary);font-size:.83rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.chip:hover{background:var(--color-surface-hover);border-color:#fff3;color:var(--color-text-primary);transform:translateY(-1px)}.chip[data-gender=Men]{--gc: var(--color-accent-men)}.chip[data-gender=Women]{--gc: var(--color-accent-women)}.chip[data-gender]{color:var(--gc);border-color:color-mix(in srgb,var(--gc) 25%,transparent)}.chip[data-gender].active{background:color-mix(in srgb,var(--gc) 15%,transparent);border-color:color-mix(in srgb,var(--gc) 50%,transparent);color:var(--gc)}.chip[data-grade="B-Grade M"]{--gc: var(--grade-b-grade-m)}.chip[data-grade="C-Grade M"]{--gc: var(--grade-c-grade-m)}.chip[data-grade="MNCHL M"]{--gc: var(--grade-mnchl-m)}.chip[data-grade="MNCHL W"]{--gc: var(--grade-mnchl-w)}.chip[data-grade="Div 1 W"]{--gc: var(--grade-div1-w)}.chip[data-grade="Div 2 W"]{--gc: var(--grade-div2-w)}.chip[data-grade="Div 3 W"]{--gc: var(--grade-div3-w)}.chip[data-grade="Div 3 M"]{--gc: var(--grade-div3-m)}.chip[data-grade=NSW]{--gc: var(--grade-nsw)}.chip[data-grade="Div 1"]{--gc: #2b6fe3}.chip[data-grade="Div 2"]{--gc: #754ae3}.chip[data-grade=U12s]{--gc: #0ea673}.chip[data-grade=U10s]{--gc: #df8f09}.chip[data-grade=U8s]{--gc: #7ba8a5}.chip[data-grade]{color:var(--gc);border-color:color-mix(in srgb,var(--gc) 25%,transparent)}.chip[data-grade].active-grade{background:color-mix(in srgb,var(--gc) 15%,transparent);border-color:color-mix(in srgb,var(--gc) 50%,transparent);color:var(--gc)}.chip-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.results-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:8px}.results-count{font-size:.9rem;color:var(--color-text-muted)}.results-count strong{color:var(--color-text-primary);font-weight:600}.clear-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 14px;color:var(--color-text-secondary);font-family:var(--font-primary);font-size:.82rem;cursor:pointer;transition:all var(--transition)}.clear-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.date-group{margin-bottom:40px}.date-group-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.date-group-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary)}.date-group-day{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:3px 12px}.date-group-day--today{color:#fff;background:linear-gradient(90deg,var(--color-accent-1),color-mix(in srgb,var(--color-accent-1) 60%,#8b5cf6));border-color:transparent;text-transform:uppercase;font-weight:900;font-size:.78rem;letter-spacing:.12em;padding:5px 16px;position:relative;overflow:hidden;box-shadow:0 0 20px color-mix(in srgb,var(--color-accent-1) 50%,transparent),0 0 40px color-mix(in srgb,var(--color-accent-1) 20%,transparent);animation:today-pulse 2s ease-in-out infinite}.date-group-day--today:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);background-size:200% 100%;animation:today-shimmer 2.5s linear infinite}@keyframes today-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes today-pulse{0%,to{box-shadow:0 0 16px color-mix(in srgb,var(--color-accent-1) 45%,transparent),0 0 32px color-mix(in srgb,var(--color-accent-1) 15%,transparent)}50%{box-shadow:0 0 28px color-mix(in srgb,var(--color-accent-1) 70%,transparent),0 0 56px color-mix(in srgb,var(--color-accent-1) 30%,transparent)}}.date-group--today .date-group-title{color:var(--color-accent-1);font-weight:800}.date-group--today .date-group-line{background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent-1) 60%,transparent),transparent)}.date-group-line{flex:1;height:1px;background:var(--color-border)}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.match-list{display:flex;flex-direction:column;gap:6px}.match-card--list{display:flex;align-items:center;gap:12px;padding:8px 14px;min-height:0;flex-wrap:wrap}.match-card--list:before{top:0;left:0;right:auto;width:3px;height:100%;border-radius:0}.list-teams{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.list-team{display:flex;align-items:center;gap:5px;min-width:0}.list-team-name{font-size:.88rem;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-vs{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--color-text-muted);flex-shrink:0;text-transform:uppercase}.match-card--list .grade-badge{min-width:105px;flex-shrink:0;text-align:center}.list-meta{display:flex;align-items:center;gap:16px;flex-shrink:0;width:245px;margin-left:auto}.list-meta .list-meta-item:first-child{display:inline-block;min-width:75px}.list-meta-item{font-size:.8rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.match-card{--card-color: var(--color-accent-1);background:var(--gradient-card-default);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px 20px 12px;box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);cursor:default;position:relative;overflow:hidden;animation:card-enter .3s ease both}.match-card[data-grade="B-Grade M"]{--card-color: var(--grade-b-grade-m)}.match-card[data-grade="C-Grade M"]{--card-color: var(--grade-c-grade-m)}.match-card[data-grade="MNCHL M"]{--card-color: var(--grade-mnchl-m)}.match-card[data-grade="MNCHL W"]{--card-color: var(--grade-mnchl-w)}.match-card[data-grade="Div 1 W"]{--card-color: var(--grade-div1-w)}.match-card[data-grade="Div 2 W"]{--card-color: var(--grade-div2-w)}.match-card[data-grade="Div 3 W"]{--card-color: var(--grade-div3-w)}.match-card[data-grade="Div 3 M"]{--card-color: var(--grade-div3-m)}.match-card[data-grade=NSW]{--card-color: var(--grade-nsw)}.match-card[data-grade="Div 1"]{--card-color: #2b6fe3}.match-card[data-grade="Div 2"]{--card-color: #754ae3}.match-card[data-grade=U12s]{--card-color: #0ea673}.match-card[data-grade=U10s]{--card-color: #df8f09}.match-card[data-grade=U8s]{--card-color: #7ba8a5}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.match-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-color),transparent);opacity:1;transition:opacity var(--transition)}.match-card{background:linear-gradient(135deg,color-mix(in srgb,var(--card-color) 8%,transparent),color-mix(in srgb,var(--card-color) 2%,transparent))}.match-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card),0 0 20px color-mix(in srgb,var(--card-color) 15%,transparent);border-color:color-mix(in srgb,var(--card-color) 25%,transparent)}.match-card.is-bye{opacity:.5}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.gender-icon{font-size:1.6em;font-weight:800;display:inline;vertical-align:baseline;line-height:1}.chip .gender-icon{font-size:1.4em;display:inline-flex;align-items:center;line-height:1;align-self:center}.grade-badge{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--card-color) 15%,transparent);color:var(--card-color);border:1px solid color-mix(in srgb,var(--card-color) 30%,transparent)}.field-tag[data-field=atf],.chip[data-field=atf]{--field-color: var(--field-atf)}.field-tag[data-field=tlf],.chip[data-field=tlf]{--field-color: var(--field-tlf)}.field-tag[data-field=field-3],.chip[data-field=field-3]{--field-color: var(--field-field-3)}.field-tag[data-field=port],.chip[data-field=port]{--field-color: var(--field-port)}.field-tag[data-field=tlf_east],.chip[data-field=tlf_east]{--field-color: var(--field-tlf_east)}.field-tag[data-field=atf-1],.chip[data-field=atf-1]{--field-color: #06b6d4}.field-tag[data-field=atf-2],.chip[data-field=atf-2]{--field-color: #f97316}.field-tag{display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--field-color, var(--color-text-primary));background:color-mix(in srgb,var(--field-color, #ffffff) 15%,transparent);border:1px solid color-mix(in srgb,var(--field-color, #ffffff) 30%,transparent);border-radius:999px;padding:4px 12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 8px color-mix(in srgb,var(--field-color, #000000) 20%,transparent)}.match-card--list .list-meta .field-tag,.match-card--list .list-meta a .field-tag{padding:3px 6px;font-size:.75rem;letter-spacing:.03em;text-align:center}.list-meta a{display:inline-flex;align-items:center;text-decoration:none;width:fit-content;flex-shrink:0}.chip[data-field]{color:color-mix(in srgb,var(--field-color) 80%,white)}.chip[data-field] .chip-dot{background:var(--field-color);box-shadow:0 0 8px color-mix(in srgb,var(--field-color) 60%,transparent)}.chip[data-field].active-field{background:color-mix(in srgb,var(--field-color) 15%,transparent);border-color:color-mix(in srgb,var(--field-color) 50%,transparent);color:var(--field-color);box-shadow:0 0 12px color-mix(in srgb,var(--field-color) 30%,transparent)}.teams-vs{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.team-display{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.team-logo-wrapper{position:relative;width:52px;height:52px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.team-logo-wrapper:before{content:attr(data-initial);font-size:1.25rem;font-weight:800;color:var(--color-text-secondary);text-transform:uppercase;position:absolute;z-index:1}.team-logo{width:100%;height:100%;object-fit:contain;padding:6px;position:absolute;z-index:2;background:var(--color-surface)}.team-name{font-size:1.05rem;font-weight:700;color:var(--color-text-primary);text-align:center;line-height:1.2}.vs-divider{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.vs-text{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:var(--color-text-muted)}.vs-line{width:1px;height:20px;background:var(--color-border)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--color-border);flex-wrap:wrap;gap:12px}.card-footer-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.calendar-add-btn{font-size:.75rem;font-weight:700;color:var(--card-color);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px;opacity:.8;transition:all var(--transition);background:color-mix(in srgb,var(--card-color) 10%,transparent);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid transparent}.calendar-add-btn:hover{opacity:1;background:color-mix(in srgb,var(--card-color) 15%,transparent);border-color:color-mix(in srgb,var(--card-color) 30%,transparent);transform:translateY(-1px)}.time-display{display:flex;align-items:center;gap:6px;font-size:.88rem;color:var(--color-text-primary);font-weight:600}.time-icon,.day-icon{opacity:.5;font-size:.9rem}.bye-label{text-align:center;font-size:.88rem;color:var(--color-text-muted);font-style:italic;letter-spacing:.05em;padding:6px 0}.empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:3.5rem;margin-bottom:16px;opacity:.4}.empty-title{font-size:1.2rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.empty-desc{font-size:.9rem;color:var(--color-text-muted)}.app-footer{text-align:center;padding:48px 0 32px;color:var(--color-text-muted);font-size:.82rem}.loading{display:flex;justify-content:center;align-items:center;min-height:40vh;flex-direction:column;gap:16px;color:var(--color-text-muted)}.spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent-1);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.layout-content{flex-direction:column}.sidebar-wrapper{position:static;width:100%;flex-direction:column}.layout-sidebar{position:static;flex:none!important;width:100%!important;max-height:2000px;transition:max-height .4s ease,opacity .3s ease,margin .3s ease;overflow:hidden}.sidebar-collapsed .layout-sidebar{max-height:0;opacity:0;margin:0!important}.sidebar-toggle-btn{position:static;width:100%;height:44px;border-radius:8px;border:1px solid var(--color-border);margin-top:12px;box-shadow:none;font-size:.9rem}.toggle-icon-desktop{display:none}.toggle-text-mobile{display:inline;font-weight:600}.hero{padding:36px 0 20px}.stats-bar{gap:20px}.match-grid{grid-template-columns:1fr}}.toggle-track{position:relative;width:38px;height:22px;display:inline-block}.toggle-checkbox{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.3s ease;border-radius:22px;box-shadow:inset 0 1px 3px #0000001a}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s ease;border-radius:50%;box-shadow:0 1px 3px #0000004d}.toggle-checkbox:checked+.toggle-slider{background-color:var(--color-accent-1)}.toggle-checkbox:focus-visible+.toggle-slider{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-1) 30%,transparent)}.toggle-checkbox:checked+.toggle-slider:before{transform:translate(16px)}