@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#0b2447;--blue:#0b5aa6;--green:#16a085;--gold:#e0a72f;--bg:#f3f6fa;--ink:#102a43;--muted:#64788c;--line:#dce5ee;--danger:#c43d4b;--shadow:0 12px 35px rgba(15,45,75,.09)}*{box-sizing:border-box}html{font-family:'IBM Plex Sans Arabic','Manrope',Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:270px;background:linear-gradient(180deg,#081d38,#0b315e);color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 24px;border-bottom:1px solid #ffffff18}.brand img{width:178px;height:54px;background:white;border-radius:13px;padding:5px}.brand span{display:none}.sidebar nav{display:grid;gap:7px;margin-top:24px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:12px;color:#c9d7e6;font-weight:600}.sidebar nav a i{width:25px;text-align:center;font-style:normal;font-size:21px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff14;color:#fff}.sidebar nav a.active{box-shadow:inset 4px 0 var(--green)}.side-user{margin-top:auto;border-top:1px solid #ffffff18;padding-top:18px;display:flex;gap:10px;align-items:center}.side-user>span{width:42px;height:42px;border-radius:13px;background:var(--green);display:grid;place-items:center;font-weight:700}.side-user div{display:grid;flex:1}.side-user small{color:#afc3d7}.workspace{margin-inline-start:270px;width:calc(100% - 270px)}.workspace>header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:25}.workspace>header>div:first-of-type{display:grid}.workspace>header small{color:var(--muted)}.lang{margin-inline-start:auto;display:flex;background:var(--bg);padding:4px;border-radius:10px}.lang a{padding:6px 9px;font:600 12px Manrope}.menu{display:none;border:0;background:none;font-size:25px;margin-inline-end:12px}.workspace main{padding:30px;max-width:1500px;margin:auto}.welcome{padding:30px 34px;border-radius:24px;background:linear-gradient(120deg,#0b2447,#0b5aa6);color:white;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.welcome h1{font-size:32px;margin:6px 0}.welcome p{margin:0;color:#dbe8f5}.welcome img{width:230px;background:#fff;border-radius:18px;padding:10px}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;background:#fff;padding:16px;border-radius:18px;margin:18px 0;box-shadow:var(--shadow)}input,select,textarea{width:100%;border:1px solid #cfdbe7;background:#fff;border-radius:10px;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b5aa615}label{display:grid;gap:6px;font-weight:600;color:#334e68}label small,.hint{font-weight:400;color:var(--muted)}.btn{border:0;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(135deg,var(--green),#0b8c78);color:white}.dark{background:var(--navy);color:white}.soft{background:#eaf1f8;color:#184c7d}.danger{background:#fff0f1;color:var(--danger)}.wide{width:100%}.big{padding:14px 24px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.2s}.kpi:before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:var(--green)}.kpi:hover{transform:translateY(-3px);border-color:#9fc5e8}.kpi small,.kpi span{display:block;color:var(--muted)}.kpi strong{display:block;font:800 32px Manrope;margin:8px 0;color:var(--blue)}.panel,.work-section{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;margin:18px 0;box-shadow:var(--shadow)}.panel-head,.work-head,.title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.title h1,.panel h2,.work-head h2{margin:0}.title p{margin:3px 0;color:var(--muted)}.direct{background:#e7f7f3;color:#08735f;padding:9px 14px;border-radius:12px;font-weight:700}.bars{height:240px;display:flex;align-items:flex-end;gap:10px;overflow:auto;padding:20px}.bar{height:210px;min-width:55px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bar b{display:block;width:25px;background:linear-gradient(var(--green),var(--blue));border-radius:8px 8px 2px 2px}.bar strong{font-size:12px}.bar small{color:var(--muted)}.table{overflow:auto;background:#fff;border-radius:16px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:13px 15px;text-align:start;border-bottom:1px solid #edf1f5;white-space:nowrap}th{background:#f6f9fc;color:#526d82;font-size:13px}td small{display:block;color:var(--muted)}.status{display:inline-block;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700}.status.ok{background:#e6f7f2;color:#08735f}.status.off{background:#f1f3f6;color:#64788c}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid .full,fieldset.full{grid-column:1/-1}.checks{display:flex;gap:10px;flex-wrap:wrap}.checks label,.check{display:flex;align-items:center;gap:7px}.checks input,.check input{width:auto}fieldset{border:1px solid var(--line);border-radius:12px}.work-section{padding:0;overflow:hidden}.work-head{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.rows{padding:16px}.work-row{position:relative;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;border-bottom:1px dashed var(--line);padding:4px 0 18px;margin-bottom:16px}.work-row:last-child{border:0;margin-bottom:0}.remove{position:absolute;inset-inline-end:-8px;top:-10px;border:0;background:#fff0f1;color:var(--danger);width:27px;height:27px;border-radius:50%;cursor:pointer}.submit-bar{position:sticky;bottom:12px;background:#0b2447;color:white;padding:17px 22px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 15px 45px #081d3850;z-index:15}.submit-bar div{display:grid}.submit-bar small{color:#c9d7e6}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.summary div{background:#fff;border:1px solid var(--line);padding:17px;border-radius:15px;display:grid}.summary small{color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.actions{display:flex;gap:10px;margin:18px 0}.empty{text-align:center;padding:35px;color:var(--muted)}.alert{padding:13px 16px;border-radius:12px;margin-bottom:15px}.alert.success{background:#e5f7f1;color:#08735f}.alert.danger{background:#fff0f1;color:#a52f3d}.modal{display:none;position:fixed;inset:0;z-index:100;place-items:center}.modal.show{display:grid}.modal-bg{position:absolute;inset:0;background:#081d38aa}.modal-card{position:relative;width:min(780px,94vw);max-height:90vh;overflow:auto;background:white;border-radius:20px;padding:22px}.modal-head{display:flex;justify-content:space-between;margin-bottom:16px}.modal-head button{border:0;background:#eef2f6;width:35px;height:35px;border-radius:10px;font-size:22px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#0b5aa6,#081d38 65%);padding:20px}.auth-card{background:white;width:min(440px,100%);border-radius:25px;padding:32px;box-shadow:0 30px 80px #0005}.auth-logo{text-align:center}.auth-logo img{width:230px}.auth-card h1{text-align:center;margin:12px 0 0}.auth-card h1 small{font:600 13px Manrope;color:var(--green)}.auth-card>p{text-align:center;color:var(--muted);margin-top:5px}.auth-card form{display:grid;gap:14px}.language{display:flex;justify-content:center;gap:18px;margin-top:20px;color:var(--blue)}.overlay{display:none}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.work-row{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(calc(var(--dir,-1)*110%));transition:.25s;width:280px}.menu-open .sidebar{transform:none}.overlay{position:fixed;inset:0;background:#071b3388;z-index:40}.menu-open .overlay{display:block}.workspace{margin:0;width:100%}.workspace>header{padding:0 15px}.menu{display:block}.workspace main{padding:16px}.welcome{padding:23px}.welcome h1{font-size:24px}.welcome img{display:none}.kpi-grid,.summary,.two,.form-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.work-row{grid-template-columns:1fr}.submit-bar{align-items:stretch;gap:12px;flex-direction:column}.title{align-items:flex-start;flex-direction:column}.direct{font-size:13px}.form-grid .full,fieldset.full{grid-column:auto}.modal-card{padding:18px}}
@media print{.sidebar,.workspace>header,.actions,.btn,.filters,.submit-bar{display:none!important}.workspace{margin:0;width:100%}.workspace main{padding:0}.panel,.table{box-shadow:none;break-inside:avoid}}
[dir=ltr]{--dir:1;font-family:'Manrope','IBM Plex Sans Arabic',sans-serif}
.quick-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px}.choose-help{background:#e8f7f3;color:#166957;border-radius:14px;padding:13px 16px;font-weight:600}.work-section.simple{padding:0;overflow:hidden}.work-section.simple>summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;background:#fff}.work-section.simple>summary::-webkit-details-marker{display:none}.work-section.simple>summary:after{content:'＋';width:32px;height:32px;border-radius:10px;background:#eaf1f8;color:var(--blue);display:grid;place-items:center;margin-inline-start:auto}.work-section.simple[open]>summary:after{content:'−'}.work-section.simple>summary small{font-size:13px;color:var(--muted);font-weight:500}.simple-body{padding:16px;border-top:1px solid var(--line);background:#fbfdff}.simple .rows{padding:0}.simple .work-row{grid-template-columns:repeat(3,minmax(170px,1fr));margin:0}.add-line{margin-top:10px}.optional-panel{background:#fff;border:1px solid var(--line);border-radius:18px;margin:18px 0;box-shadow:var(--shadow)}.optional-panel>summary{cursor:pointer;padding:18px 20px;font-weight:700}.optional-panel .form-grid{padding:0 20px 20px}.row-actions{display:flex;gap:7px;align-items:center}.row-actions form{margin:0}.ltr{direction:ltr}
@media(max-width:760px){.workspace main{padding:12px}.quick-head,.simple .work-row{grid-template-columns:1fr}.work-section.simple>summary{padding:16px;font-size:18px}.simple-body{padding:12px}.submit-bar{bottom:6px}.submit-bar .btn{width:100%}.row-actions{min-width:145px}.table{border-radius:12px}}
@media(max-width:430px){.filters{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px}.kpi strong{font-size:24px}.kpi span{font-size:12px}.auth-card{padding:22px}.work-section.simple{margin:11px 0}}