.btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--fz-primary);color:var(--fz-on-primary);box-shadow:var(--fz-shadow-primary)}.btn-primary:hover:not(:disabled){background-color:var(--fz-primary-hover);box-shadow:var(--fz-shadow-primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--fz-primary-dark)}.btn-secondary{background-color:transparent;color:var(--fz-primary);border:2px solid var(--fz-primary);box-shadow:none}.btn-secondary:hover:not(:disabled){background-color:var(--fz-tint-100);transform:translateY(-1px)}.btn-danger{background-color:var(--fz-danger);color:#fff;box-shadow:0 2px 4px #ef444433}.btn-danger:hover:not(:disabled){background-color:var(--fz-danger-dark);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.btn-success{background-color:var(--fz-success);color:#fff;box-shadow:0 2px 4px #10b98133}.btn-success:hover:not(:disabled){background-color:var(--fz-success-dark);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--fz-primary);box-shadow:none;padding:8px 16px;font-size:14px;min-height:36px;border:1px solid var(--fz-border)}.btn-ghost:hover:not(:disabled){background-color:var(--fz-tint-100);border-color:var(--fz-primary);transform:none}.btn-loading{pointer-events:none}.btn-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem}.error-boundary-content{text-align:center;max-width:400px}.error-boundary .error-icon{font-size:3rem;display:block;margin-bottom:1rem}.error-boundary h2{margin:0 0 .5rem;color:hsl(var(--foreground))}.error-boundary p{color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.error-details{text-align:left;margin-bottom:1.5rem;background:hsl(var(--muted));border-radius:8px;padding:.75rem}.error-details summary{cursor:pointer;color:hsl(var(--muted-foreground));font-size:.875rem}.error-details pre{margin:.5rem 0 0;font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:hsl(var(--destructive))}.error-actions{display:flex;gap:.75rem;justify-content:center}.teams-page{max-width:1200px;margin:0 auto}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.teams-header h1{font-size:32px;font-weight:700;color:#111827}.create-team-button{padding:12px 24px;background-color:var(--fz-primary);color:var(--fz-on-primary);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.create-team-button:hover{background-color:var(--fz-primary-hover)}.join-team-button{padding:12px 24px;background-color:var(--fz-gray-100);color:var(--fz-gray-700);border:1px solid var(--fz-gray-200);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.join-team-button:hover{background-color:var(--fz-gray-200)}.empty-state{text-align:center;padding:64px 24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-state p{font-size:18px;color:#6b7280;margin-bottom:24px}.empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.team-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s ease}.team-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.team-icon{width:48px;height:48px;font-size:48px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.team-logo-img{width:48px;height:48px;object-fit:contain;border-radius:6px}.team-card h3{font-size:20px;font-weight:600;color:#111827;margin-bottom:8px}.team-meta{font-size:14px;color:#6b7280;margin:4px 0}@media (max-width: 640px){.teams-header{flex-direction:column;align-items:flex-start}.teams-header h1{font-size:24px}.header-actions{width:100%;flex-direction:column}.create-team-button,.join-team-button{width:100%;text-align:center}.teams-grid{grid-template-columns:1fr}.team-card{padding:16px}.team-icon{font-size:36px;margin-bottom:12px}.team-card h3{font-size:18px}.empty-actions{flex-direction:column}.empty-actions .create-team-button,.empty-actions .join-team-button{width:100%}}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;gap:1rem}.loading-screen h1{font-size:32px;font-weight:700;color:var(--fz-primary)}.loading-screen p{font-size:16px;color:var(--fz-text-light)}.card{background-color:var(--fz-surface);padding:24px;border-radius:8px;margin-bottom:16px;border:1px solid var(--fz-border);box-shadow:var(--fz-shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--fz-shadow-md);transform:translateY(-1px)}.help-button{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;border-radius:50%;background:transparent;color:var(--fz-primary);border:none;font-size:0;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-sizing:border-box;padding:0}.help-button:hover{transform:scale(1.1)}.help-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:helpFadeIn .2s ease}@keyframes helpFadeIn{0%{opacity:0}to{opacity:1}}.help-modal{background:#fff;border-radius:12px;max-width:400px;width:100%;box-shadow:0 20px 40px #0003;animation:helpSlideIn .2s ease}@keyframes helpSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.help-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--fz-border)}.help-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--fz-text)}.help-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--fz-text-muted);font-size:16px;cursor:pointer;border-radius:6px;transition:all .2s ease}.help-modal-close:hover{background:var(--fz-bg-secondary);color:var(--fz-text)}.help-modal-content{padding:16px 20px 20px;margin:0;list-style:none}.help-modal-content li{position:relative;padding-left:20px;margin-bottom:10px;color:var(--fz-text);font-size:14px;line-height:1.5}.help-modal-content li:last-child{margin-bottom:0}.help-modal-content li:before{content:"•";position:absolute;left:0;color:var(--fz-primary);font-weight:700}@media (max-width: 480px){.help-button{width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px}.help-button svg{width:28px;height:28px}.help-modal{max-width:none;margin:0 8px}.help-modal-header{padding:14px 16px}.help-modal-content{padding:14px 16px 18px}}.match-stats-row{margin-top:1rem;padding-top:1rem;border-top:1px solid hsl(var(--border))}.match-stats-row h4{margin:0 0 .75rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.stat-win .stat-value{color:hsl(var(--success, 142 76% 36%))}.stat-draw .stat-value{color:hsl(var(--muted-foreground))}.stat-loss .stat-value{color:hsl(var(--destructive))}.team-detail-page{max-width:1400px;margin:0 auto}.team-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.team-header h1{font-size:32px;font-weight:700;color:#111827;margin-bottom:8px}.team-meta{font-size:16px;color:#6b7280;margin:4px 0}.team-content{display:grid;grid-template-columns:300px 1fr;gap:24px}.team-sidebar,.team-main{display:flex;flex-direction:column;gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.stat-value{font-size:24px;font-weight:700;color:var(--fz-primary)}.stat-label{font-size:12px;color:#6b7280;margin-top:4px}.quick-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.quick-actions .btn{width:100%}.section-header h3{font-size:18px;font-weight:600;color:#111827}.list{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s ease}.list-item:hover{background-color:#f9fafb;border-color:#d1d5db}.list-item-title{font-weight:500;color:#111827}.list-item-meta{font-size:14px;color:#6b7280;margin-top:4px}.match-result{display:flex;flex-direction:column;gap:12px}.match-teams{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:500}.match-score{font-size:24px;font-weight:700;color:var(--fz-primary)}.match-date{color:#6b7280}.match-live-status{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:#fef2f2;border-radius:8px}.live-indicator{color:#dc2626;font-weight:600;font-size:14px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.match-minute{font-size:16px;font-weight:600;color:#111827}.latest-event{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f3f4f6;border-radius:8px;font-size:14px}.event-minute{font-weight:600;color:var(--fz-primary)}.event-type{color:#374151}.event-player{color:#6b7280}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.player-card{padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s ease}.player-card:hover{background-color:#f9fafb;border-color:#d1d5db}.player-name{font-weight:500;font-size:14px;color:#111827}.player-number{font-size:12px;color:#6b7280;margin-top:2px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}@media (max-width: 1023px){.team-content{grid-template-columns:1fr}.team-sidebar{order:2}.team-main{order:1}}@media (max-width: 640px){.team-header{flex-direction:column;gap:16px;align-items:flex-start}.team-header h1{font-size:24px}.header-actions{width:100%;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px;align-items:center}.header-actions .btn{flex:1 1 0;min-width:min-content;padding:10px 12px;font-size:14px}.header-actions .help-button{flex:0 0 auto}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-value{font-size:20px}.quick-actions .btn{font-size:14px;padding:10px 12px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-header .btn{width:100%}.players-grid{grid-template-columns:repeat(2,1fr);gap:8px}.player-card{padding:12px}}.next-training-info{margin-bottom:16px}.next-training-datetime{display:flex;gap:12px;align-items:center;font-size:16px;margin-bottom:8px}.next-training-datetime .date{font-weight:600;color:hsl(var(--foreground))}.next-training-datetime .time{color:hsl(var(--muted-foreground))}.next-training-location{color:hsl(var(--muted-foreground));font-size:14px}.next-training-detail{color:hsl(var(--muted-foreground));font-size:14px;margin-top:4px}.my-status-section{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px;background:hsl(var(--background));border-radius:8px}.my-status-label{font-size:14px;color:hsl(var(--muted-foreground))}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:14px;font-weight:500}.status-badge.status-coming{background:#16a24926;color:#16a249}.status-badge.status-late{background:#e7b00826;color:#947005}.status-badge.status-absent{background:hsl(var(--destructive) / .15);color:hsl(var(--destructive))}.status-badge.status-unknown{background:hsl(var(--muted) / .5);color:hsl(var(--muted-foreground))}.status-comment{font-size:13px;font-style:italic;color:hsl(var(--muted-foreground))}.section-header-with-icon{display:flex;align-items:center;gap:6px;margin:0 0 8px}.section-header-with-icon .section-icon{flex-shrink:0;margin:0;padding:0}.btn-slim{padding:6px 12px!important;font-size:13px!important}.input-wrapper{width:100%;margin-bottom:16px}.input-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--fz-gray-900)}.input{width:100%;padding:12px;border:1px solid var(--fz-gray-200);border-radius:8px;font-size:16px;background-color:var(--fz-bg);color:var(--fz-gray-900);min-height:44px;transition:all .2s ease;outline:none}.input:focus{border-color:var(--fz-primary);box-shadow:var(--fz-focus-ring)}.input:disabled{background-color:var(--fz-bg-soft);opacity:.6;cursor:not-allowed}.input-error{border-color:var(--fz-danger)}.input-error:focus{border-color:var(--fz-danger);box-shadow:0 0 0 3px #ef44441a}.input-error-text{display:block;font-size:12px;color:var(--fz-danger);margin-top:4px}.create-team-page{max-width:600px;margin:0 auto;padding:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;font-weight:700;color:#111827}.create-team-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{padding:1.5rem}.form-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1a472a;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.error-message{padding:12px;background-color:#fee2e2;border:1px solid #EF4444;border-radius:8px;color:#dc2626}.form-actions{display:flex;gap:12px;justify-content:flex-end}.role-selection{margin-top:1rem}.section-label{display:block;font-weight:500;margin-bottom:.25rem;color:#374151}.role-hint{font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.role-checkboxes{display:flex;flex-direction:column;gap:.75rem}.role-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:#f9fafb;border-radius:8px;cursor:pointer;transition:background .2s ease;border:1px solid transparent}.role-checkbox:hover:not(.disabled){background:#f3f4f6;border-color:#d1d5db}.role-checkbox.disabled{background:#e8f5e9;border-color:#a5d6a7;cursor:default}.role-checkbox input[type=checkbox]{margin-top:.25rem;width:18px;height:18px;accent-color:#1a472a}.role-label{display:flex;flex-direction:column;gap:.125rem}.role-label strong{font-weight:600;color:#111827}.role-desc{font-size:.8rem;color:#6b7280}.color-picker-wrapper{margin-bottom:12px}.color-picker-label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--fz-gray-900)}.color-picker-custom{display:flex;gap:8px;align-items:center}.color-input{width:48px;height:40px;border:1px solid var(--fz-gray-200);border-radius:8px;cursor:pointer;padding:2px;flex-shrink:0}.color-text-input{flex:1;padding:10px 12px;border:1px solid var(--fz-gray-200);border-radius:8px;font-size:14px;font-family:monospace;min-height:40px;min-width:90px;width:100%}.color-text-input:focus{outline:none;border-color:var(--fz-primary);box-shadow:var(--fz-focus-ring)}@media (max-width: 640px){.color-picker-wrapper{margin-bottom:8px}.color-picker-label{font-size:13px;margin-bottom:4px}.color-input{width:44px;height:36px}.color-text-input{padding:8px 10px;font-size:13px;min-height:36px}}.kit-display{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.kit-label{font-size:16px;font-weight:600;color:#111827;margin-bottom:12px}.kit-container{display:flex;gap:32px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.kit-item{display:flex;flex-direction:column;align-items:center}.kit-item-label{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px}.kit-svg-wrapper{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.team-settings-page{max-width:1000px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px}.card h2{font-size:20px;font-weight:600;color:#111827;margin-bottom:24px}.logo-upload-section{margin-bottom:24px}.logo-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.logo-upload-container{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.logo-preview{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;border:2px solid #E5E7EB}.logo-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.logo-remove-btn{position:absolute;top:6px;right:6px;z-index:2;width:28px;height:28px;border-radius:50%;background:#dc2626;color:#fff;border:2px solid white;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;transition:background-color .2s,transform .2s}.logo-remove-btn:hover{background:#b91c1c;transform:scale(1.05)}.logo-placeholder{width:80px;height:80px;border:2px dashed #D1D5DB;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.logo-placeholder:hover{border-color:#2563eb;background-color:#eff6ff}.logo-placeholder-icon{font-size:24px;margin-bottom:4px}.logo-placeholder-text{font-size:10px;color:#6b7280;text-align:center}.logo-file-input{display:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.kit-tabs{display:flex;gap:8px;margin-bottom:24px}.kit-tab{flex:1;padding:12px;border:1px solid #E5E7EB;border-radius:8px;background-color:#fff;font-size:16px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.kit-tab:hover{border-color:#d1d5db;background-color:#f9fafb}.kit-tab.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.kit-editor-layout{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start}.kit-preview-section{position:sticky;top:24px}.kit-colors-section{flex:1}.kit-section-title{font-size:16px;font-weight:600;color:#374151;margin-top:24px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.kit-section-title:first-child{margin-top:0}.color-pickers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.settings-list{display:flex;flex-direction:column;gap:16px}.setting-item{display:flex;align-items:center;gap:12px;cursor:pointer}.setting-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.setting-item span{font-size:16px;color:#111827}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:24px}.form-row{grid-template-columns:1fr}.kit-editor-layout{grid-template-columns:1fr;gap:24px}.kit-preview-section{position:static;display:flex;justify-content:center}.kit-section-title{font-size:14px;margin-top:16px;margin-bottom:8px}.color-pickers-grid{grid-template-columns:1fr;gap:12px;padding-bottom:8px}.kit-colors-section{padding-bottom:8px}.kit-tabs{flex-wrap:wrap}.kit-tab{flex:1 1 auto;min-width:80px;padding:10px 8px;font-size:14px}.logo-upload-container{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width: 480px){.team-settings-page{padding:0 8px}.card h2{font-size:18px;margin-bottom:16px}.kit-section-title{font-size:13px;margin-top:12px;margin-bottom:6px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:16px}.empty-state-title{font-size:20px;font-weight:600;color:var(--fz-gray-900);margin-bottom:8px}.empty-state-description{font-size:16px;color:var(--fz-text-light);margin-bottom:24px;max-width:400px}.players-page{max-width:1200px;margin:0 auto;padding:0;width:100%;box-sizing:border-box}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.players-list{display:flex;flex-direction:column;gap:8px}.player-card{cursor:pointer;padding:0!important;margin-bottom:0}.players-list .player-card{margin-bottom:8px}.player-card-content{display:flex;align-items:center;gap:12px;padding:12px}.player-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background-color:var(--fz-tint-100);display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden;padding-left:4px}.player-avatar .avatar-img{width:100%;height:100%;object-fit:cover}.player-info{flex:1;min-width:0;overflow:hidden}.player-name-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.player-name{font-size:16px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.registration-status{font-size:11px;padding:2px 6px;border-radius:4px;flex-shrink:0}.registration-status.registered{color:#16a34a;background-color:#dcfce7}.registration-status.not-registered{color:#ca8a04;background-color:#fef9c3}.player-positions{font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-email{font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-stats{display:flex;gap:8px;flex-shrink:0}.player-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:32px}.player-stat .stat-icon{font-size:14px}.player-stat .stat-value{font-size:13px;font-weight:600;color:hsl(var(--foreground))}.player-arrow{font-size:18px;color:#9ca3af;flex-shrink:0}.modal-content{background-color:#fff;border-radius:16px;max-width:500px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.invite-modal{padding:20px;background-color:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.modal-description{color:#6b7280;margin-bottom:16px;font-size:14px;line-height:1.5}.select-actions{display:flex;gap:16px;margin-bottom:12px}.link-button{background:none;border:none;color:var(--fz-primary);font-size:14px;cursor:pointer;padding:8px 0;min-height:44px;display:flex;align-items:center}.link-button:hover{text-decoration:underline}.players-checklist{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-height:250px;overflow-y:auto}.player-checkbox{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;border-radius:8px;cursor:pointer;transition:background-color .2s;min-height:44px}.player-checkbox:hover{background:#f3f4f6}.player-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--fz-primary);flex-shrink:0;cursor:pointer}.player-checkbox-info{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.player-checkbox-name{font-weight:500;color:#111827;font-size:14px}.player-checkbox-email{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.invite-success{text-align:center;padding:20px 0}.success-icon{font-size:40px;margin-bottom:12px}.invite-success h3{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px}.invite-success p{color:#6b7280;margin-bottom:20px;font-size:14px}.error-message{background:#fee2e2;color:#dc2626;padding:10px 12px;border-radius:8px;margin-bottom:12px;font-size:14px}@media (min-width: 481px) and (max-width: 767px){.players-page{padding:0}.page-header h1{font-size:28px}.player-card-content{padding:14px;gap:14px}.player-avatar{width:44px;height:44px;min-width:44px;font-size:22px}}@media (min-width: 768px){.players-page{padding:0}.page-header{margin-bottom:32px}.page-header h1{font-size:32px}.header-actions,.players-list{gap:12px}.player-card-content{gap:16px;padding:16px}.player-avatar{width:48px;height:48px;min-width:48px;font-size:24px}.player-name{font-size:18px;margin-bottom:4px}.player-positions{font-size:14px}.player-email{font-size:13px}.player-arrow{font-size:20px}.invite-modal{padding:24px}.modal-header h2{font-size:20px}.players-checklist{max-height:300px}}@media (max-width: 480px){.players-page{padding:0}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.page-header h1{font-size:20px}.header-actions{flex-direction:column;width:100%}.header-actions>*{width:100%}.players-list{gap:6px}.player-card-content{padding:10px;gap:8px}.player-avatar{width:28px;height:28px;min-width:28px;font-size:14px}.player-name{font-size:14px}.player-positions{display:none}.player-stats{gap:3px}.player-stat{min-width:24px}.player-stat .stat-icon{font-size:10px}.player-stat .stat-value{font-size:9px}.player-arrow{font-size:16px}.modal-content{max-width:100%;margin:0;border-radius:16px 16px 0 0;max-height:90vh}.modal-overlay{padding:0;align-items:flex-end}.invite-modal{padding:16px}.modal-close{font-size:24px;width:32px;height:32px}.modal-header h2{font-size:16px}.modal-description{font-size:13px}.players-checklist{max-height:200px}.player-checkbox{padding:10px}.modal-actions{flex-direction:column-reverse}.modal-actions>*{width:100%}}@media (max-width: 360px){.players-page{padding:0}.page-header{margin-bottom:12px}.page-header h1{font-size:18px}.player-card-content{padding:8px;gap:6px}.player-avatar{width:24px;height:24px;min-width:24px;font-size:12px}.player-positions{display:none}.player-stats{gap:2px}.player-stat{min-width:20px}.player-stat .stat-icon{font-size:9px}.player-stat .stat-value{font-size:8px}.player-arrow{display:none}.modal-content{border-radius:12px 12px 0 0}.invite-modal{padding:12px}.modal-header h2{font-size:15px}.modal-description{font-size:12px}.players-checklist{max-height:180px}.player-checkbox{padding:8px 10px}.player-checkbox input[type=checkbox]{width:18px;height:18px}.player-checkbox-name{font-size:13px}.player-checkbox-email{font-size:11px}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.spinner{width:40px;height:40px;border:4px solid var(--fz-gray-200);border-top-color:var(--fz-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-message{color:var(--fz-text-light);font-size:16px}.player-detail-page{max-width:800px;margin:0 auto;padding:1rem}.player-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.player-header-info{display:flex;align-items:center;gap:1rem}.player-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--fz-border)}.player-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--fz-tint-100);border:3px solid var(--fz-border);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--fz-primary)}.player-header h1{font-size:1.5rem;font-weight:600;color:var(--fz-text);margin:0 0 .25rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.player-name-container .player-name-full{display:inline}.player-name-container .player-name-short{display:none}.player-registration-status{font-size:14px;padding:4px 8px;border-radius:4px;flex-shrink:0;font-weight:600}.player-registration-status.registered{color:#16a34a;background-color:#dcfce7}.player-registration-status.not-registered{color:#ca8a04;background-color:#fef9c3}.player-nickname{font-size:.9375rem;color:var(--fz-text-muted);font-style:italic;margin:0 0 .25rem}.player-position{font-size:.875rem;color:var(--fz-primary);font-weight:500;margin:0}.player-header-actions{display:flex;gap:.5rem;flex-shrink:0}.player-email{font-size:.875rem;color:var(--fz-text-muted)}.player-content{display:flex;flex-direction:column;gap:1rem}.player-bio{color:var(--fz-text-muted);line-height:1.6;margin:0 0 1rem;font-size:.9375rem}.card h3{font-size:1.125rem;font-weight:600;color:var(--fz-text);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--fz-border)}.tags-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--fz-border)}.tags-label{display:block;font-size:.8125rem;font-weight:500;color:var(--fz-text-muted);margin-bottom:.5rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.25rem .625rem;background:var(--fz-tint-100);color:var(--fz-primary-dark);border-radius:1rem;font-size:.75rem;font-weight:500}.tag-strength{background:#dcfce7;color:#166534}.tag-development{background:#fef3c7;color:#92400e}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-item{text-align:center}.stat-label{font-size:.75rem;color:var(--fz-text-muted);margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--fz-primary)}.stats-list{display:flex;flex-direction:column;gap:.75rem}.stat-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--fz-border);font-size:.875rem}.stat-row:last-child{border-bottom:none}.stat-row strong{color:var(--fz-text);font-weight:600}.match-history-list{display:flex;flex-direction:column;gap:.5rem}.match-history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:hsl(var(--muted) / .3);border-radius:.5rem;cursor:pointer;transition:background-color .2s}.match-history-item:hover{background:hsl(var(--muted) / .5)}.match-history-info{display:flex;flex-direction:column;gap:.25rem}.match-opponent{font-weight:500;color:hsl(var(--foreground));font-size:.875rem}.match-date{font-size:.75rem;color:hsl(var(--muted-foreground))}.match-history-stats{display:flex;gap:.75rem}.history-stat{font-size:.875rem;display:flex;align-items:center;gap:.25rem}@media (max-width: 500px){.player-header{flex-direction:column}.player-avatar,.player-avatar-placeholder{width:64px;height:64px;font-size:1.5rem}.player-header h1{font-size:1.25rem}.player-name-container .player-name-full{display:none}.player-name-container .player-name-short{display:inline}.match-history-item{flex-direction:column;align-items:flex-start;gap:.5rem}.player-header-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px;align-items:center;width:100%}.player-header-actions .btn{flex:1 1 0;min-width:min-content;padding:10px 12px;font-size:14px}.player-header-actions .help-button{flex:0 0 auto}}.delete-confirm-modal{max-width:400px;background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border:1px solid #FECACA!important}.delete-confirm-modal h3{margin:0 0 1rem;font-size:1.25rem;color:#991b1b;border-bottom:none;padding-bottom:0}.delete-confirm-modal p{margin:0 0 .75rem;color:#7f1d1d}.modal-content{background:var(--fz-bg);border-radius:.75rem;padding:1.5rem;max-height:90vh;overflow-y:auto;width:100%}.player-actions-bottom{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--fz-border);flex-wrap:wrap}.player-actions-bottom .btn{flex:1 1 auto;min-width:120px}@media (max-width: 500px){.player-actions-bottom{flex-direction:column;gap:8px}.player-actions-bottom .btn{width:100%;min-width:0}}.select-wrapper{width:100%;margin-bottom:16px}.select-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--fz-gray-900)}.select{width:100%;padding:12px;border:1px solid var(--fz-gray-200);border-radius:8px;font-size:16px;background-color:var(--fz-bg);color:var(--fz-gray-900);min-height:44px;transition:all .2s ease;outline:none;cursor:pointer}.select:focus{border-color:var(--fz-primary);box-shadow:var(--fz-focus-ring)}.select:disabled{background-color:var(--fz-bg-soft);opacity:.6;cursor:not-allowed}.select-error{border-color:var(--fz-danger)}.select-error:focus{border-color:var(--fz-danger);box-shadow:0 0 0 3px #ef44441a}.select-error-text{display:block;font-size:12px;color:var(--fz-danger);margin-top:4px}.add-player-page{padding:16px}.existing-member-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid hsl(var(--border))}.existing-member-section .helper-text{margin-top:8px;font-size:13px;color:hsl(var(--muted-foreground))}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background-color:var(--fz-bg);border-radius:16px;box-shadow:0 20px 40px #0003;max-width:420px;width:100%;max-height:90vh;overflow-y:auto}.invite-dialog{text-align:center;padding:24px}.invite-dialog .success-icon{font-size:48px;margin-bottom:16px}.invite-dialog h2{margin:0 0 8px;color:hsl(var(--foreground))}.invite-dialog p{margin:0 0 16px;color:hsl(var(--muted-foreground))}.invite-dialog .invite-question{margin-top:16px;font-weight:500;color:hsl(var(--foreground))}.dialog-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.add-player-page{max-width:800px;margin:0 auto}.add-player-form{display:flex;flex-direction:column}.positions-section{margin-bottom:16px}.positions-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#111827}.positions-container{display:flex;flex-wrap:wrap;gap:8px}.position-button{padding:8px 16px;border-radius:8px;border:1px solid #E5E7EB;background-color:#fff;font-size:14px;color:#111827;cursor:pointer;transition:all .2s ease}.position-button:hover{border-color:#d1d5db;background-color:#f9fafb}.position-button.selected{background-color:#2563eb;border-color:#2563eb;color:#fff}.multi-select{display:flex;flex-direction:column;gap:.5rem;position:relative}.multi-select-label{font-size:.875rem;font-weight:500;color:var(--fz-text)}.multi-select-container{position:relative}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:.5rem .75rem;background:var(--fz-surface);border:1px solid var(--fz-border);border-radius:.5rem;cursor:pointer;transition:border-color .2s,box-shadow .2s}.multi-select-trigger:hover{border-color:var(--fz-primary)}.multi-select-trigger.open{border-color:var(--fz-primary);box-shadow:0 0 0 3px #1e7f3b1a}.multi-select-placeholder{color:var(--fz-text-muted)}.multi-select-tags{display:flex;flex-wrap:wrap;gap:.375rem;flex:1}.multi-select-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--fz-tint-100);color:var(--fz-primary-dark);border-radius:.375rem;font-size:.8125rem;font-weight:500}.multi-select-tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:none;border:none;color:var(--fz-primary);cursor:pointer;font-size:1rem;line-height:1}.multi-select-tag-remove:hover{color:var(--fz-danger, #EF4444)}.multi-select-arrow{color:var(--fz-text-muted);font-size:.75rem;margin-left:.5rem}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--fz-surface);border:1px solid var(--fz-border);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:250px;overflow:hidden;display:flex;flex-direction:column}.multi-select-search{padding:.625rem .75rem;border:none;border-bottom:1px solid var(--fz-border);font-size:.875rem;outline:none}.multi-select-search:focus{background:var(--fz-tint-100)}.multi-select-options{overflow-y:auto;max-height:200px}.multi-select-option{padding:.625rem .75rem;cursor:pointer;transition:background .15s;font-size:.875rem}.multi-select-option:hover{background:var(--fz-tint-100);color:var(--fz-primary-dark)}.multi-select-empty{padding:.75rem;text-align:center;color:var(--fz-text-muted);font-size:.875rem}.image-upload{display:flex;flex-direction:column;align-items:center;gap:.5rem}.image-upload-preview{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;background:var(--fz-tint-100);border:3px solid var(--fz-border);transition:border-color .2s,transform .2s}.image-upload-preview:hover{border-color:var(--fz-primary);transform:scale(1.02)}.image-upload-preview.uploading{pointer-events:none}.image-upload-preview img{width:100%;height:100%;object-fit:cover}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--fz-text-muted);font-size:.8125rem;gap:.25rem}.image-upload-icon{width:32px;height:32px}.image-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;display:flex;align-items:center;justify-content:center}.image-upload-spinner{width:32px;height:32px;border:3px solid var(--fz-border);border-top-color:var(--fz-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-upload-edit-badge{position:absolute;bottom:4px;right:4px;width:32px;height:32px;background:var(--fz-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;font-size:.875rem}.image-upload-hint{font-size:.75rem;color:var(--fz-text-muted);margin:0}.visibility-select{padding:.375rem .5rem;font-size:.75rem;border:1px solid var(--fz-border);border-radius:.375rem;background:var(--fz-surface);color:var(--fz-text-muted);cursor:pointer;min-width:120px;transition:border-color .2s,box-shadow .2s}.visibility-select:hover{border-color:var(--fz-primary)}.visibility-select:focus{outline:none;border-color:var(--fz-primary);box-shadow:0 0 0 3px #1e7f3b1a}.edit-player-page{max-width:700px;margin:0 auto;padding:1rem}.edit-player-form{display:flex;flex-direction:column;gap:1.5rem}.form-actions{display:flex;gap:.75rem;justify-content:center;padding:1rem 0 2rem}.form-actions .btn{min-width:200px}.trainings-page{max-width:1200px;margin:0 auto}.trainings-list{display:flex;flex-direction:column;gap:12px}.training-card{cursor:pointer}.training-card-content{display:flex;align-items:center;gap:8px}.training-icon{font-size:32px;flex-shrink:0}.training-info{flex:1}.training-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:4px}.training-type{font-size:14px;color:#6b7280;margin-bottom:4px}.training-location{font-size:14px;color:#6b7280}.training-arrow{font-size:20px;color:#6b7280}@media (max-width: 640px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:24px}.training-card-content{gap:6px}.training-icon{font-size:24px}.training-title{font-size:16px}}.tactic-board-container{display:flex;flex-direction:column;gap:16px}.tactic-board-container.side-toolbar-mode{display:flex;flex-direction:row;align-items:center;gap:0}.tactic-board-container.side-toolbar-mode .tactic-toolbar.side-toolbar{flex-direction:column;padding:10px;border-radius:12px 0 0 12px;max-height:100%;overflow:visible;flex-shrink:0;width:72px;opacity:1;background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 12px #0000004d;z-index:10}.tactic-toolbar.side-toolbar .toolbar-btn[title]:hover:after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tactic-toolbar.side-toolbar .toolbar-group{flex-direction:column;padding-right:0;padding-bottom:8px;border-right:none;border-bottom:1px solid rgba(255,255,255,.15)}.tactic-toolbar.side-toolbar .toolbar-group:last-child{border-bottom:none;padding-bottom:0}.tactic-toolbar.side-toolbar .toolbar-group-label{margin-right:0;margin-bottom:4px;text-align:center}.tactic-toolbar.side-toolbar .toolbar-btn,.tactic-toolbar.side-toolbar .color-picker-wrapper,.tactic-toolbar.side-toolbar .color-picker-small{width:36px;height:36px}.tactic-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;box-shadow:0 4px 12px #00000026}.toolbar-group{display:flex;gap:6px;padding-right:12px;border-right:1px solid rgba(255,255,255,.15);align-items:center}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-group-label{font-size:10px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.toolbar-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s ease;color:#ffffffe6;position:relative}.toolbar-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.toolbar-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#60a5fa;box-shadow:0 0 12px #3b82f666}.toolbar-btn.sticky{background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399;box-shadow:0 0 12px #10b98166}.toolbar-btn.eraser.active,.toolbar-btn.eraser.sticky{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#f87171;box-shadow:0 0 12px #ef444466}.toolbar-btn svg{width:20px;height:20px}.toolbar-btn[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:#1e293b;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;border-radius:6px;box-shadow:0 4px 12px #0003;z-index:100;pointer-events:none}.color-picker-wrapper{position:relative;width:40px;height:40px}.color-picker-small{width:40px;height:40px;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;padding:0;background:transparent;overflow:hidden}.color-picker-small::-webkit-color-swatch-wrapper{padding:4px}.color-picker-small::-webkit-color-swatch{border-radius:4px;border:none}.tactic-board{position:relative;width:100%;aspect-ratio:68 / 105;max-width:500px;margin:0 auto;background:linear-gradient(180deg,#2d8c3c,#3a9d4a 5%,#2d8c3c 5%,#3a9d4a 10%,#2d8c3c 10%,#3a9d4a 15%,#2d8c3c 15%,#3a9d4a 20%,#2d8c3c 20%,#3a9d4a 25%,#2d8c3c 25%,#3a9d4a 30%,#2d8c3c 30%,#3a9d4a 35%,#2d8c3c 35%,#3a9d4a 40%,#2d8c3c 40%,#3a9d4a 45%,#2d8c3c 45%,#3a9d4a 50%,#2d8c3c 50%,#3a9d4a 55%,#2d8c3c 55%,#3a9d4a 60%,#2d8c3c 60%,#3a9d4a 65%,#2d8c3c 65%,#3a9d4a 70%,#2d8c3c 70%,#3a9d4a 75%,#2d8c3c 75%,#3a9d4a 80%,#2d8c3c 80%,#3a9d4a 85%,#2d8c3c 85%,#3a9d4a 90%,#2d8c3c 90%,#3a9d4a 95%,#2d8c3c 95%,#3a9d4a);border-radius:12px;border:4px solid rgba(255,255,255,.9);overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 4px 20px #0003,inset 0 0 60px #0000001a}.tactic-board.pitch-full{aspect-ratio:68 / 105;margin-top:15px;margin-bottom:15px}.tactic-board.pitch-half{aspect-ratio:68 / 42;max-width:100%;margin-bottom:20px}.tactic-board.pitch-half .center-line{top:0}.tactic-board.pitch-half .center-circle,.tactic-board.pitch-half .center-dot,.tactic-board.pitch-half .penalty-area.top,.tactic-board.pitch-half .goal-area.top,.tactic-board.pitch-half .goal.top,.tactic-board.pitch-half .end-line.top{display:none}.tactic-board.pitch-half .penalty-area.bottom{height:30%}.tactic-board.pitch-half .goal-area.bottom{height:11%}.tactic-board.pitch-penalty{aspect-ratio:68 / 35;max-width:100%;margin-bottom:20px}.tactic-board.pitch-penalty .center-line,.tactic-board.pitch-penalty .center-circle,.tactic-board.pitch-penalty .center-dot,.tactic-board.pitch-penalty .penalty-area.top,.tactic-board.pitch-penalty .goal-area.top,.tactic-board.pitch-penalty .goal.top,.tactic-board.pitch-penalty .end-line.top{display:none}.tactic-board.pitch-penalty .penalty-area.bottom{height:38%}.tactic-board.pitch-penalty .goal-area.bottom{height:14%}.tactic-board.pitch-empty{aspect-ratio:16 / 9;max-width:100%}.tactic-board.pitch-empty .pitch-markings,.tactic-board.pitch-empty .goal{display:none}.tactic-board.training-mode{border-color:#fbbf24;box-shadow:0 4px 20px #fbbf244d,inset 0 0 60px #0000001a}.tactic-board.readonly{cursor:default}.tactic-board:not(.readonly){cursor:crosshair}.pitch-markings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.drawings-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.center-line{position:absolute;left:0;right:0;top:50%;height:2px;background:#ffffffd9}.center-circle{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.85);border-radius:50%}.center-dot{position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);background:#ffffffd9;border-radius:50%}.penalty-area{position:absolute;left:50%;transform:translate(-50%);width:60%;height:16%;border:2px solid rgba(255,255,255,.85)}.penalty-area.top{top:0;border-top:none}.penalty-area.bottom{bottom:0;border-bottom:none}.goal-area{position:absolute;left:50%;transform:translate(-50%);width:30%;height:6%;border:2px solid rgba(255,255,255,.85)}.goal-area.top{top:0;border-top:none}.goal-area.bottom{bottom:0;border-bottom:none}.goal{position:absolute;left:50%;transform:translate(-50%);width:15%;height:3%;background:#c8c8c866;border:3px solid rgba(255,255,255,.95);z-index:2}.goal.top{top:-3%;border-radius:4px 4px 0 0}.goal.bottom{bottom:-3%;border-radius:0 0 4px 4px}.end-line{position:absolute;left:0;right:0;height:2px;background:#ffffffd9}.end-line.top{top:0}.end-line.bottom{bottom:0}.player-marker{position:absolute;transform:translate(-50%,-50%);cursor:grab;z-index:10;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .15s ease}.tactic-board.readonly .player-marker{cursor:default}.player-marker:hover:not(.tactic-board.readonly .player-marker){transform:translate(-50%,-50%) scale(1.1)}.player-marker.dragging{cursor:grabbing;z-index:20;transform:translate(-50%,-50%) scale(1.15)}.player-dot{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #0000004d,0 0 0 1px #0000001a}.player-marker.goalkeeper .player-dot{background:linear-gradient(135deg,#fbbf24,#d97706)}.player-marker.color-blue .player-dot{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.player-marker.color-red .player-dot{background:linear-gradient(135deg,#ef4444,#b91c1c)}.player-marker.color-yellow .player-dot{background:linear-gradient(135deg,#fbbf24,#d97706)}.player-marker.erasable{cursor:pointer}.player-marker.erasable:hover{opacity:.5}.player-label{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);background:#0009;padding:2px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.player-color-dot{width:18px;height:18px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0000004d}.player-color-dot.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.player-color-dot.red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.player-color-dot.yellow{background:linear-gradient(135deg,#fbbf24,#d97706)}.opponent-marker{position:absolute;transform:translate(-50%,-50%);cursor:grab;z-index:9;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .15s ease}.opponent-marker:hover{transform:translate(-50%,-50%) scale(1.1)}.opponent-marker.dragging{cursor:grabbing;z-index:20;transform:translate(-50%,-50%) scale(1.15)}.opponent-marker.erasable{cursor:pointer}.opponent-marker.erasable:hover{opacity:.5}.opponent-dot{width:32px;height:32px;background:linear-gradient(135deg,#ef4444,#b91c1c);border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #0000004d,0 0 0 1px #0000001a}.opponent-label{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);background:#ef4444cc;padding:2px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.equipment-marker{position:absolute;transform:translate(-50%,-50%);cursor:grab;z-index:8;font-size:18px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));transition:transform .15s ease}.equipment-marker.cone{font-size:16px}.equipment-marker.cone-medium{font-size:24px}.equipment-marker.cone-large{font-size:32px}.equipment-marker:hover{transform:translate(-50%,-50%) scale(1.2)}.equipment-marker.erasable{cursor:pointer}.equipment-marker.erasable:hover{opacity:.5}.cone-size-icon{display:flex;align-items:center;justify-content:center}.cone-size-icon.small{font-size:12px}.cone-size-icon.medium{font-size:16px}.cone-size-icon.large{font-size:20px}.tactic-board.mini-view{border-width:2px!important}.tactic-board.mini-view .player-marker,.tactic-board.mini-view .opponent-marker{transform:translate(-50%,-50%) scale(.26)!important;transform-origin:center;gap:1px}.tactic-board.mini-view .equipment-marker{transform:translate(-50%,-50%) scale(.32)!important;transform-origin:center}.tactic-board.mini-view .player-marker .player-dot,.tactic-board.mini-view .opponent-marker .opponent-dot{width:32px!important;height:32px!important;border-width:2px!important}.tactic-board.mini-view .player-label,.tactic-board.mini-view .opponent-label{display:none!important}.tactic-board.mini-view .equipment-marker{font-size:18px!important}.tactic-board.mini-view .drawings-layer line,.tactic-board.mini-view .drawings-layer path,.tactic-board.mini-view .drawings-layer polyline{stroke-width:.35!important}.tactic-board.mini-view .goal{border-width:1px!important;height:2%!important}.tactic-board.mini-view .pitch-markings .center-line,.tactic-board.mini-view .pitch-markings .end-line{height:1px}.tactic-board.mini-view .pitch-markings .center-circle,.tactic-board.mini-view .pitch-markings .penalty-area,.tactic-board.mini-view .pitch-markings .goal-area{border-width:1px}@media (max-width: 480px){.tactic-board{max-width:100%}.player-dot,.opponent-dot{width:26px;height:26px}.player-label,.opponent-label{font-size:9px;padding:1px 6px}.equipment-marker{font-size:18px}.tactic-toolbar{padding:10px 12px;gap:8px}.toolbar-group{gap:4px;padding-right:8px}.toolbar-btn{width:36px;height:36px;font-size:15px}.color-picker-wrapper,.color-picker-small{width:36px;height:36px}}.tactic-presentation .tactic-board{max-width:none}@media (max-width: 900px){.tactic-presentation .tactic-board-container.side-toolbar-mode .tactic-toolbar.side-toolbar{display:none}.tactic-presentation .tactic-board{max-width:100%;margin:0 auto}}.training-tactics{display:flex;flex-direction:column;gap:16px}.tactics-grid{display:flex;flex-direction:column;gap:16px}.tactic-card{display:flex;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB}.tactic-preview-mini{flex-shrink:0;width:100px;aspect-ratio:1}.tactic-info{flex:1;min-width:0}.tactic-info h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#111827}.tactic-desc{margin:0 0 8px;font-size:13px;color:#6b7280;line-height:1.4}.tactic-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.tactic-notes-section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08)}.notes-editor textarea{width:100%;padding:10px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px}.notes-display{display:flex;flex-direction:column;gap:6px}.notes-text{margin:0;font-size:13px;color:#374151;line-height:1.5;white-space:pre-wrap}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px 8px}.modal-body{padding:16px 20px;overflow-y:auto}.available-tactic-card .tactic-actions{flex-shrink:0;flex-direction:row}.type-badge{display:inline-block;font-size:11px;color:#6b7280;margin-bottom:4px}@media (max-width: 640px){.tactic-card{flex-direction:column}.tactic-preview-mini{width:100%;max-width:150px;margin:0 auto}.tactic-actions{flex-direction:row;justify-content:flex-end}.available-tactic-card{flex-direction:column;text-align:center}.available-tactic-card .tactic-preview-mini{width:100px}}.info-row.highlight{background:hsl(var(--warning) / .15);padding:.5rem .75rem;border-radius:6px;border-left:3px solid hsl(var(--warning));margin:.25rem 0}.leader-attendance-card{border:1px dashed hsl(var(--border))}.leader-attendance-note{font-size:.8rem;color:hsl(var(--muted-foreground));margin-bottom:.75rem}.leader-attendance-buttons{display:flex;gap:.75rem;margin-bottom:1rem}.leader-att-btn{flex:1;padding:.75rem;border:2px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));cursor:pointer;font-weight:500;transition:all .2s}.leader-att-btn.coming:hover,.leader-att-btn.coming.active{background:hsl(var(--success) / .15);border-color:hsl(var(--success));color:hsl(var(--success))}.leader-att-btn.not-coming:hover,.leader-att-btn.not-coming.active{background:hsl(var(--destructive) / .15);border-color:hsl(var(--destructive));color:hsl(var(--destructive))}.leader-attendance-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid hsl(var(--border))}.leader-attendance-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid hsl(var(--border))}.leader-status-section{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.leader-status.coming{color:hsl(var(--success))}.leader-status.late{color:#947005}.leader-status.not-coming{color:hsl(var(--destructive))}.leader-comment-display{font-size:.75rem;font-style:italic;color:hsl(var(--muted-foreground));text-align:right;max-width:200px}.my-leader-status{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;background:hsl(var(--muted) / .3);border-radius:8px;margin-bottom:1rem}.leader-status-badge{padding:.35rem .75rem;border-radius:9999px;font-weight:500;font-size:.875rem}.leader-status-badge.coming{background:hsl(var(--success) / .15);color:hsl(var(--success))}.leader-status-badge.late{background:#e7b00826;color:#947005}.leader-status-badge.not-coming{background:hsl(var(--destructive) / .15);color:hsl(var(--destructive))}.my-leader-comment{font-size:.8rem;font-style:italic;color:hsl(var(--muted-foreground))}.change-status-btn{margin-left:auto;font-size:.75rem;padding:.25rem .5rem}.leader-comment-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:hsl(var(--muted) / .3);border-radius:8px;margin-bottom:1rem}.leader-comment-form .comment-prompt{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));margin:0}.leader-comment-input{width:100%;padding:.5rem .75rem;border:1px solid hsl(var(--border));border-radius:6px;font-size:.875rem;resize:vertical}.leader-comment-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .1)}.comment-actions{display:flex;gap:.5rem}.leader-att-btn.late:hover,.leader-att-btn.late.active{background:#e7b00826;border-color:#e7b008;color:#947005}.training-detail-page{max-width:1200px;margin:0 auto}.training-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-left{display:flex;align-items:flex-start;gap:16px}.training-header h1{font-size:32px;font-weight:700;color:hsl(var(--foreground));margin-bottom:8px}.training-date{font-size:18px;color:hsl(var(--muted-foreground))}.training-tabs{display:flex;gap:4px;margin-bottom:20px;background:#f3f4f6;border-radius:8px;padding:4px}.tab-btn{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#374151}.tab-btn.active{background:#fff;color:var(--fz-primary);box-shadow:0 1px 3px #0000001a}.quick-actions{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.team-rating-card{margin-bottom:16px}.team-rating-card h3{margin:0 0 16px;font-size:18px;font-weight:600}.team-rating-stars{display:flex;gap:8px;margin-bottom:16px}.star-btn{background:none;border:none;font-size:32px;color:#d1d5db;cursor:pointer;transition:all .2s;padding:0}.star-btn:hover{color:#fcd34d;transform:scale(1.1)}.star-btn.active{color:#f59e0b}.star-btn:disabled{cursor:not-allowed}.team-rating-note{width:100%;padding:12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:16px}.team-rating-note:focus{outline:none;border-color:var(--fz-primary);box-shadow:var(--fz-focus-ring)}.team-rating-note:disabled{background:#f9fafb;cursor:not-allowed}.attendance-ratings-list{display:flex;flex-direction:column;gap:12px}.player-attendance-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px;border:1px solid #E5E7EB;border-radius:8px;background:#fafafa}.player-info{display:flex;align-items:center;gap:8px;min-width:150px;flex:1}.player-controls{display:flex;gap:8px;align-items:center}.attendance-select,.rating-select{width:auto;min-width:130px;margin:0}.rating-select{min-width:80px}.attendance-status{font-weight:500;color:#111827;min-width:100px}.rating-value{font-size:18px;font-weight:700;color:var(--fz-primary);min-width:30px;text-align:center}.player-note{width:100%;flex-basis:100%}.note-input{width:100%;padding:8px 12px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;font-family:inherit}.note-input:focus{outline:none;border-color:var(--fz-primary);box-shadow:var(--fz-focus-ring)}.note-input::placeholder{color:#9ca3af}.attendance-registration-card{margin-top:16px}.attendance-registration-card h3{margin-bottom:16px}.attendance-registration-list{display:flex;flex-direction:column;gap:8px}.attendance-registration-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px;border:1px solid #E5E7EB;border-radius:8px;background:#fafafa}.attendance-registration-row.current-user{border-color:var(--fz-primary);background:rgba(var(--fz-primary-rgb),.05)}.attendance-edit-section{display:flex;flex-direction:column;gap:8px;flex:1}.attendance-buttons{display:flex;gap:8px}.attendance-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:2px solid transparent}.attendance-btn.present{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.attendance-btn.present:hover,.attendance-btn.present.active{background:#10b981;color:#fff;border-color:#10b981}.attendance-btn.late{background:#fef3c7;color:#92400e;border-color:#fde68a}.attendance-btn.late:hover,.attendance-btn.late.active{background:#f59e0b;color:#fff;border-color:#f59e0b}.attendance-btn.absent{background:#fee2e2;color:#991b1b;border-color:#fecaca}.attendance-btn.absent:hover,.attendance-btn.absent.active{background:#ef4444;color:#fff;border-color:#ef4444}.attendance-btn:disabled{opacity:.5;cursor:not-allowed}.absence-reason-input{width:100%;padding:8px 12px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;font-family:inherit}.absence-reason-input:focus{outline:none;border-color:var(--fz-primary);box-shadow:var(--fz-focus-ring)}.saving-indicator{font-size:12px;color:#6b7280;font-style:italic}.attendance-pending-section{display:flex;flex-direction:column;gap:8px;width:100%}.pending-header{display:flex;justify-content:space-between;align-items:center}.pending-type{font-weight:600;font-size:14px}.pending-type.late{color:#92400e}.pending-type.absent{color:#991b1b}.cancel-btn{background:none;border:none;color:#6b7280;font-size:13px;cursor:pointer;text-decoration:underline}.cancel-btn:hover{color:#374151}.submit-attendance-btn{padding:10px 20px;background:var(--fz-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.submit-attendance-btn:hover:not(:disabled){opacity:.9}.submit-attendance-btn:disabled{background:#d1d5db;cursor:not-allowed}.attendance-saved-section{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.attendance-saved-info{display:flex;align-items:center;gap:12px;flex:1}.edit-attendance-btn{background:none;border:1px solid #D1D5DB;padding:6px 12px;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s}.edit-attendance-btn:hover{background:#f3f4f6;border-color:#9ca3af}.time-locked-message{font-size:12px;color:#9ca3af;font-style:italic}.attendance-display-section{display:flex;align-items:center;gap:12px;flex:1}.attendance-status-badge{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.attendance-status-badge.status-present{background:#d1fae5;color:#065f46}.attendance-status-badge.status-absent{background:#fee2e2;color:#991b1b}.attendance-status-badge.status-late{background:#fef3c7;color:#92400e}.attendance-status-badge.status-unknown{background:#f3f4f6;color:#6b7280}.absence-reason-display{font-size:13px;color:#6b7280;font-style:italic}.leader-attendance-card{margin-top:1rem;border-left:4px solid hsl(var(--primary))}.leader-attendance-card h3{color:hsl(var(--primary));margin-bottom:.25rem}.leader-attendance-note{font-size:.75rem;color:hsl(var(--muted-foreground));margin-bottom:1rem}.leader-attendance-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.leader-att-btn{flex:1;min-width:100px;padding:.75rem 1rem;border-radius:8px;border:2px solid hsl(var(--border));background:hsl(var(--background));font-weight:500;cursor:pointer;transition:all .2s}.leader-att-btn:hover:not(:disabled){border-color:hsl(var(--primary))}.leader-att-btn:disabled{opacity:.5;cursor:not-allowed}.leader-att-btn.coming.active{background:#16a24926;border-color:#16a249;color:#12873d}.leader-att-btn.late.active{background:#f59f0a26;border-color:#f59f0a;color:#ab6f07}.leader-att-btn.not-coming.active{background:hsl(var(--destructive) / .15);border-color:hsl(var(--destructive));color:hsl(var(--destructive))}.leader-attendance-list{display:flex;flex-direction:column;gap:.5rem}.leader-attendance-list h4{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:.5rem}.leader-attendance-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:hsl(var(--muted) / .3);border-radius:6px}.leader-attendance-row.current-user{background:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .3)}.leader-info{display:flex;flex-direction:column;gap:.125rem}.leader-name{font-weight:500}.leader-title{font-size:.75rem;color:hsl(var(--muted-foreground))}.leader-status{font-size:.875rem;font-weight:500;padding:.25rem .75rem;border-radius:4px}.leader-status.coming{background:#16a24926;color:#12873d}.leader-status.late{background:#f59f0a26;color:#ab6f07}.leader-status.not-coming{background:hsl(var(--destructive) / .15);color:hsl(var(--destructive))}@media (max-width: 640px){.training-header{flex-direction:column;gap:16px;align-items:flex-start}.training-header h1{font-size:24px}.training-date{font-size:16px}.header-actions{width:100%;flex-direction:column}.header-actions .btn{width:100%}.training-tabs{flex-direction:column}.tab-btn{text-align:center}.quick-actions{flex-direction:column}.quick-actions .btn{width:100%}.info-row{flex-direction:column;gap:4px;align-items:flex-start}.player-attendance-row{flex-direction:column;align-items:flex-start}.player-info{width:100%}.player-controls{width:100%;flex-wrap:wrap}.attendance-select,.rating-select{flex:1;min-width:100px}.star-btn{font-size:28px}.leader-attendance-buttons{flex-direction:column}.leader-att-btn{width:100%}}.datetime-picker-wrapper{width:100%;margin-bottom:16px}.datetime-picker-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--fz-gray-900)}.datetime-picker-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.datetime-picker{width:100%;padding:12px;border:1px solid var(--fz-gray-200);border-radius:8px;font-size:16px;background-color:var(--fz-bg);color:var(--fz-gray-900);min-height:44px;transition:all .2s ease;outline:none}.datetime-picker:focus{border-color:var(--fz-primary);box-shadow:var(--fz-focus-ring)}.datetime-picker-error{border-color:var(--fz-danger)}.datetime-picker-error:focus{border-color:var(--fz-danger);box-shadow:0 0 0 3px #ef44441a}.datetime-picker-error-text{display:block;font-size:12px;color:var(--fz-danger);margin-top:4px}.create-training-page{max-width:800px;margin:0 auto}.create-training-form{display:flex;flex-direction:column}.switch-row{margin-bottom:24px;padding:12px 0;border-bottom:1px solid #E5E7EB}.switch-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16px;font-weight:500;color:#111827}.switch-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.time-row{grid-template-columns:1fr}}.edit-training-page{max-width:800px;margin:0 auto}.edit-training-form{display:flex;flex-direction:column}.recurring-options{padding:16px;background-color:hsl(var(--muted) / .3);border:1px solid hsl(var(--border));border-radius:8px;margin-bottom:24px}.recurring-info{font-size:14px;font-weight:500;color:hsl(var(--foreground));margin-bottom:12px}.checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer;font-size:14px;color:hsl(var(--foreground))}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-label input[type=checkbox]:disabled+span{opacity:.5}.form-actions{display:flex;gap:12px;justify-content:space-between;margin-top:24px}.delete-button{color:#dc2626!important;border-color:#dc2626!important;background-color:#fff!important}.delete-button:hover{background-color:#fee2e2!important}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.dialog{background-color:#fff;border-radius:12px;padding:24px;max-width:400px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dialog h3{margin:0 0 12px;font-size:18px;font-weight:600;color:hsl(var(--foreground))}.dialog p{margin:0 0 16px;color:hsl(var(--muted-foreground));font-size:14px}.delete-options{padding:12px;background-color:hsl(var(--muted) / .3);border-radius:8px;margin-bottom:16px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-delete-button{background-color:#dc2626!important;color:#fff!important}.confirm-delete-button:hover{background-color:#b91c1c!important}.matches-page{max-width:1200px;margin:0 auto}.matches-list{display:flex;flex-direction:column;gap:12px}.match-card{cursor:pointer}.match-card-content{display:flex;align-items:center;gap:16px}.match-icon{font-size:32px;flex-shrink:0}.match-info{flex:1}.match-date{font-size:18px;font-weight:600;color:#111827;margin-bottom:4px}.match-opponent{font-size:16px;color:#6b7280;margin-bottom:4px}.match-result{font-size:16px;font-weight:700;color:#2563eb}.match-arrow{font-size:20px;color:#6b7280}@media (max-width: 768px){.matches-page{padding:0 8px}.page-header{flex-direction:row;align-items:center;gap:12px;margin-bottom:20px}.page-header h1{font-size:22px;flex:1}.page-header .btn{padding:10px 16px;font-size:14px;white-space:nowrap}.matches-list{gap:8px}.match-card-content{gap:12px}.match-icon{font-size:24px}.match-date{font-size:15px}.match-opponent,.match-result{font-size:14px}.match-arrow{font-size:16px}}@media (max-width: 400px){.page-header h1{font-size:20px}.page-header .btn{padding:8px 12px;font-size:13px}.match-icon{display:none}.match-date{font-size:14px}}.match-tactics{display:flex;flex-direction:column;gap:16px}.tactics-section{padding:16px}.tactics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tactic-card{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB}.tactic-card.primary{background:var(--fz-bg);border-color:var(--fz-primary);border-width:2px}.tactic-card.small{padding:10px}.tactic-preview-small{width:100%;max-width:300px;margin:0 auto}.tactic-preview-mini{width:100%;aspect-ratio:1;max-width:120px;margin:0 auto}.tactic-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.tactic-desc{margin:0;font-size:13px;color:#6b7280;line-height:1.4}.formation-badge{display:inline-block;background:var(--fz-tint-100);color:var(--fz-primary-dark);font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;margin-right:4px}.type-badge{display:inline-block;font-size:11px;color:#6b7280;margin-right:8px}.tactic-actions{display:flex;gap:8px;flex-wrap:wrap}.no-tactics{margin:0;font-size:14px;color:#9ca3af;font-style:italic}.other-formations{margin-top:16px;padding-top:16px;border-top:1px solid #E5E7EB}.other-formations h4{margin:0 0 12px;font-size:14px;font-weight:500;color:#6b7280}.match-tactics .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.match-tactics .modal-content{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (min-width: 640px){.match-tactics .modal-content{max-width:560px}}@media (min-width: 1024px){.match-tactics .modal-content{max-width:700px}}.match-tactics .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB;background:#fff}.match-tactics .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.match-tactics .modal-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px 8px}.match-tactics .modal-close:hover{color:#111827}.match-tactics .modal-body{padding:16px 20px;overflow-y:auto;background:#fff}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter-btn{padding:6px 12px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#e5e7eb}.filter-btn.active{background:var(--fz-primary);border-color:var(--fz-primary);color:var(--fz-on-primary)}.available-tactics{display:flex;flex-direction:column;gap:12px}.available-tactic-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB}.available-tactic-card .tactic-preview-mini{flex-shrink:0;width:80px;max-width:80px}.available-tactic-card .tactic-info{flex:1}.available-tactic-card .tactic-actions{flex-shrink:0}@media (max-width: 640px){.tactics-grid{grid-template-columns:1fr}.available-tactic-card{flex-direction:column;text-align:center}.available-tactic-card .tactic-preview-mini{width:100px}}.tactic-notes-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.notes-editor{display:flex;flex-direction:column;gap:8px}.notes-editor textarea{width:100%;padding:10px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.notes-editor textarea:focus{outline:none;border-color:var(--fz-primary);box-shadow:var(--fz-focus-ring)}.notes-actions{display:flex;gap:8px}.notes-display{display:flex;flex-direction:column;gap:8px}.notes-list{margin:0;padding:0 0 0 16px;list-style:disc}.notes-list li{font-size:13px;color:#374151;line-height:1.5;margin-bottom:4px}.no-notes{margin:0;font-size:13px;color:#9ca3af;font-style:italic}.lineup-assignment{display:flex;flex-direction:column;gap:16px}.lineup-section{padding:16px}.lineup-section.primary-formation{border:2px solid var(--fz-primary);background:var(--fz-bg)}.primary-badge{font-size:11px;background:var(--fz-primary);color:var(--fz-on-primary);padding:2px 8px;border-radius:4px;margin-left:8px;font-weight:500}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.lineup-count{font-size:14px;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:12px}.lineup-board{margin-bottom:20px}.positions-list{border-top:1px solid #E5E7EB;padding-top:16px}.positions-list h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.position-items{display:flex;flex-direction:column;gap:8px}.position-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s}.position-item:hover{background:#f3f4f6;border-color:#d1d5db}.position-item.selected{background:var(--fz-tint-100);border-color:var(--fz-primary)}.position-item.assigned{background:#ecfdf5;border-color:var(--fz-success)}.position-item.assigned:hover{background:#d1fae5}.position-label{min-width:40px;font-weight:700;font-size:13px;color:var(--fz-primary-dark);background:var(--fz-tint-100);padding:4px 8px;border-radius:4px;text-align:center}.position-player{flex:1;display:flex;align-items:center;gap:8px;font-size:14px;color:#111827}.player-match-number{font-weight:600;color:hsl(var(--primary))}.position-player .no-player{color:#9ca3af;font-style:italic}.remove-btn{background:#fee2e2;border:none;color:#dc2626;width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.remove-btn:hover{background:#fecaca}.subs-list,.leaders-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sub-item,.leader-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:8px}.sub-name,.leader-name{font-size:14px;font-weight:500;color:#111827}.leader-title{font-size:12px;color:#6b7280;background:#e5e7eb;padding:2px 6px;border-radius:4px}.no-items{color:#9ca3af;font-style:italic;font-size:14px;margin:0 0 12px}.add-btn{margin-top:4px}.lineup-assignment .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.lineup-assignment .modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.lineup-assignment .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB}.lineup-assignment .modal-header h3{margin:0;font-size:18px;font-weight:600}.lineup-assignment .modal-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px 8px}.lineup-assignment .modal-close:hover{color:#111827}.lineup-assignment .modal-body{padding:16px 20px;overflow-y:auto}.player-list{display:flex;flex-direction:column;gap:8px}.player-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s}.player-option:hover{background:var(--fz-tint-100);border-color:var(--fz-primary)}.player-option.assigned{background:#fef3c7;border-color:#f59e0b}.player-option.assigned:hover{background:#fde68a}.player-option.selected{background:#ecfdf5;border-color:var(--fz-success)}.player-option .player-name{flex:1;font-size:15px;font-weight:500;color:#111827}.player-option .player-positions{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px}.player-option .current-position{font-size:12px;color:#92400e;font-weight:500}.player-option .leader-title-badge{font-size:11px;color:#6b7280;background:#e5e7eb;padding:2px 6px;border-radius:4px}.player-option .check-mark{color:var(--fz-success);font-weight:700;font-size:16px}.assigned-section{margin-top:20px;padding-top:16px;border-top:1px solid #E5E7EB}.assigned-section h4{margin:0 0 12px;font-size:13px;font-weight:500;color:#6b7280}.no-players{color:#9ca3af;font-style:italic;text-align:center;padding:20px}@media (max-width: 640px){.position-item{flex-wrap:wrap}.position-label{min-width:36px;font-size:12px}.position-player{font-size:13px}.subs-list,.leaders-list{flex-direction:column}.sub-item,.leader-item{width:100%}}.number-input-small{width:48px;padding:4px 6px;border:1px solid hsl(var(--border));border-radius:4px;font-size:13px;text-align:center;margin-left:auto;margin-right:8px}.number-input-small:focus{outline:none;border-color:hsl(var(--primary))}.sub-number{font-weight:600;color:hsl(var(--primary));margin-right:8px;min-width:28px}.player-default-number{font-size:12px;color:hsl(var(--muted-foreground));margin-left:4px}.number-modal{max-width:320px}.number-modal-player{font-size:16px;font-weight:600;color:hsl(var(--foreground));margin-bottom:16px;text-align:center}.number-input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.number-input-group label{font-size:14px;font-weight:500;color:hsl(var(--muted-foreground))}.number-input{width:100%;padding:12px;border:1px solid hsl(var(--border));border-radius:8px;font-size:18px;text-align:center}.number-input:focus{outline:none;border-color:hsl(var(--primary))}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.sub-item{display:flex;align-items:center}.tactic-presentation{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e293b,#0f172a);z-index:2000;display:flex;flex-direction:column;color:#fff}.presentation-loading,.presentation-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:18px;color:#ffffffb3}.presentation-empty .close-btn{padding:12px 24px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer}.presentation-layout{flex:1;display:flex;flex-direction:row;min-height:0}.presentation-left-sidebar{width:160px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;background:#0000004d;border-right:1px solid rgba(255,255,255,.1)}.sidebar-info{display:flex;flex-direction:column;gap:8px}.sidebar-info .slide-counter{font-size:12px;background:#ffffff26;padding:4px 8px;border-radius:8px;color:#ffffffb3;text-align:center}.sidebar-info .tactic-name{font-weight:600;font-size:14px;line-height:1.3}.sidebar-info .formation-badge{font-size:11px;background:#6366f166;color:#c7d2fe;padding:3px 8px;border-radius:6px;text-align:center}.sidebar-info .primary-badge{font-size:11px;color:#fcd34d;background:#fcd34d33;padding:3px 8px;border-radius:6px;text-align:center}.sidebar-controls{display:flex;flex-direction:column;gap:8px}.sidebar-btn{width:100%;padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.sidebar-btn:hover{background:#fff3}.sidebar-btn.close{background:#ef444433;border-color:#ef444466}.sidebar-btn.close:hover{background:#ef44444d}.presentation-center{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.presentation-board{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;min-height:0}.presentation-right-sidebar{width:260px;flex-shrink:0;padding:20px;background:#00000080;border-left:1px solid rgba(255,255,255,.15);overflow-y:auto}.match-notes{color:#fff}.match-notes h4{margin:0 0 16px;font-size:16px;font-weight:700;color:#60a5fa;text-transform:uppercase;letter-spacing:.5px;padding-bottom:12px;border-bottom:2px solid rgba(96,165,250,.3)}.match-notes p{margin:0;font-size:16px;line-height:1.6;color:#fff;font-weight:500}.notes-list{margin:0;padding:0;list-style:none}.notes-list li{position:relative;padding:12px 0 12px 24px;font-size:16px;line-height:1.5;color:#fff;font-weight:500;border-bottom:1px solid rgba(255,255,255,.15)}.notes-list li:last-child{border-bottom:none}.notes-list li:before{content:"▸";position:absolute;left:0;color:#60a5fa;font-size:18px;font-weight:700}.presentation-top-bar,.presentation-header{display:none}.slide-counter{font-size:14px;color:#fff9;background:#ffffff1a;padding:6px 12px;border-radius:6px}.tactic-type-badge{font-size:13px;background:#3b82f64d;color:#93c5fd;padding:4px 10px;border-radius:4px}.primary-badge{font-size:11px;background:#10b981;color:#fff;padding:4px 10px;border-radius:4px;font-weight:600}.formation-badge{font-size:14px;background:#6366f14d;color:#a5b4fc;padding:4px 12px;border-radius:4px;font-weight:600}.clear-btn,.fullscreen-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.clear-btn{background:#ef444433;border-color:#ef444466;color:#fca5a5}.clear-btn:hover{background:#ef44444d}.fullscreen-btn:hover{background:#fff3}.close-btn{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#fff3}.presentation-content,.presentation-main{display:none}.presentation-board .tactic-board-container{max-height:100%;display:flex;align-items:center;justify-content:center}.presentation-board .tactic-board{max-width:100%;max-height:100%;border-radius:16px;box-shadow:0 20px 60px #00000080}.tactic-presentation.pitch-view-full .presentation-board .tactic-board{height:calc(100vh - 120px);width:auto;max-width:calc((100vh - 120px)*.648)}.tactic-presentation.pitch-view-half .presentation-board .tactic-board{height:calc(100vh - 120px);width:auto;max-width:min(calc(100vw - 400px),calc((100vh - 120px)*1.3))}.tactic-presentation.pitch-view-penalty .presentation-board .tactic-board{height:calc(100vh - 120px);width:auto;max-width:min(calc(100vw - 400px),calc((100vh - 120px)*2))}.presentation-description{margin-top:20px;max-width:600px;text-align:center}.presentation-description p{margin:0;font-size:16px;color:#fffc;line-height:1.6}.presentation-navigation{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 16px;background:#0000004d;flex-shrink:0;flex-wrap:wrap}.nav-btn{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.nav-btn:hover:not(:disabled){background:#fff3}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.slide-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all .2s}.dot:hover{background:#ffffff80}.dot.active{background:#3b82f6;transform:scale(1.2)}.keyboard-hints{display:flex;gap:16px;font-size:11px;color:#fff6;margin-left:16px}.keyboard-hints span{display:flex;align-items:center;gap:4px}@media (max-width: 900px){.presentation-layout{flex-direction:column;overflow:hidden}.presentation-left-sidebar{width:100%;flex-direction:row;align-items:center;padding:8px 12px;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);gap:8px;flex-shrink:0}.sidebar-info{flex:1;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.sidebar-info .slide-counter{font-size:11px;padding:3px 6px}.sidebar-info .tactic-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-info .formation-badge,.sidebar-info .primary-badge{font-size:10px;padding:2px 6px}.sidebar-controls{flex-direction:row;gap:6px}.sidebar-btn{width:36px;height:36px;padding:0;font-size:14px}.presentation-right-sidebar{display:none}.presentation-center{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.presentation-board{flex:1;padding:8px;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.presentation-board .tactic-board-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.presentation-board .tactic-board-container.side-toolbar-mode{flex-direction:column}.presentation-board .tactic-board{max-width:100%;width:auto;height:auto;max-height:100%}.tactic-presentation.pitch-view-full .presentation-board .tactic-board{max-height:calc(100% - 8px);width:auto;max-width:100%}.tactic-presentation.pitch-view-half .presentation-board .tactic-board,.tactic-presentation.pitch-view-penalty .presentation-board .tactic-board{max-width:100%;width:100%;height:auto;max-height:100%}.presentation-navigation{padding:8px 12px;gap:8px;flex-shrink:0}.nav-btn{padding:8px 12px;font-size:12px}.nav-btn.prev,.nav-btn.next{padding:8px 10px}.slide-dots{gap:6px}.dot{width:10px;height:10px}.keyboard-hints{display:none}}@media (max-width: 480px){.presentation-left-sidebar{padding:6px 10px}.sidebar-info .tactic-name{font-size:13px;max-width:120px}.sidebar-btn{width:32px;height:32px;font-size:12px}.nav-btn.prev,.nav-btn.next{font-size:11px;padding:6px 8px}.presentation-navigation{gap:6px;padding:6px 10px}.presentation-board{padding:4px}}.lineup-share-image{width:1080px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#f8fafc;padding:48px;font-family:system-ui,-apple-system,sans-serif}.share-header{text-align:center;margin-bottom:40px}.share-team-logo{width:80px;height:80px;object-fit:contain;margin-bottom:16px;border-radius:8px}.share-title{font-size:48px;font-weight:700;margin:0 0 12px;color:#fff;letter-spacing:-.02em}.share-date{font-size:24px;color:#94a3b8;margin:0}.share-formation{margin-bottom:40px}.share-formation-title{font-size:28px;font-weight:600;color:#fff;margin:0 0 24px;text-align:center}.share-pitch-wrapper{background:#0003;border-radius:16px;padding:24px;max-width:100%}.share-pitch-wrapper .tactic-board{min-height:600px}.share-pitch-wrapper .player-marker{width:80px;height:80px;font-size:14px}.share-pitch-wrapper .player-label{font-size:16px;font-weight:600;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-subs{background:#ffffff0d;border-radius:16px;padding:32px}.share-subs-title{font-size:28px;font-weight:600;color:#fff;margin:0 0 24px}.share-subs-list{display:flex;flex-wrap:wrap;gap:16px}.share-sub-item{background:#ffffff1a;padding:16px 24px;border-radius:12px;font-size:20px;font-weight:500;color:#e2e8f0}.match-events-card{margin-top:16px}.events-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.events-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.result-summary{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0fdf4;border-radius:8px;border:1px solid #86efac}.result-label{font-size:14px;color:#166534}.result-value{font-size:18px;font-weight:700;color:#166534}.events-error{padding:10px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px}.events-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.event-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border-left:4px solid #e5e7eb}.event-goal{border-left-color:#22c55e;background:#f0fdf4}.event-own_goal{border-left-color:#6b7280;background:#f3f4f6}.event-yellow_card{border-left-color:#eab308;background:#fefce8}.event-red_card{border-left-color:#ef4444;background:#fef2f2}.event-substitution{border-left-color:#3b82f6;background:#eff6ff}.event-injury{border-left-color:#f97316;background:#fff7ed}.event-minute{min-width:40px;font-size:14px;font-weight:600;color:#6b7280;text-align:center}.event-icon{font-size:20px;line-height:1}.event-details{flex:1;min-width:0}.event-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.event-type-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase}.event-player{font-weight:600;color:#111827}.event-secondary{font-size:14px;color:#6b7280;margin-top:4px}.event-note{font-size:13px;color:#6b7280;font-style:italic;margin-top:4px}.event-delete-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px 8px;font-size:16px;line-height:1;border-radius:4px;transition:all .2s ease}.event-delete-btn:hover{background:#fee2e2;color:#dc2626}.no-events{text-align:center;color:#9ca3af;font-style:italic;padding:24px 0;margin:0}.add-event-btn{width:100%;margin-top:8px}.team-selector{display:flex;gap:8px;margin-bottom:16px}.team-btn{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.team-btn:hover{border-color:#d1d5db;background:#f9fafb}.team-btn.active{border-color:#22c55e;background:#f0fdf4;color:#166534}.team-btn.opponent.active{border-color:#ef4444;background:#fef2f2;color:#dc2626}.event-opponent{border-left-color:#9ca3af!important;background:#f3f4f6!important}.event-team-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.event-team-badge.opponent{background:#e5e7eb;color:#6b7280}.add-event-form{width:100%;margin-top:8px}.add-event-form{margin-top:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.add-event-form h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.event-type-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.event-type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:80px}.event-type-btn:hover{border-color:#d1d5db;background:#f9fafb}.event-type-btn.active{border-color:var(--fz-primary);background:var(--fz-tint-100)}.event-type-icon{font-size:24px}.event-type-name{font-size:12px;font-weight:500;color:#374151}.form-row{display:flex;gap:16px;margin-bottom:12px}.form-field{flex:1;display:flex;flex-direction:column;gap:4px}.form-field label{font-size:14px;font-weight:500;color:#374151}.minute-field{max-width:100px;flex:0 0 auto}.player-field{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}@media (max-width: 640px){.events-header{flex-direction:column;align-items:stretch}.result-summary{justify-content:center}.event-item{padding:10px;gap:8px}.event-minute{min-width:32px;font-size:12px}.event-icon{font-size:18px}.event-type-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.event-type-btn{min-width:0;padding:10px 8px}.event-type-icon{font-size:20px}.event-type-name{font-size:11px}.form-row{flex-direction:column;gap:12px}.minute-field{max-width:none}.form-actions{flex-direction:column}.form-actions button{width:100%}}.match-clock-card{margin-bottom:16px}.match-clock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.match-clock-header h3{margin:0;font-size:18px;font-weight:600;color:var(--fz-text)}.match-status-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.match-status-badge.status-not-started{background:var(--fz-bg-muted);color:var(--fz-text-muted)}.match-status-badge.status-first-half,.match-status-badge.status-second-half{background:var(--fz-tint-100);color:var(--fz-primary);animation:pulse 2s ease-in-out infinite}.match-status-badge.status-half-time{background:#fef3c7;color:#92400e}.match-status-badge.status-finished{background:#dbeafe;color:#1e40af}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.match-clock-display{text-align:center;padding:24px 16px;background:var(--fz-bg);border:2px solid var(--fz-border);border-radius:12px;margin-bottom:16px;transition:all .3s ease}.match-clock-display.running{border-color:var(--fz-primary);background:linear-gradient(135deg,var(--fz-bg) 0%,var(--fz-tint-100) 100%)}.clock-time{display:flex;align-items:baseline;justify-content:center;gap:4px}.clock-minutes{font-size:56px;font-weight:700;color:var(--fz-text);font-variant-numeric:tabular-nums;line-height:1}.clock-stoppage{font-size:28px;font-weight:600;color:var(--fz-primary)}.clock-seconds{font-size:24px;font-weight:500;color:var(--fz-text-muted);font-variant-numeric:tabular-nums;margin-top:4px}.clock-half-label{font-size:14px;color:var(--fz-text-muted);margin-top:8px;font-weight:500}.match-clock-controls{display:flex;justify-content:center;gap:12px}.match-clock-controls button{min-width:180px}@media (max-width: 640px){.match-clock-header{flex-direction:column;align-items:flex-start;gap:8px}.match-clock-display{padding:20px 12px}.clock-minutes{font-size:48px}.clock-stoppage{font-size:24px}.clock-seconds{font-size:20px}.match-clock-controls{flex-direction:column}.match-clock-controls button{width:100%;min-width:auto}}.match-detail-page{max-width:1200px;margin:0 auto}.match-header{margin-bottom:32px}.match-title-row{display:flex;align-items:center;gap:8px}.match-header h1{font-size:32px;font-weight:700;color:#111827;margin:0}.match-date{font-size:18px;color:#6b7280;margin-top:4px}.header-actions{display:flex;gap:12px}.icon-button{background:transparent;border:none;padding:4px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.icon-button:hover{opacity:1}.icon-button-green{color:var(--fz-primary);opacity:1}.icon-button-green:hover{color:var(--fz-primary-dark)}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--fz-gray-200)}.tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;font-size:16px;font-weight:500;color:var(--fz-text-light);cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.tab:hover{color:var(--fz-primary)}.tab.active{color:var(--fz-primary);border-bottom-color:var(--fz-primary);font-weight:600}.tab-content{display:flex;flex-direction:column;gap:16px}.card h3{font-size:20px;font-weight:600;color:#111827;margin-bottom:16px}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #E5E7EB}.info-label{font-weight:500;color:#6b7280}.info-value{color:#111827}.result-inputs{display:flex;align-items:center;gap:16px;margin-bottom:16px}.result-input{width:80px;text-align:center;font-size:24px;font-weight:700}.result-separator{font-size:24px;font-weight:700;color:#111827}.save-result-button{width:100%}.lineup-list,.attendance-list,.ratings-list{display:flex;flex-direction:column;gap:12px}.lineup-item,.attendance-item,.rating-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #E5E7EB;border-radius:8px}.player-info{display:flex;align-items:center;gap:8px}.player-name{font-weight:500;color:#111827}.player-number{font-size:14px;color:#6b7280}.lineup-controls{display:flex;gap:8px}.lineup-button{padding:8px 16px;border:1px solid var(--fz-gray-200);border-radius:8px;background-color:var(--fz-bg);font-size:14px;font-weight:500;color:var(--fz-gray-900);cursor:pointer;transition:all .2s ease}.lineup-button:hover{border-color:var(--fz-gray-300);background-color:var(--fz-bg-soft)}.lineup-button.active{background-color:var(--fz-primary);border-color:var(--fz-primary);color:var(--fz-on-primary)}.lineup-status{font-weight:500;color:#111827}.attendance-select,.rating-select{width:150px;margin:0}.attendance-status{font-weight:500;color:#111827}.rating-value{font-size:18px;font-weight:700;color:var(--fz-primary)}.rating-item{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:8px}.rating-header{display:flex;justify-content:space-between;align-items:center;width:100%}.rating-item .player-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.rating-item .player-name{font-weight:500;color:#111827;font-size:16px}.rating-item .player-number{font-size:14px;color:#6b7280;background:#e5e7eb;padding:2px 6px;border-radius:4px}.rating-note-container{width:100%}.rating-note-input{width:100%;margin:0}.rating-note-input:disabled{opacity:.5;cursor:not-allowed}.rating-note{font-size:14px;color:#6b7280;font-style:italic}@media (max-width: 768px){.match-detail-page{padding:0 8px}.match-header{margin-bottom:16px}.match-title-row{gap:6px}.match-header h1{font-size:20px}.match-date{font-size:14px}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:0;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 14px;font-size:13px;white-space:nowrap;flex-shrink:0}.tab-content{gap:12px}.card h3{font-size:18px;margin-bottom:12px}.info-row{flex-direction:column;gap:4px;align-items:flex-start}.info-label{font-size:13px}.info-value{font-size:14px}.lineup-item,.attendance-item,.rating-item{flex-direction:column;gap:10px;align-items:flex-start}.lineup-controls{width:100%}.lineup-button{flex:1;text-align:center;padding:8px 12px;font-size:13px}.attendance-select,.rating-select{width:100%}.player-name{font-size:14px}.player-number{font-size:12px}}@media (max-width: 400px){.match-header h1{font-size:18px}.tab{padding:8px 10px;font-size:12px}.card{padding:12px}.card h3{font-size:16px}}.empty-lineup-message{text-align:center;padding:32px 16px;color:#6b7280}.empty-lineup-message p{margin:0 0 12px}.empty-lineup-message p:last-of-type{margin-bottom:20px}.subs-section{margin-top:16px}.subs-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.presentation-button-wrapper{margin-top:8px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.presentation-button-wrapper button{font-size:16px;padding:14px 32px}@media (max-width: 767px){.presentation-button-wrapper button:first-child{display:none}.presentation-button-wrapper{justify-content:center}}.attendance-item-extended{flex-direction:column;align-items:stretch;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:8px}.attendance-item-extended .player-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lineup-badge{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:500}.lineup-badge.starter{background:#dcfce7;color:#166534}.lineup-badge.sub{background:#fef3c7;color:#92400e}.attendance-controls{display:flex;flex-wrap:wrap;gap:12px}.attendance-field{display:flex;flex-direction:column;gap:4px;min-width:140px}.attendance-field label{font-size:12px;font-weight:500;color:#6b7280}.equipment-note-field{flex:1;min-width:200px}.equipment-note-input{font-size:14px}.equipment-note{font-style:italic;color:#6b7280}.attendance-status.arrival-on_time{color:#16a34a}.attendance-status.arrival-late{color:#ea580c}.attendance-status.arrival-not_arrived{color:#dc2626}.attendance-status.equipment-ok{color:#16a34a}.attendance-status.equipment-missing{color:#dc2626}@media (max-width: 640px){.attendance-item-extended{padding:12px}.attendance-controls{flex-direction:column;gap:10px}.attendance-field{width:100%;min-width:100%}.equipment-note-field{min-width:100%}}.attendance-quick-actions{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.team-rating-description{color:#6b7280;font-size:14px;margin-bottom:16px}.team-rating-controls{display:flex;flex-direction:column;gap:12px}.team-rating-stars{display:flex;gap:8px}.star-button{background:transparent;border:1px solid #e5e7eb;border-radius:8px;font-size:28px;padding:8px 12px;color:#d1d5db;cursor:pointer;transition:all .2s}.star-button:hover{color:#fbbf24;border-color:#fbbf24}.star-button.active{color:#f59e0b;background:#fef3c7;border-color:#f59e0b}.star-button:disabled{cursor:not-allowed;opacity:.5}.team-rating-note{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;min-height:80px;resize:vertical;transition:border-color .2s}.team-rating-note:focus{outline:none;border-color:#2563eb}.rating-field{min-width:100px}.rating-note-field{flex:1;min-width:200px}@media (max-width: 640px){.attendance-quick-actions{flex-direction:column}.star-button{font-size:24px;padding:6px 10px}}.delete-icon{color:#ef4444}.delete-icon:hover{opacity:1;color:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:100%}.delete-confirm-modal h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#991b1b}.delete-confirm-modal p{margin:0 0 12px;color:#7f1d1d;font-size:14px}.warning-text{color:#dc2626;font-size:13px;font-weight:500}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.create-match-page{max-width:800px;margin:0 auto}.create-match-form{display:flex;flex-direction:column}.textarea:focus{border-color:var(--fz-primary);box-shadow:var(--fz-focus-ring)}.edit-match-page{max-width:800px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1{font-size:32px;font-weight:700;color:#111827}.edit-match-form{display:flex;flex-direction:column}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.textarea-wrapper{margin-bottom:16px}.textarea-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#111827}.textarea{width:100%;padding:12px;border:1px solid #E5E7EB;border-radius:8px;font-size:16px;font-family:inherit;background-color:#fff;color:#111827;min-height:100px;resize:vertical;transition:all .2s ease;outline:none}.textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.settings-page{max-width:800px;margin:0 auto}.settings-page h1{font-size:32px;font-weight:700;color:#111827;margin-bottom:32px}.card h2{font-size:20px;font-weight:600;color:#111827;margin-bottom:16px}.user-info{margin-bottom:16px}.user-info p{margin-bottom:8px;color:#111827}.settings-description{color:#6b7280;margin-bottom:16px;font-size:14px}.view-as-active{display:flex;align-items:center;justify-content:space-between;gap:16px;background-color:#fef3c7;border:1px solid #F59E0B;border-radius:8px;padding:12px 16px}.view-as-active-info{display:flex;align-items:center;gap:8px}.view-as-active-icon{font-size:20px}.view-as-user-list{display:flex;flex-direction:column;gap:8px;margin-top:16px;max-height:300px;overflow-y:auto}.view-as-user-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease}.view-as-user-item:hover{background:#f3f4f6;border-color:#d1d5db}.view-as-user-avatar{font-size:24px}.view-as-user-info{flex:1}.view-as-user-name{font-weight:600;color:#111827}.view-as-user-role{font-size:13px;color:#6b7280}@media (max-width: 640px){.settings-page h1{font-size:24px;margin-bottom:24px}.view-as-active{flex-direction:column;align-items:flex-start}}.password-form{display:flex;flex-direction:column;gap:16px}.form-actions{display:flex;gap:12px;margin-top:8px}.success-message{color:#059669;font-size:14px;margin:0}.archive-confirm{display:flex;flex-direction:column;gap:16px}.archive-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #FCD34D;border-radius:8px;padding:12px 16px;color:#92400e;font-weight:500;margin:0;line-height:1.5}.invite-members-page{max-width:600px;margin:0 auto}.invite-header{margin-bottom:24px}.invite-header .back-button{background:none;border:none;color:var(--fz-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;margin-bottom:8px;display:flex;align-items:center;gap:4px}.invite-header .back-button:hover{text-decoration:underline}.header-content h1{font-size:28px;font-weight:700;margin:0 0 4px;color:#111827}.header-content .team-name{color:#6b7280;margin:0;font-size:16px}.invite-content{display:flex;flex-direction:column;gap:16px}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.card-icon{font-size:24px}.card-header h2{font-size:18px;font-weight:600;margin:0;color:#111827}.create-invitation-card .description{color:#6b7280;font-size:14px;margin:0 0 20px;line-height:1.5}.create-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#374151}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--fz-primary);cursor:pointer}.toggle-text{font-weight:500}.no-permissions{color:#dc2626;font-size:14px;padding:12px;background:#fef2f2;border-radius:8px;margin:0}.error-message{color:#dc2626;font-size:14px;padding:12px;background:#fef2f2;border-radius:8px;margin-top:12px}.invitations-list{display:flex;flex-direction:column;gap:12px}.invitation-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #D1FAE5;border-radius:12px;gap:12px}.invitation-item.used{background:#f9fafb;border-color:#e5e7eb}.invitation-main{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.linked-user{display:flex;align-items:center;gap:6px;font-size:13px;color:hsl(var(--muted-foreground))}.linked-name{font-weight:500}.linked-name-small{font-size:12px;color:hsl(var(--muted-foreground));margin-left:8px}.invitation-meta{display:flex;gap:8px;flex-wrap:wrap}.usage-badge{font-size:12px;padding:4px 8px;background:#e0f2fe;color:#0369a1;border-radius:12px;font-weight:500}.expires-badge{font-size:12px;padding:4px 8px;background:#fef3c7;color:#92400e;border-radius:12px;font-weight:500}.exhausted-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.exhausted-reason{font-size:12px;color:#dc2626;font-weight:500}.usage-count{font-size:11px;color:#6b7280}.invitation-code-wrapper{display:flex;align-items:center;gap:12px}.invite-code{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:20px;font-weight:700;letter-spacing:3px;color:#059669;background:#fff;padding:8px 16px;border-radius:8px;border:2px dashed #10B981}.invite-code.used{color:#9ca3af;text-decoration:line-through;border-color:#d1d5db;background:#f3f4f6}.role-badge{font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-admin{background:#fef3c7;color:#92400e}.role-badge.role-coach{background:#dbeafe;color:#1e40af}.role-badge.role-player{background:#d1fae5;color:#065f46}.invitation-actions{display:flex;gap:8px}.action-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;font-size:18px;cursor:pointer;transition:all .2s ease}.action-button.email{background:#ecfdf5;color:#059669}.action-button.email:hover{background:#d1fae5}.action-button.copy{background:#e0f2fe;color:#0369a1}.action-button.copy:hover{background:#bae6fd}.action-button.link{background:#f3e8ff;color:#7c3aed}.action-button.link:hover{background:#e9d5ff}.action-button.delete{background:#fee2e2;color:#dc2626}.action-button.delete:hover{background:#fecaca}.email-sent-badge{font-size:12px;padding:4px 8px;background:#ecfdf5;color:#059669;border-radius:12px;font-weight:500}.email-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.email-dialog{background:#fff;border-radius:16px;width:100%;max-width:400px;box-shadow:0 20px 40px #0003;overflow:hidden}.email-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB}.email-dialog-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.email-dialog-header .close-button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;line-height:1}.email-dialog-header .close-button:hover{color:#111827}.email-dialog-content{padding:24px}.email-dialog-description{color:#6b7280;margin:0 0 16px;font-size:14px}.email-dialog-description strong{color:#111827;font-family:monospace;letter-spacing:1px}.email-sent-info{color:#6b7280;font-size:12px;margin-top:8px}.success-message{color:#059669;font-size:14px;padding:12px;background:#ecfdf5;border-radius:8px;margin-top:12px}.email-dialog-actions{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB;justify-content:flex-end}.used-label{font-size:13px;color:#059669;font-weight:500;display:flex;align-items:center;gap:4px}.used-section{opacity:.8}.steps-list{display:flex;flex-direction:column;gap:16px}.step{display:flex;align-items:flex-start;gap:16px}.step-number{width:32px;height:32px;background:linear-gradient(135deg,var(--fz-primary) 0%,#3B82F6 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.step-text{color:#4b5563;line-height:1.6;padding-top:4px}@media (max-width: 640px){.header-content h1{font-size:24px}.invitation-item{flex-direction:column;align-items:stretch}.invitation-main{justify-content:center}.invitation-actions{justify-content:center;padding-top:12px;border-top:1px solid #E5E7EB}.invite-code{font-size:18px}}.join-team-page{padding:16px;max-width:500px;margin:0 auto}.join-header{margin-bottom:24px}.join-header .back-button{background:none;border:none;color:var(--fz-primary);font-size:16px;cursor:pointer;padding:0;margin-bottom:12px}.join-header h1{font-size:24px;font-weight:700;margin:0}.join-card{text-align:center}.join-card h2{font-size:20px;font-weight:600;margin:0 0 8px}.join-card .description{color:#6b7280;font-size:14px;margin:0 0 24px}.join-form{display:flex;flex-direction:column;gap:16px}.join-form .code-input input{text-align:center;font-size:24px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.error-message{color:#dc2626;font-size:14px;margin:0}.user-info{margin-top:24px;padding-top:16px;border-top:1px solid #E5E7EB;font-size:14px;color:#6b7280}.user-info strong{color:#1f2937}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,var(--color-primary-light) 100%)}.auth-container{background:#fff;border-radius:16px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:160px;height:160px;object-fit:contain;margin-bottom:.5rem}.auth-header h1{font-size:2rem;color:var(--color-primary);margin-bottom:.5rem}.auth-header p{color:#6b7280;font-size:.95rem}.auth-tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.auth-tab{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;background:#f9fafb;border-radius:10px;font-size:.95rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.auth-tab:hover{background:#f3f4f6;border-color:#d1d5db}.auth-tab.active{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:#fff;border-color:transparent}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:#374151}.form-group input{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e7f3b1a}.form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.auth-message{padding:.875rem 1rem;border-radius:10px;font-size:.9rem;text-align:center}.auth-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.auth-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.auth-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1e7f3b4d}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{margin-top:1.5rem;text-align:center}.auth-footer p{color:#9ca3af;font-size:.85rem;line-height:1.5}.form-help{font-size:.8rem;color:#6b7280}.auth-archived-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.auth-archived-notice .archived-icon{font-size:2.5rem;margin-bottom:.5rem}.auth-archived-notice h3{color:#92400e;font-size:1.1rem;margin-bottom:.5rem}.auth-archived-notice p{color:#78350f;font-size:.9rem;line-height:1.5}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--fz-gradient-primary)}.onboarding-container{background:#fff;border-radius:16px;padding:2.5rem;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d}.onboarding-header{text-align:center;margin-bottom:2rem}.onboarding-header h1{font-size:1.75rem;color:var(--fz-primary);margin-bottom:.5rem}.onboarding-header p{color:var(--fz-text-light);font-size:1rem}.onboarding-options{display:flex;flex-direction:column;gap:1rem}.onboarding-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:2px solid var(--fz-gray-200);border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:all .2s}.onboarding-option:hover{border-color:var(--fz-primary);background:var(--fz-tint-100);transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.onboarding-option.create:hover,.onboarding-option.join:hover{border-color:var(--fz-primary)}.option-icon{font-size:2.5rem;flex-shrink:0}.option-content h3{font-size:1.1rem;color:var(--fz-gray-800);margin-bottom:.25rem}.option-content p{font-size:.9rem;color:var(--fz-text-light)}.onboarding-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--fz-gray-200)}.logout-button{padding:.5rem 1rem;background:transparent;color:var(--fz-gray-400);border:none;font-size:.9rem;cursor:pointer;transition:color .2s}.logout-button:hover{color:var(--fz-danger)}.leaders-page{max-width:1200px;margin:0 auto;padding:0;width:100%;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px;flex-wrap:wrap}.page-header h1{font-size:24px;font-weight:700;color:#111827;margin:0}.header-actions{display:flex;gap:.5rem}.leaders-list{display:flex;flex-direction:column;gap:8px}.leader-card{cursor:pointer;padding:0!important;margin-bottom:0}.leaders-list .leader-card{margin-bottom:8px}.leader-card-content{display:flex;align-items:center;gap:12px;padding:12px}.leader-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background-color:var(--fz-tint-100);display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}.leader-avatar .avatar-img{width:100%;height:100%;object-fit:cover}.leader-info{flex:1;min-width:0;overflow:hidden}.leader-name-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.leader-name{font-size:16px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaders-page .registration-status{font-size:11px;padding:2px 6px;border-radius:4px;flex-shrink:0}.leaders-page .registration-status.registered{color:#16a34a;background-color:#dcfce7}.leaders-page .registration-status.not-registered{color:#ca8a04;background-color:#fef9c3}.leader-role{font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-email{font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.leader-arrow{font-size:18px;color:#9ca3af;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.edit-leader-modal{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #E5E7EB}.modal-header h2{margin:0;font-size:1.25rem;color:#111827}.modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#111827}.modal-content form{padding:1.5rem}.add-leader-modal{padding:0}.add-leader-modal .modal-header{border-bottom:1px solid #E5E7EB}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.form-group input[type=text],.form-group input[type=email]{width:100%;padding:.75rem;border:1px solid #D1D5DB;border-radius:8px;font-size:1rem;background:#fff;color:#111827}.form-group input[type=text]:focus,.form-group input[type=email]:focus{outline:none;border-color:var(--fz-primary);box-shadow:var(--fz-focus-ring)}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.5rem 0}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--fz-primary)}.checkbox-text{font-size:.875rem;color:#111827}.admin-checkbox{background:linear-gradient(135deg,#ffc1071a,#ff98001a);padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,193,7,.3)}.permissions-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #E5E7EB}.permissions-section h3{font-size:1rem;color:#111827;margin:0 0 1rem}.permission-category h4{font-size:.875rem;color:#6b7280;margin:0 0 .5rem;font-weight:600}.permission-category .checkbox-label{padding:.375rem 0}.permission-category .checkbox-label span{font-size:.875rem}.modal-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #E5E7EB;margin-top:1rem}.success-state{padding:2rem;text-align:center}.success-icon{font-size:3rem;margin-bottom:1rem}.success-state h3{margin:0 0 .5rem;color:#111827}.success-state p{color:#6b7280;margin-bottom:1.5rem}.error-message{background:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.delete-confirm{padding:2rem;text-align:center}.delete-confirm p{color:#111827;margin-bottom:1.5rem}.delete-confirm .modal-actions{justify-content:center;border-top:none;padding-top:0;margin-top:0}.role-options{display:flex;flex-direction:column;gap:.5rem}.role-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .15s ease}.role-option:hover{border-color:var(--fz-primary)}.role-option.selected{border-color:var(--fz-primary);background:var(--fz-tint-100)}.role-option input{display:none}.role-icon{font-size:1.5rem}.role-label{font-weight:600;color:#111827}.role-description{font-size:.75rem;color:#9ca3af;margin-left:auto}@media (min-width: 481px) and (max-width: 767px){.leaders-page{padding:0}.page-header h1{font-size:28px}.leader-card-content{padding:14px;gap:14px}.leader-avatar{width:44px;height:44px;min-width:44px;font-size:22px}}@media (min-width: 768px){.leaders-page{padding:0}.page-header{margin-bottom:32px}.page-header h1{font-size:32px}.header-actions,.leaders-list{gap:12px}.leader-card-content{gap:16px;padding:16px}.leader-avatar{width:48px;height:48px;min-width:48px;font-size:24px}.leader-name{font-size:18px;margin-bottom:4px}.leader-role{font-size:14px}.leader-email{font-size:13px}.leader-arrow{font-size:20px}}@media (max-width: 480px){.leaders-page{padding:0}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.page-header h1{font-size:20px}.header-actions{flex-direction:column;width:100%}.header-actions>*{width:100%}.leaders-list{gap:6px}.leader-card-content{padding:10px;gap:8px}.leader-avatar{width:28px;height:28px;min-width:28px;font-size:14px}.leader-name{font-size:14px}.leader-role{font-size:12px}.leader-email{display:none}.leader-arrow{font-size:16px}.modal-actions{flex-direction:column-reverse;flex-wrap:wrap}.action-spacer{display:none}.modal-actions button{width:100%;min-width:auto}}@media (max-width: 360px){.leaders-page{padding:0}.page-header{margin-bottom:12px}.page-header h1{font-size:18px}.leader-card-content{padding:8px;gap:6px}.leader-avatar{width:24px;height:24px;min-width:24px;font-size:12px}.leader-arrow{display:none}}.add-leader-page{max-width:600px;margin:0 auto;padding:1rem}.add-leader-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.add-leader-page .page-header h1{margin:0;font-size:1.5rem}.add-leader-form{display:flex;flex-direction:column;gap:1rem}.add-leader-form .error-message{background:hsl(var(--destructive) / .1);color:hsl(var(--destructive));padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem}.add-leader-form .existing-member-section{padding-bottom:1rem;border-bottom:1px solid hsl(var(--border));margin-bottom:.5rem}.add-leader-form .helper-text{margin:.5rem 0 0;font-size:.813rem;color:hsl(var(--muted-foreground));font-style:italic}.add-leader-form .checkbox-section{padding:.25rem 0}.add-leader-form .checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.add-leader-form .checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;margin-top:.125rem;accent-color:hsl(var(--primary));cursor:pointer}.add-leader-form .checkbox-text{font-size:.938rem;color:hsl(var(--foreground));line-height:1.4}.add-leader-form .checkbox-text strong{display:block;margin-bottom:.125rem}.add-leader-form .form-actions{margin-top:.5rem;padding-top:1rem;border-top:1px solid hsl(var(--border))}.add-leader-form .form-actions button{width:100%}.add-leader-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.add-leader-page .modal-content{background-color:var(--fz-bg);border-radius:12px;padding:1.5rem;max-width:90%;width:100%;box-shadow:0 10px 40px #0003}.add-leader-page .invite-dialog{text-align:center;max-width:400px}.add-leader-page .invite-dialog .success-icon{font-size:3rem;margin-bottom:1rem}.add-leader-page .invite-dialog h2{margin:0 0 1rem;font-size:1.25rem}.add-leader-page .invite-dialog p{margin:0 0 .75rem;color:hsl(var(--muted-foreground))}.add-leader-page .invite-dialog .invite-question{margin-top:1.5rem;padding-top:1rem;border-top:1px solid hsl(var(--border));color:hsl(var(--foreground))}.add-leader-page .dialog-actions{display:flex;gap:.75rem;margin-top:1.5rem}.add-leader-page .dialog-actions button{flex:1}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;text-align:center;padding:2rem;color:hsl(var(--muted-foreground))}.edit-leader-page{max-width:700px;margin:0 auto;padding:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.page-header h1{font-size:1.5rem;font-weight:600;color:var(--fz-text);margin:0}.edit-leader-form{display:flex;flex-direction:column;gap:1.5rem}.avatar-section{display:flex;justify-content:center;padding:1rem 0}.section-title{font-size:1.125rem;font-weight:600;color:var(--fz-text);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--fz-border)}.subsection-title{font-size:1rem;font-weight:500;color:var(--fz-text-muted);margin:1.5rem 0 1rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}@media (max-width: 500px){.form-grid{grid-template-columns:1fr}}.form-row{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--fz-text);margin-bottom:.5rem}.form-textarea{width:100%;padding:.625rem .75rem;font-size:1rem;border:1px solid var(--fz-border);border-radius:.5rem;resize:vertical;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-textarea:focus{outline:none;border-color:var(--fz-primary);box-shadow:0 0 0 3px #1e7f3b1a}.contact-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:end;margin-bottom:1rem}@media (max-width: 500px){.contact-row{grid-template-columns:1fr}}.visibility-wrapper{display:flex;flex-direction:column;gap:.5rem}.visibility-label{font-size:.75rem;color:var(--fz-text-muted)}.error-message{padding:.75rem 1rem;background-color:#fee2e2;border:1px solid #EF4444;border-radius:.5rem;color:#dc2626;font-size:.875rem}.admin-section{margin:1rem 0 1.5rem}.admin-toggle{display:flex;align-items:center;padding:1rem;background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid rgba(255,193,7,.3);border-radius:.75rem;cursor:pointer;transition:all .2s ease}.admin-toggle:hover{border-color:#ffc10780}.admin-toggle input[type=checkbox]{width:20px;height:20px;margin-right:.75rem;accent-color:#F59E0B}.admin-toggle-content{display:flex;align-items:center;gap:.75rem}.admin-icon{font-size:1.5rem}.admin-text{display:flex;flex-direction:column}.admin-text strong{color:var(--fz-text);font-size:1rem}.admin-text small{color:var(--fz-text-muted);font-size:.8125rem}.player-section{margin:1rem 0 1.5rem}.player-toggle{display:flex;align-items:center;padding:1rem;background:var(--fz-tint-100);border:1px solid var(--fz-border);border-radius:.75rem;cursor:pointer;transition:all .2s ease}.player-toggle:hover{border-color:var(--fz-primary)}.player-toggle input[type=checkbox]{width:20px;height:20px;margin-right:.75rem;accent-color:var(--fz-primary)}.player-toggle-content{display:flex;align-items:center;gap:.75rem}.player-icon{font-size:1.5rem}.player-text{display:flex;flex-direction:column}.player-text strong{color:var(--fz-text);font-size:1rem}.player-text small{color:var(--fz-text-muted);font-size:.8125rem}.shirt-number-input{margin-top:1rem;max-width:200px}.permissions-section{margin-top:.5rem;padding-top:1.5rem;border-top:1px solid var(--fz-border)}.permissions-section h4{font-size:1rem;font-weight:600;color:var(--fz-text);margin-bottom:1rem}.permission-category{margin-bottom:1.25rem}.permission-category h5{font-size:.8125rem;font-weight:600;color:var(--fz-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.permission-list{display:flex;flex-wrap:wrap;gap:.5rem}.permission-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--fz-bg-soft);border:1px solid var(--fz-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.permission-item:hover{border-color:var(--fz-primary);background-color:var(--fz-tint-100)}.permission-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--fz-primary)}.permission-item:has(input:checked){background-color:var(--fz-tint-100);border-color:var(--fz-primary)}.permission-item span{font-size:.875rem;color:var(--fz-text)}.form-actions{display:flex;gap:.75rem;align-items:center;justify-content:center;padding:1rem 0 2rem}.action-spacer{flex:1}.form-actions .btn{min-width:150px}.delete-confirm-content{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:.5rem;border:1px solid #FECACA}.delete-confirm-content p{font-size:1rem;color:#7f1d1d;margin-bottom:1rem}.delete-confirm-content .form-actions{justify-content:center;border-top:none;padding-top:0;margin-top:1.5rem}.delete-options{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;text-align:left}.leader-detail-page{max-width:700px;margin:0 auto;padding:1rem}.leader-header{margin-bottom:1.5rem}.back-button{background:none;border:none;color:var(--fz-primary);font-size:1rem;cursor:pointer;padding:.25rem .5rem .25rem 0;margin-bottom:1rem}.back-button:hover{text-decoration:underline}.leader-header-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.leader-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--fz-tint-100);border:3px solid var(--fz-border);display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden;flex-shrink:0}.leader-avatar-large .leader-avatar-img{width:100%;height:100%;object-fit:cover}.leader-header h1{font-size:1.5rem;font-weight:600;color:var(--fz-text);margin:0 0 .25rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.leader-name-container .leader-name-full{display:inline}.leader-name-container .leader-name-short{display:none}.leader-registration-status{font-size:14px;padding:4px 8px;border-radius:4px;flex-shrink:0;font-weight:600}.leader-registration-status.registered{color:#16a34a;background-color:#dcfce7}.leader-registration-status.not-registered{color:#ca8a04;background-color:#fef9c3}.leader-role{font-size:1rem;color:var(--fz-primary);font-weight:500;margin:0 0 .25rem}.leader-email{font-size:.875rem;color:var(--fz-text-muted);margin:0}.leader-content{display:flex;flex-direction:column;gap:1rem}.leader-bio{color:var(--fz-text-muted);line-height:1.6;margin:0 0 1rem;font-size:.9375rem}.leader-content .card h3{font-size:1.125rem;font-weight:600;color:var(--fz-text);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--fz-border)}.info-grid{display:flex;flex-direction:column}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--fz-border)}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:var(--fz-text-muted);font-size:.875rem}.info-value{color:var(--fz-text);font-size:.875rem}.permissions-list{display:flex;flex-direction:column;gap:.5rem}.permission-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.875rem;color:var(--fz-text)}.permission-icon{font-size:1rem}.no-permissions{color:var(--fz-text-muted);font-size:.875rem;font-style:italic}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.leader-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.modal-content{background:var(--fz-bg);border-radius:.75rem;padding:1.5rem;max-height:90vh;overflow-y:auto;width:100%;max-width:400px}.delete-confirm-modal h3{margin:0 0 1rem;font-size:1.25rem;color:#991b1b}.delete-confirm-modal p{margin:0 0 .5rem;color:#7f1d1d}.delete-confirm-modal .warning-text{font-size:.875rem;color:#dc2626;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.delete-options{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.delete-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--fz-tint-100);border-radius:.5rem;cursor:pointer;transition:background .2s}.delete-option:hover{background:var(--fz-tint-200)}.delete-option input[type=radio]{width:18px;height:18px;accent-color:var(--fz-primary)}.delete-option span{font-size:.9375rem;color:var(--fz-text)}@media (max-width: 500px){.leader-avatar-large{width:64px;height:64px;font-size:1.5rem}.leader-header h1{font-size:1.25rem}.leader-name-container .leader-name-full{display:none}.leader-name-container .leader-name-short{display:inline}}.info-text{font-size:.875rem;color:var(--fz-text-muted);margin-top:.5rem}.tactics-page{max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header h1{font-size:28px;font-weight:700;color:#111827;margin:0}.tactics-filter{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid #E5E7EB;border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--fz-primary);background:hsl(var(--fz-primary-hsl) / .1);transform:translateY(-1px)}.filter-btn.active{background:var(--fz-primary);border-color:var(--fz-primary);color:#fff;box-shadow:0 4px 12px hsl(var(--fz-primary-hsl) / .3)}.tactics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.tactic-card{display:flex;flex-direction:column;overflow:hidden}.tactic-preview{padding:16px;background:#f3f4f6;border-bottom:1px solid #E5E7EB}.tactic-preview .tactic-board{max-width:100%;aspect-ratio:68 / 80}.tactic-info{padding:16px;flex:1}.tactic-info h3{font-size:18px;font-weight:600;color:#111827;margin:0}.tactic-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.tactic-type-badge-small{font-size:12px;flex-shrink:0;background:#f3f4f6;padding:4px 8px;border-radius:6px;color:#374151}.tactic-formation{display:inline-block;background:#e0e7ff;color:#4338ca;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;margin-bottom:8px}.tactic-description{font-size:14px;color:#6b7280;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tactic-actions{display:flex;gap:8px;padding:16px;border-top:1px solid #E5E7EB;flex-wrap:wrap}.tactic-actions button{flex:1;min-width:fit-content}@media (max-width: 640px){.tactics-grid{grid-template-columns:1fr}.tactic-actions{flex-direction:column}.tactic-actions button{width:100%}}.create-tactic-page,.edit-tactic-page,.tactic-detail-page{max-width:100%;margin:0 auto;padding:0}.error-message{padding:12px;background-color:#fee2e2;border:1px solid #EF4444;border-radius:8px;color:#dc2626;margin-bottom:16px}.tactic-board-fullwidth{width:100%;margin-bottom:16px}.board-top-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:8px;flex-wrap:wrap;gap:12px}.board-top-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.board-top-left .select-wrapper{min-width:180px}.board-top-right{display:flex;align-items:center;gap:8px}.pitch-view-selector{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px}.pitch-view-btn{padding:6px 12px;font-size:13px;font-weight:500;color:#6b7280;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.pitch-view-btn:hover{color:#374151;background:#ffffff80}.pitch-view-btn.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 3px #0000001a}.tactic-info-section{background:#fafafa;border-top:1px solid #E5E7EB;padding:16px;border-radius:0 0 12px 12px}.tactic-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tactic-info-main,.tactic-info-notes{display:flex;flex-direction:column;gap:12px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:600;color:#111827;margin-bottom:8px}.form-group textarea{width:100%;padding:12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.formation-buttons{display:flex;flex-wrap:wrap;gap:8px}.formation-button{padding:10px 18px;border:2px solid #E5E7EB;border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.formation-button:hover{border-color:#93c5fd;background:#f0f9ff;transform:translateY(-1px)}.formation-button.selected{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb4d}.form-actions{margin-top:24px;display:flex;justify-content:flex-end}.tactic-detail-content{max-width:800px}.tactic-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px}.tactic-formation-badge{display:inline-block;background:#e0e7ff;color:#4338ca;font-size:14px;font-weight:600;padding:6px 12px;border-radius:6px}.tactic-type-badge{display:inline-block;font-size:14px;font-weight:600;padding:6px 12px;border-radius:8px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;border:1px solid #BFDBFE}.tactic-description-text{font-size:15px;color:#374151;line-height:1.6;margin-bottom:16px}.tactic-notes-section{margin-top:16px}.tactic-notes-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px}.tactic-notes-text{font-size:14px;color:#374151;line-height:1.7;white-space:pre-wrap;background:#fff;padding:16px;border-radius:8px;border:1px solid #E5E7EB}@media (max-width: 768px){.tactic-info-grid{grid-template-columns:1fr;gap:16px}.board-top-bar{flex-direction:column;align-items:stretch}.board-top-left{flex-direction:column;gap:12px;align-items:stretch}.pitch-view-selector{width:100%;justify-content:center}.pitch-view-btn{flex:1;text-align:center}.board-top-right{justify-content:flex-end}.formation-buttons{gap:6px}.formation-button{padding:6px 12px;font-size:13px}}@media (max-width: 480px){.tactic-info-section{padding:12px}.form-group textarea{min-height:60px}}.archived-members-page{padding:1.5rem;max-width:800px;margin:0 auto}.archived-members-page h1{font-size:1.5rem;font-weight:600;color:var(--fz-text);margin-bottom:1.5rem}.archived-message{padding:.875rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.archived-message.success{background:var(--fz-success-100);color:var(--fz-success-700);border:1px solid var(--fz-success-200)}.archived-message.error{background:var(--fz-danger-100);color:var(--fz-danger-700);border:1px solid var(--fz-danger-200)}.archived-list,.archived-member-card{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.archived-member-card{flex-direction:row;align-items:center;justify-content:space-between}}.archived-member-info{display:flex;align-items:center;gap:1rem}.archived-member-avatar{width:48px;height:48px;border-radius:50%;background:var(--fz-tint-200);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--fz-text-muted);overflow:hidden}.archived-member-avatar img{width:100%;height:100%;object-fit:cover}.archived-member-details h3{font-size:1rem;font-weight:600;color:var(--fz-text);margin-bottom:.25rem}.archived-roles{display:flex;gap:.5rem;margin-bottom:.25rem}.role-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;font-weight:500}.role-badge.player{background:var(--fz-primary-100);color:var(--fz-primary-700)}.role-badge.leader{background:var(--fz-accent-100);color:var(--fz-accent-700)}.archived-email{font-size:.85rem;color:var(--fz-text-muted)}.archived-member-actions{display:flex;gap:.5rem;flex-wrap:wrap}.empty-state{text-align:center;padding:2rem;color:var(--fz-text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--fz-bg);border-radius:12px;padding:1.5rem;max-width:400px;width:100%;box-shadow:0 4px 20px #00000026}.modal-content.delete-confirm-modal{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #FECACA}.delete-confirm-modal h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#991b1b}.delete-confirm-modal p{color:#7f1d1d;margin-bottom:.75rem}.warning-text{color:#dc2626!important;font-weight:500}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.service-page{max-width:800px;margin:0 auto;padding:24px 16px}.service-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.service-page .header-left{display:flex;align-items:center;gap:12px}.service-page .user-badge{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:500}.service-page .page-header h1{font-size:1.75rem;font-weight:700;color:hsl(var(--foreground));margin:0}.service-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.service-page .login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.service-page .login-container h1{font-size:2rem;margin:0 0 8px}.service-page .login-subtitle{color:hsl(var(--muted-foreground));margin-bottom:24px}.service-page .login-card{width:100%;max-width:360px}.service-page .login-form{display:flex;flex-direction:column;gap:16px}.service-page .login-form .btn{width:100%;margin-top:8px}.service-page .code-help{font-size:.875rem;color:hsl(var(--muted-foreground));text-align:center;margin:-8px 0 0}.service-page .access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:16px}.service-page .access-denied h1{font-size:2rem;margin:0}.service-page .access-denied p{color:hsl(var(--muted-foreground));margin-bottom:8px}.service-page .create-invitation-card{margin-bottom:24px}.service-page .create-invitation-card h2{font-size:1.25rem;font-weight:600;margin:0 0 8px}.service-page .help-text{color:hsl(var(--muted-foreground));font-size:.875rem;margin-bottom:16px}.service-page .create-form{display:flex;flex-direction:column;gap:12px}.service-page .form-row{display:flex;gap:12px}.service-page .form-row .input-wrapper{flex:1}.service-page .error-message{background-color:hsl(var(--destructive) / .1);color:hsl(var(--destructive));padding:12px;border-radius:8px;font-size:.875rem}.service-page .invitations-card{margin-bottom:24px}.service-page .invitations-card h2{font-size:1.25rem;font-weight:600;margin:0 0 16px}.service-page .empty-message{color:hsl(var(--muted-foreground));text-align:center;padding:32px}.service-page .invitations-list{display:flex;flex-direction:column;gap:12px}.service-page .invitation-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background-color:hsl(var(--muted) / .3);border-radius:8px;flex-wrap:wrap}.service-page .invitation-info{display:flex;flex-direction:column;gap:4px;min-width:150px}.service-page .invitation-email{font-weight:500;color:hsl(var(--foreground))}.service-page .invitation-date{font-size:.75rem;color:hsl(var(--muted-foreground))}.service-page .invitation-code{flex:1;text-align:center}.service-page .invitation-code code{background-color:hsl(var(--primary) / .1);color:hsl(var(--primary));padding:8px 16px;border-radius:6px;font-size:1.125rem;font-weight:600;letter-spacing:.1em}.service-page .invitation-actions{display:flex;gap:8px}.service-page .teams-card{margin-bottom:24px}.service-page .teams-card h2{font-size:1.25rem;font-weight:600;margin:0 0 8px;color:hsl(var(--destructive))}.service-page .danger-text{color:hsl(var(--destructive))}.service-page .teams-list{display:flex;flex-direction:column;gap:12px}.service-page .team-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background-color:hsl(var(--muted) / .3);border-radius:8px;flex-wrap:wrap}.service-page .team-info{display:flex;flex-direction:column;gap:4px;min-width:200px}.service-page .team-name{font-weight:600;font-size:1rem;color:hsl(var(--foreground))}.service-page .team-details{font-size:.875rem;color:hsl(var(--muted-foreground))}.service-page .team-date{font-size:.75rem;color:hsl(var(--muted-foreground))}.service-page .team-actions{display:flex;align-items:center;gap:8px}.service-page .confirm-text{font-weight:500;color:hsl(var(--destructive));margin-right:8px}.service-page .info-card{margin-top:24px}.service-page .info-card h2{font-size:1.25rem;font-weight:600;margin:0 0 12px}.service-page .info-list{margin:0;padding-left:20px;color:hsl(var(--muted-foreground));font-size:.875rem}.service-page .info-list li{margin-bottom:8px}.service-page .info-list li:last-child{margin-bottom:0}.service-page .users-card{margin-bottom:24px}.service-page .users-card h2{font-size:1.25rem;font-weight:600;margin:0 0 16px}.service-page .user-search{margin-bottom:16px}.service-page .users-list{display:flex;flex-direction:column;gap:12px}.service-page .user-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background-color:hsl(var(--muted) / .3);border-radius:8px;flex-wrap:wrap}.service-page .user-info{display:flex;flex-direction:column;gap:4px;min-width:200px;flex:1}.service-page .user-email{font-weight:600;font-size:1rem;color:hsl(var(--foreground))}.service-page .user-meta{font-size:.75rem;color:hsl(var(--muted-foreground))}.service-page .user-unconfirmed{font-size:.75rem;color:hsl(var(--warning, 40 100% 50%))}.service-page .user-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.service-page .user-edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.service-page .user-edit-actions{display:flex;gap:8px}.service-page .success-message{background-color:hsl(var(--success, 142 76% 36%) / .1);color:hsl(var(--success, 142 76% 36%));padding:12px;border-radius:8px;font-size:.875rem;margin-bottom:16px}.service-page .user-teams-detail{margin-top:12px;padding:12px;background:hsl(var(--muted) / .5);border-radius:8px;width:100%}.service-page .no-teams-message{color:hsl(var(--muted-foreground));margin:0;font-size:.875rem}.service-page .user-teams-list{list-style:none;padding:0;margin:0}.service-page .user-teams-list li{padding:8px 0;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;gap:8px;flex-wrap:wrap}.service-page .user-teams-list li:last-child{border-bottom:none}.service-page .admin-badge{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.service-page .leader-title{color:hsl(var(--muted-foreground));font-size:.875rem}.service-page .warning-badge{background:#fa0;color:#000;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.service-page .delete-warning{background:#fec;border:1px solid hsl(40 100% 50%);padding:12px;border-radius:8px;margin-bottom:12px;color:#640;width:100%;font-size:.875rem}.service-page .delete-warning ul{margin:8px 0 0 20px;padding:0}.service-page .delete-warning li{margin-bottom:4px}.service-page .delete-confirmation-panel{width:100%;display:flex;flex-direction:column;gap:16px;padding:16px;background:hsl(var(--muted) / .5);border-radius:8px;border:1px solid hsl(var(--destructive) / .3)}.service-page .delete-teams-info{font-size:.875rem}.service-page .delete-teams-info p{margin:0 0 8px}.service-page .delete-teams-list{list-style:none;padding:0;margin:0}.service-page .delete-teams-list li{padding:8px;background:hsl(var(--background));border-radius:6px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px}.service-page .delete-teams-list li:last-child{margin-bottom:0}.service-page .team-name-label{font-weight:500}.service-page .only-admin-section{display:flex;flex-direction:column;gap:8px;padding:8px;background:#fff7e5;border-radius:6px}.service-page .transfer-admin-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.service-page .transfer-admin-control label{font-size:.875rem;color:hsl(var(--muted-foreground))}.service-page .transfer-admin-control select{flex:1;min-width:200px;padding:8px 12px;border-radius:6px;border:1px solid hsl(var(--border));background:hsl(var(--background));font-size:.875rem}.service-page .no-members-text{color:hsl(var(--muted-foreground));font-size:.875rem;font-style:italic}.service-page .delete-option{display:flex;align-items:center;gap:8px;padding:12px;background:hsl(var(--background));border-radius:6px;cursor:pointer;font-size:.875rem}.service-page .delete-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.service-page .delete-final-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid hsl(var(--border))}@media (max-width: 600px){.service-page .form-row{flex-direction:column}.service-page .invitation-item,.service-page .team-item,.service-page .user-item{flex-direction:column;align-items:stretch;text-align:center}.service-page .invitation-info,.service-page .team-info,.service-page .user-info{align-items:center}.service-page .invitation-actions,.service-page .team-actions,.service-page .user-actions{justify-content:center;flex-wrap:wrap}.service-page .transfer-admin-control{flex-direction:column;align-items:stretch}.service-page .transfer-admin-control select{min-width:unset}}.view-as-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;z-index:1002;padding:12px 16px;box-shadow:0 4px 12px #f59e0b4d}.view-as-banner.service-read-only{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.view-as-banner.service-full-access{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 12px #ef44444d}.view-as-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.view-as-icon{font-size:1.25rem}.view-as-text{flex:1;font-size:.9rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.view-as-text strong{font-weight:600}.service-mode-badge{background:#fff3;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.view-as-banner button{background:#fff3;border-color:#ffffff4d;color:#fff}.view-as-banner button:hover{background:#ffffff4d}@media (max-width: 640px){.view-as-banner-content{flex-direction:column;align-items:flex-start;gap:8px}.view-as-banner button{align-self:flex-end}}.service-team-view{min-height:100vh;background:hsl(var(--background));padding:80px 16px 24px}.service-team-view .loading-container,.service-team-view .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.service-team-header{max-width:1200px;margin:0 auto 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.service-team-header .header-info{display:flex;align-items:flex-start;gap:16px}.service-team-header h1{font-size:1.75rem;font-weight:700;color:hsl(var(--foreground));margin:0}.service-team-header .team-meta{color:hsl(var(--muted-foreground));font-size:.875rem;margin:4px 0 0}.access-badge{padding:8px 16px;border-radius:8px;font-weight:600;font-size:.875rem}.access-badge.full{background:hsl(var(--destructive) / .1);color:hsl(var(--destructive))}.access-badge.readonly{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.service-team-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.service-section{padding:20px}.service-section.full-width{grid-column:1 / -1}.service-section h2{font-size:1.125rem;font-weight:600;margin:0 0 16px;color:hsl(var(--foreground))}.service-section .empty-text{color:hsl(var(--muted-foreground));text-align:center;padding:16px}.service-section .list{display:flex;flex-direction:column;gap:8px}.service-section .list-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px;background:hsl(var(--muted) / .3);border-radius:8px;gap:8px}.service-section .list-item.error-item{flex-direction:column;align-items:flex-start}.player-name,.leader-name,.match-opponent{font-weight:500;color:hsl(var(--foreground))}.player-meta,.leader-meta,.training-location,.match-meta,.training-date,.error-date{font-size:.875rem;color:hsl(var(--muted-foreground))}.match-result{font-weight:600;color:hsl(var(--primary))}.error-type{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.error-type.render_error{background:hsl(var(--destructive) / .1);color:hsl(var(--destructive))}.error-type.api_error{background:#ffaa001a;color:#b37700}.error-type.validation_error{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.error-message{font-size:.875rem;color:hsl(var(--foreground));word-break:break-word}.more-text{text-align:center;color:hsl(var(--muted-foreground));font-size:.875rem;padding:8px}@media (max-width: 600px){.service-team-header,.service-team-header .header-info{flex-direction:column}.service-team-grid{grid-template-columns:1fr}}.layout{display:flex;min-height:100vh;background-color:var(--fz-bg-soft)}.sidebar{width:240px;background-color:var(--fz-surface);border-right:1px solid var(--fz-border);padding:24px 16px;position:fixed;left:0;top:0;height:100vh;overflow-y:auto}.logo{margin-bottom:32px;padding:0 8px}.logo-image{width:clamp(48px,8vw,72px);height:clamp(48px,8vw,72px);max-width:100%;object-fit:contain;display:block;flex:0 0 auto}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:center;padding:12px 8px;border-radius:8px;text-decoration:none;color:var(--fz-text-light);font-weight:500;transition:all .2s ease}.sidebar-item:hover{background-color:var(--fz-tint-100);color:var(--fz-primary)}.sidebar-item.active{background-color:var(--fz-tint-100);color:var(--fz-primary);font-weight:600}.sidebar-icon{margin-right:12px;font-size:20px}.main-content{flex:1;margin-left:240px;padding:24px;min-width:0}.mobile-header,.mobile-menu,.mobile-menu-overlay{display:none}@media (max-width: 1023px){.sidebar{display:none}.main-content{margin-left:0;padding:72px 16px 24px}.mobile-header{position:fixed;top:0;left:0;right:0;height:56px;background-color:var(--fz-surface);border-bottom:1px solid var(--fz-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:200}.mobile-logo{display:flex;align-items:center}.mobile-logo .logo-image{width:clamp(44px,10vw,56px);height:clamp(44px,10vw,56px);max-width:100%;object-fit:contain}.hamburger-button{width:40px;height:40px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;border-radius:8px;transition:background-color .2s ease}.hamburger-button:hover{background-color:var(--fz-tint-100)}.hamburger-line{width:24px;height:2px;background-color:var(--fz-primary);border-radius:2px;transition:all .3s ease}.hamburger-button.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0}.hamburger-button.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{display:block;position:fixed;top:56px;left:0;right:0;bottom:0;background-color:#00000080;z-index:150;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:56px;right:0;width:min(260px,78vw);height:calc(100vh - 56px);background-color:var(--fz-surface);z-index:200;padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:-4px 0 20px #0000001a;overflow-y:auto;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-item{display:flex;align-items:center;padding:14px 12px;border-radius:8px;text-decoration:none;color:var(--fz-gray-700);font-size:16px;font-weight:500;transition:all .2s ease}.mobile-menu-item:hover{background-color:var(--fz-tint-100);color:var(--fz-primary)}.mobile-menu-item.active{background-color:var(--fz-tint-100);color:var(--fz-primary);font-weight:600}.mobile-menu-icon{font-size:24px;margin-right:12px}}.layout.viewing-as-mode .sidebar{top:56px;height:calc(100vh - 56px)}.layout.viewing-as-mode .main-content{margin-top:56px}@media (max-width: 1023px){.layout.viewing-as-mode .mobile-header{top:56px}.layout.viewing-as-mode .mobile-menu-overlay{top:112px}.layout.viewing-as-mode .mobile-menu{top:112px;height:calc(100vh - 112px)}.layout.viewing-as-mode .main-content{margin-top:0;padding-top:128px}}:root{--fz-primary: #1E7F3B;--fz-primary-dark: #16632E;--fz-primary-hover: #2FA357;--fz-primary-light: #25994a;--fz-tint-100: #EAF6EE;--fz-border: #CDEAD6;--fz-bg: #FFFFFF;--fz-bg-soft: #F9FAF9;--fz-surface: #FFFFFF;--fz-text: #0F172A;--fz-text-muted: #334155;--fz-text-light: #6B7280;--fz-on-primary: #FFFFFF;--fz-success: #10B981;--fz-success-dark: #059669;--fz-danger: #EF4444;--fz-danger-dark: #DC2626;--fz-warning: #F59E0B;--fz-warning-light: #FEF3C7;--fz-gray-100: #F3F4F6;--fz-gray-200: #E5E7EB;--fz-gray-300: #D1D5DB;--fz-gray-400: #9CA3AF;--fz-gray-500: #6B7280;--fz-gray-600: #4B5563;--fz-gray-700: #374151;--fz-gray-800: #1F2937;--fz-gray-900: #111827;--fz-shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--fz-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--fz-shadow-lg: 0 10px 40px rgba(0, 0, 0, .2);--fz-shadow-primary: 0 2px 4px rgba(30, 127, 59, .2);--fz-shadow-primary-hover: 0 4px 8px rgba(30, 127, 59, .3);--fz-focus-ring: 0 0 0 3px rgba(30, 127, 59, .1);--fz-gradient-primary: linear-gradient(135deg, var(--fz-primary-dark) 0%, var(--fz-primary) 50%, var(--fz-primary-light) 100%);--fz-gradient-primary-simple: linear-gradient(135deg, var(--fz-primary-dark) 0%, var(--fz-primary) 100%)}.fz-theme{background-color:var(--fz-bg-soft);color:var(--fz-text)}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-primary: var(--fz-primary);--color-primary-dark: var(--fz-primary-dark);--color-primary-light: var(--fz-primary-light);color:var(--fz-text);background-color:var(--fz-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--fz-bg-soft)}#root{min-height:100vh}.delete-confirm-modal{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border:1px solid #FECACA!important}.delete-confirm-modal h3{color:#991b1b!important}.delete-confirm-modal .warning-text{color:#dc2626!important;font-weight:500}