:root{--color-primary: #2e7d32;--color-primary-light: #60ad5e;--color-primary-dark: #005005;--color-accent: #ffeb3b;--color-accent-dark: #c8b900;--color-background: #f5f5f5;--color-surface: #ffffff;--color-border: #e0e0e0;--color-text-primary: #212121;--color-text-secondary: #757575;--color-text-on-primary: #ffffff;--color-secondary: #1565C0;--color-secondary-light: #5e92f3;--color-secondary-dark: #003c8f;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--font-family-base: "Roboto", "Segoe UI", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.08);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.06);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--max-content-width: 1200px;--nav-height: 56px;--bottom-nav-height: 64px;--sidebar-width: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden;overflow-x:clip}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-md);color:var(--color-text-primary);background-color:var(--color-background);line-height:1.5;min-height:100vh;padding-top:var(--nav-height);padding-bottom:var(--bottom-nav-height)}@media(min-width:768px){body{padding-bottom:0}}@media(min-width:1024px){body:not(.landing-active){padding-top:0;padding-bottom:0;padding-left:var(--sidebar-width)}}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem 1.125rem;border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;border:2px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.btn:hover{text-decoration:none}.btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{padding:.35rem .75rem;font-size:var(--font-size-xs)}.btn--lg{padding:.65rem 1.375rem;font-size:.9375rem}.btn--pill{border-radius:var(--radius-full)}.btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:0 1px 3px #0000002e}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-text-on-primary);box-shadow:0 3px 10px #2e7d3259;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001f}.btn--secondary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.btn--secondary:active:not(:disabled){background-color:color-mix(in srgb,var(--color-primary) 18%,transparent)}.btn--ghost{background-color:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background-color:transparent}.btn--outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--outline:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.btn--outline:active:not(:disabled){background-color:color-mix(in srgb,var(--color-primary) 18%,transparent)}.btn--danger-ghost{background-color:transparent;border-color:var(--color-error);color:var(--color-error)}.btn--danger-ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-error) 8%,transparent)}.btn--danger{background-color:var(--color-error);border-color:var(--color-error);color:#fff;box-shadow:0 1px 3px #0000002e}.btn--danger:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-error) 85%,#000);border-color:color-mix(in srgb,var(--color-error) 85%,#000);box-shadow:0 3px 10px #f4433659;transform:translateY(-1px)}.btn--success{background-color:var(--color-success);border-color:var(--color-success);color:#fff;box-shadow:0 1px 3px #0000002e}.btn--success:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 3px 10px #4caf5059;transform:translateY(-1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-4)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.admin-back-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--space-3)}.admin-back-link:hover{color:var(--color-primary)}.admin-matches__header{margin-bottom:var(--space-5)}.admin-matches__title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-1)}.admin-matches__subtitle{font-size:.95rem;color:var(--color-text-secondary);margin:0}.admin-matches__search{position:relative;margin-bottom:var(--space-4)}.admin-matches__search-input{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-8, 2.5rem);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;background:var(--color-surface);color:var(--color-text-primary);box-sizing:border-box}.admin-matches__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha, rgba(79, 122, 227, .2))}.admin-matches__search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:1rem;line-height:1;padding:var(--space-1)}.admin-matches__search-clear:hover{color:var(--color-text-primary)}.admin-status-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-5);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-status-tabs__btn{flex-shrink:0;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.admin-status-tabs__btn:hover{background:var(--color-surface-alt, #f5f7fb);color:var(--color-text-primary)}.admin-status-tabs__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.admin-matches__loading{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:.95rem;padding:var(--space-6) 0}.admin-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:adminSpin .7s linear infinite;flex-shrink:0}.admin-spinner--sm{width:14px;height:14px;border-width:2px;border-color:#fff6;border-top-color:#fff}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-matches__detail-saving{display:inline-flex;align-items:center;gap:var(--space-2)}.admin-matches__error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-bg, #fff5f5);border:1px solid var(--color-error, #e53e3e);border-radius:var(--radius-md);color:var(--color-error, #c53030);font-size:.9rem;flex-wrap:wrap}.admin-matches__empty{color:var(--color-text-secondary);font-size:.95rem;padding:var(--space-6) 0;text-align:center}.admin-matches__layout{display:flex;flex-direction:column;gap:var(--space-5)}@media(min-width:900px){.admin-matches__layout{flex-direction:row;align-items:flex-start;gap:var(--space-6)}}.admin-matches__list-col{flex:1;min-width:0}.admin-matches__cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.admin-match-card{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-match-card:hover{border-color:var(--color-primary-light, #7c9ef0);box-shadow:0 2px 8px #0000000f}.admin-match-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha, rgba(79, 122, 227, .15))}.admin-match-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.admin-match-card__players{font-weight:600;font-size:.95rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-match-card__meta{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.admin-badge--admin{background:#ebf4ff;color:#2b6cb0}.admin-badge--user{background:var(--color-surface-alt, #f5f7fb);color:var(--color-text-secondary)}.admin-badge--active{background:#f0fff4;color:#276749}.admin-badge--inactive{background:#fff5f5;color:#c53030}.admin-badge--pending{background:#fffbeb;color:#92400e}.admin-badge--completed{background:#f0fff4;color:#276749}.admin-badge--cancelled{background:#fff5f5;color:#c53030}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-5)}.admin-pagination__btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:1.1rem;cursor:pointer;color:var(--color-text-primary);transition:background var(--transition-fast)}.admin-pagination__btn:hover:not(:disabled){background:var(--color-surface-alt, #f5f7fb)}.admin-pagination__btn:disabled{opacity:.35;cursor:default}.admin-pagination__info{font-size:.875rem;color:var(--color-text-secondary)}.admin-matches__detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);position:relative;flex-shrink:0;width:100%}@media(min-width:900px){.admin-matches__detail{width:340px;position:sticky;top:var(--space-5)}}.admin-matches__detail--empty{display:flex;align-items:center;justify-content:center;min-height:120px}.admin-matches__detail-hint{color:var(--color-text-secondary);font-size:.9rem;text-align:center}.admin-matches__detail-loading{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-8) 0;color:var(--color-text-secondary);font-size:.9rem;justify-content:center}.admin-matches__detail-error{padding:var(--space-5) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.admin-matches__detail-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:1rem;line-height:1;padding:var(--space-1)}.admin-matches__detail-close:hover{color:var(--color-text-primary)}.admin-match-detail__heading{font-size:1.05rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4);padding-right:var(--space-6)}.admin-detail__fields{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);margin:0 0 var(--space-4)}.admin-detail__label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;align-self:start;padding-top:2px}.admin-detail__value{font-size:.875rem;color:var(--color-text-primary);word-break:break-word;margin:0}.admin-detail__error{color:var(--color-error, #c53030);font-size:.875rem;margin:0 0 var(--space-3)}.admin-match-detail__editable{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.admin-match-detail__field-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:2px}.admin-match-detail__select,.admin-match-detail__input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;background:var(--color-surface);color:var(--color-text-primary);box-sizing:border-box}.admin-match-detail__select:focus,.admin-match-detail__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha, rgba(79, 122, 227, .2))}.admin-match-detail__textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;background:var(--color-surface);color:var(--color-text-primary);resize:vertical;box-sizing:border-box;font-family:inherit}.admin-match-detail__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha, rgba(79, 122, 227, .2))}.admin-match-detail__save-btn{width:100%;justify-content:center}