
:root{--steady-red:#ed1c24;--steady-green:#10a957;--steady-dark:#171717}
.steady-auth-page{margin:0;background:#f7f7f5;min-height:100vh;font-family:Arial,sans-serif}
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}
.auth-visual{position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(0,0,0,.82),rgba(0,0,0,.28)),url('../images/bg_1.jpg') center/cover;min-height:100vh;color:#fff}
.auth-visual-overlay{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(16,169,87,.2),transparent 35%),linear-gradient(180deg,rgba(237,28,36,.12),transparent 50%)}
.auth-visual-content{position:relative;z-index:1;max-width:560px;padding:54px 8vw 50px 8vw;height:100%;display:flex;flex-direction:column;justify-content:center}
.auth-brand img{width:165px;height:auto;object-fit:contain;margin-bottom:70px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.25))}
.auth-kicker{display:inline-block;color:#57d58e;font-weight:800;letter-spacing:2px;font-size:12px;margin-bottom:14px}.auth-visual h1{font-size:54px;line-height:1.06;font-weight:800;margin:0 0 22px}.auth-visual h1 span{color:#ff343b}.auth-visual p{font-size:17px;line-height:1.75;color:#eee;max-width:500px}.auth-order-btn{display:inline-flex;align-items:center;justify-content:space-between;width:210px;margin-top:22px;padding:14px 18px;background:var(--steady-red);color:#fff;border-radius:8px;text-decoration:none;font-weight:700;transition:.2s}.auth-order-btn:hover{color:#fff;transform:translateY(-2px);background:#d9141b}.auth-order-btn span{font-size:22px}.auth-contact{margin-top:45px;font-size:13px;color:#ddd}.auth-contact span{color:#57d58e;font-weight:700;margin-right:8px}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:35px;background:#fff}.auth-panel-inner{width:100%;max-width:430px}.auth-heading span{font-size:11px;letter-spacing:2px;color:var(--steady-red);font-weight:800}.auth-heading h2{font-size:40px;font-weight:800;color:#202020;margin:6px 0 8px}.auth-heading p{color:#777;margin-bottom:28px}.auth-alert{padding:13px 15px;border-radius:10px;margin-bottom:16px;font-size:14px}.auth-alert.success{background:#eaf9f0;color:#187343}.auth-alert.error{background:#fff0f0;color:#a4161b}.auth-field{margin-bottom:19px}.auth-field label{display:block;font-size:13px;font-weight:700;color:#303030;margin-bottom:8px}.forgot-link{font-size:12px;color:var(--steady-red);text-decoration:none}.input-wrap{position:relative}.input-wrap>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#888;font-size:16px;z-index:2}.input-wrap input{width:100%;height:54px;border:1px solid #e1e1e1;border-radius:9px;padding:0 45px;color:#222;background:#fbfbfb;outline:none;transition:.2s}.input-wrap input:focus{border-color:var(--steady-green);box-shadow:0 0 0 3px rgba(16,169,87,.09);background:#fff}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;color:#888}.auth-submit{width:100%;border:0;height:55px;border-radius:9px;background:linear-gradient(135deg,#ed1c24,#d71219);color:#fff;font-weight:800;font-size:15px;box-shadow:0 9px 22px rgba(237,28,36,.2);transition:.2s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(237,28,36,.25)}.auth-submit span{float:right;font-size:20px;line-height:14px}.auth-divider{display:flex;align-items:center;gap:12px;margin:25px 0 20px;color:#aaa;font-size:10px;font-weight:700}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#eee;flex:1}.auth-register{text-align:center;color:#777;font-size:13px}.auth-register a{color:var(--steady-red);font-weight:700;text-decoration:none}.back-home{display:block;text-align:center;margin-top:26px;color:#777;font-size:12px;text-decoration:none}.back-home:hover{color:var(--steady-red)}.first-admin-note{margin-top:22px;padding:15px;border:1px solid #dcefe4;background:#f4fcf7;border-radius:10px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#4b5c52}.first-admin-note strong{color:#17733f}.first-admin-note a{color:#12864b;font-weight:800;text-decoration:none;margin-top:3px}.mobile-auth-logo{display:none}
@media(max-width:900px){.auth-wrap{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:24px}.mobile-auth-logo{display:block;text-align:center;margin-bottom:28px}.mobile-auth-logo img{width:145px;height:auto}.auth-heading h2{font-size:34px}}
/* V9 first-admin setup and login refinements */
.first-admin-card{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;margin:0 0 24px;padding:14px;border:1px solid #cfeedd;background:linear-gradient(135deg,#f1fff7,#fbfffd);border-radius:14px}.first-admin-icon{width:38px;height:38px;border-radius:11px;background:#10a957;color:#fff;display:grid;place-items:center;font-weight:800}.first-admin-copy{display:flex;flex-direction:column;gap:2px}.first-admin-copy strong{font-size:13px;color:#176c3c}.first-admin-copy span{font-size:12px;color:#3f4c45}.first-admin-copy small{font-size:11px;color:#718078}.first-admin-button{white-space:nowrap;padding:10px 13px;background:#10a957;color:#fff;border-radius:9px;font-size:11px;font-weight:800;text-decoration:none}.first-admin-button:hover{color:#fff;background:#0b914a}.disabled-link{cursor:default;opacity:.7}.setup-page{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(237,28,36,.18),transparent 28%),radial-gradient(circle at 90% 90%,rgba(16,169,87,.2),transparent 32%),#151515;display:flex;align-items:center;justify-content:center;padding:30px}.setup-wizard{width:100%;max-width:640px;background:#fff;border-radius:24px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.setup-brand img{width:145px;height:auto;margin-bottom:20px}.setup-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:#ed1c24;margin-bottom:7px}.setup-kicker.success{color:#16884b}.setup-wizard h1{font-size:31px;font-weight:900;color:#202020;margin:0 0 8px}.setup-subtitle{color:#707070;font-size:14px;line-height:1.6;margin-bottom:24px}.setup-form label{display:block;font-size:12px;font-weight:800;color:#333;margin:0 0 7px}.setup-form input{width:100%;height:50px;border:1px solid #ddd;border-radius:10px;padding:0 14px;margin-bottom:15px;outline:none;background:#fafafa}.setup-form input:focus{border-color:#10a957;box-shadow:0 0 0 3px rgba(16,169,87,.1);background:#fff}.setup-password{position:relative}.setup-password input{padding-right:65px}.setup-password button{position:absolute;right:8px;top:6px;height:38px;border:0;background:#eee;border-radius:7px;padding:0 11px;font-size:11px;font-weight:800;color:#555}.password-rules{display:flex;flex-wrap:wrap;gap:6px;margin:-7px 0 16px}.password-rules span{font-size:10px;color:#68736d;background:#f2f5f3;border-radius:20px;padding:5px 8px}.setup-errors{background:#fff0f0;border:1px solid #f3caca;color:#a4161b;border-radius:10px;padding:11px 13px;font-size:12px;margin-bottom:16px}.setup-btn{display:block;width:100%;border:0;background:linear-gradient(135deg,#ed1c24,#d71219);color:#fff;border-radius:10px;padding:14px;font-weight:900;text-align:center;text-decoration:none;margin-top:8px}.setup-btn:hover{color:#fff;background:#d71219}.setup-lock,.setup-security{display:flex;gap:8px;background:#f7faf8;border:1px solid #e0ece5;color:#647068;border-radius:10px;padding:12px;margin-top:16px;font-size:11px;line-height:1.5}.setup-security{display:flex;flex-direction:column;background:#effbf4;border-color:#ccebd9;color:#356047}.setup-security strong{color:#187343}.created-account{background:#f8f9f8;border:1px solid #e4e8e5;border-radius:12px;padding:4px 16px;margin:20px 0}.created-account>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e7e9e8}.created-account>div:last-child{border-bottom:0}.created-account span{font-size:11px;color:#777}.created-account strong{font-size:13px;color:#222}.setup-success-icon{width:58px;height:58px;border-radius:50%;background:#e8f8ef;color:#15934e;display:grid;place-items:center;font-size:28px;font-weight:900;margin:0 auto 18px}.setup-back{display:block;text-align:center;color:#777;font-size:12px;text-decoration:none;margin-top:20px}.setup-back:hover{color:#ed1c24}
@media(max-width:700px){.first-admin-card{grid-template-columns:38px 1fr}.first-admin-button{grid-column:1/-1;text-align:center}.setup-page{padding:15px}.setup-wizard{padding:25px 20px;border-radius:18px}.setup-wizard h1{font-size:26px}.created-account>div{flex-direction:column;gap:3px}}
