:root{--bg:#f8f9fb;--surface:#fff;--surface2:#f1f3f7;--border:#00000014;--border2:#00000026;--text:#0f172a;--text2:#475569;--text3:#5b6675;--accent:#3b5bdb;--accent2:#7950f2;--green:#2f9e44;--green-bg:#ebfbee;--red:#8b2020;--red-bg:#fff5f5;--amber:#e67700;--amber-bg:#fff9db;--info:#1971c2;--info-bg:#e7f5ff;--radius:8px;--radius-sm:5px;--shadow:0 1px 2px #0000000f, 0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--font-sans:-apple-system, "Helvetica Neue", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell>main{flex-direction:column;flex:1;display:flex}.client-bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:10px 32px;display:flex}.client-mark{background:var(--text);color:#fff;letter-spacing:.04em;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.client-name{color:var(--text);letter-spacing:.02em;font-size:15px}.client-sub{color:var(--text3);margin-top:2px;font-size:11px}.center-card{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:420px;padding:22px 24px}.card-wide{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px 22px}.card h1{color:var(--text);letter-spacing:.01em;margin:0 0 6px;font-size:20px}.card p.subtitle{color:var(--text2);margin:0 0 20px;font-size:13px;line-height:1.4}label{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-family:var(--font-sans);margin-bottom:6px;display:block}input[type=email],input[type=text],select{border:1px solid var(--border2);border-radius:var(--radius-sm);width:100%;font-size:13px;font-family:var(--font-sans);background:var(--surface);color:var(--text);outline:none;padding:9px 12px;transition:border-color .12s,box-shadow .12s}input[type=email]:focus,input[type=text]:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b5bdb2e}button.primary{background:var(--text);color:#fff;border-radius:var(--radius);width:100%;font-size:13px;font-weight:600;font-family:var(--font-sans);letter-spacing:.02em;cursor:pointer;border:0;margin-top:14px;padding:10px 16px;transition:background .12s}button.primary:hover{background:#000}button.primary:disabled{opacity:.5;cursor:not-allowed}.notice{border-radius:var(--radius-sm);border:1px solid var(--border);margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.4}.notice.ok{background:var(--green-bg);color:var(--green);border-color:#2f9e4440}.notice.err{background:var(--red-bg);color:var(--red);border-color:#8b202040}.badge{white-space:nowrap;font-size:10px;font-weight:500;font-family:var(--font-sans);letter-spacing:.02em;border-radius:12px;padding:3px 9px;display:inline-block}.badge.active{background:var(--green-bg);color:var(--green)}.badge.deactivated{color:#4a4a44;background:#eeede8}.muted{color:var(--text3);font-size:12px}a.link{color:var(--accent);font-weight:500;text-decoration:none}a.link:hover{text-decoration:underline}.wrapper-footer{border-top:1px solid var(--border);background:var(--surface);font-family:var(--font-sans);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 32px;display:flex}.wrapper-footer .copy{color:var(--text3);font-size:11px}.wrapper-footer .powered{color:var(--text3);white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.wrapper-footer .powered a{opacity:.82;align-items:center;transition:opacity .15s;display:inline-flex}.wrapper-footer .powered a:hover{opacity:1}.wrapper-footer .powered img{width:auto;height:22px;display:block}