.landing-page{min-height:100vh;background-color:#f8fafc;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;color:#0f172a;transition:background-color .3s,color .3s}[data-theme=dark] .landing-page{background-color:#0f172a;color:#f1f5f9}.landing-nav{position:fixed;top:0;left:0;right:0;background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid #e2e8f0}[data-theme=dark] .landing-nav{background-color:#0f172acc;border-bottom-color:#1e293b}.landing-nav-container{max-width:80rem;margin:0 auto;padding:0 1rem}.landing-nav-inner{display:flex;justify-content:space-between;align-items:center;height:4rem}.landing-logo{display:flex;align-items:center;gap:.5rem}.landing-logo span{font-weight:700;font-size:1.25rem;letter-spacing:-.025em;color:#064e3b}[data-theme=dark] .landing-logo span{color:#d1fae5}.landing-nav-actions button{font-size:.875rem;font-weight:600;padding:.5rem 1rem;cursor:pointer;transition:all .2s;border:none;background:transparent}.btn-signin{color:#475569}.btn-signin:hover{color:#059669}[data-theme=dark] .btn-signin{color:#cbd5e1}[data-theme=dark] .btn-signin:hover{color:#34d399}.btn-get-started{margin-left:.5rem;background-color:#059669!important;color:#fff!important;border-radius:9999px;box-shadow:0 10px 15px -3px #05966933,0 4px 6px -2px #0596691a;padding:.5rem 1rem;border:none!important}.btn-get-started:hover{background-color:#047857!important}.hero-section{padding-top:8rem;padding-bottom:4rem;position:relative;overflow:hidden;text-align:center}@media (min-width: 1024px){.hero-section{padding-top:12rem;padding-bottom:8rem}}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg-left{position:absolute;top:0;right:0;width:50%;height:100%;background-color:#ecfdf5;border-bottom-left-radius:100px;transform:translate(33%) translateY(-25%);filter:blur(64px);opacity:.5}[data-theme=dark] .hero-bg-left{background-color:#064e3b1a}.hero-bg-right{position:absolute;bottom:0;left:0;width:50%;height:100%;background-color:#eff6ff;border-top-right-radius:100px;transform:translate(-33%) translateY(25%);filter:blur(64px);opacity:.5}[data-theme=dark] .hero-bg-right{background-color:#1e3a8a1a}.hero-content{max-width:80rem;margin:0 auto;padding:0 1rem;position:relative;z-index:10}.hero-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;background-color:#d1fae5;color:#047857;font-size:.75rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase;margin-bottom:1.5rem}[data-theme=dark] .hero-badge{background-color:#064e3b4d;color:#6ee7b7}.hero-title{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:2rem;line-height:1.2}@media (min-width: 640px){.hero-title{font-size:3rem}}@media (min-width: 768px){.hero-title{font-size:4.5rem}}.hero-title .highlight{color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to right,#059669,#14b8a6)}.hero-subtitle{max-width:42rem;margin:0 auto 2.5rem;font-size:1.125rem;color:#475569}[data-theme=dark] .hero-subtitle{color:#94a3b8}@media (min-width: 640px){.hero-subtitle{font-size:1.25rem}}.hero-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}@media (min-width: 640px){.hero-buttons{flex-direction:row}}.landing-page .hero-btn-primary,.landing-page .hero-btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:9999px;font-weight:700;font-size:1.125rem;transition:all .2s;cursor:pointer;border:none}.landing-page .hero-btn-primary{background-color:#059669;color:#fff;box-shadow:0 20px 25px -5px #0596694d,0 10px 10px -5px #0596691a}.landing-page .hero-btn-primary:hover{background-color:#047857}.landing-page .hero-btn-secondary{background-color:#fff;color:#334155;border:1px solid #e2e8f0}.landing-page .hero-btn-secondary:hover{background-color:#f8fafc}[data-theme=dark] .landing-page .hero-btn-secondary{background-color:#1e293b;color:#e2e8f0;border-color:#334155}[data-theme=dark] .landing-page .hero-btn-secondary:hover{background-color:#334155}.hero-perks{margin-top:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#94a3b8;font-size:.875rem;font-weight:500}@media (min-width: 640px){.hero-perks{flex-direction:row;gap:2rem}}.hero-perks div{display:flex;align-items:center;gap:.5rem}[data-theme=dark] .hero-perks{color:#64748b}.features-section{padding:5rem 0;background-color:#fff;position:relative}[data-theme=dark] .features-section{background-color:#1e293b0d}.features-container{max-width:80rem;margin:0 auto;padding:0 1rem}.features-header{text-align:center;margin-bottom:4rem}.features-title{font-size:1.875rem;font-weight:700;color:#0f172a}[data-theme=dark] .features-title{color:#fff}@media (min-width: 640px){.features-title{font-size:2.25rem}}.features-subtitle{margin-top:1rem;font-size:1.125rem;color:#475569}[data-theme=dark] .features-subtitle{color:#94a3b8}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:#f8fafc;padding:2rem;border-radius:1rem;border:1px solid #f1f5f9;transition:box-shadow .2s}.feature-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark] .feature-card{background-color:#0f172a;border-color:#334155}.feature-icon-wrapper{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon-wrapper.blue{background-color:#dbeafe;color:#2563eb}[data-theme=dark] .feature-icon-wrapper.blue{background-color:#1e3a8a4d;color:#60a5fa}.feature-icon-wrapper.amber{background-color:#fef3c7;color:#d97706}[data-theme=dark] .feature-icon-wrapper.amber{background-color:#78350f4d;color:#fbbf24}.feature-icon-wrapper.emerald{background-color:#d1fae5;color:#059669}[data-theme=dark] .feature-icon-wrapper.emerald{background-color:#064e3b4d;color:#34d399}.feature-icon-wrapper.rose{background-color:#ffe4e6;color:#e11d48}[data-theme=dark] .feature-icon-wrapper.rose{background-color:#8813374d;color:#fb7185}.feature-icon-wrapper.cyan{background-color:#cffafe;color:#0891b2}[data-theme=dark] .feature-icon-wrapper.cyan{background-color:#164e634d;color:#22d3ee}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#0f172a}[data-theme=dark] .feature-title{color:#fff}.feature-desc{color:#475569;line-height:1.625}[data-theme=dark] .feature-desc{color:#94a3b8}.landing-footer{background-color:#0f172a;padding:3rem 0;color:#94a3b8;border-top:1px solid #1e293b}.footer-container{max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem}@media (min-width: 768px){.footer-container{flex-direction:row}}.footer-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.125rem;color:#fff}.footer-links{display:flex;gap:1.5rem;font-size:.875rem}.footer-links button{background:transparent;border:none;color:#94a3b8;cursor:pointer;transition:color .2s}.footer-links button:hover{color:#fff}:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--bg-app: #f8fafc;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #f1f5f9;--border-color: #e2e8f0;--border-input: #cbd5e1;--border-focus: #14b8a6;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--primary: #0f766e;--primary-hover: #115e59;--primary-light: #ccfbf1;--primary-text: #ffffff;--danger: #ef4444;--danger-hover: #dc2626;--danger-ghost-hover: #fee2e2;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px}[data-theme=dark]{--bg-app: #020617;--bg-sidebar: #0f172a;--bg-card: #0f172a;--bg-input: #020617;--bg-hover: #1e293b;--border-color: #1e293b;--border-input: #334155;--border-focus: #2dd4bf;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--primary: #0d9488;--primary-hover: #14b8a6;--primary-light: #134e4a;--danger: #ef4444;--danger-hover: #f87171;--danger-ghost-hover: #450a0a;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.5);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.6);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.8)}body{margin:0;font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}h1,h2,h3,h4,p{margin:0}.app-container{display:flex;min-height:100vh;flex-direction:column}@media (min-width: 768px){.app-container{flex-direction:row}}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);width:100%;padding:1.5rem;display:flex;flex-direction:column;position:sticky;top:0;z-index:10}@media (min-width: 768px){.sidebar{width:260px;height:100vh}}.sidebar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.sidebar-header h1{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.logo-icon,.logo-icon-sm{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px}.logo-icon{width:48px;height:48px;border-radius:12px;margin:0 auto 1rem}.logo-icon-sm{width:32px;height:32px;background:var(--primary-light);color:var(--primary)}.nav-links{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 767px){.nav-links{flex-direction:row;overflow-x:auto;margin-bottom:1rem}.sidebar-header{margin-bottom:1rem}}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background:transparent;border:none;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--primary-light);color:var(--primary)}.nav-item.logout{margin-top:auto;color:var(--text-muted)}.nav-item.logout:hover{color:var(--danger);background:var(--danger-ghost-hover)}.user-snippet{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.avatar,.avatar-sm{background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.avatar{width:36px;height:36px;font-size:1rem}.avatar-sm{width:24px;height:24px;font-size:.75rem}.user-info{display:flex;flex-direction:column}.user-info span{font-size:.75rem;color:var(--text-muted)}.user-info strong{font-size:.875rem;color:var(--text-primary);font-weight:600}@media (max-width: 767px){.user-snippet{display:none}}.main-content{flex:1;background:var(--bg-app);display:flex;flex-direction:column}.topbar{border-bottom:1px solid var(--border-color);padding:1rem 2rem;background:var(--bg-card);display:flex;align-items:center}.breadcrumb{font-size:.875rem;color:var(--text-muted)}.breadcrumb strong{color:var(--text-primary);font-weight:500}.view-fade-in{padding:2rem;max-width:1200px;margin:0 auto;width:100%;animation:fadeIn .3s ease}.auth-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:1.5rem;background:var(--bg-app)}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:3rem 2.5rem;width:100%;max-width:440px;position:relative}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.5rem}.auth-header .subtitle{color:var(--text-secondary);font-size:.9rem}.back-btn{position:absolute;top:1.5rem;left:1.5rem;background:transparent;border:none;font-size:.875rem;color:var(--text-muted);cursor:pointer}h2{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.25rem}h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.section-header-flex{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.border-bottom{border-bottom:1px solid var(--border-color)}.pb-4{padding-bottom:1rem}.pt-4{padding-top:1rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.mb-4{margin-bottom:1rem}.flex-col{display:flex;flex-direction:column}.flex-end{display:flex;justify-content:flex-end}.text-center{text-align:center}.full-width{width:100%}.max-w-md{max-width:28rem}button{font-family:inherit;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem}.btn-primary:not(:disabled):hover{background:var(--primary-hover)}.shadow-btn{box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-input);padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem}.btn-secondary:not(:disabled):hover{background:var(--bg-hover)}.btn-danger{background:var(--danger-ghost-hover);color:var(--danger);border:1px solid transparent;padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem}.btn-danger:not(:disabled):hover{background:var(--danger);color:#fff}.btn-ghost-danger{background:transparent;color:var(--text-muted);border:none;border-radius:4px;padding:.25rem}.btn-ghost-danger:hover{background:var(--danger-ghost-hover);color:var(--danger)}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.row-actions{display:flex;gap:.5rem}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.25rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}input,select{font-family:inherit;font-size:.875rem;padding:.625rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);transition:all .2s}input:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.form-row{display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}@media (min-width: 640px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-footer{grid-column:1 / -1;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:.5rem}.card-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;margin-bottom:2rem}.card-panel.roster-collapsed{padding:1rem 1.5rem;background:var(--bg-hover);border-style:dashed}.panel-header{margin-bottom:1.5rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.team-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.team-card:hover{border-color:var(--border-focus);transform:translateY(-2px);box-shadow:var(--shadow-md)}.team-card.active{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.team-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.team-icon{color:var(--primary)}.team-badges{display:flex;gap:.5rem}.badge{font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:99px;text-transform:uppercase;background:var(--primary-light);color:var(--primary-hover)}.badge.outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.badge-pill{font-size:.625rem;font-weight:700;padding:.125rem .5rem;border-radius:99px;text-transform:uppercase;letter-spacing:.025em}.badge-pill.sm{padding:.0625rem .375rem;font-size:.5625rem}.team-name{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.team-div{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.team-card-footer{margin-top:auto;border-top:1px solid var(--border-color);padding-top:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;color:var(--primary)}.add-player-form{display:flex;flex-direction:row;align-items:stretch;gap:.5rem}.add-player-form input{flex:1}.player-table{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card)}.table-header{display:flex;padding:.75rem 1rem;background:var(--bg-hover);border-bottom:1px solid var(--border-color);font-size:.75rem;text-transform:uppercase;font-weight:600;color:var(--text-muted)}.col-name{flex:1}.col-action{width:60px;text-align:right}.player-list-saas{list-style:none;margin:0;padding:0}.player-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-size:.875rem;font-weight:500;background:var(--bg-card)}.player-row:last-child{border-bottom:none}.player-name-val{display:flex;align-items:center;gap:.75rem;flex:1}.rotation-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.widget{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1.25rem}.full-width-widget{grid-column:1 / -1}.ordered-list{padding-left:1.5rem;margin:0;font-size:.875rem;display:flex;flex-direction:column;gap:.5rem}.schedule-list{list-style:none;padding:0;margin:0;font-size:.875rem;display:flex;flex-direction:column;gap:.5rem}.schedule-list li{display:flex;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px dashed var(--border-color)}.schedule-list li:last-child{border-bottom:none}.over-num{color:var(--text-secondary)}.role-box{display:flex;justify-content:space-between;padding:.625rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;margin-bottom:.5rem;font-size:.875rem}.role-box:last-child{margin-bottom:0}.role-label{color:var(--text-secondary)}.performance-grid{display:flex;flex-direction:column}.perf-header{display:flex;padding:.5rem 1rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.perf-header span:first-child{flex:1}.perf-header span:not(:first-child){width:80px}.perf-row{padding:.5rem 1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center}.perf-row:last-child{border-bottom:none}.perf-name{flex:1;font-size:.875rem;font-weight:500}.perf-row input{width:80px;text-align:center;margin-left:.5rem;padding:.375rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-md)}.empty-icon{color:var(--text-muted);margin-bottom:1rem}.empty-state h3{font-size:1.125rem;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:.9rem}.empty-state-sm{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.875rem;font-style:italic}.message{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.message.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}[data-theme=dark] .message.success{background:#064e3b;color:#34d399;border-color:#065f46}[data-theme=dark] .message.error{background:#450a0a;color:#f87171;border-color:#7f1d1d}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}