.login-container[data-v-4ad1a9e7]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:1rem}.login-card[data-v-4ad1a9e7]{width:100%;max-width:400px;padding:2.5rem 2rem;text-align:center}.logo-container[data-v-4ad1a9e7]{display:flex;justify-content:center;margin-bottom:1.5rem}.app-logo[data-v-4ad1a9e7]{width:100px;height:100px;border-radius:20px;box-shadow:0 8px 24px #0000004d;object-fit:cover}h2[data-v-4ad1a9e7]{margin-top:0;margin-bottom:.5rem;color:var(--text-color);font-size:1.75rem}.subtitle[data-v-4ad1a9e7]{color:var(--text-color-secondary);margin-bottom:2rem;font-size:.9rem}.login-form[data-v-4ad1a9e7]{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.input-group[data-v-4ad1a9e7]{display:flex;flex-direction:column;gap:.5rem}label[data-v-4ad1a9e7]{font-size:.9rem;font-weight:500;color:var(--text-color)}input[data-v-4ad1a9e7]{padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-color);font-size:1rem;transition:all .2s ease}input[data-v-4ad1a9e7]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0a84ff33}.login-btn[data-v-4ad1a9e7]{margin-top:.5rem;padding:.875rem;font-size:1.1rem;font-weight:600}.error-message[data-v-4ad1a9e7]{color:var(--danger-color);background-color:#ff453a1a;padding:.75rem;border-radius:var(--radius-md);font-size:.9rem;text-align:center;border:1px solid rgba(255,69,58,.2)}:root{--bg-color: #0b0f19;--panel-bg: rgba(18, 24, 38, .65);--text-primary: #f0f6fc;--text-secondary: #8b949e;--accent-primary: #7e57c2;--accent-hover: #9575cd;--accent-gradient: linear-gradient(135deg, #7e57c2 0%, #4fc3f7 100%);--accent-success: #00e676;--border-color: rgba(255, 255, 255, .08);--input-bg: rgba(0, 0, 0, .3);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--font-family: "Inter", system-ui, -apple-system, sans-serif;--spacing-main: 1rem;--spacing-panel: 1.25rem;--spacing-item: .65rem;--icon-size: 32px;--font-base: 14px}body.light-theme{--bg-color: #f0f4f8;--panel-bg: rgba(255, 255, 255, .75);--text-primary: #1e293b;--text-secondary: #64748b;--accent-primary: #6366f1;--accent-hover: #818cf8;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #0ea5e9 100%);--accent-success: #10b981;--border-color: rgba(0, 0, 0, .05);--input-bg: rgba(255, 255, 255, .9);--glass-shadow: 0 8px 32px rgba(31, 38, 135, .1)}body.compact-mode{--spacing-main: .5rem;--spacing-panel: .75rem;--spacing-item: .4rem;--icon-size: 24px;--font-base: 13px}body,html{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-base);-webkit-font-smoothing:antialiased;min-height:100vh}#app{max-width:800px;margin:0 auto;padding:var(--spacing-main)}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;padding:var(--spacing-panel);box-shadow:var(--glass-shadow);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}button{background:var(--accent-gradient);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:10px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #0003}button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0000004d;filter:brightness(1.1)}button:active{transform:translateY(1px);box-shadow:0 2px 8px #0003}input,select{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:.65rem 1rem;border-radius:10px;font-family:inherit;font-size:.95rem;transition:all .3s ease;width:100%;box-sizing:border-box;box-shadow:inset 0 2px 4px #0000000d}input:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #7e57c240;background:var(--panel-bg)}.title{font-size:2.75rem;font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem;text-align:center;letter-spacing:-1px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn .4s cubic-bezier(.16,1,.3,1) forwards}