:root{--bg: #f6f7f9;--panel: #ffffff;--border: #e2e5ea;--text: #16191f;--muted: #6b7280;--accent: #3b5bdb;--danger: #c92a2a;--danger-bg: #fff5f5;--ok: #2b8a3e;--ok-bg: #ebfbee;--warn: #a15c00;--warn-bg: #fff9db}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px}.login-panel{width:100%;max-width:360px}.page{max-width:780px;margin:0 auto;padding:24px 20px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--panel);padding:12px 20px}h1{font-size:18px;margin:0}h2{font-size:15px;margin:0 0 12px}.muted{color:var(--muted);font-size:13px}.stack{display:flex;flex-direction:column;gap:16px}label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--muted);margin-bottom:4px}input,select{width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:14px;color:var(--text)}input:focus,select:focus{outline:2px solid rgba(59,91,219,.35);outline-offset:-1px;border-color:var(--accent)}input:disabled,select:disabled{background:#f1f3f5;color:var(--muted)}.field+.field{margin-top:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}button{height:38px;padding:0 16px;border-radius:6px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:#fff;border-color:var(--border);color:var(--text)}.btn-link{height:auto;padding:0;background:none;border:none;color:var(--accent);font-size:13px;text-decoration:underline}.alert{border-radius:6px;padding:10px 12px;font-size:13px}.alert-error{background:var(--danger-bg);border:1px solid #ffc9c9;color:var(--danger)}.alert-ok{background:var(--ok-bg);border:1px solid #b2f2bb;color:var(--ok)}.alert-warn{background:var(--warn-bg);border:1px solid #ffe8a1;color:var(--warn)}.user-list{border:1px solid var(--border);border-radius:6px;max-height:260px;overflow-y:auto}.user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:auto;padding:10px 12px;background:none;border:none;border-bottom:1px solid var(--border);border-radius:0;text-align:left;font-weight:400}.user-row:last-child{border-bottom:none}.user-row:hover{background:#f8f9fb}.badge{flex-shrink:0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.selected-user{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8f9fb;border:1px solid var(--border);border-radius:6px;padding:10px 12px}.divider{height:1px;background:var(--border);border:none;margin:4px 0}.actions{display:flex;justify-content:flex-end;gap:12px}.quote{margin-top:12px;border:1px solid var(--border);border-radius:8px;background:#f8f9fb;padding:12px 14px}.quote-row{display:flex;justify-content:space-between;gap:16px;padding:3px 0}.quote-total{font-size:16px;font-weight:700;color:var(--text)}.button-total{align-self:center;margin-right:auto;color:var(--muted);font-size:13px}.button-total strong{color:var(--text);font-size:15px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}