:root{--bg: #ffffff;--card: #ffffff;--line: #e2e2e2;--ink: #1a1a1a;--muted: #6b7280;--sidebar: #f6f7f9;--accent: #2b6cb0;--accent-hover: #245a94;--error: #b3261e}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}.login-page{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background-image:url(/login-background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.login-card{width:100%;max-width:380px;min-height:524px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:32px 32px 26px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 30px #00000040}.login-title{margin:0 0 4px;font-size:22px;font-weight:700;text-align:center}.mode-tabs{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.mode-tabs button{flex:1;padding:10px;background:transparent;border:0;cursor:pointer;font-size:13px;color:var(--muted)}.mode-tabs button.active{background:var(--accent);color:#fff}.login-fields{display:flex;flex-direction:column;gap:16px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.login-card input,.login-card select{padding:9px 10px;border:1px solid var(--line);border-radius:6px;font-size:14px;color:var(--ink);background:#fff}.login-card input:focus,.login-card select:focus{outline:none;border-color:var(--accent)}.login-note{margin:auto 0 0;font-size:12px;color:var(--muted);line-height:1.5}.login-note code{font-size:11px}.login-error{background:#fdecea;border:1px solid var(--error);color:var(--error);border-radius:6px;padding:8px 10px;font-size:13px}.login-submit{padding:10px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:14px;cursor:pointer}.login-submit:hover:not(:disabled){background:var(--accent-hover)}.login-submit:disabled{opacity:.6;cursor:default}.backend-selector{position:fixed;top:12px;right:14px;z-index:10;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffffd9;border:1px solid var(--line);border-radius:6px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.backend-selector select{font-size:13px;padding:4px 6px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:#fff}.advanced-toggle{background:none;border:0;padding:0;color:var(--muted);font-size:12px;cursor:pointer}.login-actions{display:flex;align-items:center;gap:10px}.login-actions .login-submit{flex:1}.help-circle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:13px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer}.help-circle:hover{background:var(--accent);color:#fff}.mi-version{position:fixed;bottom:16px;left:20px;z-index:10;color:var(--muted);font-size:11px;pointer-events:none}.powered-by{position:fixed;bottom:16px;right:20px;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}.powered-by-text{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.1em;align-self:stretch;text-align:left}.powered-by-logo{height:68px;width:auto;display:block}.help-link{color:var(--accent);font-weight:600;text-decoration:none}.help-link:hover{color:var(--accent-hover);text-decoration:underline}.wasm-root{position:relative;height:100%;width:100%}.wasm-screen{height:100%;width:100%}.wasm-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.wasm-error pre{max-width:90%;overflow:auto;color:var(--error);font-size:12px}.wasm-error button{font-size:14px;padding:9px 16px;border:1px solid #bbb;border-radius:6px;background:#f7f7f7;cursor:pointer}.wasm-error button:hover{background:#eee}.splash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg)}.splash h1{font-size:18px;font-weight:400;color:var(--muted);margin:0}.splash-loader{width:120px;aspect-ratio:1;--_c: no-repeat radial-gradient(farthest-side, var(--accent) 92%, #0000);background:var(--_c) top,var(--_c) left,var(--_c) right,var(--_c) bottom;background-size:22px 22px;animation:splin 1s infinite}@keyframes splin{to{transform:rotate(.5turn)}}