.login-page{min-height:100vh;background:#364760;display:grid;place-items:center;font-size:13px}.login-form{width:300px;color:#eee;animation:login-appear .6s ease;padding:20px 0 40px}@keyframes login-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.login-logo{text-align:center;color:#fff;font-size:18px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:28px}.login-logo b{font-weight:700}.login-field{position:relative;height:47px;margin-top:10px}.login-field .fi{position:absolute;left:2px;top:50%;transform:translateY(-50%);font-size:16px;color:#ffffff80;pointer-events:none}.login-field input{display:block;width:100%;height:100%;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.15);outline:none;font-size:14px;padding:0 0 0 28px;color:#fff}.login-field input::placeholder{color:#ffffff40}.login-field input:focus{border-bottom-color:#fff6}.login-field input:focus+.fi{color:#ffffffd9}.login-btn{display:block;width:100%;height:44px;margin-top:28px;border:0;border-radius:4px;background:#1f6f54;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .15s ease}.login-btn:hover{background:#1a5f48}.login-btn:disabled{opacity:.6;cursor:default}.login-error{margin-top:16px;color:#ff9b8f;font-size:13px;text-align:center}.login-hint{color:#fff9;text-align:center;margin:0 0 14px}.login-qr{display:block;margin:6px auto 4px;background:#fff;padding:8px;border-radius:6px}:root{--green: #1f6f54;--bg: #f4f5f7;--text: #1c1d1f;--muted: #6b7280;--border: #e2e4e8}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.muted{color:var(--muted)}.error{color:#b42318;font-size:14px}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px;width:340px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 24px #0000000f}.card h1{margin:0 0 4px;font-size:20px}.card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.card input{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:15px;color:var(--text)}.card button{padding:10px 12px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:15px;cursor:pointer}.card button:disabled{opacity:.6;cursor:default}.setup{display:grid;place-items:center;gap:8px}.shell{min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--green);color:#fff}.topbar .muted{color:#d7e6df;margin-right:auto}.topbar button{background:#ffffff26;color:#fff;border:0;padding:6px 12px;border-radius:6px;cursor:pointer}.content{padding:24px}.content code{background:#eef0f2;padding:1px 5px;border-radius:4px}