*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f5f7f8;color:#15231d;display:flex;min-height:100vh}aside{width:235px;background:#102b23;color:white;padding:24px 16px;position:fixed;right:0;top:0;bottom:0}.brand{font-size:25px;font-weight:800;padding:0 10px 22px;border-bottom:1px solid #2a453d}.brand small{display:block;font-size:11px;color:#a9bbb5;margin-top:5px}nav{margin-top:18px}nav button{width:100%;border:0;background:transparent;color:#d9e4e0;text-align:right;padding:12px;border-radius:10px;margin:3px 0;font-size:14px;cursor:pointer}nav button:hover,nav button.active{background:#1d4438;color:#fff}.user{position:absolute;bottom:22px;right:22px;font-size:13px}.user span{color:#9db1aa;font-size:11px}main{margin-right:235px;width:calc(100% - 235px);padding:28px 34px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:25px;margin:0 0 6px}header p{margin:0;color:#75817d;font-size:13px}.headerActions{display:flex;gap:8px}button{font-family:inherit}.primary,.ghost{border-radius:9px;padding:10px 14px;cursor:pointer}.primary{background:#176b52;color:#fff;border:1px solid #176b52}.ghost{background:white;border:1px solid #d9dfdc}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel{background:white;border:1px solid #e5e9e7;border-radius:14px;padding:18px}.card label{font-size:12px;color:#75817d}.metric{font-size:25px;font-weight:800;margin:9px 0}.delta{font-size:11px;color:#177451}.grid2{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.panel h3{font-size:15px;margin:0 0 16px}.barrow{display:grid;grid-template-columns:55px 1fr 75px;gap:10px;align-items:center;font-size:12px;margin:12px 0}.bar{height:8px;background:#e9eeec;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:#247b61;border-radius:8px}.status{display:flex;justify-content:space-between;border-bottom:1px solid #edf0ef;padding:11px 0;font-size:12px}.status:last-child{border:0}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#27a176;margin-left:6px}.dot.warn{background:#e5a329}.dot.bad{background:#d86161}.tablewrap{overflow:auto;background:white;border:1px solid #e5e9e7;border-radius:14px}.toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.toolbar input,.toolbar select,.form input,.form select{border:1px solid #dbe1de;border-radius:9px;padding:10px;background:#fff;font-family:inherit}table{width:100%;border-collapse:collapse;min-width:750px}th,td{text-align:right;padding:13px 15px;border-bottom:1px solid #edf0ef;font-size:12px}th{color:#66736e;background:#fafbfb}.badge{padding:5px 8px;border-radius:12px;background:#e9f5f0;color:#176b52;font-size:11px;white-space:nowrap}.badge.gray{background:#f0f1f1;color:#677}.badge.orange{background:#fff3df;color:#a56a0b}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form label{font-size:12px;color:#68736f;display:flex;flex-direction:column;gap:6px}.form .full{grid-column:1/-1}.empty{padding:40px;text-align:center;color:#78837f}.sectionHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sectionHead h2{font-size:18px;margin:0}@media(max-width:900px){aside{width:74px;padding:20px 8px}.brand{font-size:0}.brand:before{content:'ن';font-size:24px}.brand small,.user{display:none}nav button{font-size:0;text-align:center}nav button:before{content:attr(data-icon);font-size:20px}main{margin-right:74px;width:calc(100% - 74px);padding:20px}.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:560px){main{padding:15px}header{align-items:flex-start;gap:10px}.headerActions{display:none}.cards{grid-template-columns:1fr 1fr;gap:8px}.card{padding:13px}.metric{font-size:19px}.form{grid-template-columns:1fr}.form .full{grid-column:auto}}
.hidden{display:none!important}.loginScreen{position:fixed;inset:0;background:#102b23;display:grid;place-items:center;padding:20px;z-index:20}.loginCard{width:min(410px,100%);background:white;border-radius:20px;padding:32px;box-shadow:0 24px 70px #06161166}.loginLogo{width:58px;height:58px;border-radius:16px;background:#176b52;color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800;margin:auto}.loginCard h1{text-align:center;margin:15px 0 5px}.loginCard p{text-align:center;color:#75817d;margin:0 0 22px}.loginCard label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:12px 0}.loginCard input{border:1px solid #dbe1de;border-radius:10px;padding:12px;font-family:inherit}.loginBtn{width:100%;margin-top:8px}.loginCard small{display:block;text-align:center;color:#8a9591;margin-top:14px}.danger{background:#fdeaea;color:#a53535}.warning{background:#fff3df;color:#9a650d}.ok{background:#e9f5f0;color:#176b52}.actions{display:flex;gap:6px;flex-wrap:wrap}.mini{padding:6px 8px;border-radius:8px;border:1px solid #dbe1de;background:white;cursor:pointer;font-family:inherit;font-size:11px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.tabs button{padding:8px 11px;border:1px solid #dbe1de;background:#fff;border-radius:9px;cursor:pointer}.tabs button.active{background:#176b52;color:#fff}.note{background:#f7faf9;border:1px solid #e2e9e6;padding:12px;border-radius:10px;font-size:12px;color:#52605b}.kpi{font-weight:800;font-size:16px}.modal{position:fixed;inset:0;background:#0a171280;display:grid;place-items:center;z-index:30;padding:20px}.modalBox{background:white;border-radius:16px;width:min(620px,100%);max-height:90vh;overflow:auto;padding:22px}.modalHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modalHead h3{margin:0}.close{border:0;background:#f1f3f2;border-radius:8px;padding:7px 10px;cursor:pointer}.smallmuted{font-size:11px;color:#7b8682}.checkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checkgrid label{display:flex;gap:7px;align-items:center}.summaryRow{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #edf0ef}.summaryRow:last-child{border:0}

.langbar{display:flex;gap:6px;justify-content:center;margin:8px 0 14px}.langbar button{border:1px solid #d8dee8;background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer}.langbar.compact{margin:0}.langbar.compact button{padding:6px 8px}.langbar button.active{background:#111827;color:#fff}.ltr{direction:ltr}.rtl{direction:rtl}

.wizard{display:grid;gap:14px}.wizardSteps{display:flex;gap:6px;flex-wrap:wrap}.wizardSteps span{background:#eef5f2;border:1px solid #d8e6e0;padding:7px 10px;border-radius:999px;font-size:11px}.goodsRow{border:1px solid #e3e8e6;border-radius:12px;padding:12px;margin:10px 0}.apiStatus{border-inline-start:4px solid #176b52}.wizard h4{margin:18px 0 8px}.wizard .panel{margin-bottom:0}

.req{color:#d12f2f;font-weight:800;margin-inline-start:3px}.fieldError{color:#b42318;font-size:11px;margin-top:3px}.invalid{border-color:#d12f2f!important;background:#fff7f7!important}.forgotLink{display:block;margin:12px auto 0;border:0;background:transparent;color:#176b52;text-decoration:underline;cursor:pointer}.user{right:16px;left:16px;bottom:16px;padding:12px;border-top:1px solid #2a453d;line-height:1.55;white-space:normal;overflow:hidden}.user span{display:block;margin-top:2px}aside{display:flex;flex-direction:column}.brand{flex:0 0 auto}nav{flex:1 1 auto;overflow-y:auto;padding-bottom:90px}.driverOnlyHide{display:none!important}
/* V16.10 — Carrier API operations center */
.bayanStatusHead{display:flex;justify-content:space-between;gap:12px;align-items:center}.controllerBox{margin-top:16px;background:#fff;border:1px solid #e2e7e5;border-radius:16px;overflow:hidden}.controllerTitle{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #edf0ef}.controllerTitle b{font-size:20px}.controllerTitle small{display:block;color:#7a8581;margin-top:4px}.controllerChevron{font-size:22px;color:#66736e}.apiOps{display:grid;grid-template-columns:1fr;gap:0}.apiOp{display:grid;grid-template-columns:66px 36px 1fr 24px;align-items:center;gap:10px;width:100%;padding:13px 18px;border:0;border-bottom:1px solid #edf0ef;background:#fff;text-align:right;cursor:pointer;color:#17251f}.apiOp:last-child{border-bottom:0}.apiOp:hover{background:#f8faf9}.method{display:inline-grid;place-items:center;padding:7px 6px;border-radius:6px;font-weight:800;font-size:11px;direction:ltr}.method.get{background:#e6f1ff;color:#1769aa}.method.post{background:#e6f7ee;color:#16804c}.method.put{background:#fff0e4;color:#b85c13}.opIcon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f1f5f3;font-weight:800}.opText{min-width:0}.opText b{display:block;font-size:13px;margin-bottom:4px}.opText small{display:block;direction:ltr;text-align:left;color:#7b8682;font-family:Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opArrow{font-size:24px;color:#89938f}.docsHead{margin-top:20px}.docsHead h2{font-size:16px}@media(max-width:650px){.apiOp{grid-template-columns:54px 32px 1fr 16px;padding:11px 10px}.controllerTitle b{font-size:17px}.bayanStatusHead{align-items:flex-start;flex-direction:column}}
/* V16.11 — workflow cards + OpenAPI model-driven forms */
.operationGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 22px}.operationCard{border:1px solid #e0e7e4;background:#fff;border-radius:15px;padding:17px;text-align:right;display:grid;grid-template-columns:46px 1fr 18px;gap:12px;align-items:center;cursor:pointer;min-height:92px}.operationCard:hover{border-color:#9dc5b7;box-shadow:0 5px 18px #102b230d}.operationIcon{width:44px;height:44px;border-radius:12px;background:#eef6f3;display:grid;place-items:center;font-size:23px}.operationCard b{display:block;font-size:14px;margin-bottom:6px}.operationCard small{display:block;color:#74807b;line-height:1.5}.operationArrow{font-size:24px;color:#8a9691}.schemaGroup{grid-column:1/-1;border:1px solid #dfe7e3;border-radius:12px;padding:14px;margin:4px 0;background:#fbfcfc}.schemaGroup legend{padding:0 8px;font-weight:700}.schemaGroup legend small{font-weight:400;color:#7c8783;margin-inline-start:7px}.schemaForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.schemaForm label{font-size:12px;color:#68736f;display:flex;flex-direction:column;gap:5px}.schemaForm input,.schemaForm select{border:1px solid #dbe1de;border-radius:9px;padding:9px;background:#fff;font-family:inherit;min-width:0}.schemaForm label small{direction:ltr;text-align:left;color:#89938f;font-size:10px;overflow-wrap:anywhere}.schemaActions{display:flex;gap:8px;margin-top:16px;position:sticky;bottom:-22px;background:#fff;padding:12px 0}.modalBox{width:min(980px,96vw)}@media(max-width:950px){.operationGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.operationGrid{grid-template-columns:1fr}.schemaForm{grid-template-columns:1fr}}

nav button.featureDisabled{opacity:.55} nav button.featureDisabled::after{content:' • قريبًا';font-size:11px;opacity:.8}