:root{--bg-page: #f0f2f5;--bg-card: #ffffff;--bg-input: #f9fafb;--bg-input-hover: #ffffff;--sidebar-bg: #0f1528;--bg-header: #ffffff;--border-header: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--border-base: #e5e7eb;--border-light: #f3f4f6;--border-btn: #d1d5db;--border-btn-hover: #9ca3af;--accent: #4f7cf7;--accent-hover: #3b6ce5;--accent-bg: #eff6ff;--accent-border: #bfdbfe;--accent-text: #2563eb;--tag-blue-bg: #eff6ff;--tag-blue-border: #bfdbfe;--tag-blue-text: #2563eb;--danger: #ef4444;--danger-border: #fca5a5;--danger-bg-hover: #fef2f2;--shadow-card: 0 1px 4px rgba(0, 0, 0, .04);--shadow-card-lg: 0 4px 24px rgba(0, 0, 0, .06);--login-bg: #f0f2f5;--login-brand-tag-bg: #eef2ff;--login-brand-tag-border: #c7d7fe;--login-field-bg: #eef1f6}:root.dark{--bg-page: #0d1117;--bg-card: #161b22;--bg-input: #1c2333;--bg-input-hover: #21273a;--bg-header: #161b22;--border-header: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-tertiary: #6e7681;--text-inverse: #ffffff;--border-base: #30363d;--border-light: #21262d;--border-btn: #3d444d;--border-btn-hover: #6e7681;--accent: #4f7cf7;--accent-hover: #6c8ff8;--accent-bg: rgba(79, 124, 247, .12);--accent-border: rgba(79, 124, 247, .3);--accent-text: #79a5fa;--tag-blue-bg: rgba(79, 124, 247, .12);--tag-blue-border: rgba(79, 124, 247, .3);--tag-blue-text: #79a5fa;--danger: #f87171;--danger-border: rgba(248, 113, 113, .3);--danger-bg-hover: rgba(248, 113, 113, .08);--shadow-card: 0 1px 4px rgba(0, 0, 0, .2);--shadow-card-lg: 0 4px 24px rgba(0, 0, 0, .3);--login-bg: #0d1117;--login-brand-tag-bg: rgba(79, 124, 247, .12);--login-brand-tag-border: rgba(79, 124, 247, .3);--login-field-bg: #1c2333}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--text-primary);background:var(--bg-page);transition:color .3s,background-color .3s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh;font-weight:400}a{text-decoration:none;color:#4f7cf7;transition:.3s}a:hover{opacity:.8}.login-page[data-v-cbab7e8f]{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;width:100vw;padding:8vh 4rem 2rem;gap:6rem;background:var(--login-bg);position:fixed;top:0;left:0;transition:background-color .3s}.brand-section[data-v-cbab7e8f]{max-width:480px;flex-shrink:0}.brand-tag[data-v-cbab7e8f]{display:inline-block;padding:4px 14px;font-size:13px;font-weight:500;color:var(--accent);background:var(--login-brand-tag-bg);border:1px solid var(--login-brand-tag-border);border-radius:20px;margin-bottom:1.2rem;transition:all .3s}.brand-title[data-v-cbab7e8f]{font-size:2.4rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:1rem}.brand-desc[data-v-cbab7e8f]{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.feature-list[data-v-cbab7e8f]{list-style:none;padding:0}.feature-list li[data-v-cbab7e8f]{position:relative;padding-left:16px;font-size:15px;color:var(--text-secondary);line-height:2.2}.feature-list li[data-v-cbab7e8f]:before{content:"·";position:absolute;left:0;font-weight:700;color:var(--accent)}.auth-card[data-v-cbab7e8f]{width:420px;flex-shrink:0;background:var(--bg-card);border-radius:16px;padding:2.5rem 2.2rem;box-shadow:var(--shadow-card-lg);margin-top:6vh;transition:background-color .3s,box-shadow .3s}.card-title[data-v-cbab7e8f]{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.card-subtitle[data-v-cbab7e8f]{font-size:14px;color:var(--text-tertiary);margin-bottom:1.8rem}.auth-form[data-v-cbab7e8f]{display:flex;flex-direction:column}.field-label[data-v-cbab7e8f]{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:.4rem}.field-input[data-v-cbab7e8f]{width:100%;padding:12px 16px;font-size:15px;color:var(--text-primary);background:var(--login-field-bg);border:1px solid transparent;border-radius:10px;outline:none;margin-bottom:1rem;transition:border-color .2s,box-shadow .2s,background-color .3s}.field-input[data-v-cbab7e8f]::placeholder{color:var(--text-tertiary)}.field-input[data-v-cbab7e8f]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f7cf71f;background:var(--bg-input-hover)}.form-options[data-v-cbab7e8f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:14px}.register-options[data-v-cbab7e8f]{justify-content:flex-start}.checkbox-label[data-v-cbab7e8f]{display:flex;align-items:center;gap:6px;color:var(--text-secondary);cursor:pointer}.checkbox-label input[type=checkbox][data-v-cbab7e8f]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.forgot-link[data-v-cbab7e8f]{color:var(--accent);text-decoration:none;font-size:14px}.forgot-link[data-v-cbab7e8f]:hover{text-decoration:underline}.error-msg[data-v-cbab7e8f]{color:var(--danger);font-size:13px;margin-bottom:.6rem}.submit-btn[data-v-cbab7e8f]{width:100%;padding:13px 0;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#4f7cf7,#6c5ce7);border:none;border-radius:28px;cursor:pointer;transition:opacity .2s,transform .15s;margin-top:.4rem}.submit-btn[data-v-cbab7e8f]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-btn[data-v-cbab7e8f]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-cbab7e8f]:disabled{opacity:.6;cursor:not-allowed}.switch-text[data-v-cbab7e8f]{text-align:center;font-size:14px;color:var(--text-tertiary);margin-top:1.4rem}.switch-text a[data-v-cbab7e8f]{color:var(--accent);text-decoration:none;font-weight:500}.switch-text a[data-v-cbab7e8f]:hover{text-decoration:underline}@media(max-width:900px){.login-page[data-v-cbab7e8f]{flex-direction:column;gap:2rem;padding:2rem 1rem}.brand-section[data-v-cbab7e8f]{max-width:100%;text-align:center}.feature-list li[data-v-cbab7e8f]{padding-left:0}.feature-list li[data-v-cbab7e8f]:before{position:static;margin-right:4px}.auth-card[data-v-cbab7e8f]{width:100%;max-width:420px}}
