:root{
  --bg:#0B0B0C;--bg-soft:#101012;--surface:#151517;--surface2:#1B1B1E;--surface3:#202024;
  --red:#C8102E;--red-hover:#A90D27;--red-text:#FF5B75;--text:#F2F2F0;--muted:#A6A9AE;--muted2:#7D8087;
  --line:#2B2B2F;--line-soft:#222226;--ok:#65D69C;--warn:#F1C66E;--danger:#FF8C98;--info:#90B8F2;
  --radius:18px;--radius-sm:12px;--shadow:0 18px 55px rgba(0,0,0,.28);--focus:0 0 0 3px rgba(255,91,117,.25)
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,"Noto Sans Arabic",sans-serif;text-rendering:optimizeLegibility}
body{margin:0;background:radial-gradient(circle at 82% -15%,rgba(200,16,46,.13),transparent 31rem),var(--bg);color:var(--text);min-height:100vh}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{overflow-wrap:anywhere}
svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.small{font-size:.81rem}.tiny{font-size:.7rem}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;letter-spacing:.09em}.hidden{display:none!important}.shell{min-height:100vh}
.card{background:linear-gradient(180deg,rgba(30,30,34,.98),rgba(20,20,23,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card.flat{box-shadow:none}.glass{background:rgba(18,18,21,.78);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08)}
.btn{appearance:none;border:1px solid var(--line);background:#111113;color:var(--text);min-height:46px;padding:.78rem 1rem;border-radius:12px;transition:transform .16s,border-color .16s,background .16s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:650}
.btn:hover{transform:translateY(-1px);border-color:#4a4a51}.btn:focus-visible,.icon-btn:focus-visible,.side-btn:focus-visible,.nav-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--focus)}
.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:hover{background:var(--red-hover);border-color:var(--red-hover)}.btn.ghost{background:transparent}.btn.danger{background:#361116;border-color:#6e2630;color:#fff}.btn.success{background:#153e2c;border-color:#2f7555;color:#dffff0}.btn.small{min-height:38px;padding:.5rem .75rem;font-size:.8rem}.btn.block{width:100%}.btn svg{flex:0 0 auto}
.icon-btn{appearance:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#151517;border:1px solid #303035;color:var(--text);padding:0}.icon-btn:hover{background:#202024;border-color:#46464c}.icon-btn.red{background:rgba(200,16,46,.12);border-color:rgba(200,16,46,.45);color:var(--red-text)}
.badge{display:inline-flex;align-items:center;gap:.38rem;padding:.3rem .58rem;border:1px solid #48484f;border-radius:999px;font-size:.71rem;white-space:nowrap;color:#ddd;background:#18181b}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.status-stored,.status-ready,.status-completed,.status-paid,.status-approved,.status-active{border-color:#2f7555;color:#9CE7BE;background:#143326}.status-maintenance,.status-awaiting_approval,.status-renewal_pending,.status-unpaid,.status-in_progress,.status-pending{border-color:#7f6529;color:#F4D181;background:#352a12}.status-in_transit,.status-en_route,.status-arrived,.status-scheduled,.status-requested,.status-at_facility,.status-verified,.status-inspected,.status-received{border-color:#365e98;color:#A8C9F6;background:#14253c}.status-rejected,.status-cancelled{border-color:#76343a;color:#FFABB4;background:#38161a}
.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#0f0f11;color:var(--text);border-radius:12px;padding:.82rem .9rem;outline:none}.input::placeholder,.textarea::placeholder{color:#6f7178}.input:focus,.select:focus,.textarea:focus{border-color:#8d2b3f}.textarea{min-height:100px;resize:vertical}.field{display:grid;gap:.42rem}.field label{font-size:.77rem;color:var(--muted);font-weight:600}.hint{font-size:.7rem;color:var(--muted2);line-height:1.55}.grid{display:grid;gap:1rem}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.toast{position:fixed;z-index:9999;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#f8f8f7;color:#111;padding:.78rem 1rem;border-radius:12px;box-shadow:0 10px 40px #0008;transition:.2s;max-width:min(440px,calc(100vw - 28px));text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast[data-type=error]{background:#ffd9dd;color:#55131a}
.empty{padding:2.8rem 1rem;text-align:center;color:var(--muted)}.sep{height:1px;background:var(--line);margin:1rem 0}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:120;display:grid;place-items:center;padding:1rem;backdrop-filter:blur(6px)}.modal .panel{width:min(620px,100%);max-height:90vh;overflow:auto;padding:1.2rem}.modal h2{margin:.2rem 0;font-size:1.18rem}.row{display:flex;gap:.8rem;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}
.kpi{padding:1rem}.kpi .value{font-size:1.8rem;font-weight:800;margin:.3rem 0;letter-spacing:-.03em}.kpi .label{font-size:.73rem;color:var(--muted);font-weight:650}.kpi .delta{font-size:.69rem;color:var(--ok)}.progress{height:8px;background:#242428;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--red),#f35b73)}
table{border-collapse:collapse;width:100%}th,td{padding:.82rem;border-bottom:1px solid var(--line-soft);text-align:start;vertical-align:middle}th{color:var(--muted);font-size:.74rem;font-weight:650;white-space:nowrap}td{font-size:.85rem}.table-wrap{overflow:auto}.table-wrap table{min-width:760px}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 78% 11%,rgba(200,16,46,.22),transparent 35rem),linear-gradient(180deg,#0b0b0c,#080809)}.login-card{width:min(460px,100%);padding:2rem}.brand-mark{display:flex;align-items:center;gap:.75rem}.brand-icon{width:42px;height:42px;border:1px solid #6d2434;border-radius:12px;display:grid;place-items:center;color:var(--red-text);background:linear-gradient(145deg,#251018,#111)}.brand-title{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;letter-spacing:.01em}.login-card h1{font-family:Georgia,"Times New Roman",serif;font-size:2rem;margin:2rem 0 .35rem;line-height:1.2}.demo-box{margin-top:1.2rem;padding:1rem;border:1px dashed #4a4a50;border-radius:12px;color:var(--muted);font-size:.77rem;line-height:1.7;background:#101012}.demo-box b{color:var(--text)}
.lang-toggle{display:flex;gap:.2rem;border:1px solid var(--line);border-radius:999px;padding:.15rem;background:#101012}.lang-toggle button{background:transparent;color:var(--muted);border:0;padding:.33rem .5rem;border-radius:999px;min-width:32px}.lang-toggle button.active{color:var(--text);font-weight:750;background:#242428}
.vehicle-art{display:block;width:190px;height:auto;max-width:100%}.vehicle-art.compact{width:112px}.plate{display:inline-flex;align-items:center;border:1px solid #8a2940;border-radius:6px;padding:.2rem .45rem;font-size:.72rem;background:#0d0d0f;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.4rem 0 .75rem}.section-title h2{font-size:1.05rem;margin:0}.section-title p{font-size:.76rem;color:var(--muted);margin:.2rem 0 0}.accent-text{color:var(--red-text)}.metric{display:grid;gap:.15rem}.metric b{font-size:1.08rem}.metric span{font-size:.68rem;color:var(--muted)}
.map-visual{position:relative;min-height:180px;border-radius:16px;overflow:hidden;background-color:#101418;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 70% 35%,rgba(200,16,46,.18),transparent 32%);background-size:25px 25px,25px 25px,auto;border:1px solid var(--line)}.map-visual:before,.map-visual:after{content:"";position:absolute;background:#2a3035;opacity:.9;transform:rotate(-24deg);height:10px;width:130%;left:-15%;top:45%}.map-visual:after{transform:rotate(36deg);top:55%}.map-pin{position:absolute;left:57%;top:34%;z-index:2;color:#fff;width:38px;height:38px;background:var(--red);border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 8px 26px rgba(200,16,46,.38)}.map-pin svg{transform:rotate(45deg);width:18px}.map-label{position:absolute;inset-inline-start:14px;bottom:12px;z-index:3;background:#0b0b0cdd;border:1px solid var(--line);border-radius:10px;padding:.6rem .75rem;font-size:.73rem}
@media(max-width:680px){.hide-mobile{display:none!important}.modal{padding:0;align-items:end}.modal .panel{max-height:94vh;border-radius:22px 22px 0 0;width:100%;padding:1rem 1rem max(1rem,env(safe-area-inset-bottom))}.form-2{grid-template-columns:1fr}.btn{min-height:46px}.login-card{padding:1.4rem}.login-card h1{font-size:1.7rem}}