@font-face{font-family:"Noto Arabic";src:url("../fonts/noto-sans-arabic-400.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Noto Arabic";src:url("../fonts/noto-sans-arabic-500.woff2") format("woff2");font-weight:500;font-display:swap}@font-face{font-family:"Noto Arabic";src:url("../fonts/noto-sans-arabic-600.woff2") format("woff2");font-weight:600;font-display:swap}@font-face{font-family:"Noto Arabic";src:url("../fonts/noto-sans-arabic-700.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--brand-red:#d31c28;--brand-red-dark:#af1521;--brand-steel:#48666f;--ink:#25333a;--mute:#77868c;--bg:#f6f8f9;--line:#e8edef;--surface:#fff;--sidebar:#27363d;--sidebar-hover:#34454d;--bs-primary:#cf1c29;--bs-primary-rgb:207,28,41;--shadow:0 5px 24px rgba(31,50,56,.035)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Arabic",Tahoma,Arial,sans-serif;font-size:14px;line-height:1.75}button,input,select,textarea{font:inherit}a{text-decoration:none;color:var(--brand-red)}a:hover{color:var(--brand-red-dark)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e47880;outline-offset:2px}.app-shell{min-height:100vh;display:flex;align-items:stretch}.sidebar{width:262px;flex:none;background:var(--sidebar);color:white;position:sticky;top:0;height:100vh;padding:24px 14px 18px;display:flex;flex-direction:column;z-index:1200;overflow-y:auto}.side-brand{display:flex;flex-direction:column;align-items:center;padding:8px 9px 22px;border-bottom:1px solid #ffffff17}.side-brand-mark{display:grid;place-items:center;width:100%;border-radius:14px;background:#edf3f4;padding:12px 8px}.brand-image{width:100%;max-width:184px;height:94px;object-fit:contain}.side-brand-caption{margin-top:13px;color:#e7edef;font-size:12px;font-weight:700;letter-spacing:2.2px}.side-brand-caption span{font-weight:400;color:#98aab0;margin-left:6px}.nav-kicker{font-size:11px;color:#94a5aa;margin:28px 17px 12px}.side-nav{gap:6px}.side-nav .nav-link{color:#becbd0;border-radius:10px;display:flex;align-items:center;gap:15px;padding:12px 16px;min-height:49px;font-weight:500;transition:background .2s,color .2s}.side-nav .nav-link>i:first-child{font-size:17px;width:22px;text-align:center}.side-nav .nav-link:hover{background:var(--sidebar-hover);color:#fff}.side-nav .nav-link.active{background:var(--brand-red);color:#fff;font-weight:700;box-shadow:0 5px 16px #7e0e183b}.side-indicator{margin-right:auto;font-size:11px}.side-bottom{margin-top:auto;padding-top:26px}.side-help{background:#ffffff0b;border:1px solid #ffffff12;border-radius:13px;padding:13px 11px;display:flex;gap:10px;align-items:start}.side-help>i{font-size:20px;color:#f4a5ab;padding-top:4px}.side-help strong{font-size:12px;display:block;color:#fff}.side-help small{font-size:10px;color:#afc0c5;display:block;line-height:1.8}.side-account{display:flex;gap:9px;align-items:center;padding:16px 4px 3px}.avatar{height:38px;width:38px;border-radius:12px;display:grid;place-items:center;background:#ffe8e9;color:var(--brand-red);font-weight:700;flex:none}.side-avatar{background:#60747c;color:white}.account-copy{min-width:0;flex:1}.account-copy strong,.account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy strong{font-size:12px;color:#fff}.account-copy small{font-size:10px;color:#b4c2c7}.side-logout{background:transparent;border:0;color:#b8c6ca;cursor:pointer;padding:8px;border-radius:8px}.side-logout:hover{background:#ffffff19;color:#fff}.main-wrapper{min-width:0;flex:1}.topbar{height:78px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar-right,.topbar-left{display:flex;align-items:center;gap:20px}.topbar-breadcrumb{display:flex;align-items:center;gap:12px;color:#8a969b;font-size:12px}.topbar-breadcrumb i{font-size:9px;color:#b7bfc3}.topbar-breadcrumb strong{font-size:13px;color:var(--ink);font-weight:700}.topbar-date{color:#8b969c;font-size:12px;display:flex;align-items:center;gap:8px}.user-chip{display:flex;align-items:center;gap:10px;padding-right:20px;border-right:1px solid var(--line)}.user-copy strong,.user-copy small{display:block}.user-copy strong{font-size:12px;line-height:1.5}.user-copy small{font-size:10px;color:#8a969b}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);cursor:pointer}.sidebar-toggle{display:none}.mobile-backdrop{display:none}.page-content{max-width:1590px;margin:0 auto;padding:35px 39px 70px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-heading h1{font-weight:700;font-size:27px;letter-spacing:-.4px;margin:4px 0 6px}.page-heading p{color:var(--mute);margin:0;font-size:13px}.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.eyebrow-light{color:#aa6970}.greeting-spark{color:var(--brand-red);font-size:18px}.btn{border-radius:9px;padding:.63rem 1.15rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .18s,background-color .18s,border-color .18s}.btn:active{transform:translateY(1px)}.btn-primary{--bs-btn-bg:var(--brand-red);--bs-btn-border-color:var(--brand-red);--bs-btn-hover-bg:var(--brand-red-dark);--bs-btn-hover-border-color:var(--brand-red-dark);--bs-btn-active-bg:#96101a;--bs-btn-active-border-color:#96101a;--bs-btn-disabled-bg:#da7c83;--bs-btn-disabled-border-color:#da7c83}.btn-outline-primary{--bs-btn-color:var(--brand-red);--bs-btn-border-color:#e7bac0;--bs-btn-hover-bg:var(--brand-red);--bs-btn-hover-border-color:var(--brand-red)}.btn-light{background:#f4f6f7;border-color:#e8edef;color:#4b5d64}.content-card,.stat-card,.project-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.content-card{padding:24px}.stat-card{padding:22px 23px;min-height:166px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:start;justify-content:space-between}.stat-icon{height:45px;width:45px;border-radius:12px;display:grid;place-items:center;background:#fbeaed;color:#c62131;font-size:19px}.stat-total .stat-icon{background:#e8f0f1;color:#3a7881}.stat-open .stat-icon{background:#fff3e4;color:#b87d22}.stat-late .stat-icon{background:#fff0ee;color:#d04d46}.stat-decoration{color:#c6ced1;font-size:12px}.stat-number{font-size:34px;font-weight:700;line-height:1.4;margin-top:13px;color:#26383f;letter-spacing:-1px}.stat-label{font-size:12px;color:var(--mute)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:9px}.section-title h2{font-size:16px;font-weight:700;margin:2px 0 0;display:flex;align-items:center;gap:10px}.section-icon{color:var(--brand-red)}.section-kicker{font-size:10px;color:#a1adb0}.section-action{font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.task-list-item{display:flex;align-items:center;gap:13px;color:var(--ink);padding:16px 2px;border-bottom:1px solid var(--line);transition:background .2s}.task-list-item:last-child{border-bottom:0}.task-list-item:hover{color:var(--brand-red);background:#fcfdfd}.task-dot{width:9px;height:9px;border:2px solid #d6a0a5;border-radius:50%;flex:none}.task-text{flex:1;min-width:0}.task-text strong,.task-text small{display:block}.task-text strong{font-size:13px;font-weight:700}.task-text small{color:#96a2a7;font-size:11px;margin-top:3px}.task-text small i{margin-left:4px}.task-due{font-size:11px;color:#89989d;white-space:nowrap}.task-due i{margin-left:5px}.task-go{font-size:10px;color:#b2bdc1}.project-shortcut{display:flex;align-items:center;gap:13px;padding:17px 0;color:var(--ink);border-bottom:1px solid var(--line)}.project-shortcut:last-child{border-bottom:0}.project-mini-icon{height:43px;width:43px;display:grid;place-items:center;flex:none;background:#edf2f3;border-radius:11px;color:var(--brand-steel)}.project-mini-body{flex:1;min-width:0}.project-mini-body strong{font-size:12px}.project-mini-body small{color:#9ba5aa}.progress{height:6px;background:#eef1f2;border-radius:100px;overflow:hidden}.progress-bar{background:var(--brand-red);border-radius:100px}.insight-card{background:linear-gradient(110deg,#fff4f4,#fffafb);border:1px solid #f5e3e5;border-radius:14px;padding:20px;display:flex;gap:13px;align-items:start}.insight-icon{color:var(--brand-red);background:#ffedef;padding:10px;border-radius:10px}.insight-card strong{font-size:13px}.insight-card p{font-size:11px;color:#8e7679;margin:4px 0 0}.project-card{padding:24px;display:block;color:var(--ink);height:100%;transition:transform .2s,box-shadow .2s,border-color .2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 13px 31px #23363c14;border-color:#eec9cd;color:var(--ink)}.project-tile-mark{height:46px;width:46px;display:grid;place-items:center;border-radius:12px;background:#f9ebed;color:var(--brand-red);font-size:19px;margin-bottom:16px}.project-card .badge{font-size:10px;padding:7px 11px;border-radius:8px}.project-card h2{font-size:17px!important}.project-card p{line-height:1.9}.status-text{font-size:11px;color:#8fa0a5}.clamp-two{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px}.empty{padding:43px 20px;text-align:center;color:#89989e;display:flex;align-items:center;flex-direction:column;gap:7px}.empty>i{font-size:30px;color:#c6d2d5}.empty strong{color:#5f7178;font-size:14px}.empty span{font-size:12px}.form-card{max-width:940px}.form-label{font-size:12px;font-weight:700;color:#44585f;margin-bottom:8px}.form-control,.form-select{border:1px solid #dfe7e9;border-radius:9px;background-color:#fff;color:#33454c;padding:.73rem .9rem;font-size:13px;min-height:44px}.form-control:focus,.form-select:focus{border-color:#de8e95;box-shadow:0 0 0 3px #edc0c443}.form-control::placeholder{color:#a2afb2}.form-text{color:#8f9b9f;font-size:11px}.form-check-input:checked{background-color:var(--brand-red);border-color:var(--brand-red)}.filter-select{max-width:270px}.table-responsive{border-radius:9px;overflow-x:auto}.table{--bs-table-color:var(--ink);font-size:12px;margin-bottom:0}.table>thead th{font-size:11px;color:#84949a;background:#f8fafb;border-bottom-color:#e5ebed;padding:15px;white-space:nowrap;font-weight:700}.table>tbody td{vertical-align:middle;padding:16px 15px;border-bottom-color:#edf0f1}.table-hover>tbody>tr:hover>*{--bs-table-bg-state:#fbf8f8}.table a{font-weight:700}.badge.bg-light{background:#f0f3f4!important;color:#55676f!important}.info-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.info-line:last-child{border-bottom:none}.info-line span{color:#8c999e}.info-line strong{font-weight:700;color:#405158;text-align:left}.comment{padding:17px 0;border-bottom:1px solid var(--line)}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;color:#53666d}.app-alert{border-radius:12px}.login-page{background:#fff;min-height:100vh;padding:0;max-width:none;display:block}.login-shell{display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);min-height:100vh}.login-intro{background:linear-gradient(145deg,#304750,#465f68);color:#fff;padding:34px clamp(30px,5vw,84px);display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}.login-intro:before{content:"";position:absolute;inset:auto -170px -200px auto;width:520px;height:520px;border:1px solid #ffffff20;border-radius:50%;z-index:-1;box-shadow:0 0 0 110px #ffffff08,0 0 0 210px #ffffff06}.login-identity{display:flex;align-items:center;gap:15px}.login-identity img{height:76px;width:240px;object-fit:contain;background:#eef2f3;border-radius:11px;padding:6px}.login-identity span{font-size:10px;letter-spacing:1.2px;color:#d8e1e3}.login-intro-copy{max-width:490px;margin:auto 0}.login-intro .eyebrow{color:#f4b5bc}.login-intro h2{font-weight:700;font-size:clamp(30px,3.5vw,54px);line-height:1.6;margin:25px 0 17px;letter-spacing:-.6px}.login-intro h2 em{font-style:normal;color:#ff7c88}.login-intro-copy>p{font-size:15px;line-height:2.2;color:#d2dce0;max-width:440px}.login-benefits{display:flex;flex-wrap:wrap;gap:13px 22px;margin-top:35px;color:#e7eff1;font-size:12px}.login-benefits i{color:#ffa2ac;margin-left:6px}.login-legal{font-size:11px;color:#abbcc2}.login-side{display:grid;place-items:center;background:#fff;padding:45px}.login-card{width:min(100%,450px)}.login-card h1{font-size:31px;font-weight:700;margin:12px 0}.login-subtitle{font-size:13px;color:#8c9a9f;margin-bottom:34px}.login-card .form-label{font-size:13px}.input-icon-wrap{position:relative}.input-icon-wrap>i{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#9ca9ae}.input-icon-wrap .form-control{height:52px;padding-right:46px;padding-left:45px;text-align:right}.input-icon-wrap .form-control[dir=ltr]{text-align:left}.password-toggle{position:absolute;top:50%;left:9px;transform:translateY(-50%);border:0;background:transparent;color:#9ca9ae;padding:9px}.login-submit{height:51px;margin-top:8px}.login-note{border-top:1px solid var(--line);padding-top:21px;margin-top:28px;color:#95a0a5;font-size:11px;text-align:center}.login-note i{color:#aabac0;margin-left:5px}.login-mobile-logo{display:none}.install-identity img{width:220px;max-width:100%;height:90px;object-fit:contain}.install-identity{text-align:center;margin-bottom:10px}
@media(max-width:1200px){.sidebar{width:242px}.page-content{padding:30px 26px 60px}.topbar{padding:0 25px}.login-identity{flex-direction:column;align-items:start}.login-identity img{height:64px}}
@media(max-width:991px){.sidebar{position:fixed;right:-280px;width:270px;max-width:85vw;transition:right .24s ease}.sidebar.open{right:0}.mobile-backdrop{display:block;position:fixed;inset:0;background:#0b172099;z-index:1100;opacity:0;pointer-events:none;transition:opacity .22s}.mobile-backdrop.show{opacity:1;pointer-events:auto}.sidebar-toggle{display:inline-grid}.topbar{padding:0 22px}.page-content{padding:27px 20px 55px}.login-intro{padding:30px}.login-intro h2{font-size:34px}.login-side{padding:30px}.login-identity span{display:none}}
@media(max-width:767px){.login-shell{grid-template-columns:1fr}.login-intro{display:none}.login-side{min-height:100vh;padding:32px 23px;background:#f8fafb}.login-card{background:#fff;border:1px solid var(--line);padding:30px 25px;border-radius:18px;box-shadow:var(--shadow)}.login-mobile-logo{display:block;margin:0 0 24px}.login-mobile-logo img{width:205px;height:90px;object-fit:contain}.page-heading h1{font-size:23px}.topbar-date{display:none}.user-copy{display:none}.user-chip{border:0;padding:0}.content-card{padding:19px}.task-due{max-width:130px;overflow:hidden;text-overflow:ellipsis}.section-title{align-items:flex-start}.section-title h2{font-size:15px}}
@media(max-width:575px){.topbar{height:66px;padding:0 14px}.topbar-right,.topbar-left{gap:9px}.topbar-breadcrumb>span,.topbar-breadcrumb>i{display:none}.page-content{padding:20px 13px 48px}.page-heading{align-items:stretch;margin-bottom:20px}.page-heading>div:first-child{width:100%}.page-heading>.btn{width:100%}.stat-card{padding:16px;min-height:148px}.stat-number{font-size:28px}.stat-icon{height:37px;width:37px;font-size:16px}.content-card,.project-card{padding:17px}.section-action{font-size:10px}.task-list-item{gap:9px}.task-due{font-size:10px;max-width:92px}.task-due i,.task-go{display:none}.filter-select{width:100%;max-width:none}.content-card form.d-flex{flex-wrap:wrap}.content-card form.d-flex>input[type=search]{width:100%}.login-card h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}