:root{--auth-navy:#061a33;--auth-blue:#0c63e7;--auth-cyan:#19b6d4;--auth-orange:#ff7a1a;--auth-ink:#152238;--auth-muted:#68778d;--auth-line:#dce5f0;--auth-bg:#f4f7fb;--auth-white:#fff;--auth-shadow:0 28px 80px rgba(3,20,42,.22)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--auth-ink);background:var(--auth-bg)}a{text-decoration:none;color:inherit}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(390px,1.05fr) minmax(460px,.95fr);background:#fff}.auth-showcase{position:relative;overflow:hidden;padding:42px clamp(28px,6vw,88px);color:#fff;background:linear-gradient(145deg,rgba(4,21,43,.97),rgba(8,69,128,.91)),url('../assets/images/local/logistics-hero-road.jpg') center/cover}.auth-showcase:before,.auth-showcase:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14)}.auth-showcase:before{width:420px;height:420px;right:-170px;top:-130px}.auth-showcase:after{width:260px;height:260px;left:-110px;bottom:-90px}.auth-brand{display:inline-flex;align-items:center;gap:12px;position:relative;z-index:2}.auth-brand-mark{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--auth-orange),#ffad48);font-weight:900;font-size:1.75rem;box-shadow:0 12px 30px rgba(255,122,26,.3)}.auth-brand b{display:block;font-size:1.2rem;letter-spacing:.1em}.auth-brand small{display:block;letter-spacing:.24em;color:#bdd8f8}.showcase-content{position:relative;z-index:2;max-width:650px;margin-top:clamp(80px,15vh,155px)}.showcase-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.12em}.showcase-content h1{font-size:clamp(2.6rem,5.3vw,5rem);line-height:1.02;margin:22px 0}.showcase-content p{max-width:610px;color:#d8e8fb;font-size:1.08rem;line-height:1.8}.auth-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:35px}.auth-benefit{padding:17px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px)}.auth-benefit strong{display:block;margin-bottom:4px}.auth-benefit span{font-size:.87rem;color:#c9dcf4}.auth-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px;font-size:.87rem;color:#d3e3f6}.auth-trust span:before{content:"✓";color:#ffb56f;font-weight:900;margin-right:7px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:42px clamp(24px,6vw,86px);background:linear-gradient(180deg,#fff,#f5f8fc)}.auth-form-wrap{width:min(530px,100%)}.auth-back{display:inline-flex;align-items:center;gap:8px;color:var(--auth-blue);font-weight:800;font-size:.9rem;margin-bottom:32px}.auth-heading h2{font-size:clamp(2rem,3.8vw,3rem);line-height:1.1;margin:0 0 10px;color:var(--auth-navy)}.auth-heading p{color:var(--auth-muted);line-height:1.7;margin:0 0 28px}.auth-alert{padding:13px 15px;border-radius:10px;margin-bottom:20px;font-size:.92rem}.auth-alert.error{background:#fff0f0;color:#9d1c1c;border:1px solid #ffd2d2}.auth-form{display:grid;gap:18px}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-field label{display:block;font-size:.88rem;font-weight:800;margin-bottom:7px;color:#273751}.auth-input{position:relative}.auth-input input{width:100%;height:52px;border:1px solid var(--auth-line);border-radius:11px;padding:0 45px 0 15px;font:inherit;color:var(--auth-ink);outline:none;background:#fff;transition:.2s}.auth-input input:focus{border-color:var(--auth-blue);box-shadow:0 0 0 4px rgba(12,99,231,.1)}.input-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#8795a9;pointer-events:none}.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#5b6b80;font-weight:800;cursor:pointer;padding:8px}.password-toggle+.input-icon{display:none}.auth-options{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.88rem}.remember{display:flex;align-items:center;gap:8px;color:var(--auth-muted)}.remember input{accent-color:var(--auth-blue)}.auth-link{color:var(--auth-blue);font-weight:800}.auth-submit{height:54px;border:0;border-radius:11px;background:linear-gradient(110deg,var(--auth-blue),var(--auth-cyan));color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 14px 28px rgba(12,99,231,.22);transition:.2s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(12,99,231,.3)}.auth-divider{display:flex;align-items:center;gap:13px;color:#92a0b2;font-size:.82rem;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--auth-line);flex:1}.auth-switch{text-align:center;color:var(--auth-muted);font-size:.94rem}.password-note{color:#7b889a;font-size:.8rem;margin-top:6px}.terms{font-size:.82rem;color:var(--auth-muted);line-height:1.6}.terms input{accent-color:var(--auth-blue);margin-right:7px}.auth-footer-note{text-align:center;color:#8a98aa;font-size:.78rem;margin-top:30px}.nav-account-links{display:flex;align-items:center;gap:8px}.nav-login,.nav-register{padding:11px 15px!important;border-radius:8px}.nav-login{border:1px solid #d7e2ef}.nav-register{background:var(--orange)!important;color:#fff!important}@media(max-width:1020px){.auth-page{grid-template-columns:1fr}.auth-showcase{min-height:470px}.showcase-content{margin-top:65px}.auth-panel{padding-block:55px}.nav-account-links{display:contents}}@media(max-width:680px){.auth-showcase{min-height:430px;padding:28px 22px}.showcase-content{margin-top:50px}.showcase-content h1{font-size:2.55rem}.auth-benefits{grid-template-columns:1fr 1fr}.auth-benefit{padding:13px}.auth-panel{padding:36px 20px}.auth-row{grid-template-columns:1fr}.auth-options{align-items:flex-start;flex-direction:column}.auth-back{margin-bottom:25px}.nav-login,.nav-register{width:100%;text-align:center}}

/* Version 1.1.1.2 authentication compatibility */
.auth-alert.success{background:#eaf9f0;color:#08783d;border:1px solid #bfe9cf}.auth-input select{outline:none;color:var(--auth-ink)}.auth-input select:focus{border-color:var(--auth-blue)!important;box-shadow:0 0 0 4px rgba(12,99,231,.1)}

/* Production compatibility for recovery and carrier authentication pages */
.auth-body{min-height:100vh;background:var(--auth-bg)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,1.05fr) minmax(460px,.95fr);background:#fff}
.auth-visual{position:relative;overflow:hidden;padding:42px clamp(28px,6vw,88px);color:#fff;background:linear-gradient(145deg,rgba(4,21,43,.97),rgba(8,69,128,.91)),url('images/local/logistics-hero-road.jpg') center/cover}
.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
.auth-visual:before{width:420px;height:420px;right:-170px;top:-130px}.auth-visual:after{width:260px;height:260px;left:-110px;bottom:-90px}
.auth-visual>a,.auth-visual>div{position:relative;z-index:2}.auth-visual>div{max-width:650px;margin-top:clamp(90px,17vh,175px)}
.auth-logo{display:inline-flex;align-items:center;color:#fff;font-size:1.15rem;font-weight:900;letter-spacing:.12em}
.auth-logo:before{content:"O";width:52px;height:52px;margin-right:12px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--auth-orange),#ffad48);font-size:1.75rem;box-shadow:0 12px 30px rgba(255,122,26,.3)}
.auth-badge,.auth-kicker{display:inline-block;font-size:.78rem;font-weight:900;letter-spacing:.12em;color:var(--auth-blue)}
.auth-visual .auth-badge{padding:8px 13px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;color:#fff}
.auth-visual h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.04;margin:22px 0}.auth-visual p{color:#d8e8fb;font-size:1.05rem;line-height:1.8}
.auth-card{width:min(530px,100%);padding:0;background:transparent;box-shadow:none}.auth-card h2{font-size:clamp(2rem,3.8vw,3rem);line-height:1.1;margin:10px 0 25px;color:var(--auth-navy)}
.auth-card .auth-form label{display:grid;gap:7px;font-size:.88rem;font-weight:800;color:#273751}.auth-card .auth-form input,.auth-card .auth-form select{width:100%;height:52px;border:1px solid var(--auth-line);border-radius:11px;padding:0 15px;font:inherit;color:var(--auth-ink);outline:none;background:#fff}.auth-card .auth-form input:focus,.auth-card .auth-form select:focus{border-color:var(--auth-blue);box-shadow:0 0 0 4px rgba(12,99,231,.1)}
.auth-card .auth-alert{background:#fff0f0;color:#9d1c1c;border:1px solid #ffd2d2}.auth-home{display:inline-block;margin-top:22px;color:var(--auth-blue);font-weight:800}
@media(max-width:1020px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:440px}.auth-visual>div{margin-top:65px}}
@media(max-width:680px){.auth-visual{min-height:390px;padding:28px 22px}.auth-visual>div{margin-top:48px}.auth-visual h1{font-size:2.5rem}}