.navbar{position:sticky;top:0;z-index:var(--z-sticky);background:#0f0f0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}[data-theme=light] .navbar{background:#fffffff2}.navbar-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4);height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.navbar-logo{display:flex;align-items:baseline;gap:var(--space-2);text-decoration:none}.logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.1em}.navbar-links{display:flex;align-items:center;gap:var(--space-2);list-style:none}.nav-link{padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-normal)}.nav-link:hover{color:var(--color-text);background:var(--color-surface)}.nav-link.active{color:var(--color-primary)}.navbar-auth,.auth-buttons{display:flex;align-items:center;gap:var(--space-2)}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-normal)}.user-button:hover{background:var(--color-surface-elevated)}.user-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{font-weight:var(--font-weight-medium);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{transition:transform var(--transition-normal)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--space-3) var(--space-4);background:var(--color-surface-elevated)}.dropdown-email{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dropdown-divider{height:1px;background:var(--color-border)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text);text-decoration:none;transition:all var(--transition-normal);border:none;background:none;width:100%;text-align:left;font-size:var(--font-size-base);cursor:pointer}.dropdown-item:hover{background:var(--color-surface-elevated)}.dropdown-item.logout{color:var(--color-error)}.dropdown-item.logout:hover{background:var(--color-error-light)}.dropdown-item.theme-toggle{color:var(--color-text-secondary)}.dropdown-item.theme-toggle:hover{background:var(--color-surface-elevated);color:var(--color-text)}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.theme-toggle-btn:hover{background:var(--color-surface-elevated);color:var(--color-text);border-color:var(--color-primary)}.mobile-menu-button{display:none;padding:var(--space-2);background:none;border:none;color:var(--color-text);cursor:pointer}.mobile-menu{display:none;padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface)}.mobile-links{list-style:none;margin-bottom:var(--space-4)}.mobile-link{display:block;padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-normal)}.mobile-link:hover,.mobile-link.active{color:var(--color-text);background:var(--color-surface-elevated)}.mobile-auth{display:flex;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.mobile-auth .btn{flex:1}@media(max-width:768px){.navbar-links,.auth-buttons{display:none}.mobile-menu-button,.mobile-menu{display:block}.user-name{display:none}}.home-page{min-height:calc(100vh - var(--navbar-height))}.hero{padding:var(--space-16) var(--space-4);text-align:center;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary-light) 100%);border-bottom:1px solid var(--color-border)}.hero-content{max-width:800px;margin:0 auto var(--space-12)}.hero h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}.hero p{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.hero-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.hero-stats{display:flex;justify-content:center;gap:var(--space-12);flex-wrap:wrap;max-width:600px;margin:0 auto;padding-top:var(--space-8);border-top:1px solid var(--color-border)}.stat{text-align:center}.stat-number{display:block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.features{padding:var(--space-16) var(--space-4)}.features h2{text-align:center;font-size:var(--font-size-3xl);margin-bottom:var(--space-12)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);max-width:var(--container-max);margin:0 auto}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px)}.feature-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.feature-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.feature-card p{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}.feature-card a{font-weight:var(--font-weight-medium);color:var(--color-primary)}.cta{padding:var(--space-16) var(--space-4);text-align:center;background:var(--color-surface);border-top:1px solid var(--color-border)}.cta h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.cta p{color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto}@media(max-width:768px){.hero h1{font-size:var(--font-size-3xl)}.hero p{font-size:var(--font-size-base)}.hero-stats{gap:var(--space-8)}.stat-number{font-size:var(--font-size-3xl)}.features h2,.cta h2{font-size:var(--font-size-2xl)}}.courses-page{padding:var(--space-8) var(--space-4) var(--space-16)}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-2);color:var(--color-text)}.section-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-6)}.signature-section{margin-bottom:var(--space-12)}.signature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-6)}.signature-card{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;transition:all var(--transition-normal);position:relative;overflow:hidden}.signature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.signature-card:hover{box-shadow:0 8px 32px rgba(var(--color-primary-rgb),.2);transform:translateY(-2px)}.signature-card-header{margin-bottom:var(--space-4)}.signature-badge{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.has-competition{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-secondary-light);color:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.signature-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2);color:var(--color-text)}.course-overview{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.course-benefits{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.course-benefits h4,.course-features-section h4,.fee-structure h4,.competition-tracks h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text)}.course-benefits ul{list-style:none;padding:0;margin:0}.course-benefits li{padding:var(--space-2) 0;padding-left:var(--space-5);position:relative;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.course-benefits li:before{content:"★";position:absolute;left:0;color:var(--color-primary)}.course-features-section{margin-bottom:var(--space-4)}.fee-structure{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.fee-structure p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.installments{display:flex;gap:var(--space-2);flex-wrap:wrap}.installment{flex:1;min-width:80px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.installment-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.installment-value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.competition-tracks{margin-bottom:var(--space-4)}.tracks-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.track-tag{padding:var(--space-1) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.prize-info{font-size:var(--font-size-sm);color:var(--color-secondary);font-weight:var(--font-weight-semibold)}.signature-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:auto}.signature-card:not(.expanded) .course-benefits,.signature-card:not(.expanded) .course-features-section,.signature-card:not(.expanded) .fee-structure,.signature-card:not(.expanded) .competition-tracks{display:none}.all-courses-section{margin-top:var(--space-8)}.category-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.course-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;transition:all var(--transition-normal)}.course-card:hover{border-color:var(--color-primary)}.course-card-badges{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.course-category{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.coming-soon-badge{padding:var(--space-1) var(--space-3);background:var(--color-warning-light);color:var(--color-warning);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.course-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.course-duration{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.course-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);flex-grow:1}.course-features{list-style:none;margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-md)}.course-features li{padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.mini-tracks{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-4)}.mini-track-tag{padding:var(--space-1) var(--space-2);background:var(--color-secondary-light);color:var(--color-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.mini-track-tag.more{background:var(--color-bg);color:var(--color-text-muted)}.course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.course-price{font-weight:var(--font-weight-semibold);color:var(--color-text-muted);font-size:var(--font-size-sm)}.course-prize{font-weight:var(--font-weight-semibold);color:var(--color-secondary);font-size:var(--font-size-sm)}@media(max-width:768px){.signature-grid,.courses-grid{grid-template-columns:1fr}.installments{flex-direction:column}.installment{min-width:100%}}.why-learn-section{margin-bottom:var(--space-12);padding:var(--space-8);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-surface) 100%);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.why-learn-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8);max-width:800px}.benefits-section{margin-bottom:var(--space-8)}.benefits-section h3{font-size:var(--font-size-xl);margin-bottom:var(--space-4);color:var(--color-text)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.benefit-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.benefit-item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.benefit-icon{font-size:var(--font-size-2xl);flex-shrink:0}.benefit-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.opportunities-section{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-6);border:1px solid var(--color-border)}.opportunities-section h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4);color:var(--color-text)}.opportunities-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2) var(--space-6);list-style:none;padding:0;margin:0}.opportunities-list li{position:relative;padding-left:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.opportunities-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold)}.fee-programs-section{margin-bottom:var(--space-12)}.fee-programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.fee-program-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;transition:all var(--transition-normal);position:relative;overflow:hidden}.fee-program-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary))}.fee-program-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.fee-program-header{margin-bottom:var(--space-4)}.fee-program-header h3{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-2)}.fee-duration{font-size:var(--font-size-sm);color:var(--color-text-muted)}.fee-total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.fee-label{font-size:var(--font-size-sm);color:#ffffffe6;font-weight:var(--font-weight-medium)}.fee-amount{font-size:var(--font-size-2xl);color:#fff;font-weight:var(--font-weight-bold)}.fee-class-info{margin-bottom:var(--space-4)}.fee-class-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.fee-breakdown{margin-bottom:var(--space-4)}.fee-breakdown h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.fee-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.fee-table th,.fee-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.fee-table th{background:var(--color-bg);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase}.fee-table td:last-child{text-align:right;font-weight:var(--font-weight-semibold);color:var(--color-primary)}.fee-certificate{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-secondary-light);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.certificate-icon{font-size:var(--font-size-xl);flex-shrink:0}.certificate-info{display:flex;flex-direction:column;gap:var(--space-1)}.certificate-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.certificate-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-secondary)}.fee-examinations{margin-bottom:var(--space-4)}.fee-examinations h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.fee-examinations ul{list-style:none;padding:0;margin:0}.fee-examinations li{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--space-1) 0;padding-left:var(--space-4);position:relative}.fee-examinations li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.fee-enroll-btn{margin-top:auto;width:100%;text-align:center}@media(max-width:768px){.why-learn-section{padding:var(--space-6)}.benefits-grid,.fee-programs-grid,.opportunities-list{grid-template-columns:1fr}}.competitions-page{padding:var(--space-8) var(--space-4) var(--space-16)}.filters-section{margin-bottom:var(--space-8)}.status-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.status-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.status-btn:hover{border-color:var(--color-primary)}.status-btn.active{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.status-btn.open.active{border-color:var(--color-success);color:var(--color-success)}.status-btn.coming.active{border-color:var(--color-warning);color:var(--color-warning)}.category-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.competitions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-6)}.competition-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;transition:all var(--transition-normal)}.competition-card:hover{border-color:var(--color-primary)}.competition-card.has-course{border-left:3px solid var(--color-secondary)}.competition-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.badge-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-badge.open{background:var(--color-success-light);color:var(--color-success)}.status-badge.coming-soon{background:var(--color-warning-light);color:var(--color-warning)}.course-badge{padding:var(--space-1) var(--space-3);background:var(--color-secondary-light);color:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.category-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.deadline{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.competition-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.competition-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3);flex-grow:1}.audience{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);font-style:italic}.categories{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.category-tag{padding:var(--space-1) var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}.category-tag.more{background:var(--color-surface-elevated);font-weight:var(--font-weight-semibold)}.competition-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;gap:var(--space-3)}.prize{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-primary)}.action-buttons{display:flex;gap:var(--space-2)}.no-results{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.no-results p{margin-bottom:var(--space-4)}@media(max-width:768px){.competitions-grid{grid-template-columns:1fr}.status-filters{flex-wrap:wrap}.competition-footer{flex-direction:column;align-items:flex-start}.action-buttons{width:100%;flex-direction:column}.action-buttons .btn{width:100%;text-align:center}}.departments-page{padding:var(--space-8) var(--space-4) var(--space-16)}.department-groups-section{margin-bottom:var(--space-12)}.groups-grid{display:flex;flex-direction:column;gap:var(--space-4)}.department-group-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.department-group-card:hover{border-color:var(--color-primary)}.department-group-card.expanded{border-color:var(--color-primary);box-shadow:0 4px 20px rgba(var(--color-primary-rgb, 139, 92, 246),.15)}.group-header{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6);background:none;border:none;cursor:pointer;text-align:left;color:var(--color-text);transition:all var(--transition-normal)}.group-header:hover{background:var(--color-surface-elevated)}.group-icon{font-size:var(--font-size-3xl);flex-shrink:0}.group-info{flex:1}.group-info h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.group-info p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.department-count{padding:var(--space-1) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.expand-icon{color:var(--color-text-muted);transition:transform var(--transition-normal);flex-shrink:0}.expand-icon.rotated{transform:rotate(180deg)}.departments-list{padding:var(--space-2) var(--space-6) var(--space-6);display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3);background:var(--color-bg);border-top:1px solid var(--color-border)}.department-item{padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.department-name{display:block;font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.department-desc{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted)}.projects-section,.all-projects-section{margin-bottom:var(--space-12)}.section-header{margin-bottom:var(--space-6)}.section-header h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.section-header p{color:var(--color-text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal)}.project-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.project-card.featured{border-color:var(--color-secondary);position:relative}.project-card.featured:before{content:"⭐";position:absolute;top:var(--space-4);right:var(--space-4)}.project-badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.project-type{padding:var(--space-1) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.project-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.project-status.status-announced{background:var(--color-info-light);color:var(--color-info)}.project-status.status-pre-production{background:var(--color-warning-light);color:var(--color-warning)}.project-status.status-in-production{background:var(--color-success-light);color:var(--color-success)}.project-status.status-post-production{background:var(--color-secondary-light);color:var(--color-secondary)}.project-status.status-completed,.project-status.status-released{background:var(--color-primary-light);color:var(--color-primary)}.project-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.project-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.project-genres{display:flex;gap:var(--space-2);flex-wrap:wrap}.genre-tag{padding:var(--space-1) var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.projects-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.project-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.project-list-item:last-child{border-bottom:none}.project-list-item:hover{background:var(--color-surface-elevated)}.project-number{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:30px}.project-title{flex:1;font-weight:var(--font-weight-medium)}.project-type-badge,.project-status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.project-type-badge{background:var(--color-bg);color:var(--color-text-secondary)}.project-status-badge{min-width:100px;text-align:center}.project-status-badge.status-announced{background:var(--color-info-light);color:var(--color-info)}.project-status-badge.status-pre-production{background:var(--color-warning-light);color:var(--color-warning)}.project-status-badge.status-in-production{background:var(--color-success-light);color:var(--color-success)}.channels-section{margin-bottom:var(--space-12)}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.channel-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal)}.channel-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.channel-icon{font-size:var(--font-size-3xl)}.cta-section{margin-top:var(--space-8)}.cta-card{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center}.cta-card h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.cta-card p{color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-6)}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media(max-width:768px){.group-header{flex-wrap:wrap}.department-count{order:3;margin-top:var(--space-2)}.departments-list,.projects-grid{grid-template-columns:1fr}.project-list-item{flex-wrap:wrap}.project-title{width:100%;order:-1;margin-bottom:var(--space-2)}.channels-grid{grid-template-columns:repeat(2,1fr)}}.contact-page{padding:var(--space-8) var(--space-4) var(--space-16)}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-12);max-width:1000px;margin:0 auto}.contact-info{padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.contact-info h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-8)}.info-item{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.info-icon{font-size:var(--font-size-2xl);flex-shrink:0}.info-item h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.info-item p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.social-links{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.social-links h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.social-icons{display:flex;gap:var(--space-4)}.social-icons a{font-size:var(--font-size-2xl);transition:transform var(--transition-normal)}.social-icons a:hover{transform:scale(1.2)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.success-message{text-align:center;padding:var(--space-16) var(--space-8);max-width:500px;margin:0 auto}.success-icon{width:80px;height:80px;margin:0 auto var(--space-6);background:var(--color-success-light);color:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.success-message h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.success-message p{color:var(--color-text-secondary);margin-bottom:var(--space-8)}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:var(--space-8)}}.profile-page{padding:var(--space-8) var(--space-4) var(--space-16)}.profile-layout{max-width:900px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.profile-avatar{width:100px;height:100px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:#fff;flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-info h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-1)}.profile-info p{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.member-since{font-size:var(--font-size-sm);color:var(--color-text-muted)}.verified-badge{display:inline-block;background:var(--color-success-light, #dcfce7);color:var(--color-success, #16a34a);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:var(--space-2)}.user-roles{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0}.role-badge{display:inline-block;background:var(--color-primary-light, #e0e7ff);color:var(--color-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.stat-value{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-sections{display:flex;flex-direction:column;gap:var(--space-8)}.profile-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.profile-section h2{font-size:var(--font-size-xl);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.admin-section,.instructor-section{background:linear-gradient(135deg,var(--color-primary-light, #e0e7ff) 0%,var(--color-surface) 100%)}.admin-actions,.instructor-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}@media(max-width:768px){.profile-header{flex-direction:column;text-align:center}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-info h1{font-size:var(--font-size-xl)}.user-roles{justify-content:center}}@media(max-width:480px){.profile-stats{grid-template-columns:1fr}}.settings-page{padding:var(--space-8) var(--space-4) var(--space-16)}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-8);max-width:1000px;margin:0 auto}.settings-nav{display:flex;flex-direction:column;gap:var(--space-1)}.settings-nav .nav-item{padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:all var(--transition-normal)}.settings-nav .nav-item:hover{background:var(--color-surface);color:var(--color-text)}.settings-nav .nav-item.active{background:var(--color-surface);color:var(--color-primary)}.settings-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.settings-section h2{font-size:var(--font-size-xl);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.settings-form{display:flex;flex-direction:column;gap:var(--space-6)}.avatar-upload{display:flex;align-items:center;gap:var(--space-6)}.current-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;overflow:hidden}.current-avatar img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.settings-content{padding:var(--space-6)}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4)}.loading-state .spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{color:var(--color-text-secondary)}.account-info,.profile-details{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.info-row{display:flex;align-items:center;gap:var(--space-3)}.info-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:100px}.info-value{color:var(--color-text)}.info-id{font-family:monospace;font-size:var(--font-size-sm);color:var(--color-text-muted);word-break:break-all}.verified-badge{display:inline-block;background:var(--color-success-light, #dcfce7);color:var(--color-success, #16a34a);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.account-actions,.profile-actions{padding:var(--space-6);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.account-actions p,.profile-actions p{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.session-section{padding:var(--space-6);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.session-section h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.session-section p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.profile-preview{margin-bottom:var(--space-6)}.avatar-section{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg);border-radius:var(--radius-md)}.avatar-info h3{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.avatar-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-page{min-height:calc(100vh - var(--navbar-height));display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary-light) 100%)}.auth-container{width:100%;max-width:440px}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{color:var(--color-text-secondary)}.auth-error{background:var(--color-error-light);border:1px solid rgba(239,68,68,.3);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.forgot-link{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-normal)}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-4)}.auth-loading .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-info{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}@media(max-width:480px){.auth-card{padding:var(--space-6)}.social-buttons{grid-template-columns:1fr}}:root{--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-primary-light: rgba(139, 92, 246, .15);--color-secondary: #06b6d4;--color-secondary-hover: #0891b2;--color-secondary-light: rgba(6, 182, 212, .15);--color-bg: #0f0f0f;--color-bg-elevated: #1a1a1a;--color-surface: #1a1a1a;--color-surface-elevated: #262626;--color-surface-hover: #2a2a2a;--color-text: #f5f5f5;--color-text-secondary: #a3a3a3;--color-text-muted: #737373;--color-text-inverse: #0f0f0f;--color-border: #333333;--color-border-light: #404040;--color-border-focus: var(--color-primary);--color-success: #22c55e;--color-success-light: rgba(34, 197, 94, .15);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .15);--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .15);--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--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: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--container-max: 1200px;--navbar-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--focus-ring: 0 0 0 3px rgba(139, 92, 246, .15);--focus-ring-error: 0 0 0 3px rgba(239, 68, 68, .15);--z-dropdown: 50;--z-sticky: 100;--z-modal-backdrop: 200;--z-modal: 300;--z-tooltip: 400;--z-toast: 500}[data-theme=light]{--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-primary-light: rgba(124, 58, 237, .1);--color-secondary: #0891b2;--color-secondary-hover: #0e7490;--color-secondary-light: rgba(8, 145, 178, .1);--color-bg: #ffffff;--color-bg-elevated: #f9fafb;--color-surface: #ffffff;--color-surface-elevated: #f3f4f6;--color-surface-hover: #e5e7eb;--color-text: #111827;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-border-light: #d1d5db;--color-success: #16a34a;--color-success-light: rgba(22, 163, 74, .1);--color-error: #dc2626;--color-error-light: rgba(220, 38, 38, .1);--color-warning: #d97706;--color-warning-light: rgba(217, 119, 6, .1);--color-info: #2563eb;--color-info-light: rgba(37, 99, 235, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body,#root{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}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)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}input,button,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}input:focus,select:focus,textarea:focus,button:focus{outline:none}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-border-light)}.btn-ghost{background:transparent;color:var(--color-text);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface)}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-social{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-weight:var(--font-weight-medium);transition:all var(--transition-normal)}.btn-social:hover{background:var(--color-surface-elevated);border-color:var(--color-text-muted)}.btn-full{width:100%;padding:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;min-height:120px}.form-group select{cursor:pointer}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-checkbox{display:flex;align-items:flex-start;gap:var(--space-3)}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.form-checkbox label{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.toggle-group{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-md)}.toggle-info{display:flex;flex-direction:column;gap:var(--space-1)}.toggle-label{font-weight:var(--font-weight-medium)}.toggle-desc{font-size:var(--font-size-sm);color:var(--color-text-muted)}.toggle{width:44px;height:24px;accent-color:var(--color-primary);cursor:pointer}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal)}.card:hover{border-color:var(--color-primary)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-secondary{background:var(--color-secondary-light);color:var(--color-secondary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.alert-error{background:var(--color-error-light);border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.alert-success{background:var(--color-success-light);border:1px solid rgba(34,197,94,.3);color:var(--color-success)}.alert-warning{background:var(--color-warning-light);border:1px solid rgba(245,158,11,.3);color:var(--color-warning)}.alert-info{background:var(--color-info-light);border:1px solid rgba(59,130,246,.3);color:var(--color-info)}.empty-state{text-align:center;padding:var(--space-8)}.empty-state p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.page-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.page-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.page-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}@media(max-width:768px){.page-header h1{font-size:var(--font-size-3xl)}.page-header p{font-size:var(--font-size-base)}}.divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.divider span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.danger-zone{margin-top:var(--space-12);padding:var(--space-6);background:var(--color-error-light);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md)}.danger-zone h3{color:var(--color-error);margin-bottom:var(--space-2)}.danger-zone p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}