@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Tajawal:wght@500;700;800;900&display=swap');
:root{--navy:#101d35;--navy2:#172943;--primary:#376df0;--primary2:#2658d2;--aqua:#18b7ab;--paper:#f4f7fc;--ink:#1b2b45;--muted:#7c8ba5;--line:#e8edf5;--card:#fff;--shadow:0 13px 35px rgba(24,45,85,.047);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.75 'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}button{transition:transform .18s,background .2s,border-color .2s,box-shadow .2s}button:active{transform:scale(.985)}:focus-visible{outline:3px solid #8cc8ff;outline-offset:2px}
.login-screen{display:grid;grid-template-columns:1.04fr .96fr;min-height:100vh;background:#fff}.login-art{min-height:100vh;position:relative;overflow:hidden;padding:35px 45px 42px;background:radial-gradient(ellipse at 20% 25%,#294877 0,transparent 45%),linear-gradient(145deg,#14294a,#0a162b 78%);display:flex;flex-direction:column;justify-content:space-between;color:#fff}.login-art:after{position:absolute;inset:0;content:'';opacity:.17;background-image:radial-gradient(#b5e4ff .9px,transparent .9px);background-size:27px 27px;pointer-events:none}.art-top,.art-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;color:#b8c9e2;font-size:12px}.art-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff26;border-radius:99px;padding:8px 14px;background:#ffffff0b}.pulse{display:inline-block;width:7px;height:7px;background:#42d8ae;box-shadow:0 0 0 5px #42d8ae21;border-radius:50%}.pulse.blue{background:#456fff;box-shadow:0 0 0 5px #456fff16}.art-center{z-index:2;position:relative;padding:30px 0 30px;max-width:610px}.art-mark{width:68px;height:68px;background:linear-gradient(135deg,#6a9afa,#245be5);border:1px solid #a4caff62;box-shadow:0 24px 50px #040e2350;border-radius:22px;display:grid;place-items:center;color:white;font:900 43px Tajawal,Arial,sans-serif;margin-bottom:30px}.art-mark span{color:#c6f3ee}.art-center h1{font:900 clamp(44px,5.2vw,76px)/1.28 Tajawal,Arial,sans-serif;letter-spacing:-1.6px;margin:0 0 25px}.art-center em{font-style:normal;color:#72dacf}.art-center p{max-width:560px;font-size:15px;line-height:2.2;color:#cfdaeb;margin:0}.art-orbit{position:absolute;pointer-events:none;z-index:-1;border:1px solid #ffffff18;border-radius:50%;aspect-ratio:1}.orbit-a{width:560px;right:30%;top:-180px}.orbit-b{width:360px;right:56%;top:-90px}.art-bottom{justify-content:flex-start;gap:25px}.art-bottom div{display:flex;align-items:center;gap:8px}.art-bottom svg{width:16px!important}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:44px 45px 27px}.login-brand{width:min(100%,440px);display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(140deg,#376ff2,#1e54bf);color:#fff;display:grid;place-items:center;font:900 30px Tajawal,Arial,sans-serif;box-shadow:0 10px 24px #2a62ce30}.login-brand strong,.sidebar-logo strong{display:block;font:900 21px Tajawal,Arial,sans-serif;line-height:1.4}.login-brand span,.sidebar-logo small{display:block;font-size:11px;color:var(--muted);font-weight:600}.login-card{width:min(100%,440px);padding:10px 0;margin:auto}.login-kicker{display:inline-block;color:#2e6df3;font-weight:800;background:#eaf1ff;border-radius:99px;padding:5px 13px;font-size:11px}.login-card h2{font:900 43px Tajawal,Arial,sans-serif;margin:18px 0 6px;color:#142742}.login-card>p{color:#7a8ba4;font-size:13px;line-height:2.1;margin:0 0 34px}.login-card label,.form-field label{font-size:12px;font-weight:800;color:#3b4c65;display:block;margin-bottom:9px}.input-symbol{position:relative}.input-symbol .icon{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:#8495af}.input-symbol input{width:100%;padding:15px 48px 15px 16px;border:1px solid #dbe3ef;border-radius:15px;background:#f8faff;font-size:14px;outline:none;transition:.2s}.input-symbol input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#75a0f4;box-shadow:0 0 0 4px #3671ef12;background:#fff}.button{border:0;border-radius:14px;padding:12px 20px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.button.primary{background:linear-gradient(135deg,#437af4,#285bd8);color:white;box-shadow:0 10px 22px #386ee52a}.button.primary:hover{box-shadow:0 14px 28px #386ee53b;transform:translateY(-2px)}.button.subtle{background:#eaf0fc;color:#3365bb}.button.outline{background:#fff;border:1px solid #dce5f2;color:#3f5778}.button.danger{background:#fff1f0;color:#b13e39}.button.wide{width:100%;margin-top:20px;min-height:52px;font-size:13px;justify-content:space-between;padding-inline:20px}.button .icon{width:17px;height:17px}.form-error{min-height:20px;color:#bf3d45;font-weight:700;font-size:12px;margin:12px 0}.login-hint{display:flex;gap:10px;margin-top:31px;border-top:1px solid #e9eef6;padding-top:21px;color:#8290a5;font-size:11px;line-height:1.95}.login-hint .icon{color:#1cabaa;width:18px;height:18px;margin-top:4px}.copyright{width:min(100%,440px);font-size:10px;color:#a0acc0;margin:0}
.app-screen{display:flex;min-height:100vh}.sidebar{width:252px;flex:none;background:#101c33;color:white;position:sticky;top:0;height:100vh;padding:28px 18px 24px;display:flex;flex-direction:column;z-index:10}.sidebar-logo{display:flex;align-items:center;gap:13px;padding:4px 10px 30px;border-bottom:1px solid #ffffff0e}.sidebar-logo .brand-mark{width:44px;height:44px;border-radius:14px;font-size:27px}.sidebar-logo strong{font-size:18px}.sidebar-logo small{color:#91a2bf}.side-caption{font-size:10px;color:#6d7fa1;font-weight:800;padding:26px 16px 12px}.side-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;text-align:right;color:#a7b5cf;border:0;border-radius:13px;padding:13px 15px;background:transparent;font-size:12px;font-weight:700}.nav-item:hover{background:#ffffff0c;color:#fff}.nav-item.active{background:linear-gradient(135deg,#3e76ed,#265acb);color:#fff;box-shadow:0 9px 22px #0b142740}.nav-item .icon{height:18px;width:18px}.nav-dot,.unread-dot{width:7px;height:7px;background:#ffae76;border-radius:50%;margin-right:auto}.side-bottom{margin-top:auto}.side-security{border:1px solid #ffffff10;border-radius:16px;padding:14px 13px;display:flex;gap:10px;background:#ffffff08}.side-security .icon{color:#66e0cb}.side-security b{display:block;font-size:11px;color:#e2eafb}.side-security span{display:block;color:#8da1c2;font-size:10px;margin-top:4px}.side-logout{background:transparent;border:0;color:#a6b5cc;font-size:12px;font-weight:800;padding:15px;width:100%;display:flex;align-items:center;gap:13px;margin-top:12px}.side-logout:hover{color:#fff}
.app-main{flex:1;min-width:0}.app-topbar{height:91px;background:#ffffffda;backdrop-filter:blur(14px);border-bottom:1px solid #e7edf6;padding:0 clamp(20px,3.2vw,54px);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:8}.crumb{font-size:10px;color:#9aa8bd}.crumb span{margin:0 6px}.crumb b{color:#4673d0}.top-greeting h1{font:900 24px Tajawal,Arial,sans-serif;margin:4px 0 0}.top-actions{display:flex;align-items:center;gap:14px}.top-search{background:#f3f6fb;display:flex;align-items:center;gap:10px;border:1px solid #edf1f8;border-radius:12px;color:#9ba8bb;padding:10px 13px;min-width:275px;text-align:right;font-size:12px}.top-search kbd{margin-right:auto;font-size:9px;color:#9bacc3;background:white;padding:4px 7px;border:1px solid #e8edf5;border-radius:6px}.top-notify{height:41px;width:41px;display:grid;place-items:center;background:#f2f5fa;border:0;border-radius:12px;position:relative;color:#506580}.top-notify .unread-dot{position:absolute;top:9px;right:9px;margin:0}.user-chip{display:flex;align-items:center;gap:10px;border-right:1px solid #edf0f6;padding-right:12px}.user-avatar{height:41px;width:41px;border-radius:13px;background:#e7eefc;color:#3d6ee1;display:grid;place-items:center;font:900 19px Tajawal}.user-chip strong{display:block;white-space:nowrap;font-size:12px}.user-chip small{display:block;color:#96a3b7;font-size:10px}.content{max-width:1620px;padding:34px clamp(20px,3.2vw,54px) 90px;margin:auto}.intro-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:800;color:#5680c8;display:flex;align-items:center;gap:10px}.intro-row h2{font:900 clamp(23px,2.7vw,36px)/1.3 Tajawal,Arial,sans-serif;margin:9px 0 4px;letter-spacing:-.3px}.intro-row p{color:#7e8da6;margin:0;font-size:12px}.today-box{min-width:165px;background:#fff;border:1px solid #e9eef6;border-radius:16px;padding:12px 16px;box-shadow:var(--shadow)}.today-box span{display:block;color:#91a1b8;font-size:10px}.today-box strong{display:block;font-size:12px;color:#3b4c67}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:35px}.stat-card{position:relative;display:flex;align-items:center;justify-content:space-between;padding:23px 23px 20px;background:#fff;border:1px solid #e9edf4;border-radius:21px;box-shadow:var(--shadow);min-height:116px;overflow:hidden}.stat-card:after{content:'';position:absolute;right:0;top:22px;bottom:22px;width:3px;background:var(--tone,#4d83f4);border-radius:7px}.stat-card small{display:block;font-size:11px;color:#8593aa;font-weight:600}.stat-card strong{font:900 36px Tajawal,Arial,sans-serif;display:block;color:#233553;margin-top:8px;line-height:1}.stat-icon{height:49px;width:49px;border-radius:16px;background:var(--wash,#e8f0ff);color:var(--tone,#4d83f4);display:grid;place-items:center}.stat-icon svg{height:22px;width:22px}.view{animation:fadeUp .23s ease}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.section-head.slim{margin-top:38px}.section-kicker{font-size:10px;color:#7589aa;font-weight:800}.section-head h3{font:900 22px Tajawal,Arial,sans-serif;margin:4px 0 0}.card-stack{display:flex;flex-direction:column;gap:12px}.work-card{padding:17px 22px;border:1px solid #e6ecf4;border-radius:18px;background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center}.work-card:hover,.unit-card:hover{border-color:#d6e3fa;box-shadow:0 17px 33px #203d7f12}.work-head{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:5px}.work-code{font-size:10px;color:#7991b7;font-weight:800;direction:ltr;unicode-bidi:isolate}.work-title{font-size:14px;font-weight:800;color:#203551;margin:0 0 5px}.work-desc{font-size:11px;color:#8190a5;line-height:1.9;margin:0;max-width:860px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;color:#91a0b3;font-size:10px}.badge{display:inline-flex;padding:4px 10px;border-radius:99px;background:#edf2ff;color:#476fd6;font-size:10px;font-weight:800;white-space:nowrap}.badge.success{background:#def9ed;color:#12845c}.badge.warning{background:#fff1d9;color:#aa7113}.badge.danger{background:#fff0ef;color:#bc4a44}.badge.neutral{background:#eef2f8;color:#667b97}.work-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.mini-btn{border-radius:11px;background:#f2f6ff;border:1px solid #e8edfc;color:#376ad9;font-size:11px;padding:8px 14px;font-weight:800}.mini-btn:hover{background:#e7efff}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 19px}.pill{padding:9px 15px;border-radius:11px;background:#fff;color:#7c8eab;border:1px solid #e7edf6;font-size:11px;font-weight:800}.pill.active{background:#233d70;color:#fff;border-color:#233d70}.units-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.unit-card{border:1px solid #e6ecf5;background:white;border-radius:21px;padding:22px;box-shadow:var(--shadow)}.unit-badge{height:45px;width:45px;border-radius:15px;background:#eff4ff;color:#376be0;display:grid;place-items:center;margin-bottom:13px}.unit-card h4{font:900 19px Tajawal,Arial,sans-serif;margin:0 0 3px}.unit-card p{margin:0 0 18px;font-size:11px;color:#91a1b7}.unit-card-actions{display:flex;gap:8px;flex-wrap:wrap}.info-note{border-radius:15px;background:#eaf1ff;color:#4970bb;padding:14px 17px;border:1px solid #dbe7fe;font-size:12px;margin-bottom:19px}.mini-caption{color:#98a5b8;font-size:11px}.empty{padding:48px 20px;background:#fff;border:1px dashed #d9e3f1;border-radius:22px;color:#8a9cb6;text-align:center;font-size:12px}.empty .icon{width:28px;height:28px;color:#547ee6;margin-bottom:10px}.empty b{display:block;color:#385174;font:900 18px Tajawal}.notification{cursor:pointer}.notification.unseen{border-right:3px solid #4579e8}.bottom-nav{display:none}.modal-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}.modal-shade{position:absolute;inset:0;background:#09172a9b;backdrop-filter:blur(7px)}.modal-box{position:relative;width:min(100%,600px);max-height:min(89vh,860px);overflow:auto;background:white;border-radius:24px;padding:25px 27px 29px;box-shadow:0 30px 100px #0611236b;animation:popIn .22s ease}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf1f6;padding-bottom:15px;margin-bottom:23px}.modal-head span{font-size:11px;color:#5a81d2;font-weight:800}.modal-head h3{font:900 27px Tajawal,Arial,sans-serif;margin:5px 0 0}.icon-close{border:0;border-radius:13px;background:#f1f4fa;color:#526980;display:grid;place-items:center;width:39px;height:39px}.modal-content{font-size:13px}.form-field{margin-bottom:15px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #dce5f1;background:#fafcff;border-radius:12px;padding:12px 14px;outline:none;color:#293c58}.form-field textarea{min-height:110px;resize:vertical}.form-field select{appearance:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.form-help{font-size:11px;color:#8d9aaf;margin-top:5px}.form-actions{margin-top:23px;display:flex;justify-content:flex-end;gap:10px}.detail-block{padding:15px;background:#f7f9fd;border-radius:13px;margin-bottom:12px;color:#5e7089;white-space:pre-wrap;line-height:2}.detail-block strong{display:block;color:#1e3758;margin-bottom:3px}.details-top{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:15px}.subhead{font:900 17px Tajawal;margin:22px 0 11px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-row{display:flex;align-items:center;gap:8px;border:1px solid #e5ebf4;padding:10px 12px;border-radius:12px;cursor:pointer;font-size:12px}.check-row input{accent-color:#386ff0}.token-display{word-break:break-all;user-select:all;background:#f0f5ff;color:#1a4387;font:700 14px monospace;letter-spacing:.3px;direction:ltr;text-align:center;padding:18px;border:1px dashed #88a9e6;border-radius:14px}.toast{position:fixed;bottom:28px;left:25px;z-index:150;background:#1d335a;color:#fff;border-radius:14px;padding:13px 20px;max-width:440px;box-shadow:0 15px 34px #0b234148;font-size:12px;font-weight:700;animation:fadeUp .2s ease}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes popIn{from{transform:translateY(16px) scale(.99);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1190px){.sidebar{width:222px;padding-inline:13px}.app-topbar{padding-inline:24px}.content{padding-inline:24px}.top-search{min-width:210px}.units-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){.login-screen{grid-template-columns:1fr}.login-art{min-height:0;height:200px;padding:22px 25px;overflow:hidden}.art-top>span:last-child,.art-bottom,.art-center>p,.art-center .art-mark{display:none}.art-center h1{font-size:32px;margin:0}.art-center{padding:35px 0}.login-panel{min-height:calc(100vh - 200px);padding:24px 22px}.login-card{margin:30px auto}.sidebar{width:78px;padding:20px 11px}.sidebar-logo{padding:4px 0 23px;justify-content:center}.sidebar-logo>div:last-child,.side-caption,.nav-item:not(.active){font-size:0}.sidebar-logo strong,.sidebar-logo small,.side-security,.side-logout{display:none}.side-nav{gap:7px}.nav-item{font-size:0;justify-content:center;padding:13px 5px}.nav-item .icon{height:21px;width:21px}.nav-dot{position:absolute;margin:0;top:6px;right:10px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.login-art{height:170px}.login-panel{min-height:calc(100vh - 170px)}.login-card h2{font-size:37px}.sidebar{display:none}.app-topbar{height:76px;padding:0 17px}.top-greeting h1{font-size:20px}.top-search{min-width:0;width:42px;height:42px;justify-content:center}.top-search span,.top-search kbd{display:none}.top-actions{gap:7px}.user-chip{padding-right:5px}.user-chip strong,.user-chip small{display:none}.user-avatar{width:38px;height:38px}.content{padding:27px 15px 120px}.intro-row{align-items:flex-start;margin-bottom:23px}.intro-row h2{font-size:25px}.intro-row p{font-size:11px}.today-box{display:none}.stat-grid{gap:10px;margin-bottom:30px}.stat-card{min-height:91px;padding:16px 14px;border-radius:16px}.stat-card strong{font-size:30px}.stat-card small{font-size:10px}.stat-icon{width:38px;height:38px;border-radius:12px}.stat-icon svg{width:18px}.section-head{align-items:center}.section-head h3{font-size:20px}.button{padding:11px 12px;font-size:11px}.work-card{grid-template-columns:1fr;padding:17px 17px 16px;gap:10px}.work-title{font-size:13px}.work-actions{justify-content:flex-start}.units-grid{grid-template-columns:1fr;gap:11px}.bottom-nav{position:fixed;bottom:0;right:0;left:0;background:#fff;box-shadow:0 -14px 34px #122c4512;border-top:1px solid #e8edf5;display:flex;align-items:center;justify-content:space-around;padding:8px 7px max(8px,env(safe-area-inset-bottom));z-index:20}.bottom-nav button{border:0;background:none;color:#9caabd;display:flex;align-items:center;flex-direction:column;gap:3px;font-size:9px;font-weight:800;min-width:54px;padding:6px 4px;border-radius:11px}.bottom-nav button.active{background:#ecf2ff;color:#3369dd}.bottom-nav .icon{width:20px;height:20px}.modal-overlay{padding:0;align-items:flex-end}.modal-box{border-radius:23px 23px 0 0;width:100%;max-height:93dvh;padding:20px 18px 26px}.form-grid,.checks{grid-template-columns:1fr}.toast{bottom:95px;left:14px;right:14px;max-width:none}.filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.pill{flex:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}