:root{
  --ink:#111827;--ink2:#1b2434;--bg:#f4f6f9;--panel:#fff;--text:#172033;--muted:#7f8a9c;
  --line:#e6eaf0;--accent:#ffb703;--accent-soft:#fff3c4;--success:#16875f;--danger:#b42318;
  --shadow:0 28px 80px rgba(15,23,42,.13)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}body{background:var(--bg)}a{text-decoration:none;color:inherit}button,input{font:inherit}.auth-body{min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.05fr) minmax(520px,.95fr)}.auth-showcase{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d1420 0%,#111827 48%,#202938 100%);padding:42px 54px;color:#fff;display:flex;flex-direction:column;min-height:100vh}.showcase-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.showcase-glow{position:absolute;width:560px;height:560px;border-radius:50%;right:-230px;bottom:-210px;background:radial-gradient(circle,rgba(255,183,3,.20),rgba(255,183,3,0) 68%)}.showcase-glow:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:-290px;top:-300px;border:55px solid rgba(255,255,255,.025)}.auth-brand,.setup-brand,.mobile-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:2;width:max-content}.auth-brand-mark{width:47px;height:47px;border-radius:15px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:10px;box-shadow:0 14px 32px rgba(0,0,0,.18)}.auth-brand-mark i{display:block;background:linear-gradient(180deg,#ffd166,#ffb703);border-radius:3px}.auth-brand-mark i:nth-child(2){transform:translateY(5px)}.auth-brand-mark i:nth-child(3){transform:translateY(-2px)}.auth-brand>span:last-child,.setup-brand>span:last-child,.mobile-brand>span:last-child{display:flex;flex-direction:column}.auth-brand strong,.setup-brand strong,.mobile-brand strong{font-size:18px;letter-spacing:.13em}.auth-brand small,.setup-brand small,.mobile-brand small{font-size:10px;color:#9ca7b9;margin-top:2px}.showcase-copy{position:relative;z-index:2;margin:auto 0;max-width:720px;padding:70px 0}.premium-kicker{display:inline-flex;align-items:center;gap:8px;color:#f8c63f;font-size:10px;font-weight:850;letter-spacing:.16em}.premium-kicker i{width:8px;height:8px;border-radius:50%;background:#ffb703;box-shadow:0 0 0 6px rgba(255,183,3,.12)}.showcase-copy h1{font-size:clamp(39px,4vw,66px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 20px;max-width:690px}.showcase-copy>p{font-size:14px;line-height:1.8;color:#aeb7c6;max-width:650px;margin:0}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:34px;max-width:650px}.trust-grid>div{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:17px;padding:15px;display:grid;grid-template-columns:38px 1fr;column-gap:11px;backdrop-filter:blur(8px)}.trust-icon{grid-row:1/3;width:38px;height:38px;border-radius:11px;background:rgba(255,183,3,.12);color:#ffd166;display:grid;place-items:center;font-size:9px;font-weight:900}.trust-grid strong{font-size:11px;align-self:end}.trust-grid small{font-size:9px;color:#909caf;margin-top:3px}.showcase-footer{position:relative;z-index:2;display:flex;justify-content:space-between;color:#758297;font-size:9px}.showcase-footer span:first-child{display:flex;align-items:center;gap:7px}.online-dot{width:7px;height:7px;border-radius:50%;background:#23bd83;box-shadow:0 0 0 5px rgba(35,189,131,.10)}.auth-panel{background:#f8f9fb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 60px;min-height:100vh}.mobile-brand{display:none}.auth-card{width:min(100%,520px)}.auth-heading{margin-bottom:25px}.auth-step{display:inline-flex;background:#fff4d4;color:#8a6000;border:1px solid #ffe7a0;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900;letter-spacing:.12em}.auth-heading h2,.setup-heading h1{font-size:31px;letter-spacing:-.04em;margin:12px 0 7px;color:#121a2a}.auth-heading p,.setup-heading p{margin:0;color:#8a94a4;font-size:12px;line-height:1.65}.auth-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border-radius:14px;margin-bottom:14px;font-size:10px;line-height:1.5}.auth-alert>span{flex:0 0 auto;min-width:27px;height:27px;padding:0 5px;border-radius:8px;display:grid;place-items:center;font-size:8px;font-weight:900}.auth-alert>div{display:flex;flex-direction:column;gap:2px}.auth-alert small{font-size:9px}.auth-alert.danger{background:#fff0ef;color:#8f2018;border:1px solid #ffd7d2}.auth-alert.danger>span{background:#b42318;color:#fff}.auth-alert.warning{background:#fff8e6;color:#735400;border:1px solid #ffe7a0}.auth-alert.warning>span{background:#ffb703;color:#4c3700}.auth-alert.success{background:#eaf8f3;color:#126c50;border:1px solid #cdeee2}.auth-alert.success>span{background:#16875f;color:#fff}.first-admin-card{border:1px solid #e2e7ed;border-radius:17px;padding:14px;background:#fff;display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;margin-bottom:16px;box-shadow:0 8px 25px rgba(15,23,42,.035)}.first-admin-icon{width:40px;height:40px;border-radius:12px;background:#111827;color:#ffc029;display:grid;place-items:center;font-size:18px;font-weight:300}.first-admin-card strong{font-size:10px}.first-admin-card p{font-size:9px;color:#8e98a8;line-height:1.45;margin:3px 0 0}.first-admin-card a{font-size:9px;font-weight:850;background:#fff4d4;color:#835b00;padding:8px 9px;border-radius:9px;white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:15px}.field-group{display:flex;flex-direction:column;gap:7px}.field-group>span{font-size:10px;font-weight:750;color:#586477}.field-control{height:53px;border:1px solid #dfe4eb;border-radius:14px;background:#fff;display:flex;align-items:center;transition:.18s;overflow:hidden}.field-control:focus-within{border-color:#d7a100;box-shadow:0 0 0 4px rgba(255,183,3,.10)}.field-symbol{width:47px;display:grid;place-items:center;color:#98a2b1;font-size:11px;font-weight:800;border-right:1px solid #edf0f3}.field-control input{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0 14px;background:transparent;color:#172033;font-size:12px}.field-control input::placeholder{color:#b4bbc6}.field-control input:disabled{background:#f6f7f9;color:#a5adba;cursor:not-allowed}.password-toggle{height:34px;margin-right:8px;border:0;border-radius:9px;padding:0 9px;background:#f2f4f7;color:#6f7b8d;font-size:8px;font-weight:800}.field-help{font-size:8px;color:#99a2b0;margin-top:-2px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.remember-check{display:flex;align-items:center;gap:8px;color:#5d697b;font-size:10px;cursor:pointer}.remember-check input{position:absolute;opacity:0}.remember-check>span{width:17px;height:17px;border:1px solid #d7dde5;background:#fff;border-radius:5px;position:relative}.remember-check input:checked+span{background:#111827;border-color:#111827}.remember-check input:checked+span:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #ffd166;border-width:0 2px 2px 0;transform:rotate(45deg)}.session-note{font-size:8px;color:#a0a8b4}.auth-submit{height:55px;border:0;border-radius:15px;background:linear-gradient(135deg,#111827,#202a3b);color:#fff;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;box-shadow:0 14px 30px rgba(17,24,39,.16);cursor:pointer;transition:.18s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(17,24,39,.20)}.auth-submit:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.auth-submit b{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.09);color:#ffd166;display:grid;place-items:center;font-size:15px}.security-strip{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #e5e9ee;margin-top:24px;padding-top:18px}.shield-mini{width:29px;height:29px;border-radius:9px;background:#edf8f4;color:#19825f;display:grid;place-items:center;font-size:8px;flex:0 0 auto}.security-strip p{margin:0;color:#8a94a4;font-size:8.5px;line-height:1.65}.security-strip strong{display:block;color:#536072;font-size:9px;margin-bottom:2px}.auth-panel-footer{margin-top:26px;color:#a7afbb;font-size:8px}.setup-body{background:radial-gradient(circle at 50% 0,#fff4d3 0,#f6f7f9 34%,#eff2f6 100%);padding:40px 20px}.setup-shell{width:min(100%,850px);margin:0 auto}.setup-brand{margin:0 auto 24px}.setup-brand strong{color:#111827}.setup-card{background:#fff;border:1px solid #e4e8ee;border-radius:26px;padding:32px;box-shadow:var(--shadow)}.setup-heading{text-align:center;max-width:590px;margin:0 auto 25px}.setup-heading h1{font-size:29px}.setup-form{display:flex;flex-direction:column;gap:18px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setup-warning{display:flex;align-items:flex-start;gap:10px;background:#fff9e8;border:1px solid #ffe9a6;border-radius:13px;padding:12px;color:#6e570f}.setup-warning>span{width:28px;height:28px;border-radius:8px;background:#ffb703;color:#513800;display:grid;place-items:center;font-size:8px;flex:0 0 auto}.setup-warning p{margin:0;font-size:9px;line-height:1.55}.setup-warning strong{display:block;font-size:9px;margin-bottom:2px}.setup-footer{text-align:center;color:#8f99a8;font-size:9px;margin:18px 0 0}.setup-footer code{color:#765500}.setup-card .auth-submit{width:100%}
@media(max-width:1040px){.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{min-height:100vh;padding:36px 24px}.mobile-brand{display:flex;margin-bottom:45px}.mobile-brand strong{color:#111827}.auth-card{margin:auto}.auth-panel-footer{margin-top:38px}}
@media(max-width:600px){.auth-panel{padding:23px 18px}.mobile-brand{align-self:flex-start;margin-bottom:36px}.auth-brand-mark{width:42px;height:42px;border-radius:13px;padding:9px;background:#111827}.auth-heading h2{font-size:27px}.auth-card{width:100%}.form-row{align-items:flex-start;flex-direction:column}.session-note{margin-left:25px}.first-admin-card{grid-template-columns:40px 1fr}.first-admin-card a{grid-column:1/-1;text-align:center}.setup-body{padding:20px 12px}.setup-card{padding:20px 16px;border-radius:20px}.setup-grid{grid-template-columns:1fr}.setup-heading h1{font-size:25px}.setup-brand{margin-bottom:18px}}
.database-setup-card{max-width:760px}.db-setup-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.db-setup-summary>div{border:1px solid #e7eaf0;border-radius:13px;padding:12px;display:flex;flex-direction:column;background:#fbfcfd}.db-setup-summary span{font-size:9px;color:#8994a5}.db-setup-summary strong{font-size:14px;color:#172033;margin-top:3px}.db-setup-list{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.db-setup-list>div{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;border:1px solid #e9edf2;border-radius:11px;padding:9px 10px}.db-setup-list>div>span{width:34px;height:28px;border-radius:8px;background:#111827;color:#ffc107;display:grid;place-items:center;font-size:8px;font-weight:900}.db-setup-list strong{font-size:10px;color:#273245}.db-setup-list small{font-size:8px;color:#9a7a1b;background:#fff5d8;padding:4px 6px;border-radius:6px}.inline-setup-link{display:inline-flex;margin-top:6px;font-size:9px;font-weight:900;color:#805d00;text-decoration:none}@media(max-width:640px){.db-setup-summary{grid-template-columns:1fr}.db-setup-list>div{grid-template-columns:34px 1fr}.db-setup-list small{display:none}}