@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{font-family:Inter,Noto Sans Arabic,system-ui,sans-serif;color:#092f70;background:#edf4ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--navy:#063879;--blue:#087cff;--teal:#08b990;--purple:#843cf0;--muted:#7286a7;--line:#e4edfb;--card:rgba(255,255,255,.86)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(135deg,#f7fbff,#eaf3ff 55%,#f7faff)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7db9ff;outline-offset:2px}.app-shell{min-height:100vh;display:flex}.sidebar{width:254px;flex-shrink:0;background:linear-gradient(160deg,#063b84,#062f70 60%,#034b83);color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20;overflow:hidden;box-shadow:8px 0 32px #174c8710}.sidebar-brand{height:132px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ffffff12;position:relative;z-index:1}.brand{text-align:center}.logo-mark{height:70px;width:175px;position:relative;display:flex;align-items:center;justify-content:center}.logo-word{font-size:51px;font-weight:500;letter-spacing:1px;color:#f7fbff;z-index:2}.logo-ball{position:absolute;width:45px;height:45px;border-radius:50%;left:28px;top:15px;background:radial-gradient(circle at 33% 27%,#eaffff 0,#77eadb 12%,#05b99f 47%,#007f8d);box-shadow:0 0 15px #24d6c3aa,inset -5px -7px 12px #005d8d55}.logo-orbit{position:absolute;width:142px;height:28px;border:5px solid #6e2e87;border-right-color:transparent;border-top-color:#6e2e87;border-radius:50%;transform:rotate(-27deg);z-index:3;top:21px;left:13px}.brand-caption{font-size:10px;letter-spacing:4px;color:#b6d8ff;margin-top:-5px}.brand-caption b{color:#18d0b2}.side-nav{padding:16px 13px 120px;overflow-y:auto;position:relative;z-index:2}.nav-section{font-size:10px;letter-spacing:1.7px;color:#85b3eb;padding:12px 13px 8px;font-weight:700}.nav-item{width:100%;display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#e5efff;padding:12px 13px;border-radius:12px;text-align:left;font-size:13px;font-weight:500;margin:3px 0;transition:.18s}.nav-item svg{color:#bfd7ff;flex-shrink:0}.nav-item:hover{background:#ffffff13}.nav-item.active{background:linear-gradient(110deg,#087cff,#2348d7);color:#fff;box-shadow:0 7px 20px #031d6050}.nav-item.active svg{color:#fff}.nav-count{margin-left:auto;background:#ff5c70;color:#fff;border-radius:99px;padding:2px 7px;font-size:10px}.sidebar-bottom{position:absolute;bottom:0;left:0;right:0;height:165px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:16px;overflow:hidden}.sidebar-bottom p{font-size:13px;font-style:italic;line-height:1.7;text-align:center;color:#e3f3ff;z-index:2;margin:0 0 14px}.sidebar-bottom>span{font-size:9px;color:#8db9e9;z-index:2}.side-wave{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(155deg,transparent 30%,#087dff66 31%,#00cbb266 54%,transparent 55%);opacity:.9}.main-area{margin-left:254px;min-width:0;width:calc(100% - 254px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #dce9fb;display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:10}.search-wrap{height:40px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2ebfa;border-radius:13px;padding:0 14px;width:min(440px,45%);box-shadow:0 3px 14px #235b9910;color:#2878ed}.search-wrap input{border:0;outline:none;width:100%;min-width:0;color:#173f7d;font-size:12px;background:transparent}.search-wrap input::placeholder{color:#8a9bb6}.top-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.icon-button{border:0;background:transparent;color:#16447f;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px}.icon-button:hover{background:#edf5ff}.notification{position:relative}.notification i{font-style:normal;position:absolute;right:0;top:0;background:#ff455b;color:#fff;font-size:9px;font-weight:700;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff}.profile-button,.language-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#123c78;font-size:12px;font-weight:600;padding:5px 7px;border-radius:10px}.profile-button:hover,.language-button:hover{background:#eef5ff}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#315a94;background:linear-gradient(145deg,#dbe9ff,#fff);border:1px solid #d9e7f9}.language-button{border:1px solid #e3edfb;background:#fff;padding:9px 11px}.mobile-menu{display:none}.page-content{padding:18px 21px 24px;flex:1;min-width:0}.glass-card{background:var(--card);border:1px solid #dfebfb;border-radius:15px;box-shadow:0 5px 18px #2c68a50a,0 1px 3px #1b4c8a06;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{min-height:165px;position:relative;overflow:hidden;display:flex;align-items:center;padding:25px 27px;margin-bottom:19px;background:linear-gradient(100deg,#fff,#f2f9ff 43%,#c9e4ff 72%,#52e1cf)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 50%,#fff1 100%);pointer-events:none}.hero-copy{position:relative;z-index:3}.eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:1.4px;color:#0ba984}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#0fc69b;box-shadow:0 0 0 4px #0fc69b1a}.hero h1{font-size:clamp(26px,3vw,40px);letter-spacing:-1.7px;margin:10px 0 6px;color:#07377d;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#06bd9d,#087cff);color:transparent;-webkit-background-clip:text;background-clip:text}.hero-copy>p{font-size:13px;color:#315a8c;margin:0}.hero-copy>p b{color:#0bb890;padding:0 5px}.hero-tags{display:flex;gap:15px;margin-top:16px;font-size:10px;color:#33709e}.hero-tags span{display:flex;align-items:center;gap:5px}.hero-tags svg{color:#06b58e}.hero-art{position:absolute;right:4%;top:0;width:46%;height:100%;display:flex;align-items:center;justify-content:center;perspective:700px}.hero-orb{width:130px;height:130px;border-radius:50%;position:absolute;left:26%;top:17px;background:radial-gradient(circle at 30% 22%,#f4ffff 0,#9df5e4 7%,#15d3b2 22%,#00a48e,#0063a8 78%,#042e87);box-shadow:inset -13px -18px 26px #073b9b66,inset 7px 7px 20px #fff9,0 18px 26px #036a9a33,0 0 0 8px #fff4;z-index:2}.orb-highlight{position:absolute;width:34px;height:18px;border-radius:50%;background:#fff9;filter:blur(5px);left:22px;top:20px;transform:rotate(-35deg)}.orbital{position:absolute;width:230px;height:74px;border:9px solid #ffffffbd;border-radius:50%;transform:rotate(-25deg);box-shadow:0 5px 15px #067fca22}.orbital-one{left:10%;top:48px;border-bottom-color:#07c7a6;border-left-color:#0a8dff}.orbital-two{left:16%;top:48px;border-top-color:#8137f2;border-right-color:#078cff;border-bottom-color:transparent}.hero-swoosh{position:absolute;z-index:3;width:270px;height:44px;border-radius:50%;border-bottom:13px solid #7531d4;transform:rotate(-28deg);left:14%;top:83px;filter:drop-shadow(0 5px 4px #5821b633)}.hero-ring{position:absolute;right:13%;top:29px;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:800;color:#1687e9;background:linear-gradient(145deg,#fff9,#b9e1ff77);border:8px solid #ffffffbd;box-shadow:inset 0 0 0 2px #82c9ff,0 15px 22px #2078ba22;text-shadow:0 2px 3px #fff}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.section-heading h2{font-size:17px;margin:0 0 4px;color:#0b3678}.section-heading p,.panel-heading p{font-size:10px;color:#8192ad;margin:0}.date-filter,.tiny-filter,.more-button,.outline-button{display:inline-flex;align-items:center;gap:7px;border:1px solid #e0eafb;background:#fff;color:#44658f;padding:8px 10px;border-radius:9px;font-size:10px;font-weight:600}.date-filter:hover,.outline-button:hover{border-color:#8bc2ff;background:#f8fbff}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.metric-card{padding:17px 16px 13px;position:relative;min-height:142px;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-21px;top:-35px;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,#d9f5ff99,transparent 70%)}.metric-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;margin-bottom:12px;box-shadow:0 4px 10px #0a72c51a}.metric-icon.green{background:linear-gradient(145deg,#d5fff2,#9beed7);color:#00a77d}.metric-icon.blue{background:linear-gradient(145deg,#d5eaff,#9acaff);color:#0879f7}.metric-icon.purple{background:linear-gradient(145deg,#efdcff,#d5b4ff);color:#8534e8}.metric-icon.cyan{background:linear-gradient(145deg,#d2f6ff,#a4e5ff);color:#058fd8}.metric-label{font-size:11px;color:#385b89;font-weight:500}.metric-value{font-size:29px;letter-spacing:-1px;font-weight:800;color:#07377b;margin:4px 0 8px}.metric-bottom{display:flex;justify-content:space-between;gap:6px;align-items:center;color:#7c8da8;font-size:9px}.change{display:flex;align-items:center;color:#05ae82;font-size:10px;font-weight:700}.change.down{color:#8738e9}.analytics-grid{display:grid;grid-template-columns:1.4fr 1fr .94fr;grid-template-areas:"trend distribution activity" "services mission activity" "services mission shortcuts";gap:13px}.panel{padding:16px;min-width:0}.trend-panel{grid-area:trend}.distribution-panel{grid-area:distribution}.activity-panel{grid-area:activity}.services-panel{grid-area:services}.mission-panel{grid-area:mission}.shortcuts-panel{grid-area:shortcuts}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.panel-heading h3,.mission-panel h3{font-size:12px;color:#0b3678;margin:0 0 5px;font-weight:750}.tiny-filter{padding:6px 8px;font-size:9px;white-space:nowrap}.more-button{padding:3px 0;border:0;background:transparent;color:#087cff;font-size:9px;white-space:nowrap}.chart-wrap{height:188px;width:100%;margin-top:12px}.chart-note{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2fa;padding-top:10px;font-size:9px;color:#7890ae}.chart-note span,.chart-note strong{display:flex;align-items:center;gap:6px}.chart-note strong{color:#08ad82;font-weight:700}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.blue-dot{background:#168cff}.donut-layout{display:flex;align-items:center;gap:8px;margin-top:14px}.donut{width:54%;height:180px;position:relative;min-width:110px}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.donut-center strong{font-size:23px;color:#093a80}.donut-center span{font-size:9px;text-align:center;color:#7186a5;line-height:1.5}.legend-list{flex:1;display:flex;flex-direction:column;gap:13px;min-width:0}.legend-list>div,.legend-list>div span{display:flex;align-items:center;gap:6px}.legend-list>div{justify-content:space-between;font-size:9px;color:#4b668c;gap:5px}.legend-list i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.legend-list b{color:#0c3b7c}.activity-list{margin-top:13px;display:flex;flex-direction:column;gap:15px}.activity-row{display:flex;align-items:center;gap:9px;min-width:0}.activity-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.activity-icon.green{background:#d8fbef;color:#06a77c}.activity-icon.red{background:#ffe2e7;color:#ef4058}.activity-icon.blue{background:#deefff;color:#087cff}.activity-icon.purple{background:#f0e2ff;color:#8739ed}.activity-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.activity-copy strong{font-size:9px;color:#254d83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-copy span{font-size:8px;color:#7c91b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-row time{font-size:8px;color:#9aabc2;align-self:flex-start;white-space:nowrap}.service-ranking{display:flex;flex-direction:column;gap:14px;margin-top:17px}.service-row{display:flex;align-items:center;gap:10px}.rank{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;font-size:10px;flex-shrink:0;box-shadow:0 3px 8px #0a68b522}.rank-1{background:linear-gradient(135deg,#0fc99a,#04a878)}.rank-2{background:linear-gradient(135deg,#29c4ff,#087cff)}.rank-3{background:linear-gradient(135deg,#347cff,#1546e4)}.rank-4{background:linear-gradient(135deg,#9d53ff,#6d25e6)}.rank-5{background:linear-gradient(135deg,#b43cff,#8126e5)}.service-progress{flex:1;min-width:0}.service-title{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#3e5e88;margin-bottom:6px}.service-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-title b{color:#0c3b7c}.progress-track{height:6px;border-radius:99px;background:#eaf1fc;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#08b98e,#17c6ab)}.service-row:nth-child(2) .progress-track i{background:linear-gradient(90deg,#05b9e9,#168cff)}.service-row:nth-child(3) .progress-track i{background:linear-gradient(90deg,#1167ff,#477dff)}.service-row:nth-child(4) .progress-track i,.service-row:nth-child(5) .progress-track i{background:linear-gradient(90deg,#7428ed,#b5f)}.mission-head{display:flex;align-items:center;gap:13px}.target-illustration{width:58px;height:58px;display:grid;place-items:center;position:relative;color:#079fd1;background:radial-gradient(circle,#d7faff,#b6dfff 60%,#fff);border-radius:50%;box-shadow:inset 0 0 0 3px #fff,0 5px 15px #158cc51b;flex-shrink:0}.target-illustration svg:last-child{position:absolute;right:2px;top:3px;color:#08b98e}.mission-head p{font-size:11px;color:#4d6e9a;line-height:1.6;margin:0}.mission-list{display:flex;flex-direction:column;gap:9px;background:#f0f6ff;border:1px solid #e5efff;border-radius:11px;padding:13px;margin:16px 0;font-size:10px;color:#365b8d}.mission-list span{display:flex;align-items:center;gap:8px}.mission-list svg{color:#05b68a}.primary-button{border:0;border-radius:10px;background:linear-gradient(105deg,#087cff,#214ce7);color:#fff;padding:11px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:650;box-shadow:0 5px 12px #1264df20;transition:transform .15s,box-shadow .15s}.primary-button:hover{transform:translateY(-1px);box-shadow:0 8px 17px #1264df35}.mission-panel>.primary-button{width:100%}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.shortcut-grid button{border:1px solid #e5effd;background:linear-gradient(145deg,#fff,#f7faff);border-radius:10px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 4px;color:#44648e;font-size:8px;line-height:1.4;box-shadow:0 3px 8px #174f9410}.shortcut-grid button:hover{border-color:#a6d2ff;transform:translateY(-1px)}.shortcut-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.shortcut-icon.blue{color:#087cff;background:#ddecff}.shortcut-icon.purple{color:#8a39f0;background:#f0e1ff}.shortcut-icon.green{color:#06ae83;background:#d9fbef}.shortcut-icon.cyan{color:#069bd1;background:#def8ff}.footer{min-height:40px;border-top:1px solid #deebfc;background:#ffffff90;display:flex;align-items:center;gap:12px;padding:9px 22px;color:#8195b4;font-size:9px}.footer>span:first-child{color:#2763ac;font-weight:700}.footer i{width:1px;height:13px;background:#d7e5f7}.footer-spacer{flex:1}.demo-pill{display:flex;align-items:center;gap:6px}.demo-pill span{width:6px;height:6px;border-radius:50%;background:#f2ae36}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:10px 1px 22px}.page-heading h1{font-size:29px;letter-spacing:-.7px;margin:11px 0 6px;color:#093878}.page-heading p{font-size:12px;color:#7a8eac;margin:0}.table-panel{overflow:hidden}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border-bottom:1px solid #eaf1fb;color:#7288a8;font-size:11px}.filter-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.filter-tabs button{border:0;background:transparent;color:#7489a7;font-size:10px;padding:8px 11px;border-radius:8px}.filter-tabs button.selected{background:#e7f2ff;color:#087cff;font-weight:700}.outline-button{font-size:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px;text-align:left}th{font-size:9px;letter-spacing:.4px;text-transform:uppercase;color:#8497b3;font-weight:700;background:#f8fbff}th,td{padding:14px 16px;border-bottom:1px solid #edf2fa}td{font-size:11px;color:#526b8f}td strong{color:#17447f;font-weight:650}.status,.priority{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:700;white-space:nowrap}.status.good{background:#dff9ef;color:#07996f}.status.muted{background:#eef2f8;color:#71829c}.status.warn{background:#fff1d7;color:#b97900}.status.progress-status{background:#e4f1ff;color:#0877e8}.priority.élevée{background:#ffe5e8;color:#dc344c}.priority.moyenne{background:#fff1d9;color:#b77900}.priority.faible{background:#e0f8ee;color:#07966d}.priority.critique{background:#ffdde1;color:#ba132b}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8fbff}.detail-strip{display:flex;align-items:center;gap:12px;padding:13px 17px;background:#f5f9ff;font-size:10px;color:#617b9e}.detail-strip span{flex:1}.placeholder-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.placeholder-main,.placeholder-side{padding:28px}.placeholder-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#dff8f1,#ddecff);color:#078bcb}.placeholder-main h2{font-size:22px;color:#0a397c;margin:20px 0 8px}.placeholder-main p{font-size:12px;line-height:1.8;color:#7085a4;max-width:600px}.coming-soon{display:flex;align-items:center;gap:8px;background:#f0f7ff;color:#3c6c9d;padding:12px;border-radius:10px;font-size:11px;margin:20px 0}.coming-soon svg{color:#803ee8}.placeholder-side h3{font-size:14px;margin:0 0 20px}.check-line{display:flex;align-items:center;gap:10px;font-size:11px;color:#3c638e;margin:15px 0}.check-line svg{color:#08ae83}.check-line.muted-line{color:#9aa9bd}.check-line.muted-line svg{color:#a4b3c7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08295675;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(100%,470px);background:#fff;border-radius:18px;box-shadow:0 25px 80px #06295745;overflow:hidden;animation:modal-in .2s ease-out}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #eaf1fb}.modal>header h2{font-size:17px;margin:0;color:#103b78}.modal-form{display:flex;flex-direction:column;gap:16px;padding:22px}.modal-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#345984}.modal-form input,.modal-form select{width:100%;border:1px solid #dfe9f8;background:#fbfdff;border-radius:10px;padding:12px;font-size:12px;color:#193f75}.form-hint{display:flex;align-items:flex-start;gap:8px;padding:11px;background:#f0f7ff;border-radius:9px;color:#6c84a4;font-size:10px;line-height:1.6}.form-hint svg{flex-shrink:0;color:#168cff}.toast{position:fixed;right:22px;bottom:22px;z-index:150;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 32px));background:#073a7c;color:#fff;border-radius:12px;padding:13px 15px;box-shadow:0 10px 30px #0a316a44;font-size:12px;animation:toast-in .2s ease-out}.toast>svg{color:#41e1b1;flex-shrink:0}.toast button{margin-left:auto;border:0;background:transparent;color:#fff;display:grid;place-items:center}.mobile-scrim{display:none}.rtl{direction:rtl;font-family:Noto Sans Arabic,Inter,sans-serif}.rtl .sidebar{inset:0 0 0 auto}.rtl .main-area{margin-left:0;margin-right:254px}.rtl .nav-item{text-align:right}.rtl .nav-count,.rtl .top-actions{margin-left:0;margin-right:auto}.rtl .search-wrap,.rtl .search-wrap input{text-align:right}.rtl .hero-art{right:auto;left:4%}.rtl .hero-copy{margin-left:42%}.rtl .table-panel table{text-align:right}.rtl .footer,.rtl .activity-row{direction:rtl}.rtl .activity-row time{margin-left:0}.rtl .detail-strip{direction:rtl}.rtl .toast{right:auto;left:22px}.rtl .service-title{direction:rtl}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.page-content{padding:20px 24px 27px}.hero{min-height:175px}.metrics-grid{gap:15px}.metric-card{padding:19px;min-height:150px}.panel{padding:18px}.chart-wrap{height:205px}.analytics-grid{gap:15px}}@media(max-width:1200px){.sidebar{width:225px}.main-area{margin-left:225px;width:calc(100% - 225px)}.rtl .main-area{margin-right:225px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1.2fr 1fr;grid-template-areas:"trend distribution" "activity activity" "services mission" "shortcuts shortcuts"}.activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{right:0;width:43%}.hero-ring{right:5%;transform:scale(.85)}}@media(max-width:800px){.sidebar{transform:translate(-102%);transition:transform .25s ease;width:260px}.sidebar.sidebar-open{transform:translate(0)}.rtl .sidebar{transform:translate(102%)}.rtl .sidebar.sidebar-open{transform:translate(0)}.main-area,.rtl .main-area{margin:0;width:100%}.mobile-menu{display:inline-flex}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#05285d70;z-index:15}.topbar{height:62px;padding:0 12px;gap:8px}.search-wrap{width:auto;flex:1;height:37px}.top-actions{gap:5px}.profile-button span:not(.avatar),.profile-button>svg,.language-button svg:first-child{display:none}.profile-button{padding:3px}.language-button{padding:8px;font-size:10px}.page-content{padding:13px 12px 20px}.hero{min-height:156px;padding:19px}.hero h1{font-size:27px}.hero-art{opacity:.42;width:48%;right:-9%}.hero-copy{max-width:68%}.hero-tags{flex-wrap:wrap;gap:8px}.section-heading h2{font-size:15px}.metrics-grid{gap:9px}.metric-card{padding:13px;min-height:133px}.metric-value{font-size:26px}.analytics-grid{grid-template-columns:1fr;grid-template-areas:"trend" "distribution" "activity" "services" "mission" "shortcuts"}.activity-list{display:flex}.donut{height:170px}.chart-wrap{height:190px}.footer{padding:10px 13px;flex-wrap:wrap;gap:8px}.footer-spacer,.demo-pill{display:none}.placeholder-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.page-heading>.primary-button{width:100%}.detail-strip{align-items:flex-start;flex-wrap:wrap}.rtl .hero-copy{margin-left:25%}}@media(max-width:420px){.top-actions{gap:1px}.notification{width:30px}.language-button{padding:7px}.hero-art{right:-21%;opacity:.3}.hero-copy{max-width:88%}.hero-tags{font-size:9px}.metrics-grid{gap:8px}.metric-card{padding:11px}.metric-label{font-size:10px}.metric-value{font-size:24px}.metric-bottom{font-size:8px}.change{font-size:9px}.section-heading{align-items:flex-start;gap:7px}.date-filter{font-size:9px;padding:7px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-grid button{padding:12px}.panel{padding:13px}.table-tools{align-items:flex-start;flex-direction:column}.filter-tabs{width:100%}}.row-actions{display:flex;gap:6px;align-items:center}.danger-button{color:#c6374c;border-color:#f3d4da}.danger-button:hover{background:#fff4f5;border-color:#e9a9b4}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:55px 20px;color:#8195b4;font-size:12px;text-align:center}.empty-state svg{color:#178cff}.empty-state strong{font-size:14px;color:#244e83}.check-label{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important}.check-label input{width:auto!important}