@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-text: #0f172a;--color-text-muted: #6b7280;--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-success: #059669;--color-success-text: #065f46;--color-error: #b91c1c;--color-topbar: #0f172a;--color-topbar-text: #e2e8f0;--color-topbar-muted: #cbd5e1;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius: 8px;--radius-sm: 4px;--max-content-width: 960px;--touch-target: 44px;--breakpoint-mobile: 768px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#eef2ff 0,transparent 35%),radial-gradient(circle at bottom right,#e0f2fe 0,transparent 40%),var(--color-bg)}a{color:inherit;text-decoration:none}button{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}html,body{overflow-x:hidden;max-width:100vw}@media(max-width:768px){body{font-size:16px}}.layout{min-height:100vh;display:flex;flex-direction:column}.content{flex:1;padding:var(--space-xl)}.page-container{max-width:var(--max-content-width);margin:0 auto;padding:var(--space-xl);width:100%}.topbar{background:var(--color-topbar);color:var(--color-topbar-text);box-shadow:0 2px 6px #00000014;padding:var(--space-lg) var(--space-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.topbar-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.brand{font-weight:700;letter-spacing:.02em;font-size:1.25rem;color:var(--color-topbar-text)}.topbar-actions{display:flex;align-items:center;gap:var(--space-md)}.nav{display:flex;gap:var(--space-lg);flex:1;justify-content:center}.nav-link{color:var(--color-topbar-muted);font-weight:600;white-space:nowrap;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);min-height:var(--touch-target);display:inline-flex;align-items:center}.nav-link:hover,.nav-link-active{color:#fff;background:#ffffff1a}.nav-toggle{color:var(--color-topbar-text);margin-left:auto;margin-right:var(--space-sm)}.account-menu{position:relative}.account-menu-trigger{color:var(--color-topbar-muted);border:1px solid #475569}.account-menu-dropdown{position:absolute;right:0;top:calc(100% + var(--space-sm));background:#1e293b;border:1px solid #475569;border-radius:var(--radius);min-width:200px;z-index:100;box-shadow:0 4px 12px #0000004d}.account-menu-item{display:block;width:100%;padding:var(--space-md) var(--space-lg);color:var(--color-topbar-muted);text-align:left;background:none;border:none;cursor:pointer;font-size:.9rem;min-height:var(--touch-target)}.account-menu-item:hover{background:#ffffff0d;color:#fff}.account-menu-logout{border-top:1px solid #475569;color:#fca5a5}.auth-layout{position:relative;min-height:100vh;background:var(--color-topbar);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-lg)}.auth-layout-toolbar{position:absolute;top:0;right:0;display:flex;justify-content:flex-end;padding:var(--space-lg)}.auth-card{width:100%;max-width:400px;margin:auto;padding:var(--space-2xl);background:#1e293b;border-radius:var(--radius)}.auth-card-title{font-size:1.5rem;font-weight:600;color:var(--color-topbar-text);margin:0 0 var(--space-xl);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-form label{color:var(--color-topbar-muted)}.auth-form .form-actions button{width:100%}.auth-footer{margin-top:var(--space-xl);text-align:center;color:#94a3b8}.auth-footer a{color:#60a5fa}.password-field{position:relative}.password-toggle{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);min-height:auto;min-width:auto;padding:var(--space-xs) var(--space-sm);font-size:.8rem}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.score-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-md);align-items:end}.page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.page-title{margin:0}.card{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);background:var(--color-surface);box-shadow:0 1px 3px #0000000a;margin-bottom:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.55rem .9rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;min-height:var(--touch-target);touch-action:manipulation;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:#6b7280;color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-ghost{background:transparent;color:var(--color-topbar-muted);border:1px solid #475569}.btn-sm{padding:.4rem .75rem;font-size:.875rem;min-height:36px}.btn-icon{min-width:var(--touch-target);padding:var(--space-sm);font-size:1.25rem;line-height:1}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-action{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:var(--space-sm) var(--space-md);min-height:var(--touch-target);font-size:.95rem}.btn-action-danger{color:var(--color-danger)}.form-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);align-items:end;margin-bottom:var(--space-lg)}.field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.95rem;color:#374151}.field-input,.field-select,.field-textarea{width:100%;padding:.75rem .5rem;border:1px solid #d1d5db;border-radius:var(--radius-sm);font-size:16px;min-height:var(--touch-target);font-family:inherit}.checkbox-row{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--touch-target)}.checkbox-row input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:var(--space-sm) var(--space-xs);border-bottom:1px solid var(--color-border-light)}.data-table th{border-bottom-color:var(--color-border)}.table-actions{white-space:nowrap}.data-list{display:flex;flex-direction:column;gap:var(--space-md)}.data-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg);background:var(--color-surface)}.data-card-row{display:flex;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-light)}.data-card-row:last-of-type{border-bottom:none}.data-card-label{font-weight:600;color:var(--color-text-muted);flex-shrink:0}.data-card-value{text-align:right}.data-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.template-card{display:flex;justify-content:space-between;align-items:start;gap:var(--space-lg)}.template-card-actions{display:flex;gap:var(--space-sm);flex-direction:column;min-width:140px}.template-card-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-panel{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 8px 24px #0003}.modal-panel-sm{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.modal-title{margin:0;font-size:1.25rem}.modal-body{padding:var(--space-lg)}.toast-container{position:fixed;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));right:var(--space-lg);z-index:2000;display:flex;flex-direction:column;gap:var(--space-sm);max-width:min(400px,calc(100vw - 2rem))}.toast{padding:var(--space-md) var(--space-lg);border-radius:var(--radius);color:#fff;box-shadow:0 4px 12px #00000026;animation:toast-in .2s ease}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-danger)}.toast-info{background:var(--color-primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-muted)}.loading-spinner-dot{width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.session-nav{display:flex;gap:var(--space-sm);flex-wrap:wrap;position:sticky;top:0;background:var(--color-bg);padding:var(--space-md) 0;margin-bottom:var(--space-lg);z-index:10;border-bottom:1px solid var(--color-border)}.session-nav a{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:500;color:var(--color-text-muted);min-height:var(--touch-target);display:inline-flex;align-items:center}.session-nav a:hover,.session-nav a.active{background:var(--color-primary);color:#fff}.session-section{scroll-margin-top:4rem}.text-error{color:var(--color-error)}.text-success{color:var(--color-success-text)}.text-muted{color:var(--color-text-muted);font-size:.9rem}.back-link{display:inline-block;margin-bottom:var(--space-lg);color:var(--color-primary);min-height:var(--touch-target);line-height:var(--touch-target)}@media(max-width:768px){.content,.page-container{padding:var(--space-lg)}.topbar{padding:var(--space-md) var(--space-lg)}.nav{display:none;flex-direction:column;gap:var(--space-xs);order:3;width:100%;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.1);flex:unset;justify-content:flex-start}.nav.nav-open{display:flex}.section-header,.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.teams-grid,.score-row{grid-template-columns:1fr}.template-card{flex-direction:column}.template-card-actions{width:100%;min-width:unset}.template-card-actions .btn{width:100%}.form-grid{grid-template-columns:1fr}.form-actions .btn,.auth-form .form-actions button{width:100%}.modal-panel-mobile{align-self:flex-end;max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-overlay{align-items:flex-end;padding:0}.session-nav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.content,.page-container{padding:var(--space-sm)}.page-title{font-size:1.5rem}.field-input,.field-select,.field-textarea{width:100%}}