/* HIFA OIL visual identity. Local artwork keeps the interface independent of external hosts. */
:root{--hifa-red:#d51f30;--hifa-red-dark:#b81725;--hifa-ink:#1b242e;--hifa-muted:#85919d}
.hifa-logo-box{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:63px;height:50px;padding:6px;background:#fff;border-radius:8px;box-shadow:0 3px 10px #00000012}
.hifa-logo-box img{display:block;width:100%;height:100%;object-fit:contain}
.hifa-brand .hifa-brand-copy b{font-family:'Manrope',sans-serif;letter-spacing:1.1px;font-weight:800}
.hifa-brand .hifa-brand-copy small{letter-spacing:1.15px;font-size:8px;white-space:nowrap}
.hifa-app .sidebar{background:linear-gradient(175deg,#1d2630,#111a23);border-right:1px solid #26323d}
.hifa-app .brand{gap:10px;padding-left:3px;padding-right:0}
.hifa-app .brand b{font-size:17px}
.hifa-app .brand small{color:#aab4be;font-size:7px;letter-spacing:.6px}
.hifa-app .workspace{color:#e1e7ed;background:#ffffff06;border-color:#ffffff15}
.hifa-app .nav-link.active{background:linear-gradient(100deg,#d51f30,#b81b2b);box-shadow:0 4px 12px #00000016}
.hifa-app .nav-link:not(.active):hover{background:#ffffff0e}
.hifa-app .support-card{background:#ffffff05;border-color:#ffffff12}
.hifa-app .support-icon{color:#e86d77}
.hifa-app .topbar{border-top:3px solid var(--hifa-red)}
.hifa-top-name{color:var(--hifa-ink);font:800 12px 'Manrope',sans-serif;letter-spacing:.5px;white-space:nowrap}
.hifa-top-name small{font:400 10px 'DM Sans',sans-serif;color:#8794a2;display:block;text-align:right;letter-spacing:0;margin-top:2px}
.hifa-app .search-hint{display:none}
.hifa-app .btn.primary{background:var(--hifa-red);border-color:var(--hifa-red)}
.hifa-app .btn.primary:hover{background:var(--hifa-red-dark);border-color:var(--hifa-red-dark)}
.hifa-app .btn.primary:focus-visible,.hifa-login .btn.primary:focus-visible{outline:3px solid #d51f3040;outline-offset:3px}
.hifa-dashboard-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:180px;padding:28px 32px;border:1px solid #283441;border-radius:13px;background:#1b2530;margin-bottom:27px;box-shadow:0 10px 24px #17232e0c}
.hifa-hero-copy{position:relative;z-index:2;max-width:72%;color:#fff}
.hifa-hero-copy .eyebrow{color:#f3a5ad;font-size:9px;letter-spacing:1.7px;margin-bottom:10px}
.hifa-hero-copy h2{font:800 clamp(21px,2.2vw,30px)/1.2 'Manrope',sans-serif;margin:0 0 9px;letter-spacing:-.7px}
.hifa-hero-copy p{font-size:12px;color:#c1cbd6;line-height:1.6;margin:0 0 20px}
.hifa-hero-caption{font-size:9px;font-weight:600;letter-spacing:.4px;color:#cbd4de;display:flex;align-items:center;gap:7px}
.hifa-hero-caption span,.hifa-status-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:100%;background:#55c28e;box-shadow:0 0 0 3px #55c28e19}
.hifa-hero-art{position:absolute;z-index:0;inset:0 0 0 35%;background-image:linear-gradient(90deg,#1b2530 0%,#1b25303d 50%,#1b253000),url('branding/fleet-3d.png');background-size:cover;background-position:center 62%;opacity:.86}
.hifa-dashboard-hero:after{content:'';position:absolute;z-index:1;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--hifa-red),#d51f3040,transparent)}
/* Login: a static three-dimensional vehicle render, with no animation or WebGL dependency. */
.hifa-login{grid-template-columns:1.18fr 1fr;background:#f8fafc}
.hifa-login .login-decoration{background:#171f29;padding:42px 7% 28px;min-height:100vh;justify-content:flex-start;isolation:isolate}
.login-vehicle-art{position:absolute;inset:0;z-index:-2;background:url('branding/fleet-3d.png') center bottom/auto 73% no-repeat;background-color:#171f29}
.hifa-login .login-decoration:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#171f29 0%,#171f29f5 17%,#171f29a8 39%,#171f2900 67%,#171f29b3 100%)}
.hifa-login .login-brand{gap:14px}
.hifa-login .login-brand .hifa-logo-box{width:82px;height:66px;padding:8px;border-radius:10px}
.hifa-login .login-brand b{font-size:25px;letter-spacing:1.8px}
.hifa-login .login-brand small{color:#b4bfca;font-size:8px;letter-spacing:1.5px;margin-top:6px}
.hifa-login .login-pitch{margin:68px 0 290px;max-width:510px}
.hifa-login .login-pitch .eyebrow{color:#ff9ea8;letter-spacing:1.7px;font-size:8px;line-height:1.7}
.hifa-login .login-pitch h2{font-size:clamp(35px,3.5vw,54px);letter-spacing:-1.9px;margin:15px 0 18px;text-shadow:0 2px 16px #00000022}
.hifa-login .login-pitch p{font-size:13px;line-height:1.8;color:#c0cbd7;max-width:360px}
.login-feature-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.login-feature-row span{padding:6px 10px;border:1px solid #ffffff26;background:#ffffff07;border-radius:5px;color:#d7dfe8;font-size:9px}
.login-visual-caption{display:flex;align-items:center;gap:10px;margin-top:auto;color:#c0ccd9;font-size:9px;letter-spacing:.4px}
.login-visual-caption b{color:#697886;margin:0 8px}
.hifa-login .login-panel{position:relative;padding:40px 12%;background:radial-gradient(ellipse at 90% 0%,#f1f3f5,transparent 55%),#fff}
.hifa-login .login-form{max-width:370px}
.login-form-brand{display:flex;align-items:center;gap:12px;margin:0 0 45px;border-bottom:1px solid #edf0f3;padding-bottom:20px}
.login-form-brand img{width:66px;height:44px;object-fit:contain}
.login-form-brand>span{font:800 17px 'Manrope',sans-serif;letter-spacing:1px;color:#1d2732}
.login-form-brand small{display:block;font:600 8px 'DM Sans',sans-serif;color:#8b96a3;letter-spacing:2px;margin-top:4px}
.hifa-login .eyebrow.blue{color:var(--hifa-red);font-size:8px;letter-spacing:1.6px}
.hifa-login .login-form h1{font-size:30px;margin-top:8px;color:#1b242e}
.hifa-login .login-form>p{color:#84909e;margin-bottom:27px;font-size:12px;line-height:1.6}
.hifa-login .login-form label{font-size:11px;color:#465564}
.hifa-login .login-form .input{font-size:12px;border-color:#dfe4e9;border-radius:7px;background:#fff;padding:13px 14px}
.hifa-login .login-form .input:focus{border-color:var(--hifa-red);box-shadow:0 0 0 3px #d51f3012;outline:none}
.hifa-login .login-form .btn.primary{border-color:var(--hifa-red);background:var(--hifa-red);font-size:12px;box-shadow:0 5px 12px #d51f3019;padding:14px;margin-top:26px}
.hifa-login .login-form .btn.primary:hover{background:var(--hifa-red-dark);border-color:var(--hifa-red-dark)}
.hifa-login .login-help{font-size:10px;color:#7b8794;line-height:1.7}
.hifa-login .login-foot{margin-top:36px;padding-top:19px;font-size:9px;color:#84909d;line-height:2}
.hifa-login .login-foot>span:last-child{color:#a2abb6}
.login-lock{color:#a3adb9;margin-right:4px}
@media(min-width:1700px){.hifa-login .login-vehicle-art{background-size:100% auto}.hifa-login .login-pitch{margin-bottom:360px}}
@media(max-width:1100px){.hifa-login .login-decoration{padding:35px 7% 25px}.hifa-login .login-panel{padding:35px 10%}.hifa-login .login-pitch{margin:60px 0 280px}.hifa-login .login-pitch h2{font-size:38px}.hifa-top-name{display:none}.hifa-hero-copy{max-width:78%}}
@media(max-width:900px){.hifa-app .sidebar .hifa-logo-box{width:42px;height:38px;padding:5px;border-radius:6px}.hifa-app .sidebar .hifa-brand-copy{display:none}.hifa-app .brand{padding-left:0;padding-right:0;justify-content:center}.hifa-dashboard-hero{padding:24px;min-height:175px}.hifa-hero-copy{max-width:84%}.hifa-hero-art{left:25%;opacity:.56}.hifa-login .login-brand b{font-size:19px}.hifa-login .login-brand small{font-size:7px;letter-spacing:.6px}.hifa-login .login-brand .hifa-logo-box{width:66px;height:54px}.hifa-login .login-pitch h2{font-size:35px}.hifa-login .login-pitch{margin-top:48px}}
@media(max-width:680px){.hifa-login{display:block}.hifa-login .login-decoration{display:flex;min-height:300px;height:300px;padding:23px 25px 22px}.hifa-login .login-brand .hifa-logo-box{width:62px;height:48px}.hifa-login .login-brand b{font-size:20px}.hifa-login .login-pitch{margin:25px 0 0;max-width:78%}.hifa-login .login-pitch .eyebrow{font-size:6px;letter-spacing:1px}.hifa-login .login-pitch h2{font-size:29px;letter-spacing:-1px;line-height:1.16;margin:9px 0 0}.hifa-login .login-pitch p,.hifa-login .login-feature-row,.login-visual-caption{display:none}.hifa-login .login-vehicle-art{background-size:auto 100%;background-position:58% 58%;opacity:.6}.hifa-login .login-decoration:after{background:linear-gradient(90deg,#171f29ed,#171f2970 65%,#171f2900)}.hifa-login .login-panel{padding:32px 26px 28px}.login-form-brand{display:none}.hifa-login .login-form{max-width:420px}.hifa-login .login-form h1{font-size:27px}.hifa-login .login-foot{margin-top:26px}.hifa-dashboard-hero{margin-bottom:23px;min-height:180px;padding:23px 18px}.hifa-hero-copy{max-width:100%}.hifa-hero-copy .eyebrow{font-size:7px;letter-spacing:1.25px}.hifa-hero-copy h2{font-size:22px;max-width:220px}.hifa-hero-copy p{font-size:10px;max-width:230px}.hifa-hero-caption{font-size:8px}.hifa-hero-art{inset:0 0 0 5%;opacity:.28}.hifa-app .app-footer{font-size:8px;gap:10px}.hifa-app .app-footer>span:first-child{max-width:45%}}
@media(prefers-reduced-motion:reduce){.hifa-app *,.hifa-login *{scroll-behavior:auto!important}}
@media(max-width:680px){.hifa-login .login-panel{min-height:0}}
/* The official supplied mark is the light version; preserve its contrast. */
.hifa-logo-box{background:#172432;border:1px solid #ffffff26;box-shadow:0 3px 12px #00000022}
.login-form-brand img{background:#172432;border:1px solid #263849;border-radius:7px;padding:5px;height:52px}
.hifa-login .login-pitch h2,.hifa-login .login-form h1{font-family:Arial,Helvetica,sans-serif;font-weight:800}