:root{--app-primary: #3B82F6;--app-primary-dark: #2563eb;--app-bg-light: #F0F9FF;--app-bg-subtle: #E0F2FE;--app-white: #FFFFFF;--app-text-dark: #1e293b;--app-text-medium: #64748b;--app-text-light: #94a3b8;--app-border: #e2e8f0;--app-border-light: #f1f5f9;--app-error: #ef4444;--app-error-light: #fef2f2;--app-warning: #fbbf24;--app-warning-light: #fffbeb;--app-success: #22c55e;--app-success-light: #f0fdf4}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--app-text-dark);background-color:var(--app-bg-light);background-image:radial-gradient(circle at 100% 0,var(--app-bg-subtle) 0,var(--app-bg-subtle) 15%,transparent 15%),radial-gradient(circle at 0 100%,var(--app-bg-subtle) 0,var(--app-bg-subtle) 15%,transparent 15%)}.login-scope *{box-sizing:border-box;margin:0;padding:0}.login-scope{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.login-scope .login-card{background-color:var(--app-white);border-radius:24px;padding:2.5rem;box-shadow:0 15px 30px #00000014,0 5px 15px #0000000a;max-width:420px;width:100%;text-align:center;position:relative;z-index:1}.login-scope .login-header{margin-bottom:2rem}.login-scope .login-logo{display:inline-flex;justify-content:center;align-items:center;width:60px;height:60px;background:linear-gradient(to bottom right,var(--app-primary),var(--app-primary-dark));border-radius:16px;color:var(--app-white);margin-bottom:1rem;box-shadow:0 8px 16px #3b82f633}.login-scope .login-logo svg{width:32px;height:32px}.login-scope .login-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:var(--app-text-dark)}.login-scope .login-subtitle{font-size:.95rem;color:var(--app-text-medium)}.login-scope .login-form{display:flex;flex-direction:column;gap:1rem}.login-scope .input-group{position:relative}.login-scope .login-input{width:100%;padding:.85rem 1rem;border:1px solid var(--app-border);border-radius:12px;font-size:1rem;color:var(--app-text-dark);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.login-scope .login-input::-moz-placeholder{color:var(--app-text-medium);opacity:.7}.login-scope .login-input::placeholder{color:var(--app-text-medium);opacity:.7}.login-scope .login-input:focus{border-color:var(--app-primary);box-shadow:0 0 0 3px #3b82f633}.login-scope .input-group .icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--app-text-medium);pointer-events:none}.login-scope .login-input.with-icon{padding-left:3rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-scope .login-options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-top:.5rem;margin-bottom:1rem}.login-scope .remember-me{display:flex;align-items:center;gap:.5rem;color:var(--app-text-medium)}.login-scope .remember-me .checkbox{width:16px;height:16px;accent-color:var(--app-primary)}.login-scope .forgot-password{color:var(--app-primary);text-decoration:none;transition:color .2s ease}.login-scope .forgot-password:hover{color:var(--app-primary-dark);text-decoration:underline}.login-scope .login-button{width:100%;padding:1rem 1.5rem;background-color:var(--app-primary);color:var(--app-white);border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 16px #3b82f633}.login-scope .login-button:hover{background-color:var(--app-primary-dark);transform:translateY(-2px);box-shadow:0 12px 20px #3b82f64d}.login-scope .login-button:active{transform:translateY(0);box-shadow:0 5px 10px #3b82f633}.login-scope .login-footer{margin-top:2rem;font-size:.9rem;color:var(--app-text-medium)}.login-scope .signup-link{color:var(--app-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.login-scope .signup-link:hover{color:var(--app-primary-dark);text-decoration:underline}@media(max-width:480px){.login-scope .login-card{padding:1.5rem;border-radius:16px}.login-scope .login-title{font-size:1.75rem}.login-scope .login-button{padding:.9rem 1.25rem;font-size:1rem}.login-scope .login-options{flex-direction:column;gap:.75rem;align-items:flex-start}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass-effect{background-color:var(--app-white)}.btn{padding:.75rem 1.25rem;border-radius:1rem;font-weight:700;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.btn-primary{background-color:var(--app-primary);color:var(--app-white);box-shadow:0 8px 16px #3b82f633}.btn-primary:hover{background-color:var(--app-primary-dark);transform:translateY(-2px);box-shadow:0 12px 20px #3b82f64d}.btn-primary:active{transform:translateY(0);box-shadow:0 5px 10px #3b82f633}.btn-secondary{background-color:var(--app-white);border:1px solid var(--app-border);color:var(--app-text-dark);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background-color:var(--app-border-light)}.btn-danger{background-color:var(--app-error-light);color:var(--app-error);border-radius:1rem;padding:.75rem}.btn-danger:hover{background-color:var(--app-error-light)}.input-field{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--app-border);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{border-color:var(--app-primary);box-shadow:0 0 0 2px #3b82f633}.card{padding:1rem;border-radius:20px;transition:all .2s ease-in-out;position:relative;display:flex;flex-direction:column;height:100%;border:1px solid transparent;background-color:var(--app-white);box-shadow:0 4px 12px #0000000d}.card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-4px);border-color:var(--app-primary)}.card .card-actions{position:absolute;top:1rem;right:1rem;opacity:0;transition:opacity .2s ease-in-out;z-index:5}.card:hover .card-actions{opacity:1}.card-actions button{background-color:#ffffffb3;border:1px solid var(--app-border);border-radius:.5rem;padding:.25rem;cursor:pointer;display:flex;align-items:center}.card-actions button:hover{background-color:#fff;box-shadow:0 1px 2px #0000000d}.dropdown-menu{position:absolute;top:3rem;right:1rem;background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--app-border);z-index:10;width:180px;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.dropdown-menu button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;border-radius:.5rem;border:none;background-color:transparent;text-align:left;font-size:.875rem;font-weight:500;cursor:pointer;color:var(--app-text-dark)}.dropdown-menu button:hover{background-color:var(--app-border-light)}.dropdown-menu button.danger:hover{background-color:var(--app-error-light);color:var(--app-error)}.text-primary{color:var(--app-primary)}.text-red{color:var(--app-error)}.text-slate-400{color:var(--app-text-medium)}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-800{color:#1e293b}.bg-slate-50{background-color:var(--app-bg-light)}.bg-blue-50{background-color:#eff6ff}.bg-red-50{background-color:var(--app-error-light)}.bg-amber-100{background-color:var(--app-warning-light)}.bg-blue-100{background-color:#dbeafe}.bg-slate-100{background-color:var(--app-border-light)}.bg-slate-200{background-color:var(--app-border)}.bg-slate-900{background-color:var(--app-text-dark)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 #3b82f6b3}50%{opacity:.9;box-shadow:0 0 0 10px #3b82f600}}@keyframes rotateLoad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in-down{animation:slideInDown .5s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-pulse-glow{animation:pulse-glow 2s infinite}.animate-rotate{animation:rotateLoad 2s linear infinite}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}button{transition:all .3s ease}button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}button:active{transform:translateY(0)}