:root{--ink:#17212b;--muted:#718090;--line:#e7edf1;--navy:#123a40;--teal:#0b766d;--cream:#f6f8f8;--blue:#2e76df}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:'IBM Plex Sans Arabic',Arial,sans-serif;color:var(--ink);font-size:14px}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:#103a40;color:#ebf6f4;padding:28px 17px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 35px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#d3e9d7;color:#124845;font-size:20px;font-weight:700}.brand strong,.sidebar-footer strong{display:block;font-size:16px}.brand small,.sidebar small{display:block;color:#a7c5c2;font-size:11px;margin-top:1px}nav{display:grid;gap:5px}.nav-item{font:inherit;text-align:right;color:#c1d9d7;border:0;background:transparent;border-radius:8px;padding:12px 12px;cursor:pointer;display:flex;align-items:center;gap:12px}.nav-item span{font-size:18px;width:18px;text-align:center}.nav-item b{background:#e0a94b;color:#402d0a;border-radius:10px;margin-right:auto;padding:1px 7px;font-size:11px}.nav-item.active,.nav-item:hover{background:#24575b;color:#fff}.sidebar-footer{display:flex;align-items:center;gap:9px;margin-top:auto;padding:15px 9px 0;border-top:1px solid #336065}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f0c562;color:#493915;font-weight:700}.more{margin-right:auto;color:#bcd2cf;border:0;background:none;font-size:20px}main{margin-left:258px;padding:30px 42px 50px;max-width:1600px}header,.toolbar,.panel-head,.section-heading{display:flex;justify-content:space-between;align-items:center}.eyebrow,.panel p,.section-heading p,.toolbar p,.modal-head p{margin:0;color:var(--muted);font-size:12px}h1{font-size:25px;margin:4px 0 0}h2{font-size:17px;margin:0;font-weight:700}.header-actions{display:flex;align-items:center;gap:13px}.icon-btn{width:39px;height:39px;border:1px solid var(--line);background:#fff;border-radius:9px;position:relative;font-size:20px;color:#587}.icon-btn i{position:absolute;background:#e25d56;border:2px solid #fff;width:9px;height:9px;border-radius:50%;top:6px;right:7px}.primary,.outline,.light-button{border:0;border-radius:8px;padding:10px 17px;font:600 13px inherit;cursor:pointer}.primary{background:var(--teal);color:white}.outline{background:#fff;border:1px solid #cedade;color:#31545a}.hero{margin-top:28px;background:linear-gradient(112deg,#10474c,#0c6f68);border-radius:13px;padding:28px 31px;color:#fff;display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:21px;margin:4px 0}.hero p{margin:0;color:#d1e6e4}.hero-icon{color:#c3e6d2;font-size:23px}.light-button{background:#fff;color:#12645e}.quick-section{margin-top:28px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:13px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:10px;text-align:right;padding:16px;cursor:pointer;transition:.15s}.quick-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px #102c3212;border-color:#bdd4d2}.quick-card strong,.quick-card small{display:block}.quick-card strong{margin-top:10px}.quick-card small{color:var(--muted);font-size:11px;margin-top:2px}.card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;font-size:19px}.blue{background:#e7f0ff;color:#2870d5}.orange{background:#fff0dc;color:#cc7a22}.purple{background:#f1eaff;color:#8057c4}.green{background:#e2f5e9;color:#2c9565}.red{background:#ffebeb;color:#d15d5d}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:28px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px}.text-btn{border:0;background:transparent;color:#08726a;font:600 12px inherit;cursor:pointer}.request-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.request-row:last-child{border:0}.small-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#e9f2ff;color:#2972d4}.request-row strong,.request-row small{display:block}.request-row small{color:var(--muted);font-size:11px;margin-top:2px}.badge{font-size:11px;padding:4px 9px;border-radius:12px;white-space:nowrap}.progress{background:#e9f1ff;color:#346ec0}.waiting{background:#fff1d9;color:#b76e14}.solved{background:#e1f5e8;color:#237d55}.new{background:#eceef1;color:#616b73}.donut-wrap{display:flex;align-items:center;gap:25px;margin-top:25px}.donut{width:118px;height:118px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:radial-gradient(circle,#fff 54%,transparent 55%),conic-gradient(#2e76df 0 44%,#ebb34e 44% 61%,#43a474 61% 100%)}.donut span{font-size:25px;font-weight:bold}.donut small{color:var(--muted)}ul{padding:0;margin:0;list-style:none;flex:1}li{color:#56636d;margin:11px 0;font-size:12px}li b{float:left;color:#22323a}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;margin-left:5px}.blue-dot{background:#2e76df}.yellow-dot{background:#ebb34e}.green-dot{background:#43a474}.view{display:none}.view.active{display:block}.toolbar{margin:25px 0 17px}.filters{display:flex;gap:10px;margin-bottom:13px}.filters input,.filters select{border:1px solid #d5e0e4;background:#fff;border-radius:7px;padding:9px 11px;font:inherit;color:#556}.filters input{width:285px}.table-wrap{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px;text-align:right}th{padding:14px 18px;color:#71808b;font-size:11px;font-weight:600;background:#f8fafb}td{padding:14px 18px;border-top:1px solid var(--line);font-size:12px}.approval-grid,.asset-grid,.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.approval{padding:20px}.approval h3{font-size:15px;margin:10px 0 5px}.approval p{font-size:12px;color:var(--muted);line-height:1.7}.approval-actions{display:flex;gap:8px;margin-top:17px}.approval-actions button{flex:1}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.metric small,.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{font-size:29px;margin:5px 0;display:block}.metric span{color:#28815d}.danger-text{color:#bd5f4a!important}dialog{border:0;border-radius:13px;padding:0;box-shadow:0 22px 60px #071f2480;width:min(540px,calc(100% - 30px))}dialog::backdrop{background:#0f292760}form{padding:25px}.modal-head{display:flex;justify-content:space-between;margin-bottom:20px}.close{border:0;background:#edf2f2;border-radius:7px;width:28px;height:28px;font-size:21px;line-height:20px;cursor:pointer}label{display:block;font-size:12px;font-weight:600;margin:13px 0}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #d5e1e3;border-radius:7px;padding:10px;font:400 13px inherit;color:#233;background:#fff}textarea{resize:vertical;min-height:82px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}@media(max-width:900px){.sidebar{width:70px;padding:22px 9px}.brand{padding:0 4px 30px}.brand div,.nav-item:not(.active)::after,.nav-item{font-size:0}.brand small,.brand strong,.sidebar-footer div:not(.avatar),.more{display:none}.nav-item{justify-content:center;padding:13px}.nav-item span{font-size:19px}.nav-item b{display:none}.sidebar-footer{justify-content:center;padding:15px 0}.avatar{display:grid!important}main{margin-left:70px;padding:24px}.quick-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){main{margin:0;padding:18px}.sidebar{display:none}.quick-grid,.content-grid,.approval-grid,.asset-grid,.report-grid{grid-template-columns:1fr}.hero{padding:22px;align-items:flex-start;gap:14px}.hero h2{font-size:18px}.header-actions .icon-btn{display:none}h1{font-size:20px}.content-grid{gap:14px}.filters input{width:100%}}