:root{--color-primary: #646cff;--color-primary-hover: #535bf2;--color-secondary: #747bff;--color-accent: #3178c6;--color-background: #2a2a2a;--color-surface: #1a1a1a;--color-surface-elevated: #2a2a2a;--color-border: #404040;--color-text-primary: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .6);--color-text-muted: rgba(255, 255, 255, .4);--color-success: #4caf50;--color-success-bg: #1b5e20;--color-success-border: #2e7d32;--color-error: #f44336;--color-error-bg: #b71c1c;--color-error-border: #c62828;--color-warning: #ff9800;--color-info: #2196f3;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3.2em;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s;--transition-base: .25s;--transition-slow: .3s}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;width:100%;background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin:0;color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}small{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.container{max-width:1280px;margin:0 auto;padding:var(--spacing-xl)}.container-sm{max-width:640px;margin:0 auto;padding:var(--spacing-xl)}.container-xs{max-width:400px;margin:0 auto;padding:var(--spacing-xl)}.card{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-title{margin:0;font-size:var(--font-size-2xl)}.card-body{padding:var(--spacing-md) 0}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;line-height:var(--line-height-normal);text-align:center;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background-color:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#d32f2f;border-color:#d32f2f}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #646cff1a}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-help{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}.alert{padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid;margin:var(--spacing-md) 0}.alert-success{background-color:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.alert-error{background-color:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.alert-info{background-color:#2196f333;color:var(--color-info);border-color:#2196f380}.alert-warning{background-color:#ff980033;color:var(--color-warning);border-color:#ff980080}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.page-container{width:100%;max-width:400px}.page-header{text-align:center;margin-bottom:var(--spacing-xl)}.page-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.page-footer{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-secondary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.hidden{display:none!important}.flex{display:flex}.flex-column{flex-direction:column}.flex-between{justify-content:space-between}.flex-center{align-items:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.dashboard-section{margin-bottom:var(--spacing-xl)}.player-card-clickable{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.player-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.player-card-in-squad{border-color:var(--color-primary);background-color:var(--color-surface)}.player-card-starter{border-color:var(--color-success)}.badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff}.badge-captain{background-color:var(--color-primary)}.badge-vice{background-color:var(--color-secondary)}.badge-starter{background-color:var(--color-success)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal-overlay.modal-show{opacity:1;visibility:visible}.modal-content{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform var(--transition-normal)}.modal-overlay.modal-show .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--color-text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-fast)}.modal-close:hover{background:var(--color-surface);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-lg)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md)}.table thead{background:var(--color-surface);border-bottom:2px solid var(--color-border)}.table th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.table tbody tr:hover{background:var(--color-surface)}.table tbody tr:last-child td{border-bottom:none}@media(max-width:768px){.container,.container-sm,.container-xs,.page{padding:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.dashboard-grid{grid-template-columns:1fr}}