@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;650;700&display=swap');
:root{color-scheme:dark;--black:#0b0b0b;--panel:#141414;--line:#303030;--white:#e8e8e8;--muted:#a3a3a3;--blue:#007bc1;--yellow:#f0ca4e;--danger:#ff827a;--green:#7ad9a4;font-family:Geist,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--black);color:var(--white);font-family:Geist,Arial,sans-serif}a{color:inherit}.topbar{height:82px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252525}.brand{display:inline-flex;align-items:center;min-width:190px;min-height:56px}.brand img{display:block;width:190px;height:auto;max-height:64px;object-fit:contain}.topbar-note{font-size:11px;letter-spacing:.15em;color:#bcbcbc;display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 4px #f0ca4e1d}main{max-width:1000px;margin:0 auto;padding:56px 26px 44px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.17em;color:var(--yellow);margin:0 0 13px}.page-heading h1,.login-panel h1{font-size:clamp(34px,5vw,54px);font-weight:550;letter-spacing:-.045em;line-height:1.06;margin:0}.accent{color:var(--blue)}.intro{color:#b9b9b9;font-size:15px;line-height:1.65;max-width:590px;margin:13px 0 0}.logout{font-size:13px;color:#c2c2c2;text-decoration:none;padding:10px 0;border-bottom:1px solid #555}.logout:hover{color:var(--yellow);border-color:var(--yellow)}.form-panel,.login-panel{border:1px solid var(--line);background:var(--panel);padding:clamp(23px,4vw,38px)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #2e2e2e;padding-bottom:23px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{font-size:20px;letter-spacing:-.02em;font-weight:550;margin:0}.required-note{font-size:12px;color:#969696}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label,.login-form label{font-size:13px;font-weight:500;color:#e3e3e3}.field label>span:not(.soft-label){color:var(--yellow)}.soft-label{font-size:11px;font-weight:400;color:#898989;margin-left:6px}input,select,textarea{width:100%;border:1px solid #3a3a3a;border-radius:2px;background:#0e0e0e;color:var(--white);font:400 14px/1.4 Geist,Arial,sans-serif;padding:12px 13px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #007bc133}input[readonly]{background:#191919;color:#d0d0d0}select{appearance:auto}select option:disabled{color:#777}textarea{resize:vertical;min-height:88px}.hint{font-size:11px;line-height:1.5;color:#999;min-height:16px}.hint.warning{color:var(--yellow)}.form-footer{border-top:1px solid #2e2e2e;margin-top:26px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.save-note{font-size:12px;color:#a8a8a8;display:flex;align-items:center;gap:9px;margin:0}.save-mark{width:18px;height:18px;display:grid;place-items:center;color:var(--black);background:var(--yellow);font-size:11px;font-weight:700;border-radius:50%}.button{font-family:inherit;cursor:pointer;min-height:44px;padding:0 19px;border-radius:2px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:22px;transition:background .15s,color .15s,border .15s}.button.primary{background:var(--yellow);color:var(--black);border:1px solid var(--yellow)}.button.primary:hover{background:#ffda69;border-color:#ffda69}.button:disabled{opacity:.5;cursor:wait}.button.secondary{background:transparent;color:var(--white);border:1px solid #555}.button.secondary:hover{border-color:var(--white)}.alert{margin:0 0 18px;padding:12px 14px;background:#3a1b1b;border:1px solid #653331;color:#ffd4cf;font-size:13px;line-height:1.5}.hidden{display:none!important}.success{border-top:1px solid #2e2e2e;padding-top:24px;display:flex;align-items:center;gap:14px}.success-mark{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;background:#183829;color:var(--green);border-radius:50%;font-weight:700}.success strong{font-size:14px}.success p{font-size:12px;color:#aaa;margin:5px 0 0;line-height:1.5}.success .button{margin-left:auto}.page-foot{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.12em;color:#747474;margin:26px 0 0}.page-foot span{color:#969696}.login-panel{max-width:480px;margin:7vh auto 0;padding:clamp(28px,6vw,48px)}.login-panel .intro{margin-bottom:29px}.login-form{display:grid;gap:10px}.login-form input{margin-bottom:8px}.login-form .button{width:100%;margin-top:6px}.login-foot{border-top:1px solid #303030;padding-top:16px;margin:24px 0 0;color:#888;font-size:11px;letter-spacing:.04em}
@media(max-width:650px){.topbar{height:70px;padding:0 20px}.brand,.brand img{min-width:160px;width:160px}.topbar-note{font-size:9px;letter-spacing:.1em}main{padding:38px 18px 32px}.page-heading{align-items:flex-start}.page-heading h1,.login-panel h1{font-size:36px}.form-grid{grid-template-columns:1fr;gap:17px}.field.full{grid-column:auto}.form-panel{padding:23px 18px}.form-footer{align-items:stretch;flex-direction:column}.form-footer .button{width:100%}.success{flex-wrap:wrap}.success .button{width:100%;margin:8px 0 0}.page-foot{font-size:9px}.login-panel{margin-top:6vh}}