body.merchant-login-page {
    min-height: 100vh;
    background: #181d1c;
    color: #f9f9f9;
    font-family: Arial, Helvetica, sans-serif;
}

body.merchant-login-page .page-content.container,
body.merchant-login-page .content-wrapper {
    width: 100%; max-width: none; margin: 0; padding: 0;
}

.merchant-login-shell, .merchant-login-shell * { box-sizing: border-box; }
.merchant-login-shell { display: grid; min-height: 100vh; overflow: hidden; background: radial-gradient(circle at 18% 18%, rgba(235,30,37,.18), transparent 30%), linear-gradient(135deg,#181d1c 0%,#202626 48%,#121615 100%); }
.merchant-login-panel { position: relative; z-index: 2; width: min(100%,456px); border: 1px solid #39403f; border-radius: 8px; background: rgba(35,39,40,.94); box-shadow: 0 26px 80px rgba(0,0,0,.34); padding: 34px; }
.merchant-login-brand { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:22px; border-bottom:1px solid #39403f; }
.merchant-login-brand img { display:block; width:min(178px,58%); height:auto; max-height:48px; object-fit:contain; object-position:left center; }
.merchant-login-brand span { color:#f9f9f9; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.merchant-login-copy { margin-top:28px; }.merchant-login-kicker { margin:0 0 9px; color:#eb1e25; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.merchant-login-copy h1 { margin:0; color:#fff; font-size:31px; line-height:1.12; }.merchant-login-copy > p:last-child { margin:11px 0 0; color:rgba(249,249,249,.76); font-size:14px; line-height:1.55; }
.merchant-login-alert { display:flex; align-items:flex-start; gap:10px; margin-top:22px; padding:13px 14px; border:1px solid rgba(239,107,115,.58); border-radius:8px; background:#292e2f; color:#ffa7ac; font-size:13px; line-height:1.4; }
.merchant-login-form { display:grid; margin-top:24px; }.merchant-login-form label { margin:0 0 8px; color:#f9f9f9; font-size:13px; font-weight:700; }.merchant-login-field { display:flex; align-items:center; min-height:48px; margin-bottom:17px; overflow:hidden; border:1px solid #4a5351; border-radius:8px; background:#151b1b; transition:.18s ease; }
.merchant-login-field:focus-within { border-color:rgba(235,30,37,.85); background:#1b2020; box-shadow:0 0 0 3px rgba(235,30,37,.17); }.merchant-login-field > i { display:grid; flex:0 0 45px; place-items:center; color:rgba(249,249,249,.62); }.merchant-login-field input { width:100%; min-width:0; height:48px; border:0; outline:0; background:transparent; color:#fff; font:inherit; font-size:15px; }
.merchant-login-field input:-webkit-autofill,
.merchant-login-field input:-webkit-autofill:hover,
.merchant-login-field input:-webkit-autofill:focus { -webkit-text-fill-color:#fff; box-shadow:0 0 0 1000px #151b1b inset; caret-color:#fff; transition:background-color 9999s ease-out; }
.merchant-login-toggle { display:grid; flex:0 0 48px; width:48px; height:48px; place-items:center; border:0; border-left:1px solid #39403f; background:#1d2424; color:rgba(249,249,249,.72); cursor:pointer; }.merchant-login-toggle:hover,.merchant-login-toggle:focus { color:#fff; outline:0; }
.merchant-login-remember { display:flex; align-items:center; gap:9px; margin:-3px 0 3px; color:rgba(249,249,249,.76); font-size:13px; }.merchant-login-remember input { width:15px; height:15px; accent-color:#eb1e25; }
.merchant-login-submit { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; margin-top:14px; border:1px solid #eb1e25; border-radius:8px; background:#eb1e25; color:#fff; font:inherit; font-size:15px; font-weight:800; cursor:pointer; transition:.18s ease; }.merchant-login-submit:hover,.merchant-login-submit:focus { border-color:#ff3940; background:#ff3940; color:#fff; outline:0; }
.merchant-login-links { display:flex; flex-wrap:wrap; gap:10px 16px; margin-top:19px; }.merchant-login-links a { color:rgba(249,249,249,.72); font-size:13px; text-decoration:none; }.merchant-login-links a:hover { color:#fff; }
.merchant-login-captcha { margin: 0 0 17px; padding: 12px; border: 1px solid #4a5351; border-radius: 8px; background: #292e2f; }.merchant-login-captcha img { display:block; max-width:100%; border-radius:6px; }.merchant-login-captcha p { margin:10px 0 0; color:rgba(249,249,249,.76); font-size:12px; line-height:1.5; }
.merchant-login-aside { position:relative; z-index:1; min-height:100%; }.merchant-login-aside::before { content:""; position:absolute; inset:0; background:linear-gradient(rgba(24,29,28,.2),rgba(24,29,28,.82)),url("../../img/merchant-login-delivery.jpg") center/cover; opacity:.34; }.merchant-login-aside-card { position:absolute; z-index:2; min-width:168px; padding:16px 18px; border:1px solid rgba(249,249,249,.16); border-radius:8px; background:rgba(35,39,40,.86); backdrop-filter:blur(10px); }.merchant-login-aside-card span,.merchant-login-aside-card strong { display:block; }.merchant-login-aside-card span { color:rgba(249,249,249,.68); font-size:12px; }.merchant-login-aside-card strong { margin-top:4px; color:#fff; font-size:19px; }.merchant-login-aside-card:first-child { top:24%; right:9%; }.merchant-login-aside-card:last-child { right:27%; bottom:21%; }
@media (min-width:769px) { .merchant-login-shell { grid-template-columns:minmax(430px,.92fr) minmax(360px,1.08fr); align-items:center; padding:48px clamp(34px,5vw,78px); } }
@media (max-width:768px) { .merchant-login-shell { display:flex; align-items:center; justify-content:center; padding:18px 14px; }.merchant-login-panel { padding:24px 18px; }.merchant-login-brand { align-items:flex-start; flex-direction:column; gap:12px; }.merchant-login-brand img { width:min(168px,72%); }.merchant-login-copy { margin-top:23px; }.merchant-login-copy h1 { font-size:27px; }.merchant-login-aside { display:none; } }