@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{font-family:'IBM Plex Sans Arabic',Inter,Arial,sans-serif;color:#1b1730;background:#f7f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}svg{flex:none}h1,h2,h3,p{margin-top:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#faf9fc;direction:ltr}.login-panel,.login-showcase{direction:rtl}html[dir=ltr] .login-panel{direction:ltr}.login-showcase{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:29px;padding:48px;background:#f7f6fa}.login-showcase p{font-size:15px;color:#746f80}.showcase-image{width:min(100%,690px);border-radius:20px;box-shadow:0 24px 65px rgba(39,22,79,.11);overflow:hidden;background:white}.showcase-image img{display:block;width:100%;height:auto}.login-panel{min-height:100vh;display:flex;flex-direction:column;padding:43px clamp(35px,6vw,102px) 26px;background:#fff}.login-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.brand-logo{width:142px;height:auto;object-fit:contain}.lang-button{background:#fff;border:1px solid #e9e6ee;border-radius:10px;padding:9px 13px;color:#34313b;font-size:13px;line-height:1;white-space:nowrap}.lang-button span{padding-inline-start:7px}.login-content{flex:1;display:grid;place-items:center}.form-wrap{width:min(100%,425px);padding-bottom:62px}.form-ornament{width:40px;height:4px;border-radius:4px;background:#6313bb;margin-bottom:27px}.form-wrap h1{font-size:34px;line-height:1.5;letter-spacing:-.035em;margin-bottom:5px;color:#181424}.form-intro{font-size:15px;line-height:1.9;color:#77727f;margin-bottom:40px}.form-wrap form{display:flex;flex-direction:column}.form-wrap label{font-weight:600;font-size:14px;margin-bottom:10px;color:#282331}.form-wrap input{height:54px;border:1px solid #e3e0e8;border-radius:10px;padding:0 16px;background:#fff;color:#1b1730;outline:none;text-align:start}.form-wrap input:focus{border-color:#6412bc;box-shadow:0 0 0 3px rgba(100,18,188,.1)}.form-wrap input::placeholder{color:#aaa5b1}.field-hint{font-size:12px;color:#928c99;margin:8px 0 26px}.sent-to{font-size:13px;color:#655b73;padding:10px 14px;margin-bottom:25px;border:1px solid #ece8f2;border-radius:8px;background:#faf8fc;text-align:start}.primary-button{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:12px;background:#6210b8;color:#fff;border:0;border-radius:10px;font-size:15px;font-weight:600;box-shadow:0 10px 20px rgba(98,16,184,.16);margin-top:26px;transition:background .2s,transform .2s}.primary-button:hover{background:#4d078f;transform:translateY(-1px)}[dir=ltr] .primary-button svg{transform:scaleX(-1)}.form-links{display:flex;justify-content:space-between;gap:16px;margin-top:22px}.form-links button{border:0;background:none;padding:3px;color:#6210b8;font-size:13px}.form-message{font-size:13px;line-height:1.7;margin:20px 0 0}.form-message.error{color:#b42318}.form-message.success{color:#138052}.preview-link{display:inline-block;margin-top:28px;color:#7a7184;font-size:12px;text-decoration:underline;text-underline-offset:3px}.login-footer{text-align:center;color:#a8a2af;font:12px Inter,Arial,sans-serif}
.dashboard-page{min-height:100vh;display:flex;background:#f8f8fa}.sidebar{position:sticky;top:0;align-self:flex-start;width:78px;height:100vh;background:#5406a9;color:#fff;display:flex;flex-direction:column;align-items:center;padding:21px 8px 14px;flex:none}.sidebar-logo{font-size:27px;font-weight:700;line-height:42px;text-align:center;width:42px;height:42px;margin-bottom:38px}.sidebar nav,.sidebar-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.sidebar-bottom{margin-top:auto}.side-link{width:53px;min-height:47px;border:0;border-radius:12px;background:transparent;color:#f1e4ff;display:flex;align-items:center;justify-content:center;position:relative}.side-link:hover,.side-link.selected{background:#7330bb;color:#fff}.side-link span{position:absolute;display:none;white-space:nowrap;background:#261240;color:#fff;padding:6px 9px;border-radius:6px;font-size:12px;right:62px;top:9px;z-index:3}.side-link:hover span,.side-link:focus-visible span{display:block}[dir=ltr] .side-link span{right:auto;left:62px}.dashboard-body{flex:1;min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid #eeedf1;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.5vw,58px)}.topbar-title{font-weight:700;color:#262137;font-size:15px}.topbar-actions{display:flex;align-items:center;gap:18px}.topbar-actions .lang-button{padding:8px 9px}.icon-button{border:0;background:none;color:#696272;display:grid;place-items:center;padding:5px}.avatar{height:37px;width:37px;border-radius:50%;display:grid;place-items:center;background:#f1e6ff;color:#5e0db5;font-weight:700;font-size:15px}.mobile-brand{display:none}.dashboard-main{padding:38px clamp(20px,3.5vw,58px) 64px;max-width:1600px;margin:auto}.preview-banner{padding:13px 17px;background:#fff6df;border:1px solid #f0df9b;color:#714d08;border-radius:10px;font-size:13px;margin-bottom:26px}.preview-banner a{margin-inline-start:14px;text-decoration:underline}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px}.eyebrow{font:600 10px Inter,Arial,sans-serif;letter-spacing:.15em;color:#8d72aa;margin:0 0 7px}.page-heading h1{font-size:29px;line-height:1.4;margin:0 0 5px}.page-heading p:not(.eyebrow){font-size:14px;color:#8a8590;margin:0}.heading-chip{border:1px solid #e8e2ef;color:#69369a;background:white;border-radius:40px;padding:8px 15px;font-size:12px;white-space:nowrap}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.summary-card,.surface-card{background:#fff;border:1px solid #eeebf2;border-radius:16px;box-shadow:0 5px 18px rgba(34,20,61,.025)}.summary-card{padding:21px 23px 19px;min-height:172px}.summary-top,.summary-bottom{display:flex;align-items:center;justify-content:space-between}.summary-icon{height:44px;width:44px;border-radius:13px;background:#f3eafb;color:#6d18be;display:grid;place-items:center}.card-more{font-size:20px;color:#b6acbf}.summary-card p{font-size:13px;color:#7e7884;margin:17px 0 6px}.summary-bottom strong{font:700 25px Inter,Arial,sans-serif}.summary-bottom span{color:#a49dab;font-size:12px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:20px}.surface-card{padding:24px}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.card-heading h2{font-size:17px;margin:0}.card-heading span{font-size:12px;color:#aaa3b0}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.quick-link{min-height:67px;border:1px solid #efecf2;border-radius:11px;background:#fff;padding:12px;display:flex;align-items:center;gap:11px;color:#2d2638;text-align:start}.quick-link:hover{border-color:#bea2da;background:#fbf8ff}.quick-link>span{display:grid;place-items:center;height:34px;width:34px;border-radius:9px;color:#6a18b8;background:#f5edf9}.quick-link strong{font-size:13px;font-weight:600;flex:1}.quick-link>svg{color:#aaa0b5}[dir=ltr] .quick-link>svg{transform:scaleX(-1)}.empty-activity{min-height:255px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px}.empty-icon{height:52px;width:52px;display:grid;place-items:center;color:#aa80d1;background:#f8f1ff;border-radius:15px;margin-bottom:16px}.empty-activity h3{font-size:14px;margin:0 0 7px}.empty-activity p{font-size:12px;color:#9b94a1;line-height:1.8;max-width:250px}.section-card{min-height:500px}.section-heading{display:flex;gap:15px;align-items:center;margin-bottom:23px}.section-symbol{height:53px;width:53px;display:grid;place-items:center;color:#6c16bd;background:#f4ebfb;border-radius:14px}.section-heading h2{font-size:18px;margin:0 0 4px}.section-heading p{font-size:13px;color:#918a98;margin:0}.placeholder-table{border:1px solid #efedf1;border-radius:12px;overflow:hidden}.placeholder-top{background:#faf9fb;border-bottom:1px solid #efedf1;padding:15px 18px;display:flex;justify-content:space-between;color:#585161;font-size:13px}.placeholder-top span:last-child{color:#aaa4ae}.placeholder-table .empty-activity{min-height:280px}
@media(max-width:920px){.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{padding:28px max(24px,8vw) 22px}.form-wrap{padding-bottom:10px}.dashboard-main{padding-top:28px}.overview-grid{grid-template-columns:1fr}}@media(max-width:680px){.summary-grid{grid-template-columns:1fr;gap:12px}.summary-card{min-height:135px}.summary-card p{margin-top:10px}.topbar{padding:0 20px}.topbar-title{display:none}.mobile-brand{display:block}.mobile-brand img{width:112px}.sidebar{width:55px;padding-inline:4px}.side-link{width:45px}.sidebar-logo{font-size:22px;margin-bottom:21px}.dashboard-main{padding:25px 14px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.heading-chip{display:none}.quick-grid{grid-template-columns:1fr}.surface-card{padding:17px}.topbar-actions{gap:10px}}