*{box-sizing:border-box}:root{--page-bg: #f3f3f3;--card-bg: #ffffff;--card-border: #e1e5ee;--text-color: #111827;--muted-color: #6b7280;--divider-color: #e5e7eb;--input-bg: #f9fafb;--input-border: #e5e7eb;--input-text: #111827;--input-placeholder: #9ca3af;--google-bg: #ffffff;--google-border: #e5e7eb;--google-text: #111827;--google-hover-border: #cfd6e3;--link-color: #111827;--primary-bg: linear-gradient(180deg, #1f2937 0%, #0f172a 100%);--primary-text: #ffffff;--primary-shadow: 0 12px 24px rgba(15, 23, 42, .2);--focus-border: #c7d2fe;--focus-shadow: 0 0 0 3px rgba(99, 102, 241, .12);--menu-shadow: 0 12px 24px rgba(15, 23, 42, .2);--menu-hover: #eef1f6}html[data-theme=dark]{--page-bg: #101010;--card-bg: #161819;--card-border: #2b2f36;--text-color: #f9fafb;--muted-color: #cbd5e1;--divider-color: #2b2f36;--input-bg: #1b1e24;--input-border: #2b2f36;--input-text: #f9fafb;--input-placeholder: #7f8a9a;--google-bg: #1b1e24;--google-border: #2b2f36;--google-text: #f9fafb;--google-hover-border: #3a3f48;--link-color: #f9fafb;--primary-bg: #2b2f36;--primary-text: #f9fafb;--primary-shadow: none;--focus-border: #3a3f48;--focus-shadow: 0 0 0 3px rgba(148, 163, 184, .18);--menu-shadow: 0 14px 26px rgba(0, 0, 0, .35);--menu-hover: #20242b}html,body{height:100%}body{margin:0;font-family:Inter,SF Pro Text,Helvetica Neue,Arial,sans-serif;background:var(--page-bg);color:var(--text-color)}#app{min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;padding:48px 20px 96px;background:var(--page-bg);position:relative}.login-card{width:100%;max-width:420px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:24px 32px 30px;text-align:center}.logo-wrap{display:flex;justify-content:center;margin:0}.login-logo{width:126px;max-width:100%;height:30px;margin:0;display:block;background:url(/static/desktg_logo.svg) no-repeat center/contain}html[data-theme=dark] .login-logo{background-image:url(/static/desktg_logo_dark.svg)}.login-title{font-size:17px;font-weight:600;margin:0 0 24px;color:var(--text-color)}.login-subtitle{font-size:16px;color:var(--muted-color);margin:0 0 16px;font-weight:500}.login-subtitle.single{color:var(--text-color)}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid var(--google-border);background:var(--google-bg);color:var(--google-text);border-radius:12px;padding:12px 14px;font-weight:500;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease}.google-btn:hover{border-color:var(--google-hover-border);box-shadow:0 8px 20px #0f172a14}.divider{display:flex;align-items:center;gap:10px;color:var(--muted-color);font-size:12px;margin:18px 0 20px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--divider-color)}.input-group{display:flex;flex-direction:column;gap:14px;text-align:left}.input-group input{width:100%;border:1px solid var(--input-border);background:var(--input-bg);border-radius:12px;padding:13px 14px;font-size:14px;color:var(--input-text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-group input:focus{border-color:var(--focus-border);box-shadow:var(--focus-shadow);background:var(--card-bg)}.input-group input::placeholder{color:var(--input-placeholder)}.row{display:flex;align-items:center;justify-content:center;margin-top:16px;font-size:13px;color:var(--muted-color)}.link{color:var(--link-color);text-decoration:none;cursor:pointer}.link:hover{opacity:.7}.primary-btn{width:100%;margin-top:18px;border:none;border-radius:12px;padding:13px 16px;background:var(--primary-bg);color:var(--primary-text);font-weight:600;cursor:pointer;box-shadow:var(--primary-shadow)}.primary-btn:hover{filter:brightness(1.05)}.footer{margin-top:16px;font-size:13px;color:var(--muted-color)}.footer .link{font-weight:600}.message{margin-top:10px;font-size:13px;text-align:left}.message.center{text-align:center;margin-top:14px}.message.error{color:#b91c1c}.message.success{color:#0f766e}.login-controls{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--card-border);background:transparent;color:var(--muted-color);font-size:12px;line-height:1;cursor:pointer}.language-wrap{position:relative}.language-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;min-width:150px;justify-content:space-between;border-radius:999px;border:1px solid var(--card-border);background:transparent;color:var(--muted-color);font-size:12px;line-height:1;cursor:pointer}.language-toggle svg{width:14px;height:14px;display:block}.language-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--menu-shadow);padding:6px;z-index:10}.language-option{width:100%;border:none;background:transparent;color:var(--text-color);font-size:12px;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer}.language-option:hover,.language-option.active{background:var(--menu-hover)}.theme-toggle svg{width:14px;height:14px;display:block}.theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-sun{display:block}html[data-theme=dark] .theme-toggle .icon-moon{display:none}