:root{--navy:#102d50;--navy-2:#173f6d;--navy-3:#0a223d;--blue:#2c75c9;--sky:#eaf4ff;--bg:#f4f7fb;--card:#fff;--text:#17263a;--muted:#758297;--line:#e5ebf2;--shadow:0 16px 40px rgba(28,58,94,.08);--radius:20px;--green:#1d9d72;--orange:#e8902d;--purple:#7559be;--rose:#c65b77;--cyan:#2d8fa8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input{font:inherit}body.menu-open{overflow:hidden}.app-shell{min-height:100vh;display:flex}.sidebar{width:284px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-3) 100%);color:#fff;padding:20px 16px 16px;display:flex;flex-direction:column;z-index:60;box-shadow:14px 0 38px rgba(8,29,53,.12)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:2px 8px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#dcecff);color:var(--navy);font-size:21px;box-shadow:0 8px 20px rgba(0,0,0,.14)}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font-size:20px;letter-spacing:.2px}.brand-copy span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#a8bdd3;margin-top:2px}.sidebar-close{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:19px}.sidebar-community{margin:16px 4px 12px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:16px;display:flex;gap:10px;align-items:center}.community-icon{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#bed9f5}.sidebar-community div:last-child{display:flex;flex-direction:column;min-width:0}.sidebar-community span{font-size:10px;color:#9fb4ca;text-transform:uppercase;letter-spacing:1px}.sidebar-community strong{font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{overflow-y:auto;padding:7px 3px 14px;flex:1}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:10px}.nav-section-label{display:block;padding:10px 12px 8px;color:#829db8;font-size:9px;font-weight:800;letter-spacing:1.4px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;color:#c4d2df;margin:3px 0;padding:11px 13px;border-radius:13px;font-size:13px;font-weight:600;transition:.18s}.nav-item i{width:22px;text-align:center;font-size:16px}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.08));color:#fff;box-shadow:inset 3px 0 0 #77b8ff}.nav-active-dot{width:6px;height:6px;border-radius:50%;background:#8cc7ff;margin-left:auto;box-shadow:0 0 0 4px rgba(140,199,255,.12)}.sidebar-footer{display:flex;align-items:center;gap:10px;padding:14px 8px 4px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-user-avatar,.top-user-avatar{width:38px;height:38px;border-radius:13px;background:#e8f2ff;color:var(--navy);display:grid;place-items:center;font-weight:800}.sidebar-user-copy{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-copy span{font-size:10px;color:#91a8bf;margin-top:2px}.logout-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#b8cadd}.logout-icon:hover{background:rgba(255,255,255,.08);color:#fff}.main-area{margin-left:284px;min-width:0;width:calc(100% - 284px)}.topbar{height:86px;padding:0 30px;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:30}.topbar-left{display:flex;align-items:center;gap:14px;min-width:0}.topbar h1{font-size:20px;margin:0;font-weight:800}.topbar p{font-size:11px;color:var(--muted);margin:4px 0 0}.mobile-menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;color:var(--navy);font-size:21px}.topbar-actions{display:flex;align-items:center;gap:12px}.top-icon-btn{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:13px;display:grid;place-items:center;color:#60748c}.top-user{display:flex;align-items:center;gap:9px;padding-left:4px}.top-user-avatar{width:39px;height:39px}.top-user-copy{display:flex;flex-direction:column}.top-user-copy strong{font-size:11px}.top-user-copy span{font-size:9px;color:var(--muted);margin-top:2px}.page-content{padding:26px 30px 40px;max-width:1600px;margin:0 auto}.page-alert{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#fff5e9;border:1px solid #f4d3ae;color:#9b5d18;border-radius:14px;margin-bottom:18px;font-size:12px}.welcome-banner,.resident-hero{background:linear-gradient(125deg,var(--navy) 0%,#1f568c 100%);border-radius:22px;color:#fff;padding:23px 26px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 18px 40px rgba(18,52,88,.16)}.welcome-banner:after,.resident-hero:after{content:"";position:absolute;width:220px;height:220px;border:40px solid rgba(255,255,255,.06);border-radius:50%;right:-60px;top:-85px}.welcome-kicker,.panel-kicker{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#8db9e5}.welcome-banner h2,.resident-hero h2{position:relative;margin:7px 0 5px;font-size:22px;z-index:1}.welcome-banner p,.resident-hero p{position:relative;margin:0;font-size:12px;color:#bed0e1;z-index:1}.welcome-date{position:relative;z-index:1;display:flex;align-items:center;gap:11px;padding:10px 14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:15px}.welcome-date i{font-size:19px;color:#a9d2ff}.welcome-date div{display:flex;flex-direction:column}.welcome-date span{font-size:9px;color:#a9bed2}.welcome-date strong{font-size:11px;margin-top:2px}.stats-grid{display:grid;gap:14px;margin-top:18px}.admin-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:17px;display:flex;align-items:flex-start;gap:13px;box-shadow:0 9px 28px rgba(29,58,92,.05)}.stat-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:18px;flex:0 0 auto}.tone-blue{background:#eaf2ff;color:#376fb3}.tone-green{background:#e8f7f1;color:var(--green)}.tone-cyan{background:#e8f6f9;color:var(--cyan)}.tone-orange{background:#fff1df;color:var(--orange)}.tone-purple{background:#f0ecfb;color:var(--purple)}.tone-rose{background:#faeaf0;color:var(--rose)}.stat-copy{display:flex;flex-direction:column;min-width:0}.stat-copy span{font-size:10px;color:var(--muted);font-weight:650}.stat-copy strong{font-size:18px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-copy small{font-size:9px;color:#9aa5b3;margin-top:3px}.dashboard-grid{display:grid;gap:18px;margin-top:18px}.dashboard-grid-main{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)}.panel-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h3{margin:4px 0 0;font-size:15px}.panel-kicker{color:#8191a5}.soft-badge{display:inline-flex;align-items:center;gap:6px;background:#f3f7fb;color:#60758c;border:1px solid var(--line);padding:7px 9px;border-radius:10px;font-size:9px;font-weight:700}.bar-chart{height:245px;display:flex;align-items:flex-end;gap:8px;padding:20px 3px 0}.bar-column{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.bar-track{height:205px;width:100%;max-width:26px;background:#f0f4f8;border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}.bar-track span{display:block;width:100%;background:linear-gradient(180deg,#4f91d8,#245f9d);border-radius:8px 8px 3px 3px}.bar-column small{font-size:8px;color:#8a96a7}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.quick-grid a,.resident-quick-grid a{border:1px solid var(--line);border-radius:14px;padding:13px 11px;background:#fafcfe;display:flex;flex-direction:column;gap:8px;transition:.18s}.quick-grid a:hover,.resident-quick-grid a:hover{transform:translateY(-2px);border-color:#cbdced;background:#f6faff}.quick-grid i,.resident-quick-grid i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eaf3ff;color:#2e6fae}.quick-grid span,.resident-quick-grid span{font-size:10px;font-weight:700;color:#405267}.announcement-panel{margin-top:18px}.panel-link{font-size:10px;color:#3976b7;font-weight:700}.announcement-list{margin-top:12px}.announcement-list article{display:flex;gap:12px;padding:13px 0;border-top:1px solid #edf1f5}.announcement-list article:first-child{border-top:0}.announcement-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:#3a77b5;flex:0 0 auto}.announcement-copy{min-width:0;flex:1}.announcement-copy>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.announcement-copy strong{font-size:11px}.announcement-copy p{font-size:10px;color:#738195;margin:5px 0;line-height:1.55}.announcement-copy small{font-size:8px;color:#a0a9b5}.category-badge{font-size:8px!important;background:#f2f5f8;color:#728095;padding:3px 6px;border-radius:7px}.empty-inline{display:flex;align-items:center;gap:12px;padding:25px 5px 10px}.empty-inline>i{width:44px;height:44px;border-radius:14px;background:#f1f6fb;display:grid;place-items:center;color:#7692af}.empty-inline div{display:flex;flex-direction:column}.empty-inline strong{font-size:11px}.empty-inline span{font-size:9px;color:var(--muted);margin-top:3px}.resident-hero-icon{position:relative;z-index:1;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:27px}.resident-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin-top:18px}.bill-card{background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);border:1px solid #dce7f1;border-radius:20px;padding:21px;box-shadow:var(--shadow)}.bill-card.paid{background:linear-gradient(145deg,#fff,#f4fcf8)}.bill-card-head{display:flex;align-items:flex-start;justify-content:space-between}.bill-card-head>div{display:flex;flex-direction:column}.bill-card-head span{font-size:9px;letter-spacing:1.2px;color:#8190a3;font-weight:800}.bill-card-head strong{font-size:12px;margin-top:4px}.bill-card-head>i{font-size:23px;color:#4b84bc}.bill-amount{padding:21px 0 17px}.bill-amount span{display:block;font-size:9px;color:#8290a2}.bill-amount strong{display:block;font-size:26px;margin-top:4px}.bill-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0;border-top:1px dashed #dce3ea;border-bottom:1px dashed #dce3ea}.bill-meta>div{display:flex;flex-direction:column}.bill-meta span{font-size:8px;color:#9ba5b1}.bill-meta strong{font-size:10px;margin-top:3px}.status-text{color:#2772b8}.primary-action-btn,.secondary-action-btn{margin-top:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:12px;background:var(--navy);color:#fff;font-size:10px;font-weight:750}.bill-empty{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bill-empty i{font-size:26px;color:var(--green)}.bill-empty strong{font-size:11px;margin-top:8px}.bill-empty span{font-size:9px;color:var(--muted);margin-top:3px}.resident-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.module-placeholder-card{min-height:420px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.module-placeholder-icon{width:68px;height:68px;border-radius:20px;background:#eaf3ff;color:#306faa;display:grid;place-items:center;font-size:26px;margin-bottom:15px}.module-placeholder-card h2{font-size:22px;margin:7px 0}.module-placeholder-card p{max-width:520px;font-size:11px;line-height:1.7;color:var(--muted);margin:0}.secondary-action-btn{background:#fff;color:var(--navy);border:1px solid var(--line)}.mobile-overlay{display:none}.login-body{background:#f5f8fc}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.1fr) minmax(420px,.9fr)}.login-visual{position:relative;overflow:hidden;background:linear-gradient(140deg,#0f2e51 0%,#173f6e 52%,#1c578c 100%);color:#fff;min-height:100vh}.login-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent)}.login-visual-glow{position:absolute;width:520px;height:520px;border-radius:50%;border:100px solid rgba(255,255,255,.04);right:-180px;bottom:-170px}.login-visual-content{position:relative;z-index:2;max-width:680px;padding:10vh 8vw}.login-brand-pill{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);padding:8px 12px;border-radius:12px;font-size:12px;font-weight:800}.login-visual h1{font-size:clamp(35px,4vw,60px);line-height:1.08;margin:35px 0 18px;letter-spacing:-1.5px}.login-visual h1 span{color:#9cc9f4}.login-visual-content>p{max-width:570px;color:#bed0e3;font-size:14px;line-height:1.8}.login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:38px}.login-feature{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:16px}.login-feature>i{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#a9d1f7}.login-feature div{display:flex;flex-direction:column}.login-feature strong{font-size:11px}.login-feature span{font-size:9px;color:#9fb5ca;margin-top:3px}.login-form-side{display:grid;place-items:center;padding:35px;background:#f8fafc}.login-form-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:25px;padding:34px;box-shadow:0 25px 60px rgba(34,61,92,.1)}.login-mobile-brand{display:none}.login-heading .eyebrow{font-size:9px;letter-spacing:1.5px;color:#3978b8;font-weight:850}.login-heading h2{font-size:25px;margin:8px 0 6px}.login-heading p{font-size:11px;color:var(--muted);margin:0 0 22px}.login-alert{display:flex;gap:9px;align-items:flex-start;background:#fff0f0;border:1px solid #f4d3d3;color:#a64343;padding:11px 12px;border-radius:12px;font-size:10px;margin-bottom:16px}.login-form{display:flex;flex-direction:column}.form-label{font-size:10px;font-weight:750;margin:12px 0 7px;color:#405269}.input-shell{height:48px;display:flex;align-items:center;border:1px solid #dce3eb;background:#fbfcfe;border-radius:13px;padding:0 13px;transition:.18s}.input-shell:focus-within{border-color:#73a9dc;box-shadow:0 0 0 3px rgba(65,128,190,.09);background:#fff}.input-shell>i{color:#8897a9;font-size:15px}.input-shell input{border:0;outline:0;background:transparent;flex:1;min-width:0;padding:0 11px;font-size:11px;color:var(--text)}.input-shell input::placeholder{color:#a5afbb}.password-toggle{border:0;background:transparent;color:#8492a4;padding:5px;cursor:pointer}.login-submit{height:48px;border:0;border-radius:13px;background:linear-gradient(120deg,var(--navy),#1e5b93);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:800;margin-top:20px;cursor:pointer;box-shadow:0 12px 24px rgba(22,64,105,.2)}.login-help{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:9px;color:#8a97a8}.login-help i{color:#3b86c4}.login-mobile-brand{align-items:center;gap:9px;margin-bottom:24px}.login-mobile-brand .brand-mark{width:38px;height:38px;border-radius:12px}.login-mobile-brand strong{font-size:18px}@media(max-width:1180px){.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-main{grid-template-columns:1fr}.resident-dashboard-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr 1fr}.login-visual-content{padding:9vh 6vw}.login-feature-grid{grid-template-columns:1fr}}@media(max-width:980px){.sidebar{transform:translateX(-105%);transition:transform .24s ease;width:min(84vw,290px)}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.main-area{margin-left:0;width:100%}.mobile-menu-btn{display:grid;place-items:center}.mobile-overlay{position:fixed;inset:0;background:rgba(7,21,36,.48);z-index:50;backdrop-filter:blur(2px)}.mobile-overlay.show{display:block}.topbar{padding:0 18px;height:78px}.page-content{padding:20px 18px 32px}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{min-height:100vh;padding:24px}.login-mobile-brand{display:flex}}@media(max-width:650px){.topbar{height:auto;min-height:72px;padding:12px 14px}.topbar-left{flex:1}.topbar h1{font-size:17px}.topbar p{font-size:9px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-user-copy{display:none}.top-user-avatar{width:37px;height:37px}.top-icon-btn{width:37px;height:37px}.page-content{padding:15px 13px 28px}.welcome-banner,.resident-hero{padding:19px;border-radius:18px}.welcome-banner h2,.resident-hero h2{font-size:18px}.welcome-banner p,.resident-hero p{font-size:10px;max-width:250px}.welcome-date{display:none}.resident-hero-icon{width:49px;height:49px;border-radius:15px;font-size:20px}.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:13px;gap:10px;border-radius:15px}.stat-icon{width:37px;height:37px;border-radius:12px;font-size:15px}.stat-copy span{font-size:8px}.stat-copy strong{font-size:14px}.stat-copy small{font-size:8px}.panel-card,.bill-card{padding:16px;border-radius:17px}.bar-chart{height:195px;gap:4px}.bar-track{height:155px;max-width:19px}.quick-grid,.resident-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-form-side{padding:16px}.login-form-card{padding:25px 20px;border-radius:20px;box-shadow:0 15px 40px rgba(34,61,92,.08)}}@media(max-width:390px){.admin-stats-grid{grid-template-columns:1fr}.resident-hero-icon{display:none}.login-form-card{padding:22px 17px}.bill-meta{grid-template-columns:1fr;gap:9px}}
.master-page{display:flex;flex-direction:column;gap:17px}.master-tabs{display:flex;gap:7px;width:max-content;max-width:100%;background:#eaf0f6;padding:5px;border-radius:14px;overflow-x:auto}.master-tab{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:10px;font-weight:800;color:#61758b;white-space:nowrap}.master-tab.active{background:#fff;color:var(--navy);box-shadow:0 4px 14px rgba(30,58,89,.08)}.flash-alert{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:14px;font-size:11px;font-weight:650}.flash-alert.success{background:#eaf8f3;border:1px solid #c5eadc;color:#197a5b}.flash-alert.error{background:#fff0f0;border:1px solid #f2d0d0;color:#a44444}.flash-alert i{font-size:15px}.mini-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-stat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 8px 24px rgba(29,58,92,.04)}.mini-stat>i{width:38px;height:38px;border-radius:12px;background:#eaf3ff;color:#2e6fae;display:grid;place-items:center;font-size:17px}.mini-stat>div{display:flex;flex-direction:column}.mini-stat span{font-size:9px;color:var(--muted);font-weight:700}.mini-stat strong{font-size:18px;margin-top:2px}.master-card,.form-section-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px}.master-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.master-card-head h2,.form-section-head h2{font-size:16px;margin:4px 0}.master-card-head p,.form-section-head p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.master-primary-btn{border:0;background:linear-gradient(120deg,var(--navy),#1d578d);color:#fff;border-radius:12px;padding:11px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 9px 20px rgba(16,45,80,.15)}.filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(145px,.35fr) minmax(130px,.28fr) auto auto;gap:9px;align-items:center;margin-top:18px;padding:12px;background:#f7f9fc;border:1px solid #edf1f5;border-radius:15px}.filter-search{height:40px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe6ed;border-radius:11px;padding:0 11px}.filter-search i{color:#8b99aa}.filter-search input{border:0;outline:0;min-width:0;flex:1;background:transparent;font-size:10px}.filter-bar select,.field-group select,.field-group input,.field-group textarea{width:100%;border:1px solid #dfe6ed;background:#fbfcfe;border-radius:11px;color:#26384c;outline:0;font-size:10px;transition:.18s}.filter-bar select{height:40px;padding:0 10px}.filter-button,.filter-reset{height:40px;border-radius:11px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:750}.filter-button{border:0;background:#e8f1fb;color:#245f9d;cursor:pointer}.filter-reset{border:1px solid #dfe6ed;background:#fff;color:#6f7e90}.table-wrap{overflow-x:auto;margin-top:16px;border:1px solid #edf1f5;border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:930px}.data-table th{background:#f8fafc;color:#8190a2;text-transform:uppercase;letter-spacing:.55px;font-size:8px;text-align:left;padding:11px 12px;border-bottom:1px solid #e8edf3;white-space:nowrap}.data-table td{padding:12px;border-bottom:1px solid #edf1f5;font-size:10px;color:#3f5267;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdff}.person-cell,.house-cell{display:flex;align-items:center;gap:10px;min-width:180px}.person-avatar,.house-cell>span{width:36px;height:36px;border-radius:12px;background:#eaf3ff;color:#2c6aa7;display:grid;place-items:center;font-size:12px;font-weight:850;flex:0 0 auto}.person-cell>div,.house-cell>div,.stack-copy{display:flex;flex-direction:column}.person-cell strong,.house-cell strong{font-size:10px;color:#24374c}.person-cell small,.house-cell small,.stack-copy small{font-size:8px;color:#96a1ae;margin-top:3px}.soft-status,.account-chip,.status-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:6px 8px;border-radius:9px;font-size:8px;font-weight:800;background:#eef3f8;color:#65778a}.soft-status.green,.status-badge.active{background:#e8f7f1;color:#18805f}.status-badge.inactive{background:#f3f3f5;color:#858995}.account-chip{background:#eef6ff;color:#326ea8}.muted-text{font-size:9px;color:#9ca6b2}.action-col{text-align:right!important}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.row-actions form{margin:0}.icon-action{width:32px;height:32px;border:1px solid #dfe6ed;background:#fff;color:#587089;border-radius:9px;display:grid;place-items:center;cursor:pointer}.icon-action.danger{color:#b94f4f;background:#fff8f8;border-color:#f0dddd}.table-clamp{max-width:250px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.table-empty>i{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#eef5fc;color:#5c87b0;font-size:21px}.table-empty strong{font-size:12px;margin-top:11px}.table-empty span{font-size:9px;color:var(--muted);margin-top:4px}.breadcrumb-row a{display:inline-flex;align-items:center;gap:7px;color:#52718f;font-size:10px;font-weight:750}.master-form{display:flex;flex-direction:column;gap:16px;max-width:1050px}.form-section-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #edf1f5;margin-bottom:17px}.section-icon{width:42px;height:42px;border-radius:13px;background:#eaf3ff;color:#2c6ba8;display:grid;place-items:center;font-size:18px}.form-grid{display:grid;gap:14px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group{display:flex;flex-direction:column;gap:7px;min-width:0}.field-group>span{font-size:9px;font-weight:800;color:#50647b}.field-group>span b{color:#c95858}.field-group input,.field-group select{height:43px;padding:0 11px}.field-group textarea{padding:11px;resize:vertical;min-height:80px;line-height:1.5}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:#78a9d7;background:#fff;box-shadow:0 0 0 3px rgba(69,130,188,.08)}.field-group.has-error input,.field-group.has-error select{border-color:#dc8b8b;background:#fffafa}.field-group>small{font-size:8px;color:#b14949;margin-top:-3px}.full-span{grid-column:1/-1}.form-note{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 12px;background:#f4f8fc;border-radius:11px;color:#708094;font-size:9px;line-height:1.55}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.secondary-form-btn{padding:11px 15px;border:1px solid #dfe6ed;background:#fff;color:#65788e;border-radius:12px;font-size:10px;font-weight:750}
@media(max-width:1050px){.filter-bar{grid-template-columns:1fr 1fr 1fr auto}.filter-search{grid-column:1/-1}.filter-reset{min-width:70px}.mini-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.mini-stats-grid{grid-template-columns:1fr 1fr}.master-card,.form-section-card{padding:15px;border-radius:17px}.master-card-head{align-items:stretch;flex-direction:column}.master-primary-btn{width:100%}.filter-bar{grid-template-columns:1fr 1fr;padding:10px}.filter-search{grid-column:1/-1}.filter-bar select{min-width:0}.filter-button,.filter-reset{width:100%}.form-grid.two-col{grid-template-columns:1fr}.full-span{grid-column:auto}.form-actions{flex-direction:column-reverse;align-items:stretch}.secondary-form-btn{text-align:center}.table-wrap{border:0;overflow:visible}.data-table.responsive-stack{min-width:0;display:block}.data-table.responsive-stack thead{display:none}.data-table.responsive-stack tbody,.data-table.responsive-stack tr{display:block}.data-table.responsive-stack tr{background:#fff;border:1px solid #e6ecf2;border-radius:14px;margin:0 0 10px;padding:7px 11px;box-shadow:0 6px 20px rgba(28,58,94,.04)}.data-table.responsive-stack td{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:8px 0;border:0;border-bottom:1px dashed #edf1f5;text-align:right!important}.data-table.responsive-stack td:last-child{border-bottom:0}.data-table.responsive-stack td:before{content:attr(data-label);font-size:8px;font-weight:800;color:#93a0af;text-transform:uppercase;letter-spacing:.4px;text-align:left;flex:0 0 95px}.data-table.responsive-stack .person-cell,.data-table.responsive-stack .house-cell{min-width:0;text-align:left}.data-table.responsive-stack .row-actions{justify-content:flex-end}.table-clamp{max-width:180px;white-space:normal}.master-tabs{width:100%}.master-tab{flex:1;justify-content:center}}
@media(max-width:420px){.mini-stats-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.filter-search{grid-column:auto}.data-table.responsive-stack td:before{flex-basis:82px}}

/* === IPLGo PATCH 38: premium confirm modal + custom upload UI === */

.iplgo-confirm-layer{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(7,20,38,.46);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  opacity:0;
  visibility:hidden;
  transition:opacity .16s ease,visibility .16s ease;
}
.iplgo-confirm-layer.is-open{opacity:1;visibility:visible}

.iplgo-confirm-box{
  width:min(350px,calc(100vw - 32px));
  overflow:hidden;
  border:1px solid #dbe6ef;
  border-radius:17px;
  background:#fff;
  box-shadow:0 28px 80px rgba(10,34,61,.25);
  transform:translateY(7px) scale(.985);
  transition:transform .16s ease;
}
.iplgo-confirm-layer.is-open .iplgo-confirm-box{transform:none}

.iplgo-confirm-body{
  display:flex;
  gap:12px;
  padding:17px 17px 14px;
}
.iplgo-confirm-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#fff0f0;
  color:#d64040;
}
.iplgo-confirm-icon i{font-size:16px!important}
.iplgo-confirm-copy{min-width:0}
.iplgo-confirm-copy strong{
  display:block;
  margin:1px 0 5px;
  color:#17354f;
  font-size:13px!important;
  line-height:1.35;
}
.iplgo-confirm-copy p{
  margin:0;
  color:#657c90;
  font-size:13px!important;
  line-height:1.5;
}
.iplgo-confirm-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:11px 17px 15px;
  border-top:1px solid #edf2f6;
}
.iplgo-confirm-actions button{
  height:35px;
  min-width:82px;
  padding:0 13px;
  border-radius:9px;
  font-size:13px!important;
  font-weight:750;
  cursor:pointer;
}
.iplgo-confirm-cancel{
  border:1px solid #d5e0e9;
  background:#fff;
  color:#435b70;
}
.iplgo-confirm-ok{
  border:1px solid #126cc0;
  background:linear-gradient(135deg,#2588e5,#1269b8);
  color:#fff;
  box-shadow:0 7px 15px rgba(24,111,196,.18);
}

/* Hide native ugly file input after JS upgrades it. */
input[type="file"].iplgo-file-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

.iplgo-file-ui{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:5px;
  border:1px solid #d6e2ec;
  border-radius:10px;
  background:#fbfdff;
}
.iplgo-file-button{
  flex:0 0 auto;
  height:31px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 12px;
  border:0;
  border-radius:8px;
  background:linear-gradient(135deg,#2588e5,#1269b8);
  color:#fff;
  font-size:13px!important;
  font-weight:750;
  cursor:pointer;
  box-shadow:0 5px 12px rgba(24,111,196,.16);
}
.iplgo-file-button i{font-size:13px!important}
.iplgo-file-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#60778b;
  font-size:13px!important;
}
.iplgo-file-ui.has-file .iplgo-file-name{
  color:#284861;
  font-weight:650;
}

/* === IPLGo PATCH 41: FIX STRUKTUR ORGANISASI UI ===
   UI ONLY. Tidak mengubah logic/autosuggest/database.
*/

.settings-card.org-member-section{
  padding:14px!important;
  overflow:visible!important;
}

.settings-card.org-member-section .settings-card-head{
  margin-bottom:12px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid #e6edf3!important;
}

.settings-card.org-member-section .settings-card-head h2{
  margin:2px 0 4px!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#173852!important;
}

.settings-card.org-member-section .settings-card-head p{
  margin:0!important;
  color:#6c8194!important;
  line-height:1.55!important;
}

.org-member-list{
  display:grid!important;
  gap:9px!important;
}

.org-member-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(210px,.85fr) minmax(340px,1.55fr) minmax(150px,.65fr) 105px 92px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:74px!important;
  padding:10px 11px!important;
  margin:0!important;
  border:1px solid #dde7ef!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 3px 10px rgba(26,62,92,.04)!important;
}

.org-role{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}

.org-role-icon{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#e9f4ff!important;
  color:#2879b9!important;
}

.org-role-icon i{
  font-size:15px!important;
}

.org-role>div{
  min-width:0!important;
}

.org-role strong{
  display:block!important;
  margin:0!important;
  color:#173852!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.35!important;
}

.org-role small{
  display:block!important;
  margin-top:2px!important;
  color:#7a8d9d!important;
  font-size:13px!important;
  line-height:1.3!important;
}

.org-autocomplete{
  position:relative!important;
  min-width:0!important;
}

.org-autocomplete>label{
  display:block!important;
  margin:0 0 5px!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#405a70!important;
}

.org-search-wrap{
  position:relative!important;
}

.org-search-wrap>i{
  position:absolute!important;
  left:11px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
  color:#6f89a0!important;
  font-size:13px!important;
}

.org-warga-search{
  width:100%!important;
  height:39px!important;
  margin:0!important;
  padding:0 11px 0 33px!important;
  border:1px solid #d6e2eb!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#29465e!important;
  font-size:13px!important;
  outline:none!important;
  box-shadow:none!important;
}

.org-warga-search:focus{
  border-color:#4b9be0!important;
  box-shadow:0 0 0 3px rgba(49,132,201,.10)!important;
}

.org-linked,
.org-link-warning{
  display:block!important;
  margin:5px 0 0!important;
  font-size:13px!important;
  line-height:1.35!important;
}

.org-linked{color:#178052!important;}
.org-link-warning{color:#a66a1c!important;}

.org-contact{
  min-width:0!important;
  padding:7px 9px!important;
  border:1px solid #e1e9f0!important;
  border-radius:9px!important;
  background:#f7fafc!important;
}

.org-contact span,
.org-contact strong,
.org-contact small{
  display:block!important;
  font-size:13px!important;
  line-height:1.35!important;
}

.org-contact span{color:#71869a!important;}
.org-contact strong{
  margin-top:2px!important;
  color:#25445c!important;
  font-weight:800!important;
}
.org-contact small{
  margin-top:2px!important;
  color:#8b9ba9!important;
}

.org-status{
  width:100%!important;
  height:39px!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid #d7e3ec!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#29465e!important;
  font-size:13px!important;
}

.org-save{
  width:100%!important;
  height:39px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#2588e5,#1269b8)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:0 6px 14px rgba(24,111,196,.16)!important;
}

.org-save:hover{
  transform:translateY(-1px)!important;
}

/* autosuggest dropdown */
.org-suggestions{
  display:none!important;
  position:absolute!important;
  z-index:5000!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 5px)!important;
  max-height:300px!important;
  overflow:auto!important;
  border:1px solid #d5e1ea!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(19,49,76,.18)!important;
}

.org-suggestions.show{
  display:block!important;
}

.org-suggestion-item{
  width:100%!important;
  display:block!important;
  text-align:left!important;
  margin:0!important;
  padding:10px 11px!important;
  border:0!important;
  border-bottom:1px solid #edf2f6!important;
  border-radius:0!important;
  background:#fff!important;
  color:#29465e!important;
  box-shadow:none!important;
}

.org-suggestion-item:hover{
  background:#f1f7fc!important;
}

.org-suggestion-item strong,
.org-suggestion-item span,
.org-suggestion-item small{
  display:block!important;
  font-size:13px!important;
}

.org-suggestion-item strong{
  color:#173852!important;
  font-weight:800!important;
}

.org-suggestion-item span{
  margin-top:2px!important;
  color:#577188!important;
}

.org-suggestion-item small{
  margin-top:2px!important;
  color:#8797a5!important;
}

.org-suggestion-empty{
  padding:10px 11px!important;
  color:#74899b!important;
  font-size:13px!important;
}

.org-suggestion-empty.error{
  background:#fff4f4!important;
  color:#b13d3d!important;
}

/* Akses Pengurus card refinement */
.staff-access-list{
  display:grid!important;
  gap:10px!important;
}

.staff-access-card{
  border:1px solid #dfe8ef!important;
  border-radius:12px!important;
  background:#fbfdff!important;
  padding:12px!important;
}

.staff-access-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid #e7eef4!important;
}

.staff-access-head h3,
.staff-access-head p,
.staff-access-head span,
.staff-login-fields label,
.staff-login-fields input,
.staff-login-fields select,
.staff-menu-toggle strong,
.staff-card-foot small,
.staff-warga-warning{
  font-size:13px!important;
}

.staff-login-fields{
  display:grid!important;
  grid-template-columns:1fr 1fr .7fr!important;
  gap:9px!important;
  margin-top:10px!important;
}

.staff-login-fields input,
.staff-login-fields select{
  width:100%!important;
  height:39px!important;
  border:1px solid #d8e3ec!important;
  border-radius:9px!important;
  background:#fff!important;
  padding:0 10px!important;
}

.staff-menu-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}

.staff-menu-toggle{
  min-height:42px!important;
  padding:8px 9px!important;
  border:1px solid #dce7ef!important;
  border-radius:9px!important;
  background:#fff!important;
}

@media(max-width:1200px){
  .org-member-row{
    grid-template-columns:190px minmax(280px,1fr) 145px 100px 86px!important;
  }
}

@media(max-width:980px){
  .org-member-row{
    grid-template-columns:1fr 1.6fr!important;
  }
  .org-contact,
  .org-status,
  .org-save{
    grid-column:auto!important;
  }
  .staff-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:700px){
  .org-member-row{
    grid-template-columns:1fr!important;
  }
  .staff-login-fields,
  .staff-menu-grid{
    grid-template-columns:1fr!important;
  }
}

/* === IPLGo PATCH 42: AKSES PENGURUS ACCORDION PER JABATAN === */
.staff-accordion-list{
  display:grid!important;
  gap:9px!important;
}

.staff-role-accordion{
  border:1px solid #dce7ef!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 3px 10px rgba(24,57,86,.035)!important;
}

.staff-role-accordion[open]{
  border-color:#c9deee!important;
  box-shadow:0 8px 22px rgba(24,73,112,.07)!important;
}

.staff-role-summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:68px!important;
  padding:11px 13px!important;
  cursor:pointer!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  user-select:none!important;
}

.staff-role-summary::-webkit-details-marker{
  display:none!important;
}

.staff-role-summary:hover{
  background:#f7fbfe!important;
}

.staff-role-summary-main{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.staff-role-summary-icon{
  width:39px!important;
  height:39px!important;
  flex:0 0 39px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:#eaf5ff!important;
  color:#267bc0!important;
}

.staff-role-summary-icon i{
  font-size:15px!important;
}

.staff-role-summary-main>div{
  min-width:0!important;
}

.staff-role-group{
  display:block!important;
  margin-bottom:2px!important;
  color:#6f89a0!important;
  font-size:13px!important;
  font-weight:750!important;
}

.staff-role-summary-main strong{
  display:block!important;
  margin:0!important;
  color:#173852!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.35!important;
}

.staff-role-summary-main small{
  display:block!important;
  margin-top:2px!important;
  color:#7d90a0!important;
  font-size:13px!important;
}

.staff-role-summary-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}

.staff-summary-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

.staff-summary-pill.ok{
  background:#e5f7ed!important;
  color:#17804f!important;
}

.staff-summary-pill.warn{
  background:#fff4e4!important;
  color:#a56517!important;
}

.staff-role-chevron{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #dce7ef!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#54728a!important;
}

.staff-role-chevron i{
  font-size:13px!important;
  transition:transform .18s ease!important;
}

.staff-role-accordion[open] .staff-role-chevron i{
  transform:rotate(180deg)!important;
}

.staff-role-content{
  display:grid!important;
  gap:9px!important;
  padding:10px!important;
  border-top:1px solid #e7eef4!important;
  background:#f6f9fc!important;
}

.staff-access-card-compact{
  margin:0!important;
  padding:11px!important;
  border:1px solid #dce7ef!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}

.staff-person-main{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}

.staff-person-number{
  min-width:38px!important;
  height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 8px!important;
  border-radius:8px!important;
  background:#eaf4fc!important;
  color:#2675b5!important;
  font-size:13px!important;
  font-weight:850!important;
}

.staff-access-card-compact .staff-access-head{
  padding-bottom:9px!important;
}

.staff-access-card-compact .staff-login-fields{
  margin-top:9px!important;
}

.staff-access-card-compact .staff-menu-title{
  margin:10px 0 7px!important;
}

.staff-access-card-compact .staff-menu-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.staff-access-card-compact .staff-card-foot{
  margin-top:10px!important;
  padding-top:9px!important;
}

/* only one jabatan open at a time – JS enhancer adds accordion behavior */
@media(max-width:1050px){
  .staff-role-summary{
    align-items:flex-start!important;
  }
  .staff-role-summary-meta{
    max-width:320px!important;
  }
  .staff-access-card-compact .staff-menu-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:720px){
  .staff-role-summary{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .staff-role-summary-meta{
    justify-content:flex-start!important;
    max-width:none!important;
  }
  .staff-role-chevron{
    margin-left:auto!important;
  }
  .staff-access-card-compact .staff-menu-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

/* === IPLGo PATCH 43: ORGANIZATION ACCORDION + COLOR HIGHLIGHT === */
.org-accordion-list{
  display:grid!important;
  gap:9px!important;
}

.org-role-accordion{
  --org-accent:#2f83c7;
  --org-soft:#eaf5ff;
  border:1px solid #dce7ef!important;
  border-left:4px solid var(--org-accent)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(24,57,86,.035)!important;
}

.org-role-accordion.org-color-blue{--org-accent:#2b83cf;--org-soft:#eaf5ff}
.org-role-accordion.org-color-green{--org-accent:#27a06a;--org-soft:#e9f8f0}
.org-role-accordion.org-color-violet{--org-accent:#7b61cf;--org-soft:#f1edff}
.org-role-accordion.org-color-orange{--org-accent:#e58a2d;--org-soft:#fff3e6}
.org-role-accordion.org-color-cyan{--org-accent:#2297ad;--org-soft:#e7f8fb}
.org-role-accordion.org-color-rose{--org-accent:#d76a7d;--org-soft:#fff0f3}
.org-role-accordion.org-color-indigo{--org-accent:#536fd2;--org-soft:#edf0ff}
.org-role-accordion.org-color-teal{--org-accent:#258d86;--org-soft:#e9f7f5}

.org-role-accordion[open]{
  box-shadow:0 8px 23px rgba(24,73,112,.075)!important;
}

.org-role-summary{
  list-style:none!important;
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 13px!important;
  cursor:pointer!important;
  background:linear-gradient(90deg,var(--org-soft),#fff 34%)!important;
  user-select:none!important;
}
.org-role-summary::-webkit-details-marker{display:none!important}

.org-role-summary-main{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}

.org-role-summary-icon{
  width:39px!important;
  height:39px!important;
  flex:0 0 39px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:var(--org-accent)!important;
  color:#fff!important;
}
.org-role-summary-icon i{font-size:15px!important}

.org-role-category{
  display:block!important;
  color:var(--org-accent)!important;
  font-weight:800!important;
  margin-bottom:2px!important;
}

.org-role-summary-main strong{
  display:block!important;
  color:#173852!important;
  font-size:13px!important;
  font-weight:850!important;
}
.org-role-summary-main small{
  display:block!important;
  margin-top:2px!important;
  color:#75899a!important;
  font-size:13px!important;
}

.org-role-summary-meta{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.org-summary-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
.org-summary-pill.ok{background:#e5f7ed!important;color:#17804f!important}
.org-summary-pill.warn{background:#fff4e4!important;color:#a56517!important}

.org-role-chevron{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #dce7ef!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--org-accent)!important;
}
.org-role-chevron i{font-size:13px!important;transition:transform .18s ease!important}
.org-role-accordion[open] .org-role-chevron i{transform:rotate(180deg)!important}

.org-role-content{
  display:grid!important;
  gap:8px!important;
  padding:9px!important;
  border-top:1px solid #e7eef4!important;
  background:#f7fafc!important;
}

.org-role-content .org-member-row{
  grid-template-columns:200px minmax(330px,1.45fr) minmax(155px,.65fr) 100px 92px!important;
  min-height:70px!important;
  border-left:3px solid var(--org-accent)!important;
  box-shadow:none!important;
}

.org-member-number{
  min-width:38px!important;
  height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 8px!important;
  border-radius:8px!important;
  background:var(--org-soft)!important;
  color:var(--org-accent)!important;
  font-size:13px!important;
  font-weight:850!important;
}

@media(max-width:1120px){
  .org-role-content .org-member-row{
    grid-template-columns:180px minmax(280px,1fr) 145px 95px 86px!important;
  }
}

@media(max-width:900px){
  .org-role-summary{align-items:flex-start!important}
  .org-role-content .org-member-row{grid-template-columns:1fr 1.5fr!important}
}

@media(max-width:680px){
  .org-role-summary{flex-direction:column!important;align-items:stretch!important}
  .org-role-summary-meta{justify-content:space-between!important}
  .org-role-content .org-member-row{grid-template-columns:1fr!important}
}

/* === IPLGo PATCH 44: PORTAL AUTOSUGGEST + ACCESS HIGHLIGHT === */

/* Autosuggest dipindah sementara ke <body> supaya tidak pernah terpotong
   oleh accordion, overflow card, atau row yang ada di bawahnya. */
html body .org-suggestions.org-suggestions-portal{
  position:fixed!important;
  z-index:2147482000!important;
  display:block!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid #cbdce9!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 20px 50px rgba(13,45,72,.24)!important;
}

html body .org-suggestions.org-suggestions-portal[data-direction="up"]{
  box-shadow:0 -16px 46px rgba(13,45,72,.20)!important;
}

.org-role-accordion[open],
.org-role-content,
.org-member-row,
.org-autocomplete,
.org-search-wrap{
  overflow:visible!important;
}

/* Akses Pengurus: warna mengikuti breakdown jabatan supaya cepat dibaca */
.staff-role-accordion{
  --staff-accent:#2b83cf;
  --staff-soft:#eaf5ff;
  border-left:4px solid var(--staff-accent)!important;
}

.staff-role-accordion.staff-color-blue{--staff-accent:#2b83cf;--staff-soft:#eaf5ff}
.staff-role-accordion.staff-color-green{--staff-accent:#27a06a;--staff-soft:#e9f8f0}
.staff-role-accordion.staff-color-violet{--staff-accent:#7b61cf;--staff-soft:#f1edff}
.staff-role-accordion.staff-color-orange{--staff-accent:#e58a2d;--staff-soft:#fff3e6}
.staff-role-accordion.staff-color-cyan{--staff-accent:#2297ad;--staff-soft:#e7f8fb}
.staff-role-accordion.staff-color-rose{--staff-accent:#d76a7d;--staff-soft:#fff0f3}
.staff-role-accordion.staff-color-indigo{--staff-accent:#536fd2;--staff-soft:#edf0ff}
.staff-role-accordion.staff-color-teal{--staff-accent:#258d86;--staff-soft:#e9f7f5}

.staff-role-summary{
  background:linear-gradient(90deg,var(--staff-soft),#fff 34%)!important;
}

.staff-role-summary-icon{
  background:var(--staff-accent)!important;
  color:#fff!important;
}

.staff-role-summary-icon i{
  color:#fff!important;
}

.staff-role-group{
  color:var(--staff-accent)!important;
}

.staff-role-chevron{
  color:var(--staff-accent)!important;
}

.staff-role-accordion[open] .staff-role-content{
  border-top:1px solid color-mix(in srgb,var(--staff-accent) 20%,#dfe8ef)!important;
}

.staff-role-accordion[open] .staff-access-card{
  border-left:3px solid var(--staff-accent)!important;
}

.staff-role-accordion .staff-person-number{
  background:var(--staff-soft)!important;
  color:var(--staff-accent)!important;
}

/* Tidak membuat highlight berlebihan: badge status tetap hijau/oranye
   karena itu merepresentasikan status, bukan jabatan. */

/* === IPLGo PATCH 45: GLOBAL WARGA AUTOSUGGEST POPUP === */
html body #iplgoWargaSuggest.iplgo-warga-suggest-popup{
  position:fixed!important;
  z-index:2147483640!important;
  display:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #cbdce9!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 20px 52px rgba(12,42,69,.25)!important;
}

html body #iplgoWargaSuggest.iplgo-warga-suggest-popup.show{
  display:block!important;
}

html body #iplgoWargaSuggest.iplgo-warga-suggest-popup.open-up{
  box-shadow:0 -18px 48px rgba(12,42,69,.22)!important;
}

html body #iplgoWargaSuggest .iplgo-warga-suggest-item{
  width:100%!important;
  display:block!important;
  margin:0!important;
  padding:10px 12px!important;
  border:0!important;
  border-bottom:1px solid #edf2f6!important;
  border-radius:0!important;
  background:#fff!important;
  color:#29465e!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

html body #iplgoWargaSuggest .iplgo-warga-suggest-item:last-child{
  border-bottom:0!important;
}

html body #iplgoWargaSuggest .iplgo-warga-suggest-item:hover{
  background:#edf6fd!important;
}

html body #iplgoWargaSuggest .iplgo-warga-suggest-item strong,
html body #iplgoWargaSuggest .iplgo-warga-suggest-item span,
html body #iplgoWargaSuggest .iplgo-warga-suggest-item small{
  display:block!important;
  font-size:13px!important;
  line-height:1.4!important;
}

html body #iplgoWargaSuggest .iplgo-warga-suggest-item strong{
  color:#173852!important;
  font-weight:850!important;
}

html body #iplgoWargaSuggest .iplgo-warga-suggest-item span{
  margin-top:2px!important;
  color:#557087!important;
}

html body #iplgoWargaSuggest .iplgo-warga-suggest-item small{
  margin-top:2px!important;
  color:#8798a7!important;
}

html body #iplgoWargaSuggest .iplgo-warga-suggest-message{
  padding:11px 12px!important;
  color:#6f8597!important;
  font-size:13px!important;
  line-height:1.45!important;
}

html body #iplgoWargaSuggest .iplgo-warga-suggest-message.error{
  background:#fff3f3!important;
  color:#b33e3e!important;
}

/* Matikan box autosuggest lama supaya tidak konflik dengan popup global. */
.org-suggestions{
  display:none!important;
}

/* IPLGo PATCH 47 — operational polish */
.dashboard-big-greeting{font-size:24px!important;font-weight:850!important;letter-spacing:-.4px!important}
.wave-hand{display:inline-block;font-size:24px!important;transform-origin:70% 70%;animation:iplWave 1.8s ease-in-out 2}
@keyframes iplWave{0%,100%{transform:rotate(0)}20%{transform:rotate(18deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(14deg)}80%{transform:rotate(-4deg)}}
.dashboard-alert-center{margin:14px 0;padding:14px;border:1px solid #dce7ef;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(26,62,92,.05)}
.dashboard-alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.dashboard-alert-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:66px;padding:10px;border:1px solid #e1e9f0;border-left:4px solid #2782cb;border-radius:11px;background:#fbfdff;text-decoration:none;color:#29465e}
.dashboard-alert-item.tone-red{border-left-color:#d95858;background:#fff8f8}.dashboard-alert-item.tone-orange{border-left-color:#e18b32;background:#fffaf4}
.dashboard-alert-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eaf5ff;color:#2879be}.tone-red .dashboard-alert-icon{background:#ffeded;color:#c84545}.tone-orange .dashboard-alert-icon{background:#fff0de;color:#cf7620}
.dashboard-alert-copy strong,.dashboard-alert-copy span{display:block;font-size:13px!important}.dashboard-alert-copy strong{font-weight:850;color:#183852}.dashboard-alert-copy span{margin-top:2px;color:#718597}
.ipl-unpaid-row>td{background:#fff4f4!important}.ipl-unpaid-row:hover>td{background:#ffecec!important}
.table-icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid #d8e4ed;border-radius:9px;background:#fff;color:#2979b9;cursor:pointer;text-decoration:none;vertical-align:middle}
.table-icon-btn.delete{color:#d14b4b;border-color:#f1d7d7;background:#fff9f9}.table-icon-btn.whatsapp{color:#11834d;border-color:#ccebd9;background:#f3fff8}
.payment-filter-primary,.master-primary-btn,.notification-date-filter button,.pa-filter button{background:linear-gradient(135deg,#2588e5,#1269b8)!important;color:#fff!important;border:0!important;border-radius:9px!important;font-weight:800!important}
.wa-reminder-backdrop{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(8,22,40,.46);backdrop-filter:blur(4px)}
.wa-reminder-backdrop.show{display:flex}.wa-reminder-modal{width:min(430px,94vw);padding:16px;border:1px solid #dbe5ed;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(10,35,63,.24)}
.wa-reminder-modal h3{margin:0 0 5px;font-size:13px!important;color:#173852}.wa-reminder-modal p{margin:0 0 10px;font-size:13px!important;color:#718597}.wa-reminder-modal textarea{width:100%;min-height:130px;padding:10px;border:1px solid #d7e3ec;border-radius:10px;resize:vertical;font-size:13px!important}
.wa-reminder-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.wa-reminder-actions button,.wa-reminder-actions a{height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;border-radius:9px;font-size:13px!important;font-weight:800;text-decoration:none}
.wa-reminder-cancel{border:1px solid #d8e2ea;background:#fff;color:#435c72}.wa-reminder-open{border:0;background:#16a05d;color:#fff}
.pa-forms-premium{gap:12px!important}.pa-form-comfort{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:13px!important}.pa-form-comfort label{gap:6px!important}.pa-form-comfort input,.pa-form-comfort select,.pa-form-comfort textarea{min-height:42px!important;padding:8px 10px!important;border-radius:9px!important}.pa-form-comfort textarea{min-height:72px!important}.pa-form-comfort .pa-primary{min-height:42px!important}
.pa-filter-expanded{grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(130px,.65fr)) auto!important}
.notification-date-filter{display:flex;align-items:end;gap:8px;margin-bottom:10px}.notification-date-filter label{display:grid;gap:5px}.notification-date-filter select,.notification-date-filter input{height:38px;border:1px solid #d7e3ec;border-radius:9px;background:#fff;padding:0 9px}
@media(max-width:900px){.dashboard-alert-grid{grid-template-columns:1fr}.pa-filter-expanded{grid-template-columns:1fr 1fr!important}.pa-form-comfort{grid-template-columns:1fr!important}}
/* IPLGo PATCH 49 — Dashboard real data only */
.dashboard-live-badge{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:5px 9px;border-radius:999px;background:#e6f7ee;color:#158052;font-size:13px!important;font-weight:800;vertical-align:middle}
.dashboard-live-badge i{font-size:13px!important}

/* IPLGo PATCH 52 — Dashboard greeting size only */
.dashboard-big-greeting{
  margin:4px 0 5px!important;
  font-size:34px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.7px!important;
}

.dashboard-big-greeting .wave-hand{
  display:inline-block!important;
  margin-left:5px!important;
  font-size:32px!important;
  line-height:1!important;
  vertical-align:-2px!important;
}

@media(max-width:900px){
  .dashboard-big-greeting{
    font-size:29px!important;
  }
  .dashboard-big-greeting .wave-hand{
    font-size:28px!important;
  }
}

/* IPLGo PATCH 54 — Warga account + house autosuggest only */
.house-search-help{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin-top:5px!important;
    color:#6f8597!important;
    font-size:13px!important;
}
.house-search-help i{color:#2b80c2!important}
.password-eye-control{padding-right:42px!important}
.password-eye-control input{padding-right:42px!important}
.password-eye-btn{
    position:absolute!important;
    right:8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    background:transparent!important;
    color:#66839b!important;
    cursor:pointer!important;
    border-radius:8px!important;
    z-index:3!important;
}
.password-eye-btn:hover{background:#edf5fb!important;color:#247bc0!important}

#iplgoHouseSuggest54{
    position:fixed!important;
    z-index:2147483600!important;
    display:none!important;
    overflow:auto!important;
    max-height:290px!important;
    border:1px solid #cfdee9!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 18px 48px rgba(16,48,76,.22)!important;
}
#iplgoHouseSuggest54.show{display:block!important}
#iplgoHouseSuggest54 .house-suggest-item{
    width:100%!important;
    display:block!important;
    padding:10px 12px!important;
    border:0!important;
    border-bottom:1px solid #edf2f6!important;
    background:#fff!important;
    text-align:left!important;
    cursor:pointer!important;
}
#iplgoHouseSuggest54 .house-suggest-item:hover{background:#eef7fd!important}
#iplgoHouseSuggest54 .house-suggest-item:last-child{border-bottom:0!important}
#iplgoHouseSuggest54 strong,
#iplgoHouseSuggest54 span,
#iplgoHouseSuggest54 small{
    display:block!important;
    font-size:13px!important;
    line-height:1.4!important;
}
#iplgoHouseSuggest54 strong{color:#173852!important;font-weight:850!important}
#iplgoHouseSuggest54 span{margin-top:2px!important;color:#587188!important}
#iplgoHouseSuggest54 small{margin-top:2px!important;color:#8797a5!important}
#iplgoHouseSuggest54 .house-suggest-message{padding:11px 12px!important;font-size:13px!important;color:#718597!important}
#iplgoHouseSuggest54 .house-suggest-message.error{color:#b23e3e!important;background:#fff4f4!important}

/* IPLGo PATCH 55 — account bind helper only */
.account-password-state{
    display:flex!important;
    align-items:flex-start!important;
    gap:6px!important;
    margin-top:6px!important;
    color:#5f7689!important;
    font-size:13px!important;
    line-height:1.4!important;
}
.account-password-state i{
    color:#23895a!important;
    margin-top:1px!important;
}


/* PATCH 86 — User photo on global header/sidebar */
.top-user-avatar.has-user-photo{
  width:46px;
  height:46px;
  border-radius:14px;
  overflow:hidden;
  padding:0;
  border:1px solid #d8e4ed;
  background:#edf5fb;
  box-shadow:0 5px 14px rgba(20,56,86,.08);
}
.sidebar-user-avatar.has-user-photo{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:13px;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(255,255,255,.18);
}
.top-user-avatar.has-user-photo img,
.sidebar-user-avatar.has-user-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media(max-width:760px){
  .top-user-avatar.has-user-photo{
    width:44px;
    height:44px;
  }
}


/* PATCH 89 — Compact grouped sidebar */
.sidebar-nav{
  overflow-y:auto;
  scrollbar-width:none;
}
.sidebar-nav::-webkit-scrollbar{display:none}
.sidebar-menu-groups{display:flex;flex-direction:column;gap:4px}
.sidebar-menu-group{display:block}
.sidebar-group-trigger{
  width:100%;
  min-height:43px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 12px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#c4d2df;
  font:inherit;
  font-size:12px;
  font-weight:700;
  text-align:left;
  cursor:pointer;
  transition:.18s;
}
.sidebar-group-trigger>i:first-child{
  width:22px;
  text-align:center;
  font-size:15px;
}
.sidebar-group-trigger>span:not(.sidebar-notification-badge){flex:1}
.sidebar-group-trigger:hover,
.sidebar-group-trigger.active,
.sidebar-menu-group.open>.sidebar-group-trigger{
  background:rgba(255,255,255,.075);
  color:#fff;
}
.sidebar-group-chevron{
  margin-left:auto;
  font-size:11px;
  opacity:.72;
  transition:transform .18s;
}
.sidebar-menu-group.open .sidebar-group-chevron{transform:rotate(180deg)}
.sidebar-group-children{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .2s ease;
}
.sidebar-group-children:before{content:"";min-height:0}
.sidebar-menu-group.open .sidebar-group-children{
  grid-template-rows:1fr;
}
.sidebar-menu-group.open .sidebar-group-children:before{display:none}
.sidebar-group-children{
  overflow:hidden;
}
.sidebar-menu-group.open .sidebar-group-children{
  padding:3px 0 5px 13px;
}
.nav-subitem{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:9px;
  margin:2px 0;
  padding:7px 10px;
  border-radius:9px;
  color:#aebfd0;
  text-decoration:none;
  font-size:11px;
  font-weight:650;
  transition:.15s;
}
.nav-subitem>i{
  width:18px;
  text-align:center;
  font-size:13px;
}
.nav-subitem:hover{background:rgba(255,255,255,.065);color:#fff}
.nav-subitem.active{
  background:rgba(103,177,246,.15);
  color:#fff;
  box-shadow:inset 2px 0 0 #75baff;
}
.sidebar-notification-badge.group-badge{
  margin-left:auto;
  margin-right:2px;
}
.nav-dashboard{margin-bottom:4px}
@media(min-width:901px){
  .sidebar-nav{padding-bottom:8px}
}


/* PATCH 90 — Accordion fix: default closed + darker group headers */
.sidebar-menu-group{
  margin:3px 0;
}
.sidebar-group-trigger{
  background:rgba(0,0,0,.14) !important;
  border:1px solid rgba(255,255,255,.055) !important;
  color:#d5e2ee !important;
}
.sidebar-group-trigger:hover{
  background:rgba(0,0,0,.22) !important;
  color:#fff !important;
}
.sidebar-menu-group.open>.sidebar-group-trigger{
  background:rgba(0,0,0,.30) !important;
  border-color:rgba(121,188,255,.18) !important;
  color:#fff !important;
}
.sidebar-group-trigger>i:first-child{
  color:#a9c9e6;
}
.sidebar-menu-group.open>.sidebar-group-trigger>i:first-child{
  color:#7fc1ff;
}

/* Gunakan display sederhana agar buka/tutup tidak nyangkut di browser. */
.sidebar-group-children{
  display:none !important;
  overflow:hidden;
  padding:0 !important;
}
.sidebar-menu-group.open>.sidebar-group-children{
  display:block !important;
  padding:4px 0 6px 13px !important;
}
.sidebar-group-chevron{
  transition:transform .18s ease !important;
}
.sidebar-menu-group.open .sidebar-group-chevron{
  transform:rotate(180deg) !important;
}

/* Child dibuat sedikit lebih terang dari header dark agar hierarki jelas. */
.nav-subitem{
  background:rgba(255,255,255,.018);
}
.nav-subitem:hover{
  background:rgba(255,255,255,.075);
}
.nav-subitem.active{
  background:rgba(85,164,235,.17);
}


/* PATCH 92 — Professional grouped sidebar */
.sidebar-menu-group{
  margin:4px 0;
}
.sidebar-group-trigger,
.nav-subitem{
  width:100%;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}
.sidebar-group-trigger{
  background:rgba(0,0,0,.18) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  color:#dce7f1 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.sidebar-group-trigger:hover{
  background:rgba(0,0,0,.24) !important;
  color:#fff !important;
}
.sidebar-menu-group.open>.sidebar-group-trigger,
.sidebar-group-trigger.active{
  background:rgba(0,0,0,.32) !important;
  color:#fff !important;
  border-color:rgba(117,186,255,.20) !important;
  box-shadow:inset 3px 0 0 rgba(120,190,255,.75) !important;
}
.sidebar-group-trigger>i:first-child,
.nav-subitem>i{
  width:22px !important;
  min-width:22px !important;
  text-align:center !important;
  font-size:15px !important;
}
.sidebar-group-trigger>i:first-child{color:#a9cbe7 !important}
.sidebar-menu-group.open>.sidebar-group-trigger>i:first-child{color:#7fc4ff !important}

.sidebar-group-children{
  display:none !important;
  padding:5px 0 4px 12px !important;
}
.sidebar-menu-group.open>.sidebar-group-children{
  display:block !important;
}
.nav-subitem{
  margin:3px 0 !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid transparent !important;
  color:#bdd0df !important;
  text-decoration:none !important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease !important;
}
.nav-subitem:hover{
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
}
.nav-subitem.active{
  background:linear-gradient(90deg,rgba(67,151,228,.28),rgba(67,151,228,.15)) !important;
  border-color:rgba(117,186,255,.16) !important;
  color:#fff !important;
  box-shadow:inset 3px 0 0 #7bc0ff,0 5px 14px rgba(0,0,0,.06) !important;
}
.nav-subitem.active>i{
  color:#8fd0ff !important;
}
.sidebar-group-chevron{
  margin-left:auto !important;
  opacity:.75 !important;
  transition:transform .18s ease !important;
}
.sidebar-menu-group.open .sidebar-group-chevron{
  transform:rotate(180deg) !important;
}