@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--color-primary:#bbf843;--color-primary-hover:#9dd927;--color-primary-alt:#dbff95;--color-secondary:#1a1a32;--color-secondary-hover:#2a2a4a;--color-violet-medium:#c5a1fb;--color-violet-light:#e0ccff;--color-violet-medium-alt:#493566;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#065f46;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-error:#ef4444;--color-error-light:#fee2e2;--color-error-dark:#7f1d1d;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#0c2d6b;--color-text-primary:#1a1a32;--color-text-secondary:#6b7280;--color-text-light:#9ca3af;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-hover:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#d1d5db;--sidebar-width:240px;--sidebar-collapsed-width:80px;--sidebar-bg:#fff;--sidebar-text:#1a1a32;--sidebar-hover:#f0ffc5;--sidebar-active:#bbf843;--sidebar-border:#e5e7eb;--header-height:60px;--header-bg:#fff;--header-text:#1a1a32;--header-border:#e5e7eb;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--radius-xl:20px;--radius-full:50%;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0003;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-dropdown:10;--z-sidebar-mobile:25;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-header:90;--z-sidebar:1000}.application-layout{width:100%;height:auto;min-height:100vh;color:var(--color-text-primary);-webkit-overflow-scrolling:touch;background-color:#f5f3ff;flex-direction:column;flex:1 0 auto;max-width:100%;padding:0;display:flex;overflow:clip auto}.auth-page{min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);justify-content:center;align-items:center;display:flex}.auth-card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-xl);width:100%;max-width:450px}.page-header{margin-bottom:var(--spacing-lg)}.page-header h1{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700}.page-header p{color:var(--color-text-secondary);font-size:1rem}.card{background-color:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.card:hover{box-shadow:var(--shadow-md);transition:box-shadow .2s}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background-color:var(--color-primary);color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.btn.btn-outline{border:2px solid var(--color-border);color:var(--color-text-primary);background-color:#0000}.btn.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.app-sidebar{width:var(--sidebar-collapsed-width)}.app-sidebar:not(.mobile-open){transform:translate(-100%)}.app-main{margin-left:0}.app-content{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-lg)}}