:root{--ink:#173e44;--teal:#176964;--muted:#6c7f83;--wash:#f4f7f7;--line:#e2e9e9;--gold:#b38b48;font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:14px;font-variant-numeric:tabular-nums}
.login-form label{display:grid;gap:8px;text-align:start;width:100%}.login-form input,.login-form select{width:100%;box-sizing:border-box}.login-form .password-field{position:relative}.login-form .password-toggle{position:absolute;inset-inline-end:8px;bottom:9px;padding:3px;border:0;background:transparent}.login-form .password-field input{padding-inline-end:38px}
[lang="en"]{font-family:Inter,"Segoe UI",Arial,sans-serif}.staging-banner{min-height:34px;display:flex;justify-content:center;align-items:center;gap:22px;padding:5px 18px;background:#fff1cb;color:#6b4d15;border-bottom:1px solid #e2c789;font-size:11px;font-weight:800;letter-spacing:.08em;direction:ltr}.staging-banner span{font-weight:500;letter-spacing:0}.shell{grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 34px)}.sidebar{height:calc(100vh - 34px);padding:18px 12px;background:#fff;color:var(--ink);border-inline-end:1px solid var(--line);scrollbar-width:thin}.brand{display:flex;flex-direction:column;gap:5px;padding:0 0 16px;border-bottom:1px solid var(--line);margin-bottom:13px}.brand img.official-logo{width:170px;height:auto;aspect-ratio:3/1;object-fit:contain}.brand-caption{font-size:10px;font-weight:600;text-align:center;color:var(--muted)}.nav-group{color:#91a0a3;font-size:10px;font-weight:700;margin:17px 10px 5px}.nav{gap:2px}.nav button{color:#526d72;padding:8px 10px;gap:9px;font-size:12px;font-weight:500;border-radius:6px}.nav button:hover{background:#f3f8f7;color:#155750}.nav button.active{background:#e7f2ef;color:#0c665b;box-shadow:none!important;font-weight:700}.nav-icon{width:18px;height:18px;flex:none;vertical-align:middle}.nav-count{margin-inline-start:auto;background:#b37420;color:white;border-radius:20px;font-size:10px;min-width:21px;padding:0 5px;text-align:center}.topbar{height:auto;min-height:85px;padding:16px 26px;align-items:center;flex-wrap:wrap;gap:16px}.header-heading{display:flex;align-items:center;gap:17px}.header-heading h1{font-size:20px}.header-heading small{font-size:10px;color:var(--muted)}.header-logo{width:76px;height:auto;aspect-ratio:3/1;object-fit:contain;border-inline-end:1px solid var(--line);padding-inline-end:12px}.top-actions{gap:8px;flex-wrap:wrap;font-size:11px}.top-actions button{padding:5px 9px;font-size:11px}.identity{font-size:11px;padding-inline:9px;border-inline-start:1px solid var(--line)}.identity small{font-size:10px}.main{padding:22px 26px 48px;max-width:1700px}.page-actions{display:flex;justify-content:flex-end;margin-bottom:15px}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:20px}.filters input,.filters select{min-width:110px;width:auto;flex:1;font-size:11px;padding:7px 9px;height:35px;background:#fafcfc;border-color:#e2e9e9}.filters input[type=search]{min-width:190px;flex:1.7}.filters label{display:flex;align-items:center;gap:5px;font-size:10px}.filters label input{min-width:105px}.filters button{font-size:11px;padding:7px 10px}.dashboard-intro{display:flex;justify-content:space-between;align-items:center;margin:21px 0 15px}.dashboard-intro h2{margin:0;font-size:17px}.dashboard-intro p{font-size:11px;margin:5px 0}.live-label{font-size:10px;color:#48866d;white-space:nowrap}.live-label:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#58a887;margin-inline-end:6px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.card{border:1px solid var(--line);box-shadow:0 2px 5px #123e4203;border-radius:9px;padding:15px 17px;background:white;position:relative;border-top:3px solid var(--tone)}.tone-blue{--tone:#3985a7}.tone-green{--tone:#379171}.tone-amber{--tone:#c28a2d}.tone-red{--tone:#c65c50}.card-top{display:flex;align-items:center;gap:8px;font-size:11px;color:#647b7e;min-height:25px}.card-top .nav-icon{color:var(--tone);background:color-mix(in srgb,var(--tone) 9%,white);box-sizing:content-box;padding:6px;border-radius:7px}.card .value{font-family:Inter,"Segoe UI",Arial,sans-serif;display:block;font-size:29px;line-height:1.3;font-weight:650;color:var(--ink);padding:8px 0 2px}.card-caption{font-size:10px;color:#8c9da0}.section{border:1px solid var(--line);border-radius:10px;box-shadow:none;background:#fff;margin-bottom:18px;overflow:hidden}.section-head{padding:16px 18px;border-bottom:1px solid var(--line);margin:0}.section-head h2{font-size:14px;margin:0}.table-wrap{max-height:570px;overflow:auto;border:0;border-radius:0}table{font-size:11px}thead th{background:#f6f9f9;color:#627a80;position:sticky;top:0;z-index:1;padding:12px 14px;font-weight:650;white-space:nowrap}td{padding:12px 14px;border-bottom:1px solid #edf1f1;vertical-align:middle}tbody tr:hover{background:#f7faf9}tbody tr:last-child td{border:0}.badge{border-radius:5px;font-size:10px;line-height:1.5;padding:4px 7px;border:1px solid #e2e8e8;background:#f0f4f4}.badge.good{background:#eaf5ee;color:#357754;border-color:#d1e8d8}.badge.warn{background:#fff6e5;color:#916411;border-color:#f3e0b8}.badge.bad{background:#fceeed;color:#a34740;border-color:#f0d3d0}.mono{direction:ltr;text-align:start;unicode-bidi:plaintext}.cell-actions button{font-size:10px;padding:4px 7px}.empty{padding:26px}.empty-symbol{font-size:25px}.empty strong{font-size:12px}.empty{font-size:11px}.process-strip{display:grid;grid-template-columns:repeat(6,1fr);padding:21px 16px;gap:6px}.process-step{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;padding:11px 4px}.process-step:not(:last-child):after{content:"";position:absolute;top:27px;inset-inline-start:65%;width:70%;border-top:1px dashed #c9d9d5;z-index:0}.process-index{background:#edf5f1;border:1px solid #d8e7df;border-radius:50%;height:29px;width:29px;line-height:28px;font-size:10px;color:#698a7c;z-index:1}.process-step strong{font-size:22px;font-weight:600}.process-step>span:last-child{font-size:10px;color:var(--muted)}.queue-callout{display:flex;justify-content:space-between;align-items:center;background:#fff8e8;border:1px solid #ecd6a8;padding:12px 17px;border-radius:8px;margin-bottom:18px;font-size:12px}.queue-callout button{font-size:11px}.onboarding-note{background:#eaf2f1;border-inline-start:3px solid #45857b;border-radius:7px;padding:17px 20px;font-size:12px}.onboarding-note p{font-size:11px}.quick-actions{gap:9px}.quick-action{font-size:11px;padding:10px 12px}.auth-wrap{min-height:calc(100vh - 34px);grid-template-columns:1.12fr 1fr;background:#f7faf9;direction:ltr}.auth-aside{position:relative;background:linear-gradient(180deg,#082e35aa 0%,#0b333944 42%,#072a32c9 100%),url("/static/assets/riyadh-skyline.44e36c6920ae.svg") center/cover;color:#fff;display:flex;align-items:flex-end;padding:65px 58px;min-height:calc(100vh - 34px);direction:rtl}.auth-story{position:relative;z-index:1;max-width:540px;text-shadow:0 1px 20px #06272d}.auth-aside h1{font-size:32px;line-height:1.6;max-width:460px;margin-bottom:16px;color:#fff}.auth-aside .gold{color:#e2bf80;font-family:Inter,"Segoe UI",sans-serif;letter-spacing:.22em;font-size:12px;margin-bottom:20px}.auth-subtitle{font-size:15px;color:#d9e6e4;line-height:1.9;max-width:420px}.chain{display:flex;flex-direction:column;gap:11px;margin-top:28px}.chain>div{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;color:#e1eeee;font-size:12px}.feature-number{font-family:Inter,Arial,sans-serif;color:#e0bd7e;font-size:11px;width:26px;opacity:.85}.auth-main{padding:40px 35px;display:flex;align-items:center;justify-content:center;direction:rtl}.auth-box{width:100%;max-width:385px;border:1px solid #e6ece9;background:#fff;padding:32px 35px;border-radius:15px;box-shadow:0 20px 70px #1f474310}.auth-box .brand{border:0;margin:0 0 18px}.auth-box .brand img.official-logo{width:230px;max-width:100%;height:auto}.auth-box .brand-caption{font-size:12px;color:#506c70}.auth-box h2{text-align:center;font-size:21px;margin:20px 0 26px}.login-form .field{display:block;position:relative;font-size:12px;margin-bottom:16px;color:#47646b}.login-form input{margin-top:7px;height:45px;border-radius:7px;border-color:#d9e3e2;background:#fcfdfd}.login-form input:focus{outline:2px solid #c7ded8;outline-offset:1px;border-color:#468c7d}.login-submit{width:100%;padding:12px;border-radius:7px;margin-top:7px;font-size:13px}.auth-language{display:block;margin:23px auto 0;border:0;font-size:11px;color:#567374}.password-field input{padding-inline-end:43px}.password-toggle{position:absolute;inset-inline-end:6px;bottom:5px;padding:7px;border:0;background:none;color:#7b9396}.password-toggle .nav-icon{width:17px;height:17px}[dir="ltr"] .auth-aside,[dir="ltr"] .auth-main{direction:ltr}.requirement-marker{float:inline-end;font-size:10px;color:#859295;background:#f2f5f4;padding:1px 6px;border-radius:3px}.requirement-marker.required{color:#836421;background:#fbf4e4}.form-grid .field{font-size:12px}.form-grid input,.form-grid select,.form-grid textarea{font-size:13px}dialog{border-radius:13px;max-width:1120px}.dialog-head{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:15px}.dialog-head h2{font-size:17px}.inventory-entry{display:flex;flex-direction:column;gap:9px}.inventory-entry-row{border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;grid-template-columns:2fr 1fr 1.5fr 35px;gap:8px}.inventory-entry-row input,.inventory-entry-row select{min-width:0}.inventory-line-info{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:#668086}.inventory-tools{flex-wrap:wrap;background:#f2f7f5;padding:14px;border-radius:8px}.inventory-tools .button{padding:7px 10px;background:white;border:1px solid var(--line);border-radius:5px;font-size:11px;text-decoration:none}.upload-label{font-size:11px}.upload-label input{font-size:10px;max-width:210px}.inventory-tools button{font-size:11px}.form-error:empty{display:none}.notice{font-size:12px}.severity-CRITICAL{color:#a94438}.severity-FOLLOW_UP{color:#96711f}
@media(min-width:1500px){.cards{grid-template-columns:repeat(8,minmax(0,1fr))}.card{padding:13px}.card-top{flex-direction:column;align-items:flex-start;gap:8px;min-height:61px}.auth-aside{padding:75px 80px}.auth-aside h1{font-size:38px}}
@media(max-width:1000px){.shell{grid-template-columns:185px minmax(0,1fr)}.header-logo{display:none}.main{padding:18px}.topbar{padding:13px 18px}.top-actions{gap:5px}.top-actions button{font-size:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-aside{padding:38px 30px}.auth-aside h1{font-size:26px}.auth-box{padding:28px 25px}.process-strip{grid-template-columns:repeat(3,1fr)}.process-step:nth-child(3):after{display:none}}
@media(max-width:700px){.staging-banner{font-size:9px;gap:8px;flex-wrap:wrap;padding:5px}.shell{display:block}.sidebar{height:auto;position:static;padding:12px;border-inline-end:0;border-bottom:1px solid var(--line)}.sidebar .brand{display:none}.sidebar .nav-group{display:none}.sidebar .nav{display:inline-flex;flex-direction:row;flex-wrap:wrap;gap:2px}.sidebar .nav button{width:auto;padding:6px;font-size:10px}.sidebar .nav-icon{width:14px;height:14px}.sidebar .nav-count{font-size:9px;min-width:17px}.topbar{padding:12px;gap:10px}.header-heading h1{font-size:17px}.top-actions .identity{order:-1}.main{padding:12px}.filters{gap:6px;padding:8px}.filters select{max-width:100%;min-width:120px}.cards{gap:8px}.card{padding:12px}.card-top{font-size:10px}.card .value{font-size:27px}.dashboard-intro{align-items:flex-start}.dashboard-intro h2{font-size:15px}.live-label{display:none}.process-strip{padding:10px 7px}.auth-wrap{display:block}.auth-aside{min-height:300px;padding:25px;background-position:center 35%}.auth-story{max-width:100%}.auth-aside h1{font-size:24px;max-width:340px;margin-bottom:5px}.auth-subtitle{font-size:12px}.auth-aside .gold{margin-bottom:8px;font-size:10px}.chain{gap:6px;margin-top:14px}.chain>div{font-size:11px}.auth-main{padding:22px 15px}.auth-box{max-width:440px;padding:20px 25px}.auth-box h2{margin:12px 0 20px}.auth-box .brand{margin-bottom:5px}.inventory-entry-row{grid-template-columns:1fr 1fr 30px}.inventory-entry-row select{grid-column:1/-1}.inventory-line-info{font-size:10px;gap:7px}dialog{width:96vw;max-height:94vh}.section-head{padding:12px}.top-actions button{padding:4px 6px}}
/* The profile displays identity only; operational suspension notices remain. */
.sidebar-profile { margin-block-start: auto; padding: 16px; display: grid; gap: 12px; }
.sidebar-profile .identity { display: grid; gap: 4px; }
.sidebar-logout { display: flex; align-items: center; gap: 8px; }
.sidebar-logout .nav-icon { color: #e5484d; }
[dir="rtl"] .sidebar-logout .nav-icon { transform: scaleX(-1); }