html,body,#app,.app-container{margin:0;padding:0;height:100%;font-family:Inter,sans-serif;background-color:var(--color-background, #F9F9FB)}:root{--color-primary: #FF85A2;--color-primary-light: #FFB6C1;--color-primary-dark: #E86A89;--color-background: #F9F9FB;--color-surface: #FFFFFF;--color-text-primary: #2D3142;--color-text-secondary: #9094A6;--color-error: #E53935;--color-success: #43A047;--color-warning: #FFFFB300;--font-family-headings: "Outfit", sans-serif;--font-family-body: "Inter", sans-serif;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(232, 106, 137, .08);--shadow-lg: 0 10px 30px rgba(45, 49, 66, .06);--shadow-premium: 0 20px 40px rgba(232, 106, 137, .12);--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family-body);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}body{background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings);font-weight:700}button,input,select,textarea{outline:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:15px;font-weight:600;border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast);gap:8px}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-premium);filter:brightness(1.05)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-surface);border:1px solid #E1E3EA;color:var(--color-text-primary)}.btn-secondary:hover{background-color:#f3f4f6;border-color:#cbd5e1}.btn-error{background-color:#e539351a;color:var(--color-error)}.btn-error:hover{background-color:#e5393533}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--color-text-primary)}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:14px;color:var(--color-text-secondary);font-size:16px}.form-input{width:100%;padding:12px 16px 12px 42px;border:1px solid #E1E3EA;border-radius:var(--border-radius-sm);font-size:15px;background-color:var(--color-surface);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff85a226}.form-error{font-size:12px;color:var(--color-error);margin-top:4px;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-spin{animation:spin .8s linear infinite}.card{background-color:var(--color-surface);border-radius:var(--border-radius-md);border:1px solid #EFF1F5;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#ff85a21a}.auth-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(circle at top right,rgba(255,182,193,.15),transparent),radial-gradient(circle at bottom left,rgba(255,133,162,.1),var(--color-background))}.auth-card{width:100%;max-width:440px;background-color:var(--color-surface);padding:40px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-premium);border:1px solid rgba(255,133,162,.15);animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.auth-logo img{width:45px;height:45px;object-fit:contain}.auth-logo i{font-size:36px;color:var(--color-primary)}.auth-title{font-size:26px;text-align:center;margin-bottom:8px}.auth-subtitle{font-size:14px;color:var(--color-text-secondary);text-align:center;margin-bottom:32px}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary-dark);font-weight:600}.auth-footer a:hover{text-decoration:underline}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px}.toast{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:var(--border-radius-sm);background-color:var(--color-surface);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-primary);min-width:300px;animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards}.toast-success{border-left-color:var(--color-success)}.toast-success i{color:var(--color-success)}.toast-error{border-left-color:var(--color-error)}.toast-error i{color:var(--color-error)}.toast-warning{border-left-color:var(--color-warning)}.toast-warning i{color:var(--color-warning)}.toast-message{font-size:14px;font-weight:500}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 600px){.grid-2{grid-template-columns:1fr}}.grid-courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.spinner{width:24px;height:24px;border:3px solid rgba(255,133,162,.2);border-top-color:var(--color-primary);border-radius:50%;display:inline-block}.full-page-loader{display:flex;align-items:center;justify-content:center;height:200px;width:100%}.p-1{padding:4px!important}.p-2{padding:8px!important}.p-3{padding:16px!important}.p-4{padding:24px!important}.p-5{padding:48px!important}.pt-1{padding-top:4px!important}.pt-2{padding-top:8px!important}.pt-3{padding-top:16px!important}.pt-4{padding-top:24px!important}.pt-5{padding-top:48px!important}.pb-1{padding-bottom:4px!important}.pb-2{padding-bottom:8px!important}.pb-3{padding-bottom:16px!important}.pb-4{padding-bottom:24px!important}.pb-5{padding-bottom:48px!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:16px!important}.mt-4{margin-top:24px!important}.mt-5{margin-top:48px!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:16px!important}.mb-4{margin-bottom:24px!important}.mb-5{margin-bottom:48px!important}.text-center{text-align:center!important}.text-muted{color:var(--color-text-secondary)!important;opacity:.7}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px}.empty-state i{font-size:48px;color:var(--color-text-secondary);opacity:.5;margin-bottom:16px}.empty-state h3,.empty-state h4{font-size:18px;font-weight:700;margin-bottom:8px;margin-top:0}.empty-state p{color:var(--color-text-secondary);font-size:14px;max-width:440px;margin:0 auto 20px;line-height:1.5}