*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #1B3A5C;--color-primary-light: #2A5580;--color-primary-dark: #0F2640;--color-accent: #E8A830;--color-accent-light: #F0C060;--color-accent-dark: #C08820;--color-bg: #F0F2F5;--color-surface: rgba(255, 255, 255, .88);--color-surface-solid: #ffffff;--color-surface-elevated: rgba(255, 255, 255, .95);--color-border: rgba(27, 58, 92, .12);--color-border-subtle: rgba(27, 58, 92, .06);--color-border-focus: var(--color-accent);--color-text: #0F1B2D;--color-text-secondary: #3D5068;--color-text-muted: #7A8A9E;--color-error: #C4320A;--color-error-bg: #FEF2EE;--color-error-border: #F3C6B3;--color-success: #18794E;--color-success-bg: #EEF9F1;--color-success-border: #B4DFC4;--color-warning: #AD5700;--color-warning-bg: #FEF3DD;--font-heading: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--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;--space-16: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(15, 38, 64, .06), 0 1px 2px rgba(15, 38, 64, .04);--shadow-md: 0 4px 16px rgba(15, 38, 64, .08), 0 2px 4px rgba(15, 38, 64, .04);--shadow-lg: 0 12px 40px rgba(15, 38, 64, .12), 0 4px 12px rgba(15, 38, 64, .06);--shadow-glow: 0 0 0 3px rgba(232, 168, 48, .25);--shadow-card: 0 2px 8px rgba(15, 38, 64, .06), 0 0 1px rgba(15, 38, 64, .08);--glass-bg: rgba(255, 255, 255, .72);--glass-blur: blur(16px);--glass-border: 1px solid rgba(255, 255, 255, .45);--transition-fast: .15s ease-out;--transition-base: .25s ease-out;--transition-slow: .4s ease-out}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(27,58,92,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(232,168,48,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-header{background:linear-gradient(145deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,var(--color-primary-light) 100%);color:#fff;padding:var(--space-8) var(--space-4) var(--space-10);text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:-120px;right:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(232,168,48,.12) 0%,transparent 70%);pointer-events:none}.page-header:after{content:"";position:absolute;bottom:-100px;left:-60px;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none}.header-logos{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-6);position:relative;z-index:1;animation:fadeInDown .6s ease-out}.header-logo{height:72px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));transition:transform var(--transition-base)}.header-logo:hover{transform:scale(1.05)}.header-logo--main{height:96px}.header-logo--white{height:50px;opacity:.95}.page-header h1{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-2);position:relative;z-index:1;animation:fadeInUp .6s ease-out .1s both}.page-header p{font-size:var(--font-size-sm);opacity:.8;font-weight:400;position:relative;z-index:1;animation:fadeInUp .6s ease-out .2s both}.header-badge{display:inline-block;background:#e8a83033;border:1px solid rgba(232,168,48,.4);color:var(--color-accent-light);font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-1) var(--space-4);border-radius:100px;margin-bottom:var(--space-4);position:relative;z-index:1;animation:fadeInUp .5s ease-out;overflow:hidden}.header-badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(232,168,48,.25),transparent);animation:shimmer 3s ease-in-out infinite}.header-accent{display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));margin:var(--space-4) auto 0;border-radius:2px;position:relative;z-index:1;animation:fadeInUp .6s ease-out .3s both}.info-notice{display:flex;align-items:flex-start;gap:var(--space-3);max-width:640px;margin:0 auto;padding:var(--space-3) var(--space-4);background:#e8a8300f;border:1px solid rgba(232,168,48,.18);border-radius:var(--radius-md);margin-top:var(--space-4);margin-bottom:var(--space-2);position:relative;z-index:1;animation:fadeInUp .5s ease-out .35s both}.info-notice-icon{width:18px;height:18px;flex-shrink:0;color:var(--color-accent-dark);margin-top:2px}.info-notice p{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5}.info-notice a{color:var(--color-accent-dark);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#c0882059;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.info-notice a:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}.page-main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-12)}.page-footer{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-xs);border-top:2px solid transparent;border-image:linear-gradient(90deg,transparent,var(--color-accent),transparent) 1;background:var(--color-surface-solid)}.page-footer a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast);cursor:pointer}.page-footer a:hover{color:var(--color-accent)}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base),transform var(--transition-base);animation:fadeInUp .5s ease-out both}.card:nth-child(1){animation-delay:.05s}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.19s}.card+.card{margin-top:var(--space-6)}.card-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border);display:flex;align-items:center;gap:var(--space-3)}.card-title .icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-sm);color:#fff;flex-shrink:0}.card-title .icon svg{width:18px;height:18px}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.form-label .required{color:var(--color-error);margin-left:2px}.form-label .optional{color:var(--color-text-muted);font-weight:400;font-size:var(--font-size-xs);margin-left:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface-solid);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.form-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px #c4320a1a}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.form-error svg{width:14px;height:14px;flex-shrink:0}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.player-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 480px){.player-row{grid-template-columns:1fr 1fr}}.optional-player{position:relative;padding:var(--space-4);background:#1b3a5c05;border:1.5px dashed var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);transition:border-color var(--transition-base),background var(--transition-base)}.optional-player:hover{border-color:var(--color-accent);background:#e8a83008}.optional-player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.optional-player-label{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.4;letter-spacing:.01em}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-accent-dark) 0%,var(--color-accent) 50%,var(--color-accent-light) 100%);color:var(--color-primary-dark);box-shadow:var(--shadow-sm),0 2px 8px #e8a8304d}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md),0 4px 16px #e8a83066;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-full{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg);border-radius:var(--radius-md)}.btn-secondary{background:var(--color-surface-solid);color:var(--color-primary);border:1.5px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);background:#1b3a5c0a}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn-sm svg{width:16px;height:16px}.btn-danger{background:var(--color-error);color:#fff}.alert{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);animation:slideDown .3s ease-out}.alert-icon{flex-shrink:0;line-height:1;display:inline-flex;align-items:center}.alert-icon svg{width:20px;height:20px}.alert-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.alert-warning{background:var(--color-warning-bg);border:1px solid rgba(173,87,0,.25);color:var(--color-warning)}.success-view{text-align:center;padding:var(--space-10) var(--space-4);animation:fadeInUp .5s ease-out}.success-icon{margin-bottom:var(--space-4);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.success-icon svg{width:72px;height:72px;color:var(--color-success)}.success-view h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-success);margin-bottom:var(--space-3)}.success-view p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.success-details{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-6);text-align:left;font-size:var(--font-size-sm)}.success-details dt{font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.success-details dd{color:var(--color-text);font-weight:500;margin-bottom:var(--space-4)}.success-details dd:last-child{margin-bottom:0}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(15,38,64,.2);border-top-color:var(--color-primary-dark);border-radius:50%;animation:spin .7s linear infinite}.btn-primary .spinner{border-color:#0f264033;border-top-color:var(--color-primary-dark)}.admin-container{max-width:960px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-12);animation:fadeInUp .5s ease-out}.admin-login{max-width:420px;margin:var(--space-12) auto}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.admin-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{flex:1;background:var(--color-surface-solid);border:1px solid var(--color-border);border-top:3px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-5) var(--space-4);text-align:center;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1b3a5c0f;border-radius:var(--radius-sm);color:var(--color-primary);margin-bottom:var(--space-3)}.stat-icon svg{width:22px;height:22px}.stat-value{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:800;color:var(--color-primary)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:var(--space-1)}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid);box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th{background:#1b3a5c0a;font-family:var(--font-heading);font-weight:700;text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-primary);border-bottom:2px solid var(--color-border);white-space:nowrap;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table tr{transition:background var(--transition-fast)}.data-table tr:hover td{background:#e8a8300a}.player-list{list-style:none;font-size:var(--font-size-xs)}.player-list li{padding:2px 0;color:var(--color-text-secondary)}.player-list li.captain{font-weight:600;color:var(--color-primary)}.captain-badge{display:inline-flex;align-items:center;gap:3px;color:var(--color-accent-dark)}.captain-badge svg{width:12px;height:12px}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md)}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#1b3a5c0f;border-radius:50%;color:var(--color-text-muted);margin-bottom:var(--space-4)}.empty-state-icon svg{width:32px;height:32px}.empty-state p{color:var(--color-text-muted);font-size:var(--font-size-sm)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes checkDraw{0%{stroke-dashoffset:48}to{stroke-dashoffset:0}}.fade-in{animation:fadeIn .4s ease-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media (min-width: 640px){.page-header{padding:var(--space-12) var(--space-6) var(--space-12)}.page-header h1{font-size:var(--font-size-3xl)}.page-header p{font-size:var(--font-size-base)}.header-logo{height:72px}.header-logo--main{height:100px}.header-logo--white{height:60px}.page-main{padding-top:var(--space-8)}.card{padding:var(--space-8)}}@media (min-width: 1024px){.page-header h1{font-size:var(--font-size-4xl)}.header-logo{height:80px}.header-logo--main{height:110px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-center{text-align:center}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}