:root{--bg-main:#50727b;--bg-card:#344955;--bg-dark:#35374b;--bg-input:#5f8691;--accent:#78ac83;--accent-hover:#88be93;--text-main:#fff;--text-soft:#ffffffd1;--text-muted:#ffffffad;--border-soft:#ffffff1f;--error-bg:#9e3d3d38;--error-text:#ffd2d2;--shadow-card:0 8px 24px #00000040;--shadow-hover:0 5px 14px #00000040;--radius-card:14px;--radius-input:10px;--radius-pill:999px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-main);color:var(--text-main);font-family:system-ui,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}input,textarea{border-radius:var(--radius-input);background:var(--bg-input);width:100%;color:var(--text-main);font:inherit;border:none;outline:none;padding:12px 14px}input::placeholder,textarea::placeholder{color:var(--text-soft)}input:focus,textarea:focus{box-shadow:inset 0 0 0 2px var(--accent)}textarea{resize:none}hr{background:var(--border-soft);border:none;height:1px}.header{background:var(--bg-card);grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 30px;display:grid}.headerLeft{justify-self:start}.headerCenter{justify-self:center;gap:25px;display:flex}.headerRight{justify-self:end}.logo{color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none}.header a{color:#fff;border-radius:6px;padding:6px 10px;font-weight:500;text-decoration:none;transition:background .15s}.header a:hover{background:#ffffff1f}.main{padding:30px 20px}.pageShell{max-width:800px;margin:40px auto;padding:0 20px}.pageShellNarrow{max-width:520px;margin:60px auto;padding:0 20px}.card{background:var(--bg-card);border-radius:var(--radius-card);color:var(--text-main);box-shadow:var(--shadow-card);padding:30px}.centerText{text-align:center}.pageTitle{letter-spacing:.4px;text-align:center;margin:0 0 22px;font-size:1.7rem;font-weight:700}.formStack{flex-direction:column;gap:14px;display:flex}.primaryButton,.secondaryButton,.dangerButton{border-radius:var(--radius-pill);color:#fff;border:none;padding:10px 22px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-block}.primaryButton{background:var(--accent)}.primaryButton:hover{background:var(--accent-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.secondaryButton{background:var(--bg-input)}.secondaryButton:hover{background:#6b98a3;transform:translateY(-2px)}.dangerButton{background:#b45151}.dangerButton:hover{box-shadow:var(--shadow-hover);background:#c76262;transform:translateY(-2px)}.textButton{color:var(--text-soft);background:0 0;border:none;padding:0}.textButton:hover{text-decoration:underline}.divider{margin:26px 0 10px}.errorBox{background:var(--error-bg);color:var(--error-text);border-radius:10px;margin-top:18px;padding:12px 14px;font-weight:700}.statusBox{color:var(--text-soft);margin:16px 0}.loadingText{color:var(--text-soft);text-align:center}.linkButton{background:var(--bg-input);color:#fff;border-radius:var(--radius-pill);padding:10px 22px;font-weight:700;transition:transform .15s,background .2s;display:inline-block}.linkButton:hover{background:#6b98a3;transform:translateY(-2px)}.activeToggle{background:var(--accent)!important}.inputGroup{flex-direction:column;gap:4px;display:flex}.input{border:1px solid #ccc}.inputError{border-color:#d9534f}.inputHint{color:#d9534f;font-size:.8rem}.buttonDisabled{opacity:.5;cursor:not-allowed}