body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;background-image:radial-gradient(circle at 1px 1px,#007bff26 1px,#0000 0),linear-gradient(135deg,#667eea,#764ba2);background-size:20px 20px,100% 100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#007bff;--color-primary-hover:#0056b3;--color-primary-light:#007bff1a;--color-secondary:#6c757d;--color-secondary-hover:#5a6268;--color-success:#28a745;--color-success-hover:#218838;--color-success-light:#d4edda;--color-success-border:#c3e6cb;--color-success-text:#155724;--color-danger:#dc3545;--color-danger-hover:#c82333;--color-danger-light:#f8d7da;--color-danger-border:#f5c6cb;--color-danger-text:#721c24;--color-warning:#ffc107;--color-warning-hover:#e0a800;--color-warning-light:#fff3cd;--color-warning-border:#ffeaa7;--color-warning-text:#856404;--color-info:#17a2b8;--color-info-hover:#138496;--color-info-light:#d1ecf1;--color-info-border:#bee5eb;--color-info-text:#0c5460;--color-accent:#667eea;--color-accent-hover:#5a6fd6;--color-accent-gradient:linear-gradient(135deg,#667eea,#764ba2);--color-white:#fff;--color-background:#f8f9fa;--color-background-alt:#f5f7fa;--color-border:#e9ecef;--color-border-light:#dee2e6;--color-border-input:#ced4da;--color-text:#495057;--color-text-dark:#2c3e50;--color-text-dark-contrast:#212529;--color-text-muted:#6c757d;--color-text-light:#374151;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:50%;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 2px 4px #0000001a;--shadow-lg:0 4px 12px #00000026;--shadow-xl:0 20px 40px #0000001a;--transition-fast:0.2s ease;--transition-normal:0.3s ease}.text-muted{color:#6c757d;color:var(--color-text-muted)}.text-danger{color:#721c24;color:var(--color-danger-text)}.text-success{color:#155724;color:var(--color-success-text)}.text-warning{color:#856404;color:var(--color-warning-text)}.text-info{color:#0c5460;color:var(--color-info-text)}.text-primary{color:#007bff;color:var(--color-primary)}.text-center{text-align:center}.text-uppercase{letter-spacing:.5px;text-transform:uppercase}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:24px}.text-3xl{font-size:28px}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mt-1{margin-top:4px;margin-top:var(--spacing-1)}.mt-2{margin-top:8px;margin-top:var(--spacing-2)}.mt-3{margin-top:12px;margin-top:var(--spacing-3)}.mt-4{margin-top:16px;margin-top:var(--spacing-4)}.mt-5{margin-top:20px;margin-top:var(--spacing-5)}.mt-6{margin-top:24px;margin-top:var(--spacing-6)}.mb-1{margin-bottom:4px;margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:8px;margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:12px;margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:16px;margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:20px;margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:24px;margin-bottom:var(--spacing-6)}.ml-1{margin-left:4px;margin-left:var(--spacing-1)}.ml-2{margin-left:8px;margin-left:var(--spacing-2)}.ml-3{margin-left:12px;margin-left:var(--spacing-3)}.ml-4{margin-left:16px;margin-left:var(--spacing-4)}.mr-1{margin-right:4px;margin-right:var(--spacing-1)}.mr-2{margin-right:8px;margin-right:var(--spacing-2)}.mr-3{margin-right:12px;margin-right:var(--spacing-3)}.mr-4{margin-right:16px;margin-right:var(--spacing-4)}.p-2{padding:8px;padding:var(--spacing-2)}.p-3{padding:12px;padding:var(--spacing-3)}.p-4{padding:16px;padding:var(--spacing-4)}.p-5{padding:20px;padding:var(--spacing-5)}.p-6{padding:24px;padding:var(--spacing-6)}.px-3{padding-left:12px;padding-left:var(--spacing-3);padding-right:12px;padding-right:var(--spacing-3)}.px-4{padding-left:16px;padding-left:var(--spacing-4);padding-right:16px;padding-right:var(--spacing-4)}.py-2{padding-bottom:8px;padding-bottom:var(--spacing-2);padding-top:8px;padding-top:var(--spacing-2)}.py-3{padding-bottom:12px;padding-bottom:var(--spacing-3);padding-top:12px;padding-top:var(--spacing-3)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-auto-fit{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.grid-cols-auto-fill-320{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.w-full{width:100%}.w-auto{width:auto}.max-w-420{max-width:420px}.max-w-600{max-width:600px}.max-w-800{max-width:800px}.min-h-screen{min-height:100vh}.min-h-250{min-height:250px}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.z-50{z-index:50}.z-100{z-index:100}.z-1000{z-index:1000}.container{margin-left:auto;margin-right:auto;padding-left:var(--spacing-5);padding-right:var(--spacing-5);width:100%}.container-centered{align-items:center;display:flex;justify-content:center;min-height:100vh}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-dashed{border-style:dashed}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.form-group{margin-bottom:var(--spacing-4)}.form-group-sm{margin-bottom:var(--spacing-3)}.form-group-lg{margin-bottom:var(--spacing-5)}.form-label{color:var(--color-text-light);display:block;font-size:14px;font-weight:600;margin-bottom:var(--spacing-2)}.form-label-sm{font-size:13px;margin-bottom:var(--spacing-1)}.form-label-required:after{color:var(--color-danger);content:" *"}.form-control{background-color:var(--color-white);border:1px solid var(--color-border-input);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text);font-size:14px;outline:none;padding:8px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-control:disabled{background-color:var(--color-background);cursor:not-allowed;opacity:.7}.form-control::placeholder{color:var(--color-text-muted)}.form-control-lg{border-radius:var(--radius-lg);border-width:2px;font-size:16px;padding:12px 16px}.form-control-lg:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-control-success:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #28a7451a}.form-control-sm{font-size:14px;padding:4px 6px}.form-control-number{text-align:center;width:60px}textarea.form-control{min-height:100px;resize:vertical}.form-select{background-color:var(--color-white);border:1px solid var(--color-border-input);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text);cursor:pointer;font-size:14px;outline:none;padding:8px 12px;width:100%}.form-select:focus{border-color:var(--color-accent)}.form-select-inline{min-width:140px;width:auto}.form-check{align-items:center;color:var(--color-text);display:flex;font-size:13px;gap:var(--spacing-2)}.form-check,.form-check input[type=checkbox],.form-check input[type=radio],.form-check-label{cursor:pointer}.form-check-grid{grid-gap:var(--spacing-2);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:var(--spacing-3)}.form-check-grid-wide{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.form-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.form-fieldset legend{color:var(--color-text);font-weight:600;padding:0 var(--spacing-2)}.form-row{flex-wrap:wrap;gap:var(--spacing-3)}.form-row,.form-row-inline{align-items:center;display:flex}.form-row-inline{gap:var(--spacing-2)}.form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-3);padding-top:var(--spacing-4)}.input-group{display:flex;gap:var(--spacing-2)}.input-group .form-control{flex:1 1}.form-help{color:var(--color-text-muted);font-size:12px;margin-top:var(--spacing-1)}.filter-group{align-items:center;display:flex;gap:var(--spacing-2)}.filter-label{color:var(--color-text-muted);font-size:13px}.search-input{flex:1 1 200px;max-width:300px}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:var(--spacing-2);justify-content:center;padding:10px 20px;text-decoration:none;transition:background-color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-success:hover:not(:disabled){background-color:var(--color-success-hover)}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-warning{background-color:var(--color-warning);color:var(--color-text-dark-contrast)}.btn-warning:hover:not(:disabled){background-color:var(--color-warning-hover)}.btn-info{background-color:var(--color-info);color:var(--color-white)}.btn-info:hover:not(:disabled){background-color:var(--color-info-hover)}.btn-accent{background-color:var(--color-accent);color:var(--color-white)}.btn-accent:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-outline-primary{background-color:initial;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline-primary:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.btn-outline-secondary{background-color:initial;border:1px solid var(--color-border-light);color:var(--color-secondary)}.btn-outline-secondary:hover:not(:disabled){background-color:var(--color-background)}.btn-sm{font-size:13px;padding:6px 12px}.btn-lg{border-radius:var(--radius-md);font-size:15px;font-weight:600;padding:12px 24px}.btn-full{width:100%}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--color-primary-hover)}.btn-link-success{color:var(--color-success)}.btn-link-success:hover:not(:disabled){color:var(--color-success-hover)}.btn-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;opacity:.7;padding:0 4px}.btn-close:hover{opacity:1}.btn-close-lg{font-size:24px;padding:4px}.card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card-body{padding:var(--spacing-5)}.card-body-sm{padding:var(--spacing-4)}.card-body-lg{padding:var(--spacing-6)}.card-header{border-bottom:1px solid var(--color-border)}.card-footer,.card-header{padding:var(--spacing-4) var(--spacing-5)}.card-footer{border-top:1px solid var(--color-border)}.card-title{color:var(--color-text);font-size:24px;font-weight:600;margin:0 0 var(--spacing-2) 0}.card-subtitle{color:var(--color-text-muted);font-size:14px;margin:0}.card-interactive{cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-colored-header{overflow:hidden}.card-colored-header .card-header{background-color:var(--color-accent);border-bottom:none;color:var(--color-white)}.card-editing{background-color:var(--color-warning-light);border-color:var(--color-warning-border)}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.badge-sm{font-size:11px;padding:2px 8px}.badge-lg{border-radius:16px;font-size:13px;padding:6px 14px}.badge-primary{background-color:var(--color-primary);color:var(--color-white)}.badge-secondary{background-color:var(--color-secondary);color:var(--color-white)}.badge-success{background-color:var(--color-success);color:var(--color-white)}.badge-danger{background-color:var(--color-danger);color:var(--color-white)}.badge-warning{background-color:var(--color-warning);color:var(--color-text-dark-contrast)}.badge-info{background-color:var(--color-info);color:var(--color-white)}.badge-accent{background-color:var(--color-accent);color:var(--color-white)}.badge-light{background-color:var(--color-border);color:var(--color-text)}.badge-outline-success{background-color:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success-text)}.badge-outline-warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.badge-outline-danger{background-color:var(--color-danger-light);border:1px solid var(--color-danger-border);color:var(--color-danger-text)}.badge-outline-info{background-color:var(--color-info-light);border:1px solid var(--color-info-border);color:var(--color-info-text)}.badge-beginner{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.badge-intermediate{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.badge-advanced{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.badge-admin{background-color:var(--color-danger);color:var(--color-white);font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.badge-category{font-size:11px;font-weight:500;padding:4px 8px}.alert,.badge-category{border-radius:var(--radius-sm)}.alert{margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.alert-error{background-color:var(--color-danger-light);border:1px solid var(--color-danger-border);color:var(--color-danger-text)}.alert-warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.alert-info{background-color:var(--color-info-light);border:1px solid var(--color-info-border);color:var(--color-info-text)}.alert-success{background-color:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success-text)}.alert-dismissible{align-items:center;display:flex;justify-content:space-between}.toast-container{max-width:400px;position:fixed;right:var(--spacing-5);top:var(--spacing-5);z-index:1000}.toast{align-items:flex-start;animation:slideIn .3s ease-out;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-3);justify-content:space-between;margin-bottom:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}.toast-error{background-color:var(--color-danger-light);border:1px solid var(--color-danger-border);color:var(--color-danger-text)}.toast-warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.toast-info{background-color:var(--color-info-light);border:1px solid var(--color-info-border);color:var(--color-info-text)}.toast-success{background-color:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success-text)}.toast-title{font-weight:600;margin-bottom:var(--spacing-1)}.toast-message{font-size:14px;line-height:1.4}.toast-timestamp{font-size:12px;margin-top:var(--spacing-1);opacity:.7}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-5);position:fixed;right:0;top:0;z-index:1000}.modal{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow:auto;width:100%}.modal-sm{max-width:400px}.modal-lg{max-width:800px}.modal-header{align-items:flex-start;background-color:var(--color-white);border-bottom:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;justify-content:space-between;padding:var(--spacing-6);position:sticky;top:0}.modal-title{color:var(--color-text);font-size:24px;font-weight:600;margin:0}.modal-body{padding:var(--spacing-6)}.modal-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4) var(--spacing-6)}.section-title{font-size:14px;letter-spacing:.5px;margin:0 0 var(--spacing-3) 0;text-transform:uppercase}.stat-card{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-4);text-align:center}.stat-value{color:var(--color-text);font-size:20px;font-weight:600}.stat-value-lg{font-size:24px;font-weight:700}.stat-label{color:var(--color-text-muted);font-size:12px}.empty-state-icon{border-radius:var(--radius-2xl)}.drop-zone{background-color:var(--color-background);border:2px dashed var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-muted);font-style:italic;padding:var(--spacing-5);text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.auth-container{align-items:center;background-color:var(--color-background-alt);background-image:radial-gradient(circle at 1px 1px,#007bff26 1px,#0000 0),linear-gradient(135deg,#667eea,#764ba2);background-size:20px 20px,100% 100%;display:flex;justify-content:center;min-height:100vh}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin:var(--spacing-5);max-width:420px;padding:var(--spacing-12);width:100%}.auth-header{margin-bottom:var(--spacing-8);text-align:center}.auth-logo{align-items:center;border-radius:var(--radius-2xl);color:var(--color-white);display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto var(--spacing-4);width:64px}.auth-logo-login{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 8px 20px #007bff4d}.auth-logo-signup{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 8px 20px #28a7454d}.auth-title{color:var(--color-text-dark);font-size:28px;font-weight:700;margin:0 0 var(--spacing-2) 0}.auth-subtitle{color:var(--color-text-muted);font-size:16px;margin:0}.auth-footer{border-top:1px solid #e5e7eb;padding-top:var(--spacing-5);text-align:center}.auth-footer-text{color:var(--color-text-muted);font-size:14px;margin:0 0 var(--spacing-3) 0}.nav-container{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-6);overflow:hidden}.nav-header{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}.nav-brand,.nav-header{align-items:center;display:flex}.nav-brand{gap:var(--spacing-3)}.nav-logo{align-items:center;background:var(--color-accent-gradient);border-radius:var(--radius-xl);box-shadow:0 4px 12px #667eea4d;display:flex;height:48px;justify-content:center;transform:rotate(-3deg);width:48px}.nav-logo-icon{color:var(--color-white);font-size:24px;transform:rotate(3deg)}.nav-title{color:#4c5bab;font-size:28px;font-weight:700;margin:0}.nav-tagline{color:var(--color-text-muted);font-size:12px;font-weight:500;margin-top:2px}.nav-user{align-items:center;display:flex;gap:var(--spacing-4)}.nav-user-info{color:var(--color-text-muted);font-size:14px}.nav-selection,.nav-user-info{align-items:center;display:flex;gap:var(--spacing-2)}.nav-selection-dropdown{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:13px;min-width:120px;padding:6px 12px;transition:border-color var(--transition-fast)}.nav-selection-dropdown:focus,.nav-selection-dropdown:hover{border-color:var(--color-accent)}.nav-selection-dropdown:focus{box-shadow:0 0 0 2px #667eea33;outline:none}.nav-bar{align-items:center;background-color:var(--color-background);display:flex;justify-content:space-between;padding:var(--spacing-2) var(--spacing-5)}.nav-link,.nav-links{display:flex;gap:var(--spacing-2)}.nav-link{align-items:center;background-color:initial;border-radius:var(--radius-md);color:var(--color-text);font-size:14px;font-weight:500;padding:10px 16px;text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-border)}.nav-link-active{box-shadow:0 2px 8px #667eea4d;color:var(--color-white)}.nav-link-active,.nav-link-active:hover{background-color:var(--color-accent)}.nav-mobile-toggle{background-color:initial;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;display:none;font-size:20px;padding:var(--spacing-2)}.nav-mobile-menu{background-color:var(--color-background);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-4)}@media (max-width:768px){.nav-mobile-toggle{display:block}.nav-links,.nav-user-info{display:none}.nav-selection-dropdown{font-size:12px;min-width:100px;padding:4px 8px}}.page-header{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-6);padding:var(--spacing-5)}.page-title{color:var(--color-text);font-size:24px;font-weight:600;margin:0 0 var(--spacing-2) 0}.page-description{color:var(--color-text-muted);font-size:14px;margin:0}.toolbar{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.toolbar,.toolbar-filters{align-items:center;display:flex;gap:var(--spacing-4)}.toolbar-filters{flex:1 1;flex-wrap:wrap}.toolbar-actions{display:flex;gap:var(--spacing-2)}.toolbar-actions-only{justify-content:flex-end}.drills-grid{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.drill-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;padding:var(--spacing-5);transition:all var(--transition-fast)}.drill-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.drill-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.drill-card-title{color:var(--color-text);flex:1 1;font-size:18px;font-weight:600;margin:0}.drill-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 var(--spacing-4) 0;overflow:hidden}.drill-card-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.drill-card-stat{align-items:center;display:flex;gap:var(--spacing-1)}.drill-card-stat-icon{font-size:16px}.drill-card-stat-text{color:var(--color-text);font-size:13px}.drill-card-skills{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.drill-card-link{border-top:1px solid var(--color-border);margin-top:var(--spacing-4);padding-top:var(--spacing-3)}.drill-card-youtube{align-items:center;color:var(--color-danger);display:flex;font-size:13px;font-weight:500;gap:var(--spacing-1);text-decoration:none}.drill-card-youtube:hover{text-decoration:underline}.teams-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);margin-top:var(--spacing-5)}.team-column{background-color:var(--color-white);border:2px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex:1 1;min-height:250px;padding:var(--spacing-5);transition:all var(--transition-fast)}.team-column-drop-active{background-color:#f8fff9;border-color:var(--color-success);box-shadow:0 4px 16px #28a74533}.team-header{align-items:center;display:flex;justify-content:center;margin-bottom:var(--spacing-4)}.team-title{flex:1 1;font-size:18px;font-weight:600;margin:0;padding-bottom:var(--spacing-3);text-align:center}.session-overview{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.time-block{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);overflow:hidden}.time-block-header{align-items:center;color:var(--color-white);display:flex;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4)}.time-block-header-warmup{background-color:var(--color-warning);color:var(--color-text-dark-contrast)}.time-block-header-main{background-color:var(--color-accent)}.time-block-header-game{background-color:var(--color-success)}.time-block-header-cooldown{background-color:var(--color-info)}.time-block-name{font-size:15px;font-weight:600}.time-block-time{font-size:13px;opacity:.9}.time-block-body{padding:var(--spacing-4)}.station-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--spacing-2);padding:var(--spacing-3)}.station-header{align-items:flex-start;display:flex;justify-content:space-between}.station-name{color:var(--color-text);font-size:14px;font-weight:600}.station-players{color:var(--color-text-muted);font-size:12px;margin-top:var(--spacing-1)}.station-skills{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin-top:var(--spacing-2)}.station-space{color:var(--color-text-muted);font-size:12px;margin-top:var(--spacing-2)}.loading-container{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-10);text-align:center}.loading-text{color:var(--color-text-muted);font-size:16px;margin:0}.training-sessions-layout{grid-gap:var(--spacing-6);align-items:start;display:grid;gap:var(--spacing-6);grid-template-columns:320px 1fr}.session-list-panel{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-height:calc(100vh - 200px);overflow-y:auto;padding:var(--spacing-5);position:sticky;top:var(--spacing-5)}.session-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.session-list-item{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.session-list-item:hover{background-color:var(--color-background);border-color:var(--color-accent)}.session-list-item-selected{background-color:#667eea1a;border-color:var(--color-accent);box-shadow:0 0 0 2px #667eea33}.session-list-item-header{align-items:flex-start;display:flex;gap:var(--spacing-2);justify-content:space-between;margin-bottom:var(--spacing-2)}.session-list-item-name{color:var(--color-text);flex:1 1;font-size:14px;font-weight:600}.session-list-item-meta{color:var(--color-text-muted);display:flex;font-size:12px;gap:var(--spacing-2)}.session-list-item-date{margin-top:var(--spacing-2)}.session-detail-panel{min-width:0}.section-title{color:var(--color-text);font-size:16px;font-weight:600;margin:0}.empty-state{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-10);text-align:center}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#667eea40,#764ba240);border-radius:var(--radius-xl);display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto var(--spacing-4);width:64px}.empty-state-text{color:var(--color-text-muted);font-size:15px;margin:0}@media (max-width:900px){.training-sessions-layout{grid-template-columns:1fr}.session-list-panel{max-height:300px;position:static}}
/*# sourceMappingURL=main.ed1baa99.css.map*/