:root{--navy:#0b1f3a;--teal:#008b83;--gold:#e4aa3a;--bg:#f4f7fa;--ink:#172235;--muted:#6b7789;--line:#e4eaf0}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Cairo',sans-serif;color:var(--ink);background:var(--bg);direction:rtl}button,input,select,textarea{font:inherit}.hidden{display:none!important}.muted,.hint{color:var(--muted)}.eyebrow{margin:0 0 4px;color:var(--teal);font-size:.78rem;font-weight:800}.login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(380px,44%) 1fr;background:#fff}.login-panel{padding:9vh clamp(2rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.brand-mark{width:56px;height:56px;border-radius:17px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:1.5rem;margin-bottom:2rem}.login-panel h1{font-size:2rem;margin:.2rem 0}.login-panel>.muted{margin:0 0 2rem}.login-visual{margin:1rem;border-radius:24px;background:linear-gradient(145deg,#0b1f3a,#0d4a5a);color:#fff;display:flex;align-items:flex-end;padding:7vw}.login-visual h2{font-size:clamp(2rem,4vw,4rem);line-height:1.25}.form-stack,.form-grid label{display:grid;gap:.45rem}.form-stack{gap:1rem}.form-stack label,.form-grid label{font-size:.86rem;font-weight:700}.form-stack input,.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select{border:1px solid #d8e0e8;background:#fff;border-radius:10px;padding:.72rem .85rem;outline:none;min-height:44px}.form-stack input:focus,.form-grid input:focus,.toolbar input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #008b8318}.btn{border:0;border-radius:10px;min-height:42px;padding:.65rem 1.1rem;font-weight:800;cursor:pointer}.primary{background:var(--teal);color:#fff}.secondary{background:var(--navy);color:#fff}.light{background:#fff;color:var(--navy)}.alert{background:#fff0ef;color:#b42318;border:1px solid #ffd3cf;border-radius:10px;padding:.75rem;margin-bottom:1rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--navy);color:#fff;padding:1.3rem 1rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-brand{display:flex;gap:.75rem;align-items:center;padding:.4rem .5rem 1.8rem}.side-brand>i{width:40px;height:40px;background:#ffffff12;border-radius:12px;display:grid;place-items:center}.side-brand div,.side-user div{display:grid}.side-brand small,.side-user small{font-size:.68rem;color:#aebed1}.sidebar nav{display:grid;gap:.35rem}.nav-item{border:0;background:transparent;color:#b9c5d4;border-radius:10px;padding:.75rem .85rem;display:flex;align-items:center;gap:.8rem;text-align:right;cursor:pointer}.nav-item i{width:20px}.nav-item:hover,.nav-item.active{background:#ffffff12;color:#fff}.nav-item.active{box-shadow:inset -3px 0 var(--gold)}.side-user{margin-top:auto;border-top:1px solid #ffffff18;padding:1rem .35rem 0;display:grid;grid-template-columns:38px 1fr auto;gap:.65rem;align-items:center}.avatar{width:38px;height:38px;background:var(--teal);border-radius:11px;display:grid!important;place-items:center}.side-user button,.icon-btn,.text-btn,.row-link{border:0;background:transparent;cursor:pointer}.side-user button{color:#aebed1}.workspace{min-width:0}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(1rem,3vw,2.6rem);gap:1rem}.topbar h1{font-size:1.35rem;margin:0}.today{margin-right:auto;color:var(--muted);font-size:.86rem;display:flex;gap:.5rem}.topbar>.icon-btn{display:none}.content{padding:2rem clamp(1rem,3vw,2.6rem);max-width:1600px;margin:auto}.hero{background:linear-gradient(105deg,var(--navy),#133e5a);color:#fff;border-radius:18px;padding:1.5rem 1.8rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.hero h2{margin:.2rem 0}.hero .eyebrow{color:#74d9d3}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.2rem}.kpis.two{grid-template-columns:repeat(2,1fr)}.kpis article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:1.2rem;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:.15rem .8rem}.kpis i{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:#e4f5f3;color:var(--teal);display:grid;place-items:center}.kpis span{font-size:.78rem;color:var(--muted)}.kpis strong{font-size:1.35rem}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-bottom:1.2rem}.panel-head{padding:1.1rem 1.25rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:1.05rem;margin:0}.text-btn,.row-link{color:var(--teal);font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;padding:.78rem 1rem;border-bottom:1px solid #edf1f4;font-size:.82rem}th{background:#f8fafc;color:#596578;font-size:.75rem}tbody tr:hover{background:#f8fbfb}.no-data{text-align:center;color:var(--muted);padding:2rem}.status{display:inline-flex;padding:.22rem .6rem;border-radius:99px;font-size:.7rem;font-weight:800;background:#edf1f5;color:#586577}.status-posted,.status-approved,.status-completed,.status-active{background:#e1f6eb;color:#147344}.status-pending,.status-submitted,.status-in_review,.status-waiting{background:#fff2d4;color:#8c5b00}.status-rejected,.status-reversed{background:#ffe6e3;color:#a72c22}.status-in_progress{background:#e5f1ff;color:#165eaa}.toolbar{display:flex;gap:.7rem;align-items:center;margin-bottom:1rem}.search{background:#fff;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:.4rem;padding:0 .75rem;flex:1;max-width:520px}.search input{border:0;box-shadow:none!important;width:100%;background:transparent}.toolbar select{margin-right:auto}.loading,.empty{padding:4rem;text-align:center;color:var(--muted)}.loading i,.empty>i{font-size:1.8rem;color:var(--teal);margin-left:.5rem}.modal{position:fixed;inset:0;background:#07132399;z-index:50;display:grid;place-items:center;padding:1rem}.modal-card{background:#fff;border-radius:16px;width:min(880px,96vw);max-height:90vh;overflow:auto;padding:1.4rem}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1.2rem}.modal-head h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid textarea{min-height:90px}.span{grid-column:1/-1}.actions{display:flex;justify-content:flex-end}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}.totals span{background:#f5f8fa;border-radius:10px;padding:.8rem;display:grid;color:var(--muted);font-size:.75rem}.totals b{font-size:1.05rem;color:var(--ink)}.tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.tabs button{border:0;background:transparent;padding:.8rem 1rem;color:var(--muted);font-weight:800;cursor:pointer}.tabs button.active{color:var(--teal);border-bottom:3px solid var(--teal)}.mini{border:0;border-radius:7px;background:#dff3e9;color:#11683e;padding:.25rem .5rem;cursor:pointer;font-size:.7rem}.mini.reject{background:#ffe7e4;color:#9c2b21}.flow{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:1rem 1.4rem;margin-bottom:1rem}.flow div{flex:1;display:grid}.flow span{color:var(--muted);font-size:.75rem}.flow strong{font-size:1.4rem}.flow>i{color:#c4ced8}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.report-grid button{border:1px solid var(--line);background:#fff;border-radius:15px;padding:1.5rem;text-align:right;display:grid;grid-template-columns:52px 1fr;gap:.2rem 1rem;cursor:pointer}.report-grid i{grid-row:1/3;width:52px;height:52px;border-radius:14px;background:#e4f5f3;color:var(--teal);display:grid;place-items:center}.report-grid span{color:var(--muted);font-size:.78rem}.report-json{direction:ltr;text-align:left;background:#0d1b2d;color:#d8e5ef;padding:1rem;border-radius:10px;overflow:auto}
@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:220px 1fr}}@media(max-width:760px){.login-wrap{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:2rem;min-height:100vh}.app-shell{display:block}.sidebar{position:fixed;right:-280px;width:260px;z-index:40;transition:.25s}.sidebar.open{right:0}.topbar>.icon-btn{display:block}.today{display:none}.content{padding:1rem}.kpis,.kpis.two,.report-grid{grid-template-columns:1fr}.form-grid,.totals{grid-template-columns:1fr}.span{grid-column:auto}.flow{overflow:auto;min-width:620px}.toolbar{flex-wrap:wrap}.toolbar .search{max-width:none;flex-basis:100%}}