@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--blue:#2878ee;--navy:#183b75;--ink:#18365e;--muted:#66809f;--bg:#edf6ff;--line:#d8e8fa;--white:#fff;--sidebar:rgba(224,240,255,.94);--shadow:0 4px 18px rgba(42,105,176,.08)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--ink);font:13px/1.45 "Noto Sans Bengali","Inter",Arial,sans-serif;background:linear-gradient(135deg,#edf7ff 0%,#e4f2ff 52%,#f7fbff 100%);min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh;padding:8px}.topbar{height:78px;display:flex;align-items:center;gap:10px;padding:6px 12px;background:linear-gradient(110deg,#fff 0%,#e7f4ff 42%,#cce7ff 100%);border:1px solid #c6e2ff;border-radius:12px;box-shadow:var(--shadow);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:8px;min-width:170px;flex:0 0 170px}.brand-mark{width:39px;height:44px;color:#18a75c}.brand-mark svg{width:100%;height:100%}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:21px;color:#0d3a79;letter-spacing:-.7px}.brand-copy strong:first-letter{color:#ed2d48}.brand-copy small{font-size:9px;color:#3c628b;white-space:nowrap}.top-modules{display:flex;align-items:stretch;gap:2px;flex:1;min-width:0;height:56px;overflow-x:auto;scrollbar-width:thin}.top-module{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:46px;padding:4px 7px;border-radius:7px;color:#234e83;font-size:9px;white-space:nowrap;transition:background .18s,transform .18s}.top-module img{width:21px;height:21px}.top-module:hover{background:#d6eaff;transform:translateY(-1px)}.top-module.active{background:linear-gradient(180deg,#dcecff,#fff);border:1px solid #9ccaff;box-shadow:0 2px 6px #2c78c21c}.top-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.language-switch,.profile-button,.icon-button{display:flex;align-items:center;gap:6px;border:1px solid #c5ddf7;background:#f8fcff;border-radius:8px;padding:7px 9px;color:#214d81;cursor:pointer}.language-switch img{width:17px;height:17px}.language-switch span{font-size:10px}.language-switch small{color:#66809f}.icon-button{position:relative;padding:8px}.icon-button img{width:18px;height:18px}.notification i{position:absolute;right:-3px;top:-4px;background:#ed425b;color:#fff;font-size:9px;font-style:normal;border-radius:50%;min-width:15px;height:15px;display:grid;place-items:center}.profile-button{max-width:170px;text-align:left}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e1efff}.avatar img{width:20px;height:20px}.profile-button>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.profile-button strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-button small{font-size:9px;color:var(--muted)}.caret{margin-left:3px}.mobile-toggle,.mobile-search{display:none}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:8px;margin-top:8px;min-height:calc(100vh - 102px)}.sidebar{display:flex;flex-direction:column;background:linear-gradient(180deg,#e1f0ff,#eaf5ff);border:1px solid #d0e6fb;border-radius:10px;padding:9px 7px;min-width:0}.side-search{display:flex;align-items:center;gap:7px;background:#f8fcff;border:1px solid #d1e5fa;border-radius:7px;padding:7px 8px;margin:1px 2px 10px}.side-search img{width:16px;height:16px}.side-search input,.mobile-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:var(--ink);font-size:11px}.nav-caption{font-size:9px;color:#7191b4;font-weight:700;letter-spacing:.8px;padding:4px 9px 6px}.side-nav{display:flex;flex-direction:column;gap:3px}.side-link{display:flex;align-items:center;gap:9px;padding:8px 8px;border:1px solid transparent;border-radius:7px;color:#234b7d;min-height:39px;transition:background .15s,border .15s}.side-link:hover{background:#f5fbff;border-color:#d1e6ff}.side-link.selected{background:linear-gradient(90deg,#c9e3ff,#e8f4ff);border-color:#8fc3ff;box-shadow:inset 3px 0 #2878ee;color:#115cc2;font-weight:700}.side-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#f6fbff;flex:0 0 25px}.side-icon img{width:18px;height:18px}.icon-0{background:#d6eaff}.icon-1{background:#d8f8ed}.icon-2{background:#e0f0ff}.icon-3{background:#fff0d6}.icon-4{background:#dff5ff}.icon-5{background:#eee5ff}.icon-6{background:#ffe4ea}.icon-7{background:#d9f5ed}.side-label{font-size:11px;flex:1}.side-link .chevron{width:12px;height:12px;opacity:.65}.sidebar-footer{display:flex;align-items:center;gap:6px;margin-top:auto;padding:12px 8px 5px;font-size:9px;color:#6884a5}.status-dot{width:7px;height:7px;border-radius:50%;background:#1ab980;box-shadow:0 0 0 3px #1ab98020}.version{margin-left:auto;color:#8aa2bc}.main-content{min-width:0;display:flex;flex-direction:column;background:rgba(255,255,255,.52);border:1px solid #d9eafb;border-radius:10px;padding:14px;box-shadow:var(--shadow)}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.breadcrumbs{font-size:10px;color:#5c83b0}.breadcrumbs span{padding:0 6px;color:#a4bad3}.toolbar-actions{display:flex;align-items:center;gap:8px}.date-chip{display:flex;align-items:center;gap:7px;border:1px solid #d4e6f8;background:#fff;border-radius:7px;padding:8px 10px;font-size:10px;color:#52769c}.live-dot{width:7px;height:7px;background:#18b981;border-radius:50%}.primary-button{display:flex;align-items:center;gap:6px;border:1px solid #2878ee;border-radius:7px;background:linear-gradient(180deg,#348bff,#1769e8);color:white;padding:8px 12px;box-shadow:0 3px 7px #2878ee25;cursor:pointer;font-size:11px}.primary-button img{width:15px;height:15px;filter:brightness(0) invert(1)}.welcome-panel{position:relative;overflow:hidden;display:flex;align-items:center;min-height:185px;padding:28px 30px;border:1px solid #d2e7fb;border-radius:12px;background:linear-gradient(110deg,#fff 0%,#f4faff 56%,#d9edff 100%);box-shadow:0 3px 12px #377ac00c}.welcome-content{position:relative;z-index:1;max-width:640px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#4b8ad2;font-weight:700;margin-bottom:9px}.welcome-content h1{font-size:23px;line-height:1.4;margin:0 0 9px;color:#123f7d;font-weight:700}.welcome-content p{margin:4px 0;font-size:12px;color:#466b95}.welcome-content .muted{font-size:11px;color:#7991ac}.welcome-art{position:absolute;right:10%;top:-55px;width:270px;height:270px;opacity:.68}.orb{position:absolute;display:block;border-radius:50%;border:1px solid #8cc5ff}.orb-one{width:200px;height:200px;right:0;top:15px;background:radial-gradient(circle at 35% 30%,#fff,#cce7ff90 65%,transparent 66%);box-shadow:inset 0 0 30px #a6d5ff66}.orb-two{width:130px;height:130px;right:42px;top:50px;background:linear-gradient(135deg,#b8e1ff88,#f8fcffcc)}.line-art{position:absolute;right:75px;top:60px;font-size:120px;font-weight:700;color:#3686d8;opacity:.12}.welcome-language{position:absolute;right:17px;bottom:14px;display:flex;align-items:center;gap:5px;font-size:9px;color:#648db7}.welcome-language img{width:15px;height:15px}.blank-workspace{flex:1;min-height:280px;margin-top:14px;border:1px dashed #b6d7f8;border-radius:11px;background:linear-gradient(140deg,#ffffffd9,#f3f9ffba);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 18px;color:#6082a9}.empty-symbol{width:56px;height:45px;position:relative;margin-bottom:18px}.empty-symbol span{position:absolute;border:2px solid #8bbcf1;border-radius:5px;width:26px;height:30px;background:#eff8ff}.empty-symbol span:nth-child(1){left:3px;top:8px;transform:rotate(-12deg)}.empty-symbol span:nth-child(2){left:15px;top:2px;transform:rotate(5deg)}.empty-symbol span:nth-child(3){left:27px;top:9px;transform:rotate(13deg)}.empty-symbol span:nth-child(4){left:18px;top:14px;width:22px;height:22px;background:#d7edff;border-color:#4c9be9}.blank-workspace p{margin:0 0 7px;font-size:13px;font-weight:600;color:#3f6e9f}.blank-workspace small{font-size:11px;color:#7894b2}.footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:9px 2px 0;border-top:1px solid #deebf8;font-size:9px;color:#8aa2bb}.footer-state{display:flex;align-items:center;gap:6px}.toast{position:fixed;bottom:18px;right:18px;background:#173e73;color:white;padding:10px 14px;border-radius:8px;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1200px){.brand{min-width:145px;flex-basis:145px}.brand-copy strong{font-size:18px}.top-module{min-width:42px;padding-inline:5px}.top-module span{font-size:8px}.profile-button{max-width:130px}.workspace{grid-template-columns:195px minmax(0,1fr)}}@media(max-width:980px){.topbar{height:68px}.top-modules{display:none}.mobile-toggle{display:flex}.brand{flex:1}.top-actions{margin-left:auto}.workspace{grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 92px)}.mobile-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d1e6fa;border-radius:8px;padding:9px 12px;margin-top:7px}.mobile-search img{width:16px;height:16px}.welcome-panel{min-height:160px;padding:22px}.welcome-art{right:-20px;opacity:.4}}@media(max-width:700px){.app-shell{padding:5px}.topbar{padding:5px 8px;gap:7px}.brand-mark{width:31px;height:35px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:8px}.profile-button{padding:5px;max-width:43px;overflow:hidden}.profile-button>span:nth-child(2),.profile-button .caret{display:none}.language-switch{padding:6px}.language-switch span{font-size:9px}.notification{display:none}.workspace{display:block;min-height:0}.sidebar{position:fixed;z-index:15;top:79px;bottom:6px;left:5px;width:260px;max-width:85vw;box-shadow:0 10px 35px #173e7333;transform:translateX(calc(-100% - 12px));transition:transform .22s ease}.sidebar.open{transform:translateX(0)}.main-content{padding:10px;min-height:calc(100vh - 95px)}.page-toolbar{align-items:flex-start}.date-chip{display:none}.welcome-panel{min-height:160px;padding:18px}.welcome-content h1{font-size:19px}.welcome-content p{font-size:11px}.welcome-art{right:-80px;top:-60px}.blank-workspace{min-height:300px}.footer{flex-wrap:wrap}.footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* v1.0.10 refinements: dark folded header, grouped navigation, calm contrast */
.topbar{position:relative;isolation:isolate;overflow:hidden;min-height:82px;border:1px solid #1a3b70;border-radius:13px 13px 20px 10px;background:linear-gradient(108deg,#173665 0%,#204a83 48%,#2c70b2 100%);box-shadow:0 5px 18px rgba(22,61,111,.18);color:#fff}
.topbar:before{content:"";position:absolute;z-index:-1;right:13%;top:-52px;width:44%;height:135px;background:url('/assets/images/header-ornament.svg') center/cover no-repeat;opacity:.95;pointer-events:none}
.topbar:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:12px;background:linear-gradient(90deg,#8ecfff,#d8f0ff 45%,#78b9f4);clip-path:polygon(0 0,20% 0,26% 65%,48% 100%,70% 40%,100% 0,100% 100%,0 100%);opacity:.9;pointer-events:none}
.topbar .brand-copy strong{color:#fff}.topbar .brand-copy small{color:#d6eaff}.topbar .brand-mark{color:#45d18b}.top-modules{position:relative;z-index:1}.top-module{color:#eaf5ff;border:1px solid transparent}.top-module img{filter:brightness(0) invert(1);opacity:.95}.top-module:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-1px)}.top-module.active{color:#123f7b;background:linear-gradient(180deg,#fff,#eaf5ff);border-color:#b7ddff;box-shadow:0 3px 8px rgba(0,0,0,.12)}.top-module.active img{filter:none}
.top-actions{position:relative;z-index:2}.language-switch,.profile-button,.icon-button{background:rgba(255,255,255,.12);border-color:rgba(220,240,255,.4);color:#fff}.language-switch:hover,.profile-button:hover,.icon-button:hover{background:rgba(255,255,255,.2)}.language-switch img,.icon-button img{filter:brightness(0) invert(1)}.profile-button small{color:#d4e7fa}.avatar{background:#e5f4ff}.avatar img{filter:none}
.sidebar{background:linear-gradient(180deg,#e3f2ff 0%,#edf7ff 100%);box-shadow:inset -1px 0 rgba(255,255,255,.8)}.nav-caption{letter-spacing:.45px}.side-link{min-height:41px}.side-link.selected{background:linear-gradient(100deg,#c4e2ff,#edf7ff);box-shadow:inset 3px 0 #2478ed,0 2px 5px rgba(40,120,238,.06)}
.welcome-panel{border-radius:15px 15px 24px 12px;background:linear-gradient(110deg,#fff 0%,#f5fbff 52%,#d8edff 100%)}.welcome-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,#2a83f3,#4ac6a0,#f5c66b,#ad8bfa);opacity:.55;clip-path:polygon(0 0,22% 0,30% 100%,55% 45%,78% 100%,100% 0,100% 100%,0 100%)}
@media(max-width:980px){.topbar{background:linear-gradient(108deg,#173665 0%,#204a83 65%,#2c70b2 100%)}.topbar:before{right:-8%;width:55%;opacity:.45}}
@media(max-width:700px){.topbar{min-height:68px;border-radius:10px 10px 17px 8px}.topbar:before{right:-30%;width:75%;opacity:.32}.topbar:after{height:7px}.topbar .brand-copy strong{font-size:16px}.language-switch{background:rgba(255,255,255,.16)}}

/* v1.0.11: clearer hierarchy, colorful SVGs, reliable expandable submenus */
.top-module img{filter:none!important;opacity:1;width:22px;height:22px;padding:2px;border-radius:6px;background:rgba(255,255,255,.12)}
.top-module.active img{background:#e7f4ff}.side-icon img{filter:none!important;width:19px;height:19px}.side-label{font-weight:600;font-size:11.5px;color:#173f75}.top-module span{font-weight:600;font-size:9.5px}.welcome-content h1{font-weight:800;letter-spacing:-.25px}.welcome-content p{font-weight:600}.breadcrumbs{font-weight:700;color:#315e94}.nav-group{display:flex;flex-direction:column;gap:1px}.side-link-row{display:flex;align-items:center;gap:2px}.side-link-row>.side-link{flex:1;min-width:0}.expand-button{display:grid;place-items:center;width:27px;height:32px;flex:0 0 27px;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer}.expand-button:hover{background:#d5eaff;border-color:#c1defa}.chevron{width:12px;height:12px;transition:transform .18s ease;opacity:.9}.nav-group.expanded .expand-button .chevron{transform:rotate(90deg)}.subnav{margin:1px 0 5px 38px;padding:3px 0 4px 9px;border-left:2px solid #b7d9fb;display:flex;flex-direction:column;gap:2px}.subnav[hidden]{display:none!important}.sub-link{display:flex;align-items:center;gap:8px;min-height:30px;padding:5px 8px;border-radius:6px;color:#315b8b;font-size:10.5px;font-weight:600;line-height:1.35}.sub-link:hover{background:#f7fbff;color:#075ec5}.sub-link.sub-selected{background:#d8ebff;color:#075ec5;font-weight:800}.sub-dot{width:5px;height:5px;border-radius:50%;background:#68aaf5;flex:0 0 5px}.side-link.selected .side-label{font-weight:800}.topbar .brand-copy strong{font-weight:800}.page-toolbar .primary-button{font-weight:700}.blank-workspace p{font-weight:800;color:#234f83}.blank-workspace small{font-weight:600}.footer{font-weight:600}
@media(max-width:700px){.side-link-row .side-link{padding:7px 6px}.subnav{margin-left:31px}.sub-link{font-size:11px;min-height:34px}.expand-button{width:31px;flex-basis:31px}.top-actions{gap:4px}}

/* v1.0.12 presentation polish: target Somobay header, robust arrows, compact responsive navigation */
:root{--navy:#153665;--ink:#163d72;--blue:#2379f5}
.topbar{height:82px;min-height:82px;gap:8px;padding:6px 10px;background:linear-gradient(108deg,#153461 0%,#1d477c 48%,#2b6ba8 100%)!important;border-color:#163b6c!important;border-radius:13px 13px 21px 10px!important;color:#fff!important;overflow:hidden;isolation:isolate;box-shadow:0 5px 18px rgba(17,54,100,.2)!important}
.topbar:before{z-index:-1;right:10%;top:-45px;width:42%;height:130px;opacity:.72}
.topbar:after{height:10px;opacity:.95;pointer-events:none}
.brand{min-width:160px;flex-basis:160px;gap:5px;position:relative;z-index:2}
.brand-mark{width:34px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;color:inherit}
.brand-mark img{width:100%;height:auto;display:block;filter:drop-shadow(0 1px 1px #00000010)}
.brand-copy strong{font-size:17px!important;letter-spacing:-.3px;color:#fff!important;line-height:1.25}
.brand-copy small{font-size:8px!important;color:#d8eaff!important;white-space:normal;max-width:145px}
.top-modules{z-index:2;gap:2px;height:60px;scrollbar-width:none;overscroll-behavior-x:contain}
.top-modules::-webkit-scrollbar{display:none}
.top-module{position:relative;flex:0 0 auto;min-width:44px;padding:4px 5px;color:#eff7ff!important;border-radius:7px;font-size:8px;line-height:1.15;border:1px solid transparent}
.top-module img{width:20px;height:20px;object-fit:contain;padding:1px;border-radius:5px;background:rgba(255,255,255,.1)}
.top-module span{font-size:8px!important;font-weight:700;max-width:94px;overflow:hidden;text-overflow:ellipsis}
.top-module:hover{background:rgba(255,255,255,.13)!important;color:white!important}
.top-module.active{background:linear-gradient(180deg,#fff,#e8f4ff)!important;color:#154477!important;border-color:#a8d3ff!important}
.top-module.active img{background:#e7f4ff}
.top-actions{gap:5px;z-index:3}
.language-switch,.profile-button,.icon-button{background:rgba(255,255,255,.13)!important;border-color:rgba(225,241,255,.4)!important;color:#fff!important;min-height:34px}
.language-switch img,.icon-button img{filter:brightness(0) invert(1)}
.language-switch span,.profile-button strong{font-weight:700}
.profile-button{max-width:150px;padding:4px 7px}
.profile-button small{color:#d8eaff!important}
.avatar{background:#eaf5ff!important}
.avatar img{filter:none!important}
.workspace{grid-template-columns:204px minmax(0,1fr);gap:8px}
.sidebar{padding:9px 7px;background:linear-gradient(180deg,#e4f2ff,#f0f8ff)!important}
.side-nav{gap:3px}
.nav-group{display:flex;flex-direction:column;gap:1px;min-width:0}
.side-link-row{display:flex;align-items:center;gap:3px;min-width:0}
.side-link-row>.side-link{flex:1 1 auto;width:0;min-width:0;min-height:39px;padding:6px 7px;gap:8px}
.side-label{font-size:11px!important;font-weight:700!important;line-height:1.35;overflow-wrap:anywhere}
.side-icon{width:26px;height:26px;flex:0 0 26px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffffa0}
.side-icon img{display:block;width:18px;height:18px;object-fit:contain}
.expand-button{appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center!important;flex:0 0 27px!important;width:27px!important;height:31px!important;min-width:27px!important;padding:0!important;margin:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:#235d98!important;line-height:1!important;cursor:pointer!important;position:relative!important;z-index:2}
.expand-button:focus-visible{outline:2px solid #438ff7!important;outline-offset:1px}
.expand-button:hover{background:#d2e8ff!important;border-color:#b6d8fb!important}
.expand-button img{display:none!important}
.expand-button:before{content:"";display:block;width:7px;height:7px;border-right:2px solid #3477bb;border-bottom:2px solid #3477bb;transform:rotate(-45deg);transition:transform .18s ease}
.nav-group.expanded>.side-link-row .expand-button:before{transform:rotate(45deg);margin-top:-4px}
.subnav{display:flex;flex-direction:column;gap:2px;margin:1px 0 6px 34px!important;padding:3px 0 4px 9px!important;border-left:2px solid #a8d2fa!important;min-width:0}
.subnav[hidden]{display:none!important}
.sub-link{display:flex;align-items:center;gap:7px;min-height:31px;padding:6px 7px!important;border-radius:6px;color:#315b88!important;font-size:10.5px!important;font-weight:600!important;line-height:1.35;overflow-wrap:anywhere}
.sub-link:hover{background:#f7fbff!important;color:#075ec5!important}
.sub-link.sub-selected{background:#d5eaff!important;color:#075ec5!important;font-weight:800!important;box-shadow:inset 2px 0 #2478ed}
.sub-dot{display:block;width:5px;height:5px;border-radius:50%;background:#5ba4f4;flex:0 0 5px}
.welcome-panel{min-height:172px;border-radius:14px 14px 23px 12px!important;background:linear-gradient(110deg,#fff 0%,#f4faff 52%,#d9edff 100%)!important}
.welcome-content h1{font-size:24px!important;font-weight:800!important;color:#123d75!important;line-height:1.35}
.welcome-content p{font-weight:600!important}
.blank-workspace{min-height:320px;background:linear-gradient(140deg,#ffffffed,#f4f9ffde)!important}
.blank-workspace p{font-size:13px!important;font-weight:800!important;color:#214e82!important}
.footer{font-weight:600}
@media(max-width:1500px){.brand{min-width:145px;flex-basis:145px}.brand-copy strong{font-size:16px!important}.top-module{min-width:39px;padding-inline:3px}.top-module img{width:19px;height:19px}.top-module span{font-size:7.5px!important}.top-actions .profile-button{max-width:128px}}
@media(max-width:1150px){.topbar{height:70px;min-height:70px}.top-modules{display:none}.mobile-toggle{display:flex;z-index:3}.brand{flex:1;min-width:0}.top-actions{margin-left:auto}.workspace{grid-template-columns:204px minmax(0,1fr)}}
@media(max-width:700px){.app-shell{padding:5px}.topbar{height:66px;min-height:66px;padding:5px 7px;gap:5px;border-radius:10px 10px 16px 8px!important}.brand-mark{width:30px;height:34px;flex-basis:30px}.brand-copy strong{font-size:16px!important}.brand-copy small{font-size:7px!important;max-width:155px}.top-actions{gap:3px}.language-switch{padding:5px 6px;min-height:31px}.language-switch span{font-size:9px!important}.notification{display:flex!important;padding:6px!important}.profile-button{max-width:38px!important;min-width:34px;justify-content:center;padding:3px!important}.profile-button>span:nth-child(2),.profile-button .caret{display:none!important}.workspace{display:block;min-height:0}.sidebar{position:fixed!important;z-index:15!important;top:76px!important;bottom:5px!important;left:5px!important;width:270px!important;max-width:86vw!important;overflow:auto;transform:translateX(calc(-100% - 12px));transition:transform .22s ease}.sidebar.open{transform:translateX(0)!important}.main-content{padding:10px;min-height:calc(100vh - 88px)}.page-toolbar{align-items:flex-start}.toolbar-actions .primary-button{padding:7px 9px}.welcome-panel{min-height:150px;padding:18px}.welcome-content h1{font-size:19px!important}.welcome-content p{font-size:11px}.welcome-art{right:-95px;top:-60px;opacity:.3}.welcome-language{font-size:8px}.blank-workspace{min-height:300px;padding:22px 12px}.footer{flex-wrap:wrap}.footer>span:nth-child(2){display:none}}


/* v1.0.13: target header alignment and presentation-only dashboard samples */
.topbar{height:76px!important;min-height:76px!important;display:flex!important;gap:8px!important;padding:5px 10px!important;background:linear-gradient(105deg,#173d70 0%,#1c4d86 54%,#2d6da7 100%)!important;border:1px solid #164477!important;border-radius:13px 13px 22px 10px!important;overflow:hidden!important}
.topbar:before{right:7%!important;top:-47px!important;width:43%!important;height:128px!important;opacity:.62!important}
.topbar:after{height:8px!important;background:linear-gradient(90deg,#8fd0ff,#d9efff 44%,#78b9f4)!important;opacity:.9!important}
.brand{flex:0 0 164px!important;min-width:164px!important;max-width:164px!important;height:100%;padding:0 5px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;z-index:3!important}
.brand-logo-image{display:block!important;width:156px!important;max-width:100%!important;height:auto!important;max-height:56px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 1px 1px #001c3d22)!important}
.top-modules{display:flex!important;flex:1 1 auto!important;min-width:0!important;height:60px!important;gap:2px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;align-items:stretch!important;z-index:3!important}
.top-modules::-webkit-scrollbar{display:none!important}
.top-module{flex:1 0 49px!important;min-width:49px!important;max-width:90px!important;height:56px!important;padding:4px 4px!important;gap:2px!important;color:#f2f8ff!important;border:1px solid transparent!important;border-radius:7px!important;white-space:normal!important;text-align:center!important;line-height:1.1!important}
.top-module img{width:20px!important;height:20px!important;padding:1px!important;background:rgba(255,255,255,.13)!important;object-fit:contain!important}
.top-module span{display:block!important;max-width:100%!important;font-size:8px!important;font-weight:700!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.top-module:hover{background:rgba(255,255,255,.13)!important;transform:translateY(-1px)!important}
.top-module.active{background:linear-gradient(180deg,#fff 0%,#e7f4ff 100%)!important;color:#164a80!important;border:1px solid #b9ddff!important;box-shadow:0 2px 7px #092f5b38!important}
.top-module.active img{background:#e4f2ff!important}
.top-actions{flex:0 0 auto!important;gap:5px!important;z-index:4!important}
.top-actions .language-switch,.top-actions .profile-button,.top-actions .icon-button{background:rgba(255,255,255,.13)!important;border-color:rgba(226,242,255,.42)!important;color:#fff!important;min-height:34px!important}
.top-actions .language-switch img,.top-actions .icon-button img{filter:brightness(0) invert(1)!important}
.top-actions .profile-button{max-width:154px!important}
.top-actions .profile-button small{color:#dcecff!important}
.top-actions .avatar{background:#e8f4ff!important}
.top-actions .avatar img{filter:none!important}
/* Demo-only dashboard widgets; submodule workspaces remain intentionally blank. */
.demo-notice{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:7px 10px;border:1px solid #b7d8f7;border-radius:7px;background:#f0f8ff;color:#4b719b;font-size:9px;font-weight:800;letter-spacing:.25px}
.demo-pulse{width:7px;height:7px;border-radius:50%;background:#f0a429;box-shadow:0 0 0 3px #f0a42924}
.demo-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:10px}
.demo-kpi{display:flex;align-items:center;gap:9px;min-width:0;min-height:82px;padding:12px 10px;border:1px solid #d5e8fa;border-radius:9px;background:linear-gradient(135deg,#fff,#f4faff);box-shadow:0 3px 10px #2a6eaa0b}
.kpi-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#dcedff}
.kpi-icon img{width:21px;height:21px}
.kpi-1 .kpi-icon{background:#d9f8ed}.kpi-2 .kpi-icon{background:#ffe3ec}.kpi-3 .kpi-icon{background:#fff0d2}.kpi-4 .kpi-icon{background:#e9e2ff}.kpi-5 .kpi-icon{background:#d8f5ed}
.demo-kpi>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.demo-kpi small{font-size:9px;color:#4f7197;font-weight:700;line-height:1.3}
.demo-kpi strong{font-size:16px;color:#173f77;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-kpi em{font-size:9px;color:#0a9d6a;font-style:normal;font-weight:800}
.demo-panels{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:4px}
.demo-panel{min-width:0;padding:13px;border:1px solid #d7e8f8;border-radius:10px;background:#fff;box-shadow:0 3px 12px #2a6eaa09}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.panel-heading h2{margin:0;color:#173e73;font-size:12px;font-weight:800;line-height:1.35}
.panel-heading>span{font-size:9px;color:#7391b1;white-space:nowrap}
.trend-chart{height:126px;display:flex;align-items:stretch;justify-content:space-around;gap:8px;padding:9px 5px 0;border-bottom:1px solid #e2edf8;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#eaf2fa 30px)}
.trend-column{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}
.bar-pair{height:100px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.bar-pair i,.bar-pair b{display:block;width:34%;max-width:16px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#55a8ff,#2477ec)}
.bar-pair b{background:linear-gradient(180deg,#59d8ae,#18ad81)}
.trend-column small{font-size:9px;color:#7893af;padding-bottom:5px}
.chart-legend{display:flex;gap:14px;margin-top:10px;font-size:9px;color:#6484a7}
.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:#2878ee}.chart-legend span+span i{background:#22b58a}
.demo-table{display:flex;flex-direction:column}
.demo-row{display:grid;grid-template-columns:minmax(0,1fr) 54px 44px;gap:7px;align-items:center;padding:9px 2px;border-bottom:1px solid #edf3fa;font-size:10px;color:#3c5f86}
.demo-row:last-child{border-bottom:0}.demo-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-table-head{font-size:9px;font-weight:800;color:#6b89a9;background:#f5faff;border-radius:5px;padding:7px 4px}.status-good{color:#0b9a69;font-weight:800;background:#e1f8ee;border-radius:5px;padding:3px 4px;text-align:center}
.activity-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf3fa;font-size:10px;color:#315b86}.activity-row:last-child{border-bottom:0}.activity-number{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:7px;background:#e4f1ff;color:#2878ee;font-size:10px;font-weight:800}.activity-number.n1{background:#fff0d8;color:#e68b12}.activity-number.n2{background:#dcf8ed;color:#0b9d70}.activity-number.n3{background:#eee5ff;color:#8856dd}.activity-row>span:nth-child(2){flex:1;min-width:0}.activity-row small{font-size:9px;color:#8ba1b8;white-space:nowrap}
@media(max-width:1450px){.brand{flex-basis:145px!important;min-width:145px!important;max-width:145px!important}.brand-logo-image{width:139px!important}.top-module{flex-basis:44px!important;min-width:44px!important;padding-inline:2px!important}.top-module span{font-size:7.5px!important}.top-actions .profile-button{max-width:126px!important}.demo-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-panels{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.activity-panel{grid-column:1/-1}}
@media(max-width:1100px){.topbar{height:70px!important;min-height:70px!important}.top-modules{display:none!important}.mobile-toggle{display:flex!important}.brand{flex:1 1 auto!important;min-width:0!important;max-width:220px!important}.brand-logo-image{width:176px!important}.top-actions{margin-left:auto!important}.demo-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.topbar{height:65px!important;min-height:65px!important;padding:4px 7px!important}.brand-logo-image{width:152px!important;max-height:49px!important}.top-actions .notification{display:flex!important}.top-actions .profile-button{max-width:38px!important;min-width:34px!important;justify-content:center!important;padding:3px!important}.top-actions .profile-button>span:nth-child(2),.top-actions .profile-button .caret{display:none!important}.demo-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.demo-kpi{min-height:75px;padding:9px 7px;gap:7px}.kpi-icon{width:29px;height:29px;flex-basis:29px}.kpi-icon img{width:18px;height:18px}.demo-kpi strong{font-size:13px}.demo-kpi small{font-size:8px}.demo-panels{grid-template-columns:minmax(0,1fr)}.activity-panel{grid-column:auto}.demo-panel{padding:11px}.trend-chart{height:120px}}
@media(prefers-reduced-motion:reduce){.top-module{transition:none!important}}


/* v1.0.14 — Office 2007-inspired ribbon header, aligned logo and stable navigation */
.topbar{
  min-height:78px;height:auto;gap:8px;padding:5px 9px;
  background:linear-gradient(180deg,#eaf6ff 0%,#d6ebff 48%,#b7d9fb 100%);
  border:1px solid #a9d0f5;border-radius:12px;
  box-shadow:inset 0 1px 0 #fff,0 3px 12px rgba(30,88,148,.12);
  overflow:visible;
}
.brand{
  flex:0 0 166px;min-width:0;width:166px;max-width:166px;
  display:flex;align-items:center;justify-content:flex-start;gap:0;
  padding:2px 7px 2px 2px;border-right:1px solid rgba(68,127,185,.22);
  overflow:hidden;
}
.brand-logo-image{display:block;width:158px;height:auto;max-width:100%;max-height:55px;object-fit:contain;object-position:left center;flex:0 0 auto}
.top-modules{
  height:62px;flex:1 1 auto;min-width:0;gap:2px;align-items:stretch;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 2px;
}
.top-modules::-webkit-scrollbar{height:0}
.top-module{
  flex:1 0 47px;min-width:45px;max-width:78px;height:58px;
  padding:4px 4px 3px;gap:3px;border:1px solid transparent;border-radius:6px 6px 3px 3px;
  color:#123f78;font-size:9px;font-weight:600;white-space:normal;text-align:center;
  line-height:1.12;overflow:hidden;justify-content:center;
}
.top-module img{
  display:block;width:22px;height:22px;object-fit:contain;flex:0 0 22px;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.75));
}
.top-module span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;font-size:8px;line-height:1.1}
.top-module:hover{background:linear-gradient(#fff,#e5f3ff);border-color:#b2d6fa;transform:none;box-shadow:0 1px 3px rgba(33,91,150,.12)}
.top-module.active{
  background:linear-gradient(180deg,#fff 0%,#f7fbff 70%,#e3f1ff 100%);
  border:1px solid #8dbdf1;box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(34,99,165,.12);
  color:#0759b7;position:relative
}
.top-module.active:after{content:"";position:absolute;bottom:0;left:7px;right:7px;height:2px;background:#2584f5;border-radius:2px}
.top-actions{gap:5px;flex:0 0 auto;max-width:315px}
.language-switch,.profile-button,.icon-button{background:linear-gradient(#fff,#eaf5ff);border-color:#a9ccee;box-shadow:inset 0 1px 0 #fff;min-height:35px}
.language-switch{padding:6px 8px;white-space:nowrap}
.language-switch span{font-size:10px;font-weight:600}
.icon-button{padding:7px}
.profile-button{max-width:160px;min-width:0;padding:4px 7px}
.profile-button strong{max-width:92px;font-size:10px}
.profile-button small{font-size:9px}
.avatar{flex:0 0 28px;width:28px;height:28px}
.topbar:before{content:"";position:absolute;inset:auto 0 0;height:4px;border-radius:0 0 12px 12px;background:linear-gradient(90deg,#4d9af0,#78c6eb,#b9d9f8);pointer-events:none}
.topbar{isolation:isolate}
.topbar:after{content:"";position:absolute;right:20%;top:0;width:25%;height:100%;z-index:-1;pointer-events:none;opacity:.48;background:radial-gradient(ellipse at 70% -50%,rgba(255,255,255,.9) 0 23%,transparent 24%),linear-gradient(145deg,transparent 0 64%,rgba(255,255,255,.48) 64.5% 65%,transparent 65.5%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
@media(max-width:1450px){
 .brand{flex-basis:150px;width:150px;max-width:150px}
 .brand-logo-image{width:142px}
 .top-module{min-width:41px;flex-basis:42px;padding-inline:2px}
 .top-module img{width:20px;height:20px;flex-basis:20px}
 .top-module span{font-size:7.5px}
 .top-actions{max-width:285px}
 .profile-button{max-width:142px}
}
@media(max-width:1120px){
 .topbar{min-height:70px;padding:5px 7px;gap:6px}
 .brand{flex-basis:145px;width:145px;max-width:145px}
 .brand-logo-image{width:136px}
 .top-modules{height:56px}
 .top-module{height:53px;min-width:38px;flex-basis:39px}
 .top-module span{font-size:7px}
 .top-actions{max-width:230px}
 .profile-button{max-width:110px}
 .profile-button strong{max-width:57px}
}
@media(max-width:980px){
 .topbar{min-height:66px;height:66px;padding:5px 8px;overflow:hidden}
 .brand{flex:1 1 auto;width:auto;max-width:none;border-right:0;padding-left:2px}
 .brand-logo-image{width:160px;max-height:51px}
 .top-modules{display:none}
 .top-actions{margin-left:auto;max-width:none}
 .topbar:after{right:0;width:36%}
}
@media(max-width:700px){
 .brand-logo-image{width:145px;max-height:46px}
 .topbar{gap:5px}
 .top-actions{gap:4px}
 .language-switch{padding:5px 6px}
 .language-switch img{width:15px;height:15px}
 .profile-button{max-width:38px;min-width:38px;justify-content:center}
 .profile-button .avatar{width:27px;height:27px}
 .topbar:after{display:none}
}

/* v1.0.16: reference-led Office 2007 ribbon dashboard */
:root{--bg:#eaf4ff;--ink:#123d78;--muted:#6b8db6;--line:#c7e1fb;--shadow:0 4px 16px rgba(42,105,168,.09)}
body{background:linear-gradient(135deg,#eef7ff,#e2f1ff 55%,#f6fbff);color:#123d78;font-family:"Noto Sans Bengali","Segoe UI",Arial,sans-serif}
.app-shell{padding:8px;max-width:1920px;margin:0 auto}
.topbar{height:112px!important;min-height:112px!important;display:grid!important;grid-template-columns:218px minmax(0,1fr) 430px;grid-template-rows:66px 34px;align-items:center;gap:0 8px;padding:7px 12px!important;overflow:visible!important;isolation:isolate;border:1px solid #acd2f6!important;border-radius:17px 17px 25px 12px!important;background:linear-gradient(180deg,#eaf6ff 0%,#cfe8ff 50%,#b9dcff 100%)!important;box-shadow:0 5px 18px rgba(47,110,174,.16)!important;color:#153f79!important;position:relative}
.topbar:before{content:"";position:absolute;z-index:-1;left:205px;right:410px;top:0;height:100%;width:auto;background:linear-gradient(115deg,#e5f4ff 0%,#c5e4ff 70%,#eff8ff 100%);clip-path:polygon(0 0,100% 0,96% 20%,100% 45%,94% 72%,100% 100%,0 100%,4% 75%,0 48%,3% 24%);opacity:.96;border-radius:14px;pointer-events:none}
.topbar:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,#75b9ff,#d5f1ff,#9dd9d2,#b6a4ff);clip-path:polygon(0 0,20% 0,24% 65%,50% 100%,75% 40%,100% 0,100% 100%,0 100%);opacity:.75;pointer-events:none}
.topbar>.mobile-toggle{display:none!important}.brand{grid-column:1;grid-row:1/3;min-width:0!important;max-width:none!important;width:100%;flex:none!important;align-self:center;justify-content:flex-start;padding:0 8px 0 0;z-index:2}.brand-logo-image{width:202px!important;max-width:100%!important;max-height:84px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
.top-modules{grid-column:2;grid-row:1/3;display:flex!important;align-self:center;align-items:stretch;height:76px!important;gap:2px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 4px;min-width:0;scrollbar-width:thin;scrollbar-color:#9ccaf2 transparent}
.top-module{flex:1 0 49px!important;min-width:49px!important;max-width:86px;min-height:66px;padding:5px 4px!important;gap:3px!important;border:1px solid transparent!important;border-radius:10px!important;color:#16467f!important;background:transparent!important;white-space:normal!important;font-size:9px!important;line-height:1.15!important;box-shadow:none!important;transform:none!important}
.top-module img{width:25px!important;height:25px!important;object-fit:contain;padding:2px;border-radius:7px;background:linear-gradient(135deg,#e8f5ff,#c4e2ff)!important;filter:none!important}
.top-module span{display:block;max-width:100%!important;font-size:9px!important;font-weight:700!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center;line-height:1.15!important}
.top-module:hover{background:#eaf6ff!important;border-color:#acd4ff!important}.top-module.active{background:linear-gradient(180deg,#fff,#e6f3ff)!important;border:1px solid #9ccaff!important;box-shadow:0 3px 8px #2b78c522!important;color:#10467f!important}
.top-actions{grid-column:3;grid-row:1;justify-content:flex-end;gap:6px!important;align-self:center;min-width:0;z-index:3}.language-switch,.profile-button,.icon-button{background:linear-gradient(180deg,#ffffff,#edf7ff)!important;border:1px solid #b9d9f7!important;color:#17477d!important;box-shadow:0 1px 2px #2c6fac0a;min-height:35px!important}.language-switch img,.icon-button img{filter:none!important}.profile-button{max-width:230px!important;min-width:0!important}.profile-button strong{max-width:145px;color:#153f79}.profile-button small{color:#6387ad!important}.avatar{background:#d9ecff!important}.avatar img{filter:none!important}
.mobile-search{display:flex!important;grid-column:3;grid-row:2;align-self:center;justify-self:stretch;margin:0!important;min-width:0;gap:8px;padding:7px 10px!important;background:#f8fcff!important;border:1px solid #b9d9f7!important;border-radius:9px!important;box-shadow:inset 0 1px 2px #17477d08}.mobile-search img{width:17px;height:17px}.mobile-search input{font-size:11px!important}
.workspace{grid-template-columns:220px minmax(0,1fr)!important;gap:8px!important;margin-top:8px!important;min-height:calc(100vh - 136px)!important}.sidebar{background:linear-gradient(180deg,#e4f2ff,#edf7ff)!important;border-color:#c8e2fa!important;border-radius:12px!important}.main-content{padding:14px!important;border-radius:13px!important;background:rgba(255,255,255,.66)!important;border-color:#d3e8fb!important;box-shadow:0 4px 16px rgba(42,105,168,.07)!important}.page-toolbar{margin-bottom:10px!important}.welcome-panel{min-height:170px!important;border-radius:14px 14px 24px 12px!important;background:linear-gradient(112deg,#fff 0%,#f5fbff 49%,#d8edff 100%)!important;border-color:#c8e3fc!important}.welcome-content h1{font-size:25px!important;font-weight:800!important;color:#0d3974!important}.welcome-content p{font-weight:600!important}.welcome-art{right:7%!important;top:-47px!important;width:265px!important;height:265px!important;opacity:.68!important}.line-art{font-size:130px!important;color:#3989dd!important}.demo-notice{margin:7px 0 9px!important;border-radius:7px!important}.demo-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important}.demo-kpi{min-height:88px!important;border:1px solid #cbe3fb!important;border-radius:11px!important;background:linear-gradient(140deg,#fff,#f1f8ff)!important;box-shadow:0 3px 10px #367cc00b!important}.demo-kpi strong{font-size:17px!important;font-weight:800!important;color:#0d3974!important}.demo-kpi small{font-weight:700!important;color:#365f8e!important}.kpi-0 .kpi-icon{background:#dceeff!important}.kpi-1 .kpi-icon{background:#d8fbef!important}.kpi-2 .kpi-icon{background:#ffe1ed!important}.kpi-3 .kpi-icon{background:#fff0cb!important}.kpi-4 .kpi-icon{background:#e8ddff!important}.kpi-5 .kpi-icon{background:#d6f6ed!important}
.dashboard-grid{display:grid;grid-template-columns:1.65fr 1.15fr 1.15fr 1.05fr;grid-template-areas:"trend trend portfolio branch" "progress activities alerts quick";gap:9px;margin:0 0 10px}.demo-panel{min-width:0;padding:12px!important;border:1px solid #cfe5fa!important;border-radius:11px!important;background:linear-gradient(145deg,#fff,#f8fcff)!important;box-shadow:0 3px 10px #3c7fc00b!important;overflow:hidden}.trend-panel{grid-area:trend}.portfolio-panel{grid-area:portfolio}.branch-panel{grid-area:branch}.progress-panel{grid-area:progress}.activity-panel{grid-area:activities}.alerts-panel{grid-area:alerts}.quick-panel{grid-area:quick}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:10px!important}.panel-heading h2{font-size:13px!important;font-weight:800!important;color:#123f79!important;margin:0}.panel-heading span,.panel-heading a{font-size:9px!important;color:#5c85b5!important;white-space:nowrap}.trend-chart{height:148px!important;padding:8px 5px 0!important;border-bottom:1px solid #d9eafb!important;background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#eaf3fc 32px)!important}.trend-column{flex:1;min-width:0}.bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;width:100%}.bar-pair i,.bar-pair b,.bar-pair em{display:block;max-width:12px;min-width:3px;flex:1;border-radius:3px 3px 0 0}.bar-pair i{background:linear-gradient(180deg,#4ea4ff,#1675f4)}.bar-pair b{background:linear-gradient(180deg,#51d7b5,#10ad86)}.bar-pair em{background:linear-gradient(180deg,#ffd16c,#f4a52e)}.trend-chart-twelve .trend-column small{font-size:8px!important}.chart-legend{display:flex;gap:12px;margin-top:8px!important}.chart-legend span{display:flex;align-items:center;gap:5px;font-size:9px;color:#5a7da5}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#2780f5}.chart-legend span:nth-child(2) i{background:#19bd94}.chart-legend span:nth-child(3) i{background:#ffb52d}
.donut-wrap{display:flex;align-items:center;justify-content:center;gap:12px;min-height:190px}.donut-chart{width:132px;height:132px;flex:0 0 132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#287ff2 0 32%,#19b78d 32% 56%,#ffb52c 56% 74%,#9a62f4 74% 84%,#ef4e70 84% 92%,#50b6d7 92% 100%);position:relative}.donut-chart:before{content:"";position:absolute;inset:22px;border-radius:50%;background:#fff;border:1px solid #e1effb}.donut-chart>div{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;gap:3px}.donut-chart small{font-size:9px;color:#6384a9}.donut-chart strong{font-size:12px;color:#123f79}.donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:90px}.donut-legend li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:5px;font-size:9px;color:#456b96}.donut-legend b{color:#163e73}.legend-dot{width:8px;height:8px;border-radius:50%;background:#287ff2}.d1{background:#19b78d}.d2{background:#ffb52c}.d3{background:#9a62f4}.d4{background:#ef4e70}.d5{background:#50b6d7}
.demo-table{width:100%;overflow:hidden}.demo-row{display:grid;grid-template-columns:minmax(0,1.3fr) .55fr .9fr .45fr;gap:5px;align-items:center;padding:8px 5px!important;border-bottom:1px solid #e7f0fa!important;font-size:9px!important;color:#315d8c}.demo-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-row span:nth-child(n+2){text-align:right}.demo-table-head{background:#f0f7ff!important;color:#5c80a7!important;font-weight:800!important;border-radius:5px}.status-good{justify-self:end;background:#dff8ed;color:#05966e;padding:3px 6px;border-radius:5px;font-weight:800}.progress-content{display:flex;align-items:center;justify-content:space-around;gap:10px;padding:5px 0 8px}.progress-ring{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;flex:0 0 125px;background:conic-gradient(#0eb786 0 78%,#dcecf8 78% 100%);position:relative}.progress-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.progress-ring span{z-index:1;font-size:25px;font-weight:800;color:#087e63}.progress-stats{display:flex;flex-direction:column;gap:2px}.progress-stats small{font-size:9px;color:#6685a8}.progress-stats strong{font-size:14px;color:#123f79}.progress-stats .green-text{color:#07966c}.progress-stats .red-text{color:#ec4357}.panel-action{display:block;text-align:center;border-radius:6px;background:#e3f1ff;color:#1769c5;font-size:10px;font-weight:700;padding:7px}.activity-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid #e8f1fa;font-size:10px;color:#365f8e}.activity-number{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#dceeff;color:#1871dc;font-weight:800}.activity-number.n1{background:#fff0d8;color:#e88a00}.activity-number.n2{background:#d9f7ed;color:#09996e}.activity-number.n3{background:#efe5ff;color:#8750d6}.activity-row b{font-size:10px;padding:4px 7px;border-radius:12px;background:#edf5ff;color:#2b5f98}.activity-row small{font-size:9px;color:#8ba3bf}.alert-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid #e8f1fa;font-size:10px;color:#365f8e}.alert-symbol{font-weight:900;color:#f04462}.a1{color:#f29b22}.a2{color:#ed4770}.a3{color:#2587ed}.a4{color:#13a979}.alert-count{font-size:10px;padding:4px 7px;border-radius:7px;background:#ffe5eb;color:#d92e50}.c1{background:#fff0d9;color:#d87c00}.c2{background:#fff0d9;color:#d87c00}.c3{background:#e5f2ff;color:#1b75d4}.c4{background:#ddf8ed;color:#078e68}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quick-grid a{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 6px;border:1px solid #e1edf9;border-radius:7px;background:#f8fbff;color:#254f81;font-size:9px;font-weight:700}.quick-grid a:hover{background:#e8f4ff;border-color:#acd4fb}.quick-grid img{width:18px;height:18px;flex:0 0 18px}.quick-grid span{overflow-wrap:anywhere}.module-previews{margin-top:2px;padding:10px;border:1px solid #cfe5fa;border-radius:12px;background:linear-gradient(120deg,#e7f5ff,#f9fcff)}.module-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.module-preview-heading h2{font-size:13px;color:#123f79;margin:0;font-weight:800}.module-preview-heading small{font-size:9px;color:#6b8bb0}.preview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.preview-card{display:block;min-width:0;padding:8px;border:1px solid #c4e0f8;border-radius:9px;background:linear-gradient(145deg,#fff,#eaf5ff);box-shadow:0 2px 6px #2d75b80a}.preview-card:nth-child(2){background:linear-gradient(145deg,#fff,#dffaf2);border-color:#b3ead9}.preview-card:nth-child(3){background:linear-gradient(145deg,#fff,#fff0d3);border-color:#f4dca3}.preview-card:nth-child(4){background:linear-gradient(145deg,#fff,#f3e8ff);border-color:#dfc9ff}.preview-card:nth-child(5){background:linear-gradient(145deg,#fff,#ffe8ef);border-color:#f8c7d6}.preview-card:nth-child(6){background:linear-gradient(145deg,#fff,#dff8f4);border-color:#b6e9e0}.preview-card>div{display:flex;align-items:center;gap:6px;margin-bottom:8px;min-height:24px}.preview-card img{width:21px;height:21px}.preview-card strong{font-size:9px;line-height:1.2;color:#16467f}.preview-lines{display:flex;flex-direction:column;gap:5px;padding:7px;border:1px solid #d6e7f8;border-radius:5px;background:#fff;height:68px}.preview-lines i{height:6px;border-radius:2px;background:#e6f0fa;display:block}.preview-lines i:first-child{width:72%;background:#9fcfff}.preview-lines i:nth-child(2){width:90%}.preview-lines i:nth-child(3){width:58%}.preview-lines i:nth-child(4){width:82%}
@media(max-width:1500px){.topbar{grid-template-columns:190px minmax(0,1fr) 350px}.brand-logo-image{width:180px!important}.top-module{flex-basis:45px!important;min-width:45px!important}.top-module span{font-size:8px!important}.dashboard-grid{grid-template-columns:1.35fr 1fr 1fr;grid-template-areas:"trend trend portfolio" "branch branch branch" "progress activities alerts" "quick quick quick"}.branch-panel .demo-row{grid-template-columns:minmax(0,1.5fr .6fr 1fr .5fr)}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.topbar{grid-template-columns:170px minmax(0,1fr);grid-template-rows:58px 38px;height:auto!important;min-height:105px!important}.brand{grid-column:1;grid-row:1/3}.top-modules{grid-column:2;grid-row:1/3}.top-actions{grid-column:2;grid-row:1;justify-self:end;align-self:start}.mobile-search{grid-column:2;grid-row:2;max-width:330px;justify-self:end}.top-actions .profile-button{max-width:150px!important}.workspace{grid-template-columns:205px minmax(0,1fr)!important}.demo-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"trend trend" "portfolio branch" "progress activities" "alerts quick"}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.app-shell{padding:5px}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:54px auto auto;gap:4px;padding:6px!important;min-height:0!important;border-radius:12px!important}.brand{grid-column:1;grid-row:1;max-width:210px!important}.brand-logo-image{width:180px!important;max-height:48px!important}.top-modules{grid-column:1/-1;grid-row:2;height:70px!important;display:flex!important;overflow-x:auto!important}.top-module{flex:0 0 55px!important;min-width:55px!important;min-height:62px!important}.top-module span{font-size:8px!important}.top-actions{grid-column:2;grid-row:1;align-self:center;gap:4px!important}.top-actions .profile-button{max-width:38px!important;min-width:34px!important;padding:3px!important}.top-actions .profile-button>span:nth-child(2),.top-actions .profile-button .caret{display:none!important}.language-switch{padding:5px 6px!important}.mobile-search{grid-column:1/-1;grid-row:3;max-width:none;width:100%;margin:0!important}.workspace{display:block!important;min-height:0!important}.sidebar{position:fixed!important;z-index:15!important;top:5px!important;bottom:5px!important;left:5px!important;width:270px!important;max-width:86vw!important;overflow:auto;transform:translateX(calc(-100% - 12px));transition:transform .22s ease}.sidebar.open{transform:translateX(0)!important}.main-content{padding:9px!important;margin-top:7px;min-height:calc(100vh - 20px)}.welcome-panel{min-height:140px!important;padding:16px!important}.welcome-content h1{font-size:19px!important}.welcome-art{right:-100px!important;opacity:.25!important}.demo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.demo-kpi{min-height:75px!important}.dashboard-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"trend" "portfolio" "branch" "progress" "activities" "alerts" "quick"}.trend-chart{height:130px!important}.donut-wrap{justify-content:space-evenly}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-preview-heading{align-items:flex-start;flex-direction:column}.footer{flex-wrap:wrap}.footer>span:nth-child(2){display:none}}

/* v1.0.17 header polish: single search, readable ribbon and scroll controls */
.topbar{height:106px!important;min-height:106px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:7px 10px!important;background:linear-gradient(180deg,#eaf6ff 0%,#d9edff 55%,#c7e3fc 100%)!important;border:1px solid #a9d1f5!important;border-radius:13px 13px 21px 10px!important;color:#173f75!important;box-shadow:0 2px 7px rgba(34,100,160,.10)!important;overflow:hidden!important;isolation:isolate}
.topbar:before{right:10%;top:-58px;width:40%;height:128px;opacity:.22!important}
.topbar:after{height:5px!important;background:linear-gradient(90deg,#87bfff,#b9e7e5,#c5b8ff)!important;opacity:.8!important}
.topbar .brand{flex:0 0 205px!important;min-width:0!important;height:100%;border-right:1px solid #c4def5;padding-right:9px;z-index:3}
.brand-logo-image{display:block!important;width:190px!important;max-width:100%!important;height:auto!important;max-height:70px!important;object-fit:contain!important}
.ribbon-wrap{display:flex;align-items:center;gap:3px;flex:1 1 auto;min-width:0;height:68px;position:relative;z-index:2}
.ribbon-arrow{display:grid;place-items:center;flex:0 0 23px;width:23px;height:36px;border:1px solid #bddaf5;border-radius:7px;background:linear-gradient(#fafdff,#dceeff);color:#1b5da0;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 1px 2px #174b7710}
.ribbon-arrow:hover{background:#fff;border-color:#83b9ed;color:#064e9c}
.top-modules{display:flex!important;align-items:stretch!important;gap:2px!important;flex:1 1 auto!important;min-width:0!important;height:67px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-behavior:smooth;overscroll-behavior-x:contain}
.top-modules::-webkit-scrollbar{display:none!important}
.top-module{flex:0 0 62px!important;min-width:62px!important;max-width:86px;padding:5px 4px!important;gap:3px!important;color:#164779!important;border:1px solid transparent!important;border-radius:8px!important;font-size:9px!important;white-space:normal!important;line-height:1.15!important}
.top-module img{width:21px!important;height:21px!important;padding:0!important;background:transparent!important;filter:none!important;opacity:1!important;object-fit:contain}
.top-module span{display:block!important;max-width:78px!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;text-align:center!important;font-size:9px!important;font-weight:700!important;color:#194a7b!important;line-height:1.12!important}
.top-module:hover{background:#eaf5ff!important;color:#104b87!important;transform:translateY(-1px)}
.top-module.active{background:linear-gradient(180deg,#fff,#edf7ff)!important;border:1px solid #a7d0fa!important;box-shadow:0 2px 5px rgba(42,110,180,.12)!important;color:#124578!important}
.top-right-stack{display:flex;flex:0 0 265px;min-width:205px;flex-direction:column;align-items:stretch;justify-content:center;gap:5px;position:relative;z-index:4}
.top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex:0 0 auto!important;min-width:0}
.language-switch,.profile-button,.icon-button{background:linear-gradient(180deg,#fff,#edf7ff)!important;border:1px solid #b8d8f6!important;color:#174b7e!important;box-shadow:0 1px 2px rgba(40,100,160,.05)!important;min-height:32px!important}
.language-switch img,.icon-button img{filter:none!important;opacity:1!important}
.language-switch span,.language-switch small,.profile-button strong{color:#174b7e!important;font-weight:700!important}
.profile-button{max-width:145px!important;min-width:112px!important;padding:3px 6px!important}
.profile-button strong{font-size:10px!important}.profile-button small{color:#577b9f!important;font-weight:600!important}
.avatar{background:#dceeff!important}.notification i{background:#e83d58!important;color:#fff!important;font-weight:800!important;box-shadow:0 0 0 2px #e6f3ff}
.header-search{display:flex;align-items:center;gap:7px;height:28px;min-width:0;width:100%;padding:4px 8px;border:1px solid #b7d8f5;border-radius:7px;background:rgba(255,255,255,.92);box-shadow:inset 0 1px 2px rgba(28,78,120,.04)}
.header-search img{width:15px;height:15px;flex:0 0 15px;opacity:.9}.header-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#173f75;font:11px/1.2 inherit}.header-search input::placeholder{color:#6b88a7;opacity:1}
/* Only one global search: the sidebar and mobile duplicate are intentionally absent. */
.side-search,.mobile-search{display:none!important}
@media(max-width:1450px){.topbar .brand{flex-basis:178px!important}.brand-logo-image{width:165px!important}.top-right-stack{flex-basis:235px}.top-module{flex-basis:55px!important;min-width:55px!important}.top-module span{font-size:8px!important}}
@media(max-width:1100px){.topbar{height:auto!important;min-height:112px!important;flex-wrap:wrap!important;align-content:center}.topbar .brand{flex:0 0 170px!important;height:54px;border-right:0}.brand-logo-image{width:158px!important;max-height:52px!important}.ribbon-wrap{order:3;flex:1 1 100%;height:48px}.top-modules{height:46px!important}.top-module{min-height:43px!important;flex-basis:59px!important;min-width:59px!important;flex-direction:row!important;gap:5px!important}.top-module span{max-width:72px!important;text-align:left!important}.top-right-stack{flex:1 1 220px;min-width:0;max-width:420px;margin-left:auto}.header-search{height:25px}.topbar:after{display:none}}
@media(max-width:700px){.topbar{min-height:118px!important;padding:6px!important;gap:4px!important;border-radius:10px 10px 15px 8px!important}.topbar .brand{flex:0 0 125px!important;height:43px;padding-right:4px}.brand-logo-image{width:120px!important;max-height:42px!important}.mobile-toggle{display:flex!important;order:0;padding:5px!important;min-width:30px!important}.topbar .brand{order:1}.top-right-stack{order:2;flex:1 1 150px;max-width:none;gap:3px}.top-actions{gap:3px!important}.language-switch{padding:4px 6px!important;min-height:28px!important}.language-switch span{font-size:9px!important}.profile-button{min-width:34px!important;width:34px!important;max-width:34px!important;justify-content:center!important;padding:2px!important}.profile-button>span:nth-child(2),.profile-button .caret{display:none!important}.avatar{width:25px!important;height:25px!important}.notification{display:flex!important;padding:5px!important;min-height:28px!important}.notification img{width:15px!important;height:15px!important}.header-search{height:24px;padding:3px 6px}.header-search input{font-size:10px!important}.ribbon-wrap{order:3;flex:1 1 100%;height:47px}.ribbon-arrow{flex-basis:20px;width:20px;height:30px;font-size:22px}.top-modules{height:45px!important}.top-module{flex:0 0 53px!important;min-width:53px!important;min-height:43px!important;flex-direction:column!important;gap:1px!important;padding:3px 2px!important}.top-module img{width:17px!important;height:17px!important}.top-module span{font-size:7.5px!important;max-width:50px!important;text-align:center!important}.workspace{margin-top:6px!important}}

/* v1.0.18 — centered, boxed and expandable ribbon; refined utility controls */
.topbar{display:flex!important;align-items:center!important;gap:10px!important;padding:6px 10px!important;background:linear-gradient(180deg,#f5fbff 0%,#dceeff 100%)!important;border:1px solid #b8dafa!important;box-shadow:0 3px 12px rgba(42,105,176,.10)!important;overflow:visible!important;isolation:isolate}
.topbar:before{opacity:.18!important;pointer-events:none!important}
.topbar:after{opacity:.5!important;pointer-events:none!important}
.brand{flex:0 0 190px!important;min-width:155px!important;max-width:205px!important;border-right:1px solid #c5def6!important;padding-right:10px!important;align-self:stretch!important}
.brand-logo-image{max-width:100%!important;object-fit:contain!important}
.ribbon-wrap{display:flex!important;align-items:center!important;gap:5px!important;flex:0 1 790px!important;width:auto!important;min-width:0!important;max-width:790px!important;margin:0 auto!important;padding:5px!important;border:1px solid #c1ddf8!important;border-radius:13px!important;background:linear-gradient(180deg,#ffffffd9,#eaf5ffed)!important;box-shadow:inset 0 1px 0 #fff,0 2px 7px #3979b10d!important;position:relative!important;z-index:2!important}
.top-modules{display:flex!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;gap:4px!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-behavior:smooth!important;overscroll-behavior-x:contain!important}
.top-modules::-webkit-scrollbar{display:none!important}
.top-module{flex:0 0 auto!important;min-width:max-content!important;max-width:118px!important;min-height:54px!important;padding:5px 10px!important;gap:3px!important;color:#194878!important;border:1px solid transparent!important;border-radius:9px!important;white-space:normal!important;line-height:1.15!important}
.top-module img{width:21px!important;height:21px!important;padding:1px!important;background:transparent!important;filter:none!important}
.top-module span{font-size:9px!important;font-weight:750!important;line-height:1.2!important;max-width:100px!important;white-space:normal!important;text-align:center!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important}
.top-module.active{background:linear-gradient(180deg,#fff,#eaf5ff)!important;border:1px solid #a9d2fb!important;box-shadow:0 2px 6px #2a70b61c!important;color:#125db0!important}
.ribbon-arrow{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:34px!important;padding:0!important;border:1px solid #b8d9f8!important;border-radius:8px!important;background:linear-gradient(180deg,#fff,#e5f3ff)!important;color:#1b68b7!important;font-size:22px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;box-shadow:0 1px 3px #2769a51a!important}
.ribbon-arrow:hover:not(:disabled){background:#d7ebff!important;border-color:#7fb8f2!important}
.ribbon-arrow:disabled{opacity:.35!important;cursor:default!important}
.top-right-stack{flex:0 0 250px!important;width:250px!important;min-width:215px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;margin-left:0!important;z-index:4!important}
.top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex:0 0 auto!important}
.top-actions .language-switch{background:linear-gradient(135deg,#fff,#dff0ff)!important;border:1px solid #9fcafa!important;color:#174b83!important;min-height:32px!important;padding:6px 9px!important;box-shadow:0 1px 4px #286bb31a!important}
.top-actions .language-switch img{filter:none!important;opacity:1!important}
.top-actions .language-switch span{font-size:10px!important;font-weight:800!important;color:#174b83!important}
.top-actions .notification{display:grid!important;place-items:center!important;min-width:34px!important;min-height:32px!important;padding:6px!important;background:linear-gradient(135deg,#fff,#ffe8ee)!important;border:1px solid #f5b8c6!important;color:#d52d4e!important;box-shadow:0 1px 4px #d52d4e14!important}
.top-actions .notification img{filter:none!important;opacity:1!important}
.notification i{background:linear-gradient(135deg,#ff5571,#df1741)!important;box-shadow:0 0 0 2px #fff!important;font-size:9px!important;font-weight:800!important}
.top-actions .profile-button{min-width:0!important;max-width:150px!important;flex:1 1 auto!important;background:linear-gradient(135deg,#fff,#edf6ff)!important;border:1px solid #bfdcf8!important;color:#153f71!important;min-height:32px!important;padding:3px 6px!important;box-shadow:0 1px 4px #286bb30e!important}
.top-actions .profile-button strong{font-size:10px!important;color:#153f71!important;font-weight:800!important}
.top-actions .profile-button small{font-size:9px!important;color:#587ba1!important}
.top-actions .avatar{width:25px!important;height:25px!important;flex:0 0 25px!important;background:#dceeff!important;border:1px solid #c4e0fb!important}
.top-actions .avatar img{filter:none!important}
.header-search{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;height:30px!important;padding:0 10px!important;border:1px solid #b8d9f8!important;border-radius:9px!important;background:linear-gradient(180deg,#fff,#f5fbff)!important;box-shadow:inset 0 1px 2px #1b57910a,0 1px 3px #2769a50c!important}
.header-search:focus-within{border-color:#4d9bf0!important;box-shadow:0 0 0 3px #5aa5f022!important}
.header-search img{width:16px!important;height:16px!important;flex:0 0 16px!important;opacity:.9!important}
.header-search input{width:100%!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;color:#153f71!important;font-size:11px!important;font-weight:600!important}
.header-search input::placeholder{color:#7892ae!important;opacity:1!important}
@media(max-width:1450px){.brand{flex-basis:160px!important;min-width:145px!important;max-width:165px!important}.ribbon-wrap{flex-basis:680px!important;max-width:680px!important}.top-module{padding-inline:7px!important}.top-module span{font-size:8px!important}.top-right-stack{flex-basis:225px!important;width:225px!important;min-width:205px!important}.top-actions .profile-button{max-width:125px!important}}
@media(max-width:1180px){.topbar{height:auto!important;min-height:82px!important;flex-wrap:wrap!important;row-gap:5px!important}.brand{flex:0 0 155px!important;min-height:58px!important}.ribbon-wrap{order:3!important;flex:1 1 100%!important;max-width:none!important;margin:0!important}.top-right-stack{flex:0 0 245px!important;width:245px!important;margin-left:auto!important}.top-modules{justify-content:flex-start!important}.top-module{min-width:76px!important}}
@media(max-width:700px){.topbar{padding:6px!important;gap:5px!important}.brand{flex:1 1 130px!important;min-width:120px!important;max-width:155px!important;border-right:0!important;padding-right:2px!important}.brand-logo-image{width:100%!important;max-height:43px!important}.top-right-stack{flex:0 1 205px!important;width:205px!important;min-width:170px!important}.top-actions{gap:3px!important}.top-actions .language-switch{padding:5px 6px!important}.top-actions .profile-button{max-width:38px!important;min-width:34px!important;flex:0 0 34px!important;justify-content:center!important}.top-actions .profile-button>span:nth-child(2),.top-actions .profile-button .caret{display:none!important}.header-search{height:28px!important}.ribbon-wrap{order:3!important;flex-basis:100%!important;max-width:100%!important;padding:4px!important}.top-module{min-width:70px!important;min-height:48px!important;padding:4px 6px!important}.top-module img{width:19px!important;height:19px!important}.top-module span{font-size:8px!important}.ribbon-arrow{flex-basis:25px!important;width:25px!important;height:31px!important}}

/* v1.0.19 — client presentation sample workspaces; existing visual baseline preserved */
.module-demo-notice{display:flex;align-items:flex-start;gap:12px;margin:12px 0 10px;padding:14px 16px;border:1px solid #b8d9fa;border-radius:12px;background:linear-gradient(110deg,#f0f8ff,#fff 70%,#eefbf7);box-shadow:0 3px 12px rgba(43,111,180,.06);color:#174578}
.module-demo-notice>div{flex:1;min-width:0}.module-demo-notice strong{display:block;font-size:15px;font-weight:800;color:#153f73}.module-demo-notice p{margin:4px 0 0;color:#557493;font-size:12px;line-height:1.6}.module-demo-notice .demo-tag{max-width:310px;padding:6px 9px;border-radius:8px;background:#fff4dc;border:1px solid #f4d89d;color:#895d0c;font-size:10px;font-weight:750;line-height:1.45}
.module-demo-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.module-summary-card{display:flex;align-items:center;gap:11px;min-width:0;min-height:82px;padding:13px;border:1px solid #d2e5f8;border-radius:12px;background:linear-gradient(135deg,#fff,#f3f9ff);box-shadow:0 3px 12px rgba(38,103,170,.045)}.module-summary-card .summary-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#e1efff;color:#1971d4;font-size:20px;font-weight:900}.module-summary-card .summary-icon img{width:23px;height:23px}.module-summary-card small,.module-summary-card em{display:block;color:#6a86a3;font-size:10px;font-style:normal}.module-summary-card strong{display:block;margin:2px 0;color:#163f73;font-size:16px;font-weight:850;line-height:1.25;overflow-wrap:anywhere}.summary-green .summary-icon{background:#dff8ed;color:#079c70}.summary-purple .summary-icon{background:#eee5ff;color:#8754df}.module-data-panel{margin-top:10px;overflow:hidden;border:1px solid #cfe3f8;border-radius:13px;background:#fff;box-shadow:0 4px 18px rgba(29,89,151,.055)}.module-data-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px 14px;background:linear-gradient(105deg,#f5faff,#eaf5ff 65%,#f6fbff);border-bottom:1px solid #dceaf8}.module-data-heading .eyebrow{font-size:9px;font-weight:850;letter-spacing:1.6px;color:#397fcb}.module-data-heading h2{margin:5px 0 3px;color:#153f73;font-size:17px;font-weight:850}.module-data-heading p{margin:0;color:#718ba5;font-size:11px}.sample-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 10px;border-radius:20px;background:#fff;border:1px solid #cfe3f8;color:#4274a5;font-size:10px;font-weight:800}.sample-table-wrap{width:100%;overflow-x:auto}.sample-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;white-space:nowrap}.sample-table th{padding:12px 13px;background:#f4f8fd;color:#436587;text-align:left;font-size:10px;font-weight:850;border-bottom:1px solid #dceaf7}.sample-table td{padding:12px 13px;color:#345778;border-bottom:1px solid #edf3fa}.sample-table tbody tr:nth-child(even){background:#fbfdff}.sample-table tbody tr:hover{background:#f0f7ff}.sample-table tbody tr:last-child td{border-bottom:0}.sample-status{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:800}.status-ok{background:#dcf8eb;color:#087d58}.status-warn{background:#fff0d4;color:#9a6100}.status-neutral{background:#e8f1fc;color:#42688e}.module-data-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-top:1px solid #e7f0fa;background:#fbfdff;color:#7a93ad;font-size:10px}.module-data-footer>span:first-child{display:flex;align-items:center;gap:7px}.requirement-banner{display:flex;align-items:center;gap:13px;margin:12px 0 6px;padding:15px 17px;border:1px solid #b8e8d7;border-radius:12px;background:linear-gradient(110deg,#edfff7,#f8fcff 72%,#f1edff)}.requirement-mark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#10b981,#5c8df6);color:white;font-size:20px}.requirement-banner>div:nth-child(2){flex:1;min-width:0}.requirement-banner h2{margin:0 0 4px;color:#145a57;font-size:14px;font-weight:850}.requirement-banner p{margin:0;color:#547c84;font-size:11px;line-height:1.6}.requirement-badge{padding:7px 10px;border-radius:8px;background:#fff;border:1px solid #bde8d9;color:#168366;font-size:10px;font-weight:800;white-space:nowrap}
/* Keep the profile control inside its rounded header slot on narrow/medium screens. */
.top-right-stack{min-width:0!important}.top-actions{min-width:0!important}.top-actions .profile-button{overflow:hidden!important;border-radius:11px!important}.top-actions .profile-button>span:nth-child(2){min-width:0!important;overflow:hidden!important}.top-actions .profile-button strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.top-actions .profile-button small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.top-actions .profile-button .caret{flex:0 0 auto!important}
@media(max-width:900px){.module-demo-notice{flex-wrap:wrap}.module-demo-notice .demo-tag{max-width:none}.module-demo-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.module-data-heading{align-items:flex-start}.module-data-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.module-demo-summary{grid-template-columns:1fr}.module-summary-card{min-height:72px}.module-data-heading{padding:13px;flex-direction:column}.module-data-heading h2{font-size:15px}.sample-table th,.sample-table td{padding:10px}.requirement-banner{align-items:flex-start;flex-wrap:wrap}.requirement-badge{margin-left:51px}.module-demo-notice{padding:12px}.module-demo-notice strong{font-size:13px}}


/* v1.0.20 — expanded NGO/MFI/cooperative navigation, footer shortcuts and mobile ribbon fit */
.side-nav{gap:4px}.nav-caption{position:sticky;top:0;background:linear-gradient(90deg,#e3f2ff,#edf7ff);z-index:1}.side-link{gap:8px}.side-label{line-height:1.35;overflow-wrap:anywhere}.nav-group{border-radius:8px}.nav-group.expanded>.side-link-row .side-link{background:linear-gradient(100deg,#d8ebff,#f7fbff)}.subnav{max-height:46vh;overflow-y:auto;overscroll-behavior:contain}.footer{flex-wrap:wrap}.footer-shortcuts{display:flex;align-items:center;gap:5px;flex-basis:100%;padding:0 0 8px;border-bottom:1px solid #e2eef9;margin-bottom:3px}.footer-shortcuts a,.footer-shortcuts button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid #cfe3f8;border-radius:8px;background:linear-gradient(180deg,#fff,#edf7ff);color:#1c568f;font-size:10px;font-weight:800;cursor:pointer}.footer-shortcuts img{width:15px;height:15px}.footer-shortcuts a:hover,.footer-shortcuts button:hover{background:#dceeff;border-color:#9dc8f5}.footer-shortcuts span{white-space:nowrap}
@media(max-width:700px){.topbar{min-height:120px!important;height:auto!important;align-content:flex-start!important}.topbar .brand{flex:0 0 112px!important;min-width:108px!important;max-width:122px!important}.top-right-stack{flex:1 1 145px!important;width:auto!important;min-width:140px!important}.ribbon-wrap{order:3!important;display:flex!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}.top-modules{display:flex!important;flex:1 1 auto!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;gap:3px!important}.top-module{flex:0 0 61px!important;min-width:61px!important;max-width:72px!important;scroll-snap-align:start!important}.top-module span{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important}.ribbon-arrow{flex:0 0 23px!important;width:23px!important}.footer-shortcuts{overflow-x:auto;max-width:100%;padding-bottom:8px}.footer-shortcuts a,.footer-shortcuts button{flex:0 0 auto}.side-nav{max-height:calc(100vh - 190px);overflow-y:auto}.sidebar{padding-bottom:10px}}
.workspace:has(.sidebar.sidebar-collapsed){grid-template-columns:0 minmax(0,1fr)!important}.sidebar.sidebar-collapsed{display:none!important}
@media(max-width:700px){.workspace:has(.sidebar.sidebar-collapsed){display:block!important}}

/* v1.0.21 — mobile ribbon and sticky bottom navigation */
.mobile-bottom-nav{display:none}
@media(max-width:700px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))!important}
  .app-shell{padding:5px 5px 0!important}
  .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:48px 36px 55px!important;gap:4px 6px!important;height:auto!important;min-height:0!important;padding:6px!important;overflow:hidden!important;border-radius:13px 13px 18px 10px!important}
  .topbar:before{left:0!important;right:0!important;width:auto!important;opacity:.45!important}
  .brand{grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important;max-width:100%!important;height:46px!important;padding:0!important;border:0!important;overflow:hidden}
  .brand-logo-image{width:clamp(118px,42vw,155px)!important;max-height:43px!important;object-position:left center!important}
  .top-right-stack{grid-column:2!important;grid-row:1/3!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:4px!important;min-width:0!important;max-width:min(58vw,220px)!important}
  .top-actions{display:flex!important;justify-content:flex-end!important;gap:4px!important;min-height:30px!important}
  .language-switch{min-height:29px!important;padding:4px 7px!important;gap:4px!important}
  .language-switch img{width:14px!important;height:14px!important}
  .language-switch span{font-size:10px!important;white-space:nowrap!important}
  .notification{display:flex!important;min-height:29px!important;padding:5px!important}
  .notification img{width:16px!important;height:16px!important}
  .profile-button{display:flex!important;max-width:34px!important;min-width:32px!important;width:34px!important;min-height:29px!important;padding:2px!important;justify-content:center!important;overflow:hidden!important}
  .profile-button>span:nth-child(2),.profile-button .caret{display:none!important}
  .profile-button .avatar{width:25px!important;height:25px!important;flex:0 0 25px!important}
  .header-search{grid-column:1/-1!important;grid-row:2!important;display:flex!important;width:100%!important;min-width:0!important;margin:0!important;min-height:32px!important;padding:6px 9px!important}
  .header-search input{font-size:11px!important;min-width:0!important}
  .ribbon-wrap{grid-column:1/-1!important;grid-row:3!important;display:flex!important;width:100%!important;min-width:0!important;height:53px!important;gap:4px!important;overflow:hidden!important}
  .ribbon-arrow{flex:0 0 25px!important;width:25px!important;height:35px!important;font-size:22px!important;border-radius:8px!important}
  .top-modules{display:flex!important;grid-column:auto!important;grid-row:auto!important;flex:1 1 auto!important;min-width:0!important;width:0!important;height:51px!important;gap:3px!important;padding:1px 2px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
  .top-modules::-webkit-scrollbar{display:none!important}
  .top-module{flex:0 0 54px!important;min-width:54px!important;max-width:54px!important;height:47px!important;min-height:47px!important;padding:3px 2px!important;gap:2px!important;border-radius:8px!important;scroll-snap-align:start!important}
  .top-module img{width:20px!important;height:20px!important;padding:0!important;background:transparent!important}
  .top-module span{display:block!important;width:100%!important;max-width:100%!important;font-size:8px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;font-weight:700!important}
  .workspace{display:block!important;margin-top:6px!important;min-height:0!important}
  .sidebar{top:5px!important;bottom:calc(68px + env(safe-area-inset-bottom, 0px))!important;left:5px!important;width:min(285px,86vw)!important;max-width:86vw!important;z-index:50!important;padding-bottom:12px!important}
  .main-content{padding:9px!important;margin:0!important;min-height:calc(100dvh - 175px)!important;border-radius:12px!important}
  .page-toolbar{gap:6px!important;margin-bottom:9px!important;align-items:center!important}
  .breadcrumbs{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important}
  .toolbar-actions{flex:0 0 auto!important;gap:5px!important}
  .date-chip{display:none!important}
  .primary-button{padding:8px 10px!important;white-space:nowrap!important}
  .welcome-panel{min-height:140px!important;padding:15px!important}
  .welcome-content h1{font-size:18px!important;line-height:1.35!important}
  .welcome-content p{font-size:11px!important;line-height:1.45!important}
  .welcome-content .muted{font-size:10px!important}
  .welcome-language{right:9px!important;bottom:8px!important;font-size:8px!important}
  .demo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .demo-kpi{min-width:0!important;padding:8px!important;min-height:74px!important}
  .dashboard-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"trend" "portfolio" "branch" "progress" "activities" "alerts" "quick"!important}
  .trend-chart{height:112px!important;overflow:hidden!important}
  .module-demo-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer{padding-bottom:10px!important;margin-bottom:0!important;gap:7px!important}
  .footer>span:nth-child(2),.footer>span:nth-child(3){display:none!important}
  .footer-shortcuts{display:none!important}
  .mobile-bottom-nav{position:fixed!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:2px!important;left:5px!important;right:5px!important;bottom:calc(5px + env(safe-area-inset-bottom, 0px))!important;z-index:60!important;padding:6px 5px!important;min-height:59px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;border:1px solid #bcdcf8!important;border-radius:15px!important;box-shadow:0 5px 22px rgba(25,76,130,.2)!important}
  .mobile-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;min-height:45px!important;padding:3px 1px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#315b8a!important;font:inherit!important;text-decoration:none!important;cursor:pointer!important}
  .mobile-nav-item img{display:block!important;width:20px!important;height:20px!important;object-fit:contain!important}
  .mobile-nav-item span{display:block!important;max-width:100%!important;font-size:9px!important;font-weight:700!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mobile-nav-item.is-active{background:linear-gradient(180deg,#e8f4ff,#d5eaff)!important;border-color:#b6d9ff!important;color:#075fc5!important;box-shadow:inset 0 -2px #2878ee!important}
}
@media(min-width:701px){.mobile-bottom-nav{display:none!important}}