@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:Cairo,Tahoma,Arial,sans-serif;color:#1e2825;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.login-shell{display:grid;grid-template-columns:minmax(490px,48%) minmax(0,52%);min-height:100vh;direction:ltr}.login-panel{display:flex;align-items:center;justify-content:center;min-width:0;background:#fff;direction:rtl;padding:34px clamp(30px,5vw,90px)}.panel-inner{width:min(100%,440px)}.brand-logo{height:103px;width:265px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 0 29px auto}.brand-logo img{display:block;width:375px;max-width:none;height:auto;flex:none}.eyebrow{display:block;direction:ltr;text-align:right;color:#ad2635;font:700 11px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:2px}.welcome-copy h1{font:700 clamp(32px,3vw,45px)/1.13 'DM Sans',Arial,sans-serif;letter-spacing:-1.5px;margin:12px 0 12px;color:#1c2824;text-align:right}.welcome-copy p{font-size:16px;font-weight:600;line-height:1.7;color:#65716b;margin:0 0 39px}.field{margin-bottom:20px}.field label{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:14px;font-weight:800;color:#36423d}.field label span{direction:ltr;font:600 12px 'DM Sans',Arial,sans-serif;color:#8b9690}.field input{width:100%;height:54px;border:1px solid #dce3dd;background:#fbfcfb;border-radius:10px;padding:0 16px;color:#202a25;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.field input:focus{border-color:#ba2a39;box-shadow:0 0 0 4px #bb263519;background:#fff}.field input::placeholder{color:#a0aba4}.password-wrap{position:relative}.password-wrap input{padding-left:80px}.password-wrap button{position:absolute;left:9px;top:8px;height:38px;padding:0 13px;border:0;background:transparent;color:#69766e;border-radius:7px;font-size:13px;font-weight:800;cursor:pointer}.password-wrap button:hover,.password-wrap button:focus-visible{background:#f1f3f0;color:#a62836}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 25px}.remember{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:14px;font-weight:700;color:#48544d}.remember input{width:17px;height:17px;accent-color:#ac2535;margin:0}.remember small{display:block;direction:ltr;text-align:right;color:#929c95;font:500 11px 'DM Sans',Arial,sans-serif;margin-top:1px}.secure-note{font-size:12px;color:#8c9790}.login-button{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;height:56px;border:0;border-radius:10px;background:#ad2635;color:#fff;box-shadow:0 12px 26px #ad26352b;font:700 16px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.login-button:hover{background:#951d2b;transform:translateY(-1px);box-shadow:0 16px 30px #ad263533}.login-button:disabled{cursor:wait;transform:none}.button-arrow{font:700 22px Arial,sans-serif}.button-spinner{display:none;width:21px;height:21px;border:2px solid #fff8;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-button.loading .button-label,.login-button.loading .button-arrow{display:none}.login-button.loading .button-spinner{display:block}.login-error{border:1px solid #f0d1d5;background:#fff5f5;color:#9f2030;border-radius:9px;padding:11px 13px;margin:0 0 16px;font-size:13px;line-height:1.6}.panel-footer{margin:45px 0 0;direction:ltr;text-align:right;color:#a1aaa4;font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:1.7px}.panel-footer span{color:#b82936;padding:0 5px}.visual-panel{position:relative;overflow:hidden;background:#24302d;min-height:100vh}.visual-image{position:absolute;inset:0;background:url('/assets/login-fleet.webp') 78% center/cover no-repeat;transform:scale(1.025)}.visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,#14221d14 10%,#15221f1f 55%,#111b19ba 100%)}.visual-caption{position:absolute;left:clamp(28px,5vw,80px);bottom:clamp(32px,6vw,80px);direction:ltr;color:#fff}.visual-line{display:block;width:46px;height:3px;background:#bf2d3a;margin-bottom:21px}.visual-caption strong{display:block;font:700 19px 'DM Sans',Arial,sans-serif;letter-spacing:1.5px}.visual-caption small{display:block;margin-top:6px;color:#fffd;font:500 12px 'DM Sans',Arial,sans-serif;letter-spacing:2.3px}.login-success .login-panel{animation:softFade .6s ease both}@keyframes spin{to{transform:rotate(360deg)}}@keyframes softFade{to{opacity:.55;transform:translateY(-4px)}}@media(max-width:900px){.login-shell{display:flex;flex-direction:column}.visual-panel{order:-1;min-height:156px;height:156px}.visual-image{background-position:78% 55%}.visual-shade{background:linear-gradient(90deg,#14221d0d,#14221d26)}.visual-caption{display:none}.login-panel{min-height:calc(100vh - 156px);padding:28px 25px}.panel-inner{width:min(100%,440px)}}@media(max-width:480px){.brand-logo{margin-bottom:20px}.welcome-copy h1{font-size:34px}.welcome-copy p{font-size:15px;margin-bottom:32px}.secure-note{display:none}.panel-footer{margin-top:36px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}