:root{
  --pbuhub-navy:#0B2D5C;--pbuhub-blue:#2563EB;--pbuhub-yellow:#F5B82E;--estaff-purple:#6D3FE8;--estaff-purple-dark:#5426A6;--active-sub-orange:#F97316;--success:#16A34A;--danger:#EF4444;--background:#F5F7FB;--text-dark:#14213D;
  --pbu-navy:#062A5E;--pbu-navy-2:#082F67;--pbu-navy-dark:#031D45;--pbu-blue:#155EEF;--pbu-blue-2:#2563EB;
  --pbu-gold:#F8B814;--pbu-gold-soft:#FFF3D6;--pbu-bg:#F6F8FC;--pbu-card:#FFFFFF;--pbu-text:#0F2347;
  --pbu-muted:#64748B;--pbu-border:#E6EBF2;--pbu-success:#16A34A;--pbu-warning:#F59E0B;--pbu-danger:#EF4444;--pbu-purple:#7C3AED;
  --shadow-sm:0 4px 18px rgba(15,35,71,.055);--shadow-md:0 12px 36px rgba(15,35,71,.09);--radius:18px;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--pbu-bg);color:var(--pbu-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}
a{color:var(--pbu-blue);text-decoration:none}a:hover{color:#0c4fd5}
button,input,select,textarea{font:inherit}
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:linear-gradient(180deg,#06275a 0%,#07356f 58%,#05295d 100%);color:#fff;display:flex;flex-direction:column;padding:22px 16px 0;z-index:1040;overflow:hidden;box-shadow:10px 0 36px rgba(2,20,50,.08)}
.pbu-brand{display:flex;align-items:center;gap:11px;color:#fff;padding:0 7px 17px}.pbu-brand:hover{color:#fff}.pbu-brand-mark{width:45px;height:45px;flex:none}.pbu-brand-copy{display:flex;flex-direction:column;line-height:1}.pbu-brand-copy strong{font-size:1.65rem;letter-spacing:-.05em;font-weight:800}.pbu-brand-copy strong span{color:var(--pbu-gold)}.pbu-brand-copy small{text-transform:uppercase;font-size:.62rem;letter-spacing:.04em;margin-top:5px;color:#eef4ff;font-weight:700}
.sidebar-nav{flex:1;min-height:0;margin-right:3px;padding:4px 4px 12px 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.38) rgba(255,255,255,.07)}.sidebar-nav::-webkit-scrollbar{display:block;width:6px}.sidebar-nav::-webkit-scrollbar-track{border-radius:999px;background:rgba(255,255,255,.07)}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(255,255,255,.36)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.58)}.sidebar-section-title{font-size:.66rem;color:#9eb4d3;letter-spacing:.08em;margin:13px 9px 7px;font-weight:600}.sidebar-link{color:#eef5ff;display:flex;align-items:center;gap:12px;min-height:45px;padding:10px 11px;border-radius:10px;margin:2px 0;font-weight:550;transition:.17s}.sidebar-link>i:first-child{font-size:1.12rem;width:21px;text-align:center}.sidebar-link:hover{background:rgba(255,255,255,.09);color:#fff}.sidebar-link.is-active{background:linear-gradient(135deg,#F8B814,#FFC94B);color:#082347;box-shadow:0 8px 20px rgba(248,184,20,.22);font-weight:700}.sidebar-chevron{font-size:.75rem;opacity:.9}.sidebar-divider{height:1px;background:rgba(255,255,255,.15);margin:13px 8px}.sidebar-badge{margin-left:auto;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--pbu-danger);color:#fff;font-size:.68rem;font-weight:800}
.sidebar-lower{display:none}.sidebar-global-logout{flex:none;margin-top:auto;padding:8px 0 14px}.sidebar-logout{width:100%;border:0;background:transparent;color:#ff6970;display:flex;align-items:center;gap:12px;padding:12px 11px;border-top:1px solid rgba(255,255,255,.15);font-weight:700}.sidebar-logout:hover{background:rgba(255,255,255,.07);border-radius:10px}.sidebar-logout i{font-size:1.18rem}.sidebar-building{display:none!important}.sidebar-backdrop{display:none}.mobile-bottom-nav{display:none}
/* Sidebar khusus modul */
.module-sidebar{background:linear-gradient(180deg,#211047 0%,#3d247b 52%,#24134f 100%);padding:0;box-shadow:12px 0 38px rgba(43,22,91,.18);animation:moduleSidebarIn .28s ease-out both}
.module-sidebar-head{padding:18px 17px 15px;border-bottom:1px solid rgba(255,255,255,.13)}
.module-back{display:flex;align-items:center;gap:9px;color:#dcd3f4;font-size:.75rem;font-weight:650;padding:7px 8px;margin-bottom:10px;border-radius:9px}.module-back:hover{color:#fff;background:rgba(255,255,255,.09)}
.module-identity{display:flex;align-items:center;gap:12px;color:#fff;padding:8px;border-radius:12px}.module-identity:hover{color:#fff;background:rgba(255,255,255,.07)}
.module-identity-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#f4efff;color:#6d3fe8;font-size:1.25rem;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.module-identity>span:last-child{display:flex;flex-direction:column;min-width:0}.module-identity strong{font-size:1.05rem}.module-identity small{color:#d4c9ed;font-size:.65rem;margin-top:2px}
.module-nav{padding:7px 13px 14px}.module-section-title{color:#c7b7ea;margin-top:12px}
.module-sidebar .sidebar-link{color:#f7f4ff;border:0;background:transparent;width:100%;text-align:left;font-size:.82rem;min-height:42px}.module-sidebar .sidebar-link:hover{background:rgba(255,255,255,.09)}
.module-sidebar .sidebar-link.is-active{background:linear-gradient(135deg,#ffd65a,#f5b82e);color:#211047;box-shadow:0 7px 18px rgba(245,184,46,.2)}.module-sidebar .sidebar-divider{margin:10px 8px}
.sidebar-group-toggle .sidebar-chevron{transition:transform .2s ease}.sidebar-group.is-open .sidebar-group-toggle .sidebar-chevron{transform:rotate(180deg)}
.sidebar-submenu{display:none}.sidebar-group.is-open .sidebar-submenu{display:block}.sidebar-submenu a{display:block;color:#ddd4f2;font-size:.74rem;font-weight:550;padding:8px 10px 8px 44px;border-radius:8px;position:relative}
.sidebar-submenu a:before{content:"";position:absolute;left:28px;top:50%;width:5px;height:5px;border-radius:50%;background:#a991d8}.sidebar-submenu a:hover{color:#fff;background:rgba(255,255,255,.07)}.sidebar-submenu a.is-active{color:#ffd65a;font-weight:700;background:rgba(255,214,90,.08)}.sidebar-submenu a.is-active:before{background:#ffd65a}
.hub-sidebar .sidebar-group{margin:3px 0}.hub-sidebar .sidebar-group-toggle{width:100%;border:0;background:transparent;text-align:left}.hub-sidebar .sidebar-submenu .sidebar-link{min-height:39px;margin:1px 0;padding:8px 10px 8px 42px;font-size:.75rem}.hub-sidebar .sidebar-submenu .sidebar-link>i:first-child{font-size:.9rem}.hub-sidebar .sidebar-submenu .sidebar-link:before{left:27px}
.sidebar>.pbu-brand,.module-sidebar-head,.module-sidebar-foot,.sidebar-global-logout{flex:none}.module-sidebar-foot{padding:10px 13px 16px;border-top:1px solid rgba(255,255,255,.13)}.module-utility-link{display:flex;align-items:center;gap:12px;color:#e9e2f8;padding:9px 11px;border-radius:9px;font-size:.78rem;font-weight:600}.module-utility-link:hover{background:rgba(255,255,255,.08);color:#fff}.module-utility-link>i{width:21px;text-align:center;font-size:1rem}
@media(max-width:992px){.mobile-nav-panel{max-height:calc(100dvh - 96px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.38) rgba(255,255,255,.07)}.mobile-nav-panel::-webkit-scrollbar{width:5px}.mobile-nav-panel::-webkit-scrollbar-track{background:rgba(255,255,255,.07);border-radius:999px}.mobile-nav-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.38);border-radius:999px}}
@keyframes moduleSidebarIn{from{transform:translateX(-18px);opacity:.55}to{transform:translateX(0);opacity:1}}@media(prefers-reduced-motion:reduce){.module-sidebar{animation:none}.sidebar-group-toggle .sidebar-chevron{transition:none}}
.main-area{margin-left:268px;min-height:100vh;width:calc(100% - 268px)}
.topbar{height:78px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--pbu-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:1030}.topbar-left,.topbar-actions{display:flex;align-items:center}.topbar-left{gap:17px}.topbar-actions{gap:9px}.global-search{width:430px;max-width:42vw;height:46px;border:1px solid #D9E1EC;border-radius:10px;display:flex;align-items:center;gap:11px;padding:0 15px;background:#FBFCFE}.global-search i{color:#6E7C93;font-size:1rem}.global-search input{border:0;outline:0;background:transparent;width:100%;color:var(--pbu-text)}.global-search input::placeholder{color:#718096}.icon-button{position:relative;width:42px;height:42px;border:0;background:transparent;color:#405271;display:grid;place-items:center;border-radius:10px;font-size:1.28rem}.icon-button:hover{background:#F0F4F9;color:var(--pbu-blue)}.mobile-menu{display:none}.topbar-badge{position:absolute;right:0;top:0;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--pbu-danger);color:#fff;font-size:.62rem;font-weight:800;display:grid;place-items:center;border:2px solid #fff}.topbar-separator{height:32px;width:1px;background:#E5EAF1;margin:0 4px}.profile-chip{display:flex;align-items:center;gap:10px;color:var(--pbu-text);padding:4px 5px 4px 8px;border-radius:12px}.profile-chip:hover{background:#F4F7FB;color:var(--pbu-text)}.profile-chip img{width:43px;height:43px;border-radius:50%;object-fit:cover;border:2px solid #EEF2F7}.profile-chip span{display:flex;flex-direction:column;min-width:115px}.profile-chip strong{font-size:.82rem;font-weight:750;white-space:nowrap;max-width:185px;overflow:hidden;text-overflow:ellipsis}.profile-chip small{font-size:.72rem;color:var(--pbu-muted);margin-top:3px}.profile-chip>i{font-size:.8rem;color:#50627F}
.notification-wrap{position:relative}.notification-dropdown{position:absolute;right:-18px;top:52px;width:390px;background:#fff;border:1px solid var(--pbu-border);border-radius:16px;box-shadow:0 24px 60px rgba(15,35,71,.16);overflow:hidden;z-index:1200}.notification-dropdown[hidden]{display:none}.notification-dropdown:before{content:"";position:absolute;right:30px;top:-7px;width:14px;height:14px;background:#fff;border-left:1px solid var(--pbu-border);border-top:1px solid var(--pbu-border);transform:rotate(45deg)}.notification-dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 13px;border-bottom:1px solid #EEF1F5}.notification-dropdown-head div{display:flex;flex-direction:column}.notification-dropdown-head strong{font-size:.95rem}.notification-dropdown-head small{font-size:.7rem;color:var(--pbu-muted);margin-top:2px}.notification-dropdown-head a{font-size:.72rem;font-weight:700}.notification-dropdown-body{max-height:390px;overflow:auto}.notification-mini{display:flex;gap:11px;padding:14px 17px;color:var(--pbu-text);border-bottom:1px solid #F0F2F6}.notification-mini:hover{background:#F8FAFD;color:var(--pbu-text)}.notification-mini.is-unread{background:#F5F8FF}.notification-mini-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#EAF2FF;color:var(--pbu-blue);flex:none}.notification-mini-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.notification-mini-copy strong{font-size:.78rem}.notification-mini-copy span{font-size:.72rem;color:var(--pbu-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.notification-mini-copy small{font-size:.65rem;color:#94A3B8}.notification-empty{padding:28px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#94A3B8}.notification-empty i{font-size:1.7rem}
.page-wrap{padding:27px 30px 38px;max-width:1540px;margin:0 auto}.app-alert{display:flex;align-items:center;gap:8px;border:0;border-radius:12px;box-shadow:var(--shadow-sm)}
.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}.page-title-row h1,.page-title-row h2{margin:0;font-size:1.7rem;letter-spacing:-.035em;font-weight:800}.page-title-row p{margin:6px 0 0;color:var(--pbu-muted);font-size:.82rem}.page-date{color:#50627F;font-size:.76rem;display:flex;align-items:center;gap:7px;white-space:nowrap;margin-top:8px}.page-date i{color:#51698F}
.app-card,.stat-card,.panel,.module-card{background:#fff;border:1px solid var(--pbu-border);border-radius:16px;box-shadow:var(--shadow-sm)}.app-card{padding:20px}.app-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.app-card-header h3,.app-card-header h4,.app-card-header h5{margin:0;font-size:1rem;font-weight:750}.app-card-header a{font-size:.72rem;font-weight:700}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px}.stat-card{min-height:124px;padding:20px 18px;display:flex;align-items:flex-start;gap:15px;position:relative;overflow:hidden}.stat-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:1.45rem}.stat-icon.blue{background:#E8F1FF;color:#1462DA}.stat-icon.green{background:#E8F6EC;color:#16A34A}.stat-icon.orange{background:#FFF1DA;color:#F59E0B}.stat-icon.purple{background:#F1E8FF;color:#7C3AED}.stat-icon.red{background:#FDE8E8;color:#EF4444}.stat-body{min-width:0}.stat-label{font-size:.76rem;font-weight:600;color:#1B2E50}.stat-value{font-size:1.75rem;line-height:1.1;font-weight:800;letter-spacing:-.04em;margin-top:4px}.stat-sub{display:block;font-size:.68rem;color:var(--pbu-muted);margin-top:5px}.stat-link{display:inline-flex;align-items:center;gap:3px;font-size:.69rem;font-weight:700;margin-top:8px}.stat-trend{position:absolute;left:18px;right:18px;bottom:12px;border-top:1px solid #EEF1F5;padding-top:8px;font-size:.66rem;color:var(--pbu-muted)}.stat-trend.good strong{color:var(--pbu-success)}.stat-trend.bad strong{color:var(--pbu-danger)}
.dashboard-middle{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.9fr);gap:15px;margin-bottom:15px}.dashboard-bottom{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(300px,.86fr) minmax(360px,1.12fr);gap:15px}.chart-card{min-height:325px}.chart-wrap{height:245px}.chart-legend{display:flex;align-items:center;gap:18px;font-size:.68rem;color:#5C6C84}.legend-line{display:inline-block;width:22px;height:4px;border-radius:99px;margin-right:5px}.legend-blue{background:#0E4EBD}.legend-gold{background:#F4A300}.period-select{border:1px solid #DCE4EF;background:#fff;border-radius:8px;font-size:.68rem;color:#30415F;padding:7px 28px 7px 10px}
.notification-list{display:flex;flex-direction:column}.notification-row{display:grid;grid-template-columns:38px 1fr auto 8px;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #EDF1F5}.notification-row:last-child{border-bottom:0}.notification-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:1rem}.notification-icon.blue{background:#E8F1FF;color:#155EEF}.notification-icon.green{background:#E9F7EC;color:#16A34A}.notification-icon.orange{background:#FFF1DE;color:#F59E0B}.notification-icon.purple{background:#F2E9FF;color:#7C3AED}.notification-copy{min-width:0}.notification-copy strong{display:block;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-copy span{display:block;font-size:.68rem;color:var(--pbu-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:.62rem;color:#7B8AA0;white-space:nowrap}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--pbu-blue)}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-card{border:1px solid #E6EBF3;border-radius:11px;padding:13px 10px;min-height:104px;color:var(--pbu-text);display:flex;flex-direction:column;justify-content:space-between;transition:.16s;background:#fff}.quick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);color:var(--pbu-text)}.quick-card.disabled{cursor:not-allowed;opacity:.62;filter:saturate(.65)}.quick-card.disabled:hover{transform:none;box-shadow:none}.quick-card .coming-soon{align-self:flex-start;border-radius:999px;background:#F1F4F8;color:#64748B;padding:3px 7px;font-size:.58rem;font-weight:750}.quick-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:1.15rem}.quick-icon.blue{background:#E8F1FF;color:#155EEF}.quick-icon.green{background:#E8F7EE;color:#16A34A}.quick-icon.orange{background:#FFF0DD;color:#F97316}.quick-icon.purple{background:#F0E8FF;color:#7C3AED}.quick-icon.red{background:#FDE8EA;color:#EF4444}.quick-icon.teal{background:#E2F7F3;color:#0D9488}.quick-card strong{font-size:.69rem;line-height:1.28;margin-top:8px}.quick-card .arrow{align-self:flex-end;color:#50627F;font-size:.75rem}
.calendar-layout{display:grid;grid-template-columns:82px 1fr;gap:12px}.calendar-date-box{border-right:1px solid #E9EDF3;text-align:center;padding-right:12px}.calendar-date-box strong{display:block;font-size:2.15rem;line-height:1;color:var(--pbu-blue);font-weight:800}.calendar-date-box span{display:block;font-size:.72rem;color:var(--pbu-blue);font-weight:700;margin-top:5px}.calendar-date-box small{display:block;font-size:.66rem;color:var(--pbu-muted);margin-top:4px}.today-events{display:flex;flex-direction:column;gap:8px}.today-event{display:grid;grid-template-columns:54px 1fr;gap:9px;align-items:flex-start}.today-event-time{font-size:.62rem;border:1px solid currentColor;border-radius:8px;padding:4px 3px;text-align:center;color:var(--pbu-blue);line-height:1.3}.today-event:nth-child(2) .today-event-time{color:var(--pbu-success)}.today-event:nth-child(3) .today-event-time{color:#F97316}.today-event:nth-child(4) .today-event-time{color:var(--pbu-purple)}.today-event strong{display:block;font-size:.68rem}.today-event span{display:block;font-size:.63rem;color:var(--pbu-muted);margin-top:2px}.calendar-footer-link{display:block;border-top:1px solid #EDF1F5;text-align:center;padding-top:12px;margin-top:13px;font-size:.68rem;font-weight:700}
.announcement-feature{background:#FFF8E9;border-radius:12px;padding:16px;display:grid;grid-template-columns:42px 1fr;gap:12px}.announcement-feature-icon{width:42px;height:42px;border-radius:50%;background:#FFECC3;color:#F59E0B;display:grid;place-items:center;font-size:1.2rem}.announcement-tag{display:inline-block;padding:3px 7px;border-radius:999px;background:#FFE5AD;color:#A56000;font-size:.58rem;font-weight:800}.announcement-feature time{display:block;color:#718096;font-size:.63rem;margin:6px 0}.announcement-feature h4{font-size:.78rem;font-weight:800;margin:0 0 5px}.announcement-feature p{font-size:.68rem;line-height:1.55;color:#41516A;margin:0}.announcement-small{display:flex;gap:10px;padding:10px 0;border-top:1px solid #EEF1F4}.announcement-small:first-of-type{margin-top:6px}.announcement-small i{color:var(--pbu-blue)}.announcement-small strong{display:block;font-size:.7rem}.announcement-small span{font-size:.64rem;color:var(--pbu-muted)}
/* Generic content pages */
.panel{padding:21px}.page-heading{margin-bottom:20px}.page-heading h2{font-size:1.55rem;font-weight:800;margin-bottom:5px}.page-heading p{color:var(--pbu-muted)}.module-page-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}.module-page-heading h1{font-size:1.7rem;letter-spacing:-.035em;font-weight:800;margin:1px 0 4px}.module-page-heading p{margin:0;color:var(--pbu-muted);font-size:.8rem}.module-page-eyebrow{color:var(--pbu-blue);font-size:.62rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.module-page-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:1.45rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.module-page-icon.blue{background:#E9F2FF;color:#155EEF}.module-page-icon.purple{background:#F2EAFF;color:#7C3AED}.module-page-icon.orange{background:#FFF0DD;color:#EA6C0A}.module-page-icon.green{background:#E8F7EE;color:#169447}.module-page-icon.teal{background:#E3F7F4;color:#0D9488}.module-grid{--module-accent:#155EEF;--module-soft:#EAF2FF;--module-glow:rgba(21,94,239,.12);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.module-theme-purple{--module-accent:#7C3AED;--module-soft:#F2EAFF;--module-glow:rgba(124,58,237,.12)}.module-theme-orange{--module-accent:#EA6C0A;--module-soft:#FFF0DD;--module-glow:rgba(234,108,10,.12)}.module-theme-green{--module-accent:#169447;--module-soft:#E8F7EE;--module-glow:rgba(22,148,71,.12)}.module-theme-teal{--module-accent:#0D9488;--module-soft:#E3F7F4;--module-glow:rgba(13,148,136,.12)}.module-card{position:relative;overflow:hidden;min-height:245px;padding:22px 22px 0;color:var(--pbu-text);display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.module-card:before{content:"";position:absolute;width:150px;height:150px;right:-70px;top:-80px;border-radius:50%;background:var(--module-soft);opacity:.7;transition:transform .25s ease}.module-card-accent{position:absolute;left:0;top:26px;width:3px;height:38px;border-radius:0 5px 5px 0;background:var(--module-accent)}.module-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--module-accent) 24%,#E6EBF2);box-shadow:0 18px 38px var(--module-glow);color:var(--pbu-text)}.module-card:hover:before{transform:scale(1.14)}.module-card:focus-visible{outline:3px solid color-mix(in srgb,var(--module-accent) 28%,transparent);outline-offset:3px}.module-card.disabled{opacity:.6;cursor:not-allowed;filter:saturate(.65)}.module-card.disabled:hover{transform:none;border-color:var(--pbu-border);box-shadow:var(--shadow-sm)}.module-card-top{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;z-index:1}.module-icon{width:52px;height:52px;border-radius:15px;background:var(--module-soft);color:var(--module-accent);display:grid;place-items:center;font-size:1.3rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}.module-admin-badge,.module-locked-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 9px;font-size:.59rem;font-weight:750;white-space:nowrap}.module-admin-badge{background:#E7F7EC;color:#12813A}.module-locked-badge{background:#F1F4F8;color:#64748B}.module-card-content{position:relative;z-index:1;padding:18px 0 16px;flex:1}.module-code{display:block;color:var(--module-accent);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.module-card h2{font-size:1rem;line-height:1.3;font-weight:800;letter-spacing:-.015em;margin:0 0 7px}.module-card p{font-size:.72rem;line-height:1.55;color:var(--pbu-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-card-footer{position:relative;z-index:1;border-top:1px solid #EDF1F5;min-height:49px;display:flex;align-items:center;justify-content:space-between;color:var(--module-accent);font-size:.68rem;font-weight:750}.module-card-footer i{width:28px;height:28px;border-radius:50%;background:var(--module-soft);display:grid;place-items:center;transition:transform .2s ease}.module-card:hover .module-card-footer i{transform:translate(2px,-2px)}.admin-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.admin-shortcuts a{border:1px solid var(--pbu-border);border-radius:9px;padding:8px 11px;background:#fff;font-size:.72rem}.profile-list{display:grid;grid-template-columns:150px 1fr;gap:8px}.profile-list dt{color:var(--pbu-muted);font-weight:500}.status-line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #EDF1F5}.list-row{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #EDF1F5}.list-row:last-child{border:0}.list-row>i{color:var(--pbu-blue);font-size:1.1rem}.list-row p,.list-row small{color:var(--pbu-muted);margin:2px 0}.calendar-item{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid #EDF1F5}.datebox{width:58px;height:60px;border-radius:12px;background:#EAF2FF;color:var(--pbu-navy);display:flex;flex-direction:column;align-items:center;justify-content:center}.datebox strong{font-size:1.3rem}.datebox span{font-size:.66rem}
/* Superadmin module management */
.module-grid{--module-hover-start:#FFFFFF;--module-hover-end:#EAF2FF;--module-active-end:#DCEAFF}.module-theme-purple{--module-hover-end:#F3EDFF;--module-active-end:#E7DCFF}.module-theme-orange{--module-hover-end:#FFF2E2;--module-active-end:#FFE4C5}.module-theme-green{--module-hover-end:#EAF8EF;--module-active-end:#D9F1E2}.module-theme-teal{--module-hover-end:#E5F8F5;--module-active-end:#D2F1EC}.module-grid .module-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .25s ease}.module-grid .module-card:hover{background:linear-gradient(145deg,var(--module-hover-start) 18%,var(--module-hover-end) 100%);border-color:color-mix(in srgb,var(--module-accent) 30%,#E6EBF2);box-shadow:0 20px 42px var(--module-glow)}.module-grid .module-card:active{transform:translateY(-1px) scale(.985);background:linear-gradient(145deg,var(--module-hover-end) 0%,var(--module-active-end) 100%);border-color:color-mix(in srgb,var(--module-accent) 48%,#E6EBF2);box-shadow:0 8px 20px var(--module-glow);transition-duration:.08s}.module-grid .module-card:focus-visible{background:linear-gradient(145deg,#fff 10%,var(--module-hover-end) 100%);border-color:var(--module-accent);outline:3px solid color-mix(in srgb,var(--module-accent) 24%,transparent);outline-offset:3px}.module-grid .module-card:hover .module-card-footer,.module-grid .module-card:focus-visible .module-card-footer{background:rgba(255,255,255,.82);border-top-color:color-mix(in srgb,var(--module-accent) 18%,#E6EBF2)}.module-grid .module-card:hover .module-icon{transform:translateY(-2px) rotate(-2deg);box-shadow:0 8px 18px var(--module-glow)}.module-grid .module-card:active .module-icon{transform:scale(.95)}.module-grid .module-icon{transition:transform .2s ease,box-shadow .2s ease}.module-grid .module-card.disabled:hover,.module-grid .module-card.disabled:active{transform:none;background:#fff;border-color:var(--pbu-border);box-shadow:var(--shadow-sm)}
.module-collection-heading{align-items:center;padding:8px 0 20px}.module-collection-heading .module-page-icon{width:76px;height:76px;border-radius:20px;font-size:1.8rem}.module-collection-heading h1{font-size:2rem}.module-availability{margin-left:auto;width:min(360px,32vw);background:#fff;border:1px solid var(--pbu-border);border-radius:14px;padding:15px 17px;box-shadow:var(--shadow-sm)}.module-availability>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.68rem;color:#51627D}.module-availability span{display:flex;align-items:center;gap:7px}.module-availability span i{color:var(--module-accent,#155EEF);font-size:1rem}.module-availability strong{font-size:.68rem;color:var(--pbu-text)}.module-availability-track{height:7px;border-radius:99px;background:#EDF1F6;margin-top:10px;overflow:hidden}.module-availability-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--module-accent,#155EEF),color-mix(in srgb,var(--module-accent,#155EEF) 65%,#fff))}.module-grid .module-card{min-height:330px;padding:22px 22px 0}.module-grid .module-card:before{display:none}.module-grid .module-card-accent{display:none}.module-grid .module-card-top{height:52px}.module-grid .module-card-content{width:45%;padding:14px 0 18px;z-index:2}.module-grid .module-card h2{font-size:1.22rem}.module-grid .module-card p{font-size:.7rem;-webkit-line-clamp:3}.module-illustration{position:absolute;z-index:1;right:0;top:32px;width:64%;height:230px;object-fit:cover;object-position:right center;mix-blend-mode:multiply;pointer-events:none}.module-grid .module-card-footer{margin-top:auto;min-height:61px;background:rgba(255,255,255,.96);border-top-color:#E6EBF2}.module-grid .module-card-footer .module-open-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border-radius:9px;background:linear-gradient(135deg,var(--module-accent),color-mix(in srgb,var(--module-accent) 76%,#111827));color:#fff;font-size:.66rem;font-weight:750;box-shadow:0 7px 15px var(--module-glow)}.module-grid .module-card-footer>i{border:1px solid color-mix(in srgb,var(--module-accent) 48%,#fff);background:#fff;color:var(--module-accent)}.module-grid .module-card:hover .module-illustration{transform:scale(1.025);transition:transform .25s ease}.module-grid .module-card.disabled .module-illustration{filter:grayscale(.7)}@media(max-width:1200px){.module-availability{width:310px}.module-grid .module-card{min-height:320px}}@media(max-width:720px){.module-collection-heading{align-items:flex-start}.module-availability{width:100%;margin:0}.module-grid .module-card{min-height:300px}.module-illustration{width:62%;height:205px}.module-grid .module-card-content{width:48%}}@media(max-width:430px){.module-grid .module-card{min-height:390px}.module-illustration{position:relative;top:auto;right:auto;width:100%;height:175px;object-fit:cover;object-position:right;margin-top:-38px}.module-grid .module-card-content{width:100%;padding-top:2px}.module-grid .module-card-footer{min-height:58px}}
.management-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.92fr);gap:15px;margin-bottom:15px}.data-table-card{overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.table-toolbar h3{font-size:.95rem;font-weight:800;margin:0}.table-search{width:250px;height:36px;border:1px solid #DDE4ED;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px}.table-search input{width:100%;border:0;outline:0;font-size:.68rem}.table-modern{margin:0;font-size:.68rem;vertical-align:middle}.table-modern thead th{color:#42516A;background:#FAFBFD;font-weight:700;border-bottom-color:#E8EDF3;white-space:nowrap}.table-modern td{border-bottom-color:#EDF1F5}.table-modern .module-cell{display:flex;align-items:center;gap:8px;font-weight:700}.mini-module-icon{width:30px;height:30px;border-radius:8px;background:#E9F2FF;color:var(--pbu-blue);display:grid;place-items:center}.admin-cell{display:flex;align-items:center;gap:8px}.admin-cell img{width:31px;height:31px;border-radius:50%;object-fit:cover}.admin-cell strong{display:block;font-size:.68rem}.admin-cell small{font-size:.6rem;color:var(--pbu-muted)}.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.6rem;font-weight:700}.status-pill.active{background:#E8F7EC;color:#15803D}.status-pill.inactive{background:#F1F5F9;color:#64748B}.table-action{width:30px;height:30px;border:1px solid #DDE4ED;background:#fff;color:#52647F;border-radius:7px;display:inline-grid;place-items:center}.table-action.danger{color:var(--pbu-danger)}.form-card label{font-size:.68rem;font-weight:700;margin-bottom:5px}.form-card .form-control,.form-card .form-select{font-size:.7rem;border-color:#DDE4ED;border-radius:8px;min-height:39px}.form-card .row{--bs-gutter-x:.75rem}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.btn-pbu{background:var(--pbu-blue);border:1px solid var(--pbu-blue);color:#fff;border-radius:8px;padding:8px 20px;font-size:.7rem;font-weight:700}.btn-pbu:hover{background:#0F4ED5;color:#fff}.btn-light-border{background:#fff;border:1px solid #DDE4ED;color:#31415D;border-radius:8px;padding:8px 20px;font-size:.7rem;font-weight:700}
.access-card{padding:18px}.access-tabs{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.access-tabset{display:inline-flex;border:1px solid #DCE4EF;border-radius:8px;overflow:hidden}.access-tab{border:0;background:#fff;padding:7px 14px;font-size:.66rem;color:#40516C}.access-tab.is-active{background:var(--pbu-blue);color:#fff}.access-panel[hidden]{display:none!important}.access-matrix-wrap{overflow-x:auto}.access-matrix{min-width:940px;width:100%;border-collapse:separate;border-spacing:0;border:1px solid #E3E8EF;border-radius:10px;overflow:hidden;font-size:.64rem}.access-matrix th,.access-matrix td{border-right:1px solid #E9EDF3;border-bottom:1px solid #E9EDF3;padding:8px;text-align:center}.access-matrix th:last-child,.access-matrix td:last-child{border-right:0}.access-matrix tr:last-child td{border-bottom:0}.access-matrix thead th{background:#FAFBFD;color:#34445F;font-weight:700}.access-matrix .module-name{text-align:left;font-weight:700;white-space:nowrap}.access-radio{appearance:none;width:16px;height:16px;border:1.5px solid #B9C5D6;border-radius:50%;display:inline-grid;place-content:center;cursor:pointer}.access-radio:before{content:"";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.1s}.access-radio:checked:before{transform:scale(1)}.access-radio.default:checked{border-color:var(--pbu-blue)}.access-radio.default:before{background:var(--pbu-blue)}.access-radio.allowed:checked{border-color:var(--pbu-success)}.access-radio.allowed:before{background:var(--pbu-success)}.access-radio.blocked:checked{border-color:var(--pbu-danger)}.access-radio.blocked:before{background:var(--pbu-danger)}.access-matrix .allowed-head{color:var(--pbu-success)}.access-matrix .blocked-head{color:var(--pbu-danger)}.access-legend{display:flex;gap:35px;padding:13px 5px 0;border-top:1px solid #EEF1F4;margin-top:12px}.legend-access{display:flex;gap:8px;align-items:flex-start}.legend-access .dot{width:9px;height:9px;border-radius:50%;margin-top:4px}.legend-access strong{display:block;font-size:.62rem}.legend-access small{display:block;font-size:.58rem;color:var(--pbu-muted)}.specific-access-form{display:grid;grid-template-columns:1.3fr 1fr .75fr .9fr .9fr 1.2fr auto;gap:8px;align-items:end}.specific-access-list{margin-top:15px;display:grid;gap:7px}.specific-rule{display:grid;grid-template-columns:1.2fr 1fr .8fr 1fr;gap:10px;align-items:center;border:1px solid #E7ECF2;border-radius:9px;padding:9px 11px;font-size:.66rem}
/* Login */
.login-page{min-height:100vh;background:radial-gradient(circle at 75% 10%,#fff 0,#F8FAFD 42%,#F2F5F9 100%);padding:62px 24px 28px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-shell{width:min(1220px,94vw);min-height:700px;border:1px solid #E0E6EF;border-radius:24px;background:#fff;display:grid;grid-template-columns:51% 49%;overflow:hidden;box-shadow:0 22px 70px rgba(15,35,71,.12)}.login-visual{position:relative;background:linear-gradient(150deg,#062A5E 0%,#073E87 62%,#0A3572 100%);color:#fff;display:flex;flex-direction:column;overflow:hidden}.login-visual:after{content:"";position:absolute;right:-110px;top:70px;width:280px;height:280px;border:1px solid rgba(255,255,255,.055);border-radius:50%;box-shadow:0 0 0 46px rgba(255,255,255,.018),0 0 0 92px rgba(255,255,255,.012)}.login-visual-inner{padding:54px 78px 0;position:relative;z-index:2}.login-logo{display:flex;align-items:center;gap:11px}.login-logo img{width:52px;height:52px}.login-logo-copy strong{font-size:2rem;font-weight:800;letter-spacing:-.05em}.login-logo-copy strong span{color:var(--pbu-gold)}.login-logo-copy small{display:block;text-transform:uppercase;font-size:.72rem;margin-top:2px;font-weight:700}.login-visual h1{font-size:3rem;line-height:1.06;letter-spacing:-.045em;font-weight:800;margin:46px 0 17px}.login-visual h1 span{color:var(--pbu-gold)}.login-visual p{font-size:1rem;line-height:1.55;max-width:410px;color:#EEF5FF;margin:0}.login-campus{margin-top:auto;width:100%;height:290px;object-fit:cover;object-position:center center;position:relative;z-index:1}.login-benefits{height:112px;background:rgba(3,29,69,.78);display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:2;padding:19px 28px;gap:7px}.benefit{display:flex;align-items:center;gap:10px;padding:0 8px;border-right:1px solid rgba(255,255,255,.14)}.benefit:last-child{border-right:0}.benefit-icon{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;font-size:1.12rem}.benefit strong{display:block;font-size:.7rem}.benefit small{display:block;color:#D8E6F7;font-size:.57rem;line-height:1.45;margin-top:3px}.login-form-side{position:relative;display:flex;align-items:center;justify-content:center;padding:48px 62px}.language-switch{position:absolute;right:43px;top:38px;color:#263A5E;font-weight:700;display:flex;align-items:center;gap:7px}.login-card{width:min(510px,100%);text-align:center}.login-lock{width:72px;height:72px;border-radius:50%;background:#EAF1FF;color:var(--pbu-blue);display:grid;place-items:center;margin:0 auto 24px;font-size:1.8rem}.login-card h2{font-size:2rem;letter-spacing:-.035em;font-weight:800;margin:0}.login-subtitle{color:#68778D;font-size:.9rem;margin:8px 0 32px}.login-card form{text-align:left}.login-card .form-label{font-weight:700;color:#152847;font-size:.8rem;margin-bottom:8px}.login-input{position:relative}.login-input>i{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#627492;font-size:1.08rem}.login-input .form-control{height:57px;border-radius:10px;border-color:#CFD9E7;padding-left:49px;background:#fff;font-size:.82rem}.login-input .form-control:focus{border-color:#78A4F5;box-shadow:0 0 0 .18rem rgba(21,94,239,.1)}.login-input.password .form-control{padding-right:50px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:transparent;border-radius:8px;color:#536987}.password-toggle:hover{background:#F2F6FB}.forgot-row{text-align:right;margin:9px 0 17px}.forgot-row a{font-size:.76rem;font-weight:600}.login-submit{width:100%;height:56px;border:0;border-radius:9px;background:linear-gradient(90deg,#114FCB,#063ED1);color:#fff;font-weight:700;font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 24px rgba(21,94,239,.18)}.login-divider{display:flex;align-items:center;gap:14px;color:#68778D;margin:25px 0;font-size:.78rem}.login-divider:before,.login-divider:after{content:"";height:1px;background:#D7DFEA;flex:1}.guide-button{height:55px;width:100%;border:1px solid #C9D5E5;background:#fff;border-radius:9px;color:#162B50;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}.guide-button img{width:23px}.login-footer{font-size:.72rem;color:#6E7D91;margin-top:28px;text-align:center}.login-error{text-align:left;border-radius:9px;font-size:.72rem}
.form-control,.form-select{border-radius:9px}.table>:not(caption)>*>*{padding:.7rem}.pagination{margin:0}.pagination .page-link{display:flex;min-width:34px;height:34px;align-items:center;justify-content:center;font-size:.7rem}.module-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.module-pagination nav{margin-left:auto}.module-pagination svg{width:14px;height:14px}@media(max-width:600px){.module-pagination{align-items:flex-start;flex-direction:column}.module-pagination nav{margin-left:0;max-width:100%;overflow-x:auto}}
/* e-Staf */
.estaf-nav{min-height:70px;background:linear-gradient(120deg,#082B5C,#0A438D);border-radius:17px;padding:10px 14px;margin-bottom:24px;display:flex;align-items:center;gap:24px;box-shadow:0 12px 28px rgba(6,42,94,.13)}.estaf-brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:220px}.estaf-brand:hover{color:#fff}.estaf-brand>span{width:43px;height:43px;border-radius:12px;background:#fff;color:#155EEF;display:grid;place-items:center;font-size:1.25rem}.estaf-brand div{display:flex;flex-direction:column}.estaf-brand strong{font-size:1rem}.estaf-brand small{font-size:.58rem;color:#CFE0F8}.estaf-nav-links{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.estaf-nav-links a{display:flex;align-items:center;gap:7px;color:#DCE9FA;padding:10px 11px;border-radius:9px;font-size:.67rem;font-weight:650;white-space:nowrap}.estaf-nav-links a:hover,.estaf-nav-links a.active{background:rgba(255,255,255,.13);color:#fff}.estaf-nav-links a.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.estaf-nav-divider{height:25px;width:1px;background:rgba(255,255,255,.18);margin:0 4px}.estaf-hero{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(115deg,#fff 0%,#F7FAFF 58%,#EAF2FF 100%);border:1px solid #DFE7F2;box-shadow:var(--shadow-sm);padding:25px 28px;display:flex;align-items:center;gap:19px;margin-bottom:17px}.estaf-hero:after{content:"";position:absolute;right:12%;top:-100px;width:230px;height:230px;border-radius:50%;border:36px solid rgba(21,94,239,.035)}.estaf-profile-photo{width:82px;height:82px;border-radius:20px;padding:3px;background:#fff;box-shadow:0 8px 22px rgba(15,35,71,.12);z-index:1}.estaf-profile-photo img{width:100%;height:100%;border-radius:17px;object-fit:cover}.estaf-profile-copy{flex:1;z-index:1}.estaf-kicker,.estaf-section-label{font-size:.59rem;color:var(--pbu-blue);text-transform:uppercase;letter-spacing:.11em;font-weight:800}.estaf-profile-copy h1{font-size:1.55rem;margin:3px 0 4px;font-weight:800;letter-spacing:-.025em}.estaf-profile-copy>p{color:#53647D;margin:0;font-size:.76rem}.estaf-profile-copy>p span{margin:0 5px;color:#A7B2C2}.estaf-profile-meta{display:flex;gap:17px;margin-top:10px;color:#66758B;font-size:.67rem}.estaf-profile-meta span{display:flex;align-items:center;gap:6px}.estaf-profile-meta i{color:var(--pbu-blue)}.estaf-completion{z-index:1;text-align:center;min-width:100px}.estaf-completion>div{width:82px;height:82px;border-radius:50%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle closest-side,#fff 77%,transparent 78% 99%),conic-gradient(var(--pbu-blue) calc(var(--completion)*1%),#DCE7F6 0)}.estaf-completion strong{font-size:1.18rem;line-height:1}.estaf-completion span,.estaf-completion small{font-size:.58rem;color:var(--pbu-muted)}.estaf-completion small{display:block;margin-top:5px}.estaf-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:15px}.estaf-summary-card{background:#fff;border:1px solid var(--pbu-border);border-radius:14px;padding:15px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow-sm);min-width:0}.estaf-summary-card .quick-icon{flex:none}.estaf-summary-card div{min-width:0}.estaf-summary-card small{display:block;color:var(--pbu-muted);font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.estaf-summary-card strong{display:block;color:var(--pbu-text);font-size:.85rem;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.estaf-content-grid,.estaf-admin-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.estaf-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.estaf-action-grid a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #E6EBF2;border-radius:10px;color:var(--pbu-text);font-size:.68rem;font-weight:700}.estaf-action-grid a>i:first-child{width:34px;height:34px;border-radius:9px;background:#EAF2FF;color:var(--pbu-blue);display:grid;place-items:center}.estaf-action-grid a>i:last-child{color:#8B98AA;font-size:.65rem}.estaf-action-grid a:hover{background:#F8FAFE;border-color:#C9D9F3}.estaf-status-list>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:11px 2px;border-bottom:1px solid #EDF1F5;font-size:.68rem}.estaf-status-list>div:last-child{border:0}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.warning{background:#F59E0B}.status-dot.danger{background:#EF4444}.status-dot.success{background:#16A34A}.estaf-admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:15px}.estaf-admin-metrics .stat-card{min-height:105px;padding:15px}.estaf-admin-metrics .stat-icon{width:43px;height:43px;font-size:1.1rem}.estaf-admin-metrics .stat-value{font-size:1.35rem}.estaf-ranking>div{display:grid;grid-template-columns:125px 1fr 25px;align-items:center;gap:10px;padding:8px 0;font-size:.66rem}.estaf-ranking>div>div{height:7px;background:#ECF1F7;border-radius:99px;overflow:hidden}.estaf-ranking i{display:block;height:100%;background:linear-gradient(90deg,#155EEF,#6D9AF5);border-radius:99px}.estaf-tags{display:flex;flex-wrap:wrap;gap:8px}.estaf-tags>span{background:#EEF4FF;color:#174B9D;border:1px solid #DDE9FD;padding:7px 10px;border-radius:999px;font-size:.64rem}.estaf-tags>span strong{margin-left:5px}.estaf-directory-filter{display:grid;grid-template-columns:1fr 260px auto;gap:10px;background:#fff;border:1px solid var(--pbu-border);border-radius:14px;padding:12px;margin-bottom:15px}.estaf-directory-filter>div{position:relative}.estaf-directory-filter i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#7A899D}.estaf-directory-filter input,.estaf-directory-filter select,.estaf-directory-filter>select{width:100%;height:40px;border:1px solid #DDE4ED;border-radius:8px;background:#fff;font-size:.7rem}.estaf-directory-filter input{padding-left:38px}.estaf-directory-filter select{padding:0 10px}.estaf-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.estaf-person-card{background:#fff;border:1px solid var(--pbu-border);border-radius:15px;padding:17px;display:flex;gap:13px;box-shadow:var(--shadow-sm)}.estaf-person-card>img{width:58px;height:58px;border-radius:15px;object-fit:cover;background:#EEF3FA}.estaf-person-card>div{min-width:0}.estaf-person-type{font-size:.54rem;color:var(--pbu-blue);font-weight:800;letter-spacing:.07em}.estaf-person-card h2{font-size:.8rem;margin:2px 0 3px;font-weight:800}.estaf-person-card p,.estaf-person-card small{font-size:.61rem;color:var(--pbu-muted);margin:0}.estaf-person-card small{display:flex;gap:5px;margin-top:7px}.estaf-person-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:9px}.estaf-person-tags span{font-size:.53rem;background:#F0F5FC;color:#51647F;border-radius:99px;padding:4px 7px}.estaf-cv-sheet{background:#fff;width:min(900px,100%);margin:auto;padding:52px 58px;box-shadow:0 15px 50px rgba(15,35,71,.1);border:1px solid #E3E8F0}.estaf-cv-sheet header{display:flex;align-items:center;gap:21px;padding-bottom:25px;border-bottom:4px solid var(--pbu-navy)}.estaf-cv-sheet header img{width:95px;height:110px;object-fit:cover;border-radius:5px}.estaf-cv-sheet header span{font-size:.65rem;letter-spacing:.18em;color:var(--pbu-blue);font-weight:800}.estaf-cv-sheet header h1{font-size:1.8rem;margin:5px 0}.estaf-cv-sheet header p{color:var(--pbu-muted);margin:0}.estaf-cv-sheet section{padding:20px 0;border-bottom:1px solid #E8EDF3}.estaf-cv-sheet section h2{font-size:.75rem;color:var(--pbu-blue);text-transform:uppercase;letter-spacing:.09em;font-weight:800;margin-bottom:13px}.estaf-cv-sheet dl{display:grid;grid-template-columns:1fr 1fr;gap:9px 30px}.estaf-cv-sheet dl div{display:grid;grid-template-columns:110px 1fr;font-size:.68rem}.estaf-cv-sheet dt{color:var(--pbu-muted);font-weight:500}.estaf-cv-sheet dd{margin:0;font-weight:650}.cv-record{display:flex;justify-content:space-between;gap:15px;padding:7px 0;font-size:.7rem}.cv-record span{color:var(--pbu-muted)}
@media(max-width:1200px){.estaf-summary-grid{grid-template-columns:repeat(3,1fr)}.estaf-admin-metrics{grid-template-columns:repeat(3,1fr)}.estaf-directory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.estaf-nav{align-items:flex-start;flex-direction:column;gap:7px}.estaf-nav-links{width:100%}.estaf-hero{align-items:flex-start}.estaf-profile-meta{flex-direction:column;gap:5px}.estaf-content-grid,.estaf-admin-grid{grid-template-columns:1fr}.estaf-directory-filter{grid-template-columns:1fr}.estaf-directory-grid{grid-template-columns:1fr}.estaf-cv-sheet{padding:30px}.estaf-cv-toolbar>div:last-child{width:100%}}
@media(max-width:560px){.estaf-hero{flex-wrap:wrap;padding:20px}.estaf-completion{position:absolute;right:16px;top:18px;transform:scale(.82)}.estaf-profile-copy{flex-basis:calc(100% - 105px)}.estaf-summary-grid,.estaf-admin-metrics{grid-template-columns:1fr 1fr}.estaf-action-grid{grid-template-columns:1fr}.estaf-cv-sheet header{align-items:flex-start}.estaf-cv-sheet header img{width:70px;height:85px}.estaf-cv-sheet dl{grid-template-columns:1fr}.cv-record{flex-direction:column;gap:2px}}
@media print{body{background:#fff}.sidebar,.topbar,.estaf-nav,.estaf-cv-toolbar{display:none!important}.main-area{margin:0;width:100%}.page-wrap{padding:0}.estaf-cv-sheet{border:0;box-shadow:none;width:100%;padding:20px}}
/* Read-only PBUHub profile */
.estaf-internal-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:0;border-radius:10px;background:transparent;color:#53627A;font-size:.78rem;font-weight:650;white-space:nowrap;transition:.18s}.estaf-internal-tabs button:hover{background:#FFF4EA;color:#EA580C}.estaf-internal-tabs button.active{background:linear-gradient(135deg,#FB923C 0%,#F97316 55%,#EA580C 100%);color:#fff;font-weight:750;box-shadow:0 7px 16px rgba(249,115,22,.2)}.estaf-internal-tabs button i{font-size:1rem}.estaf-tab-stage{min-height:430px}.estaf-tab-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;animation:estafTabIn .22s ease}.estaf-tab-panel[hidden]{display:none!important}.estaf-tab-panel>.panel{margin:0!important;width:100%;height:auto!important;padding:25px;border-radius:17px;box-shadow:0 8px 26px rgba(15,35,71,.06)}.estaf-tab-panel>.panel h5{font-size:1.08rem;font-weight:800;margin-bottom:18px}.estaf-tab-profile{grid-template-columns:minmax(300px,.82fr) minmax(420px,1.5fr)}.estaf-tab-qualification,.estaf-tab-teaching{grid-template-columns:1fr}.estaf-tab-qualification>.panel,.estaf-tab-teaching>.panel{min-height:260px}.estaf-tab-expertise>.panel,.estaf-tab-professional>.panel{min-height:265px}.estaf-tab-panel .form-control,.estaf-tab-panel .form-select{min-height:42px;border-color:#D9E1EC}.estaf-tab-panel form{border-top:1px solid #EDF1F5;padding-top:17px}.estaf-tab-profile>.panel:first-child form{border-top:0;padding-top:0}.estaf-tab-panel .list-row{background:#F9FBFE;border:1px solid #E9EEF5;border-radius:10px;padding:12px;margin-bottom:8px}.estaf-tab-panel .list-row:last-of-type{border-bottom:1px solid #E9EEF5}@keyframes estafTabIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:900px){.estaf-tab-panel,.estaf-tab-profile{grid-template-columns:1fr}.estaf-internal-tabs button{padding:10px 13px}.estaf-tab-stage{min-height:0}}@media(max-width:560px){.estaf-internal-tabs{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.estaf-internal-tabs button{font-size:.69rem;padding:9px}.estaf-internal-tabs button:last-child{grid-column:1/-1}.estaf-tab-panel>.panel{padding:18px}}
.estaf-admin-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(135deg,#4C1D95 0%,#6D3FE8 48%,#8B5CF6 100%);border-radius:20px;padding:27px 30px;margin-bottom:16px;box-shadow:0 18px 40px rgba(84,38,166,.2)}.estaf-admin-hero:before,.estaf-admin-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.estaf-admin-hero:before{width:210px;height:210px;right:16%;top:-150px}.estaf-admin-hero:after{width:130px;height:130px;right:4%;bottom:-95px}.estaf-admin-hero>div,.estaf-admin-hero>a{position:relative;z-index:1}.estaf-admin-hero span{font-size:.61rem;letter-spacing:.14em;color:#E8DFFF;font-weight:800}.estaf-admin-hero h1{font-size:1.65rem;margin:5px 0 6px;font-weight:800}.estaf-admin-hero p{margin:0;color:#F1ECFF;font-size:.76rem}.estaf-admin-button{display:flex;align-items:center;gap:8px;background:#fff;color:var(--estaff-purple-dark);padding:11px 16px;border-radius:10px;font-size:.72rem;font-weight:750;box-shadow:0 8px 20px rgba(43,20,89,.2)}.estaf-admin-button:hover{color:var(--estaff-purple);transform:translateY(-1px)}
/* Locked e-Staf design system */
.estaf-nav{background:linear-gradient(135deg,#082347 0%,#0B3F82 55%,#2563EB 100%);padding:12px 16px;gap:28px;box-shadow:0 14px 34px rgba(8,35,71,.2)}.estaf-nav.estaf-admin-nav{background:linear-gradient(135deg,#4C1D95 0%,#6D3FE8 48%,#8B5CF6 100%);box-shadow:0 14px 36px rgba(84,38,166,.24)}.estaf-nav-links{gap:7px}.estaf-nav-links a{font-size:.94rem;font-weight:600;padding:11px 16px;color:#fff}.estaf-nav-links a>i{font-size:1.12rem}.estaf-nav-links a:hover{background:rgba(245,184,46,.15);color:#FFF2BC}.estaf-nav-links a.active,.estaf-nav-links a.active:hover{background:linear-gradient(135deg,#FFD65A 0%,#F5B82E 55%,#D99A11 100%);color:var(--text-dark);font-weight:700;box-shadow:0 7px 17px rgba(217,154,17,.23)}.estaf-brand>span{background:linear-gradient(145deg,#F5F1FF,#EEE9FF);color:var(--estaff-purple);box-shadow:0 5px 14px rgba(0,0,0,.1)}.estaf-brand strong{font-size:1.08rem}.estaf-brand small{font-size:.64rem}.estaf-admin-nav .estaf-brand>span{color:var(--estaff-purple-dark);background:#F5F1FF}.estaf-hero{background:linear-gradient(135deg,#312E81 0%,#6D3FE8 53%,#A855F7 100%);border:0;color:#fff;box-shadow:0 18px 40px rgba(84,38,166,.19)}.estaf-hero:before{content:"";position:absolute;left:43%;bottom:-120px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.07)}.estaf-profile-copy .estaf-kicker{color:#E9DFFF}.estaf-profile-copy>p,.estaf-profile-meta{color:#F0EAFF}.estaf-profile-meta i{color:#FFD65A}.estaf-completion>div{background:radial-gradient(circle closest-side,#fff 77%,transparent 78% 99%),conic-gradient(#FFD65A calc(var(--completion)*1%),rgba(255,255,255,.25) 0)}.estaf-section-label{color:var(--estaff-purple);font-weight:800}.estaf-admin-metrics .stat-card{border-top:3px solid var(--estaff-purple);background:linear-gradient(180deg,#fff,#FCFAFF)}.estaf-admin-grid .app-card{border-top:3px solid #8B5CF6}.estaf-admin-grid .estaf-ranking i{background:linear-gradient(90deg,var(--estaff-purple-dark),#8B5CF6)}.estaf-internal-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;margin:-8px 0 22px;padding:9px;background:#fff;border:1px solid #E5E9F1;border-radius:14px;box-shadow:var(--shadow-sm);scrollbar-width:none}.estaf-internal-tabs a{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:10px;color:#53627A;font-size:.74rem;font-weight:650;white-space:nowrap}.estaf-internal-tabs a:hover{background:#FFF4EA;color:#EA580C}.estaf-internal-tabs a.active{background:linear-gradient(135deg,#FB923C 0%,#F97316 55%,#EA580C 100%);color:#fff;box-shadow:0 7px 16px rgba(249,115,22,.2)}.estaf-internal-tabs a i{font-size:.9rem}.estaf-action-grid a:nth-child(1)>i:first-child{background:linear-gradient(145deg,#EAF2FF,#F5F8FF);color:#2563EB}.estaf-action-grid a:nth-child(2)>i:first-child{background:linear-gradient(145deg,#F2EAFE,#FAF7FF);color:#7C3AED}.estaf-action-grid a:nth-child(3)>i:first-child{background:linear-gradient(145deg,#E7FAF6,#F4FFFC);color:#0D9488}.estaf-action-grid a:nth-child(4)>i:first-child{background:linear-gradient(145deg,#FFF5D6,#FFFBEF);color:#D99A11}.estaf-admin-nav~.page-title-row .btn-pbu{background:linear-gradient(135deg,#6D3FE8,#5426A6);border-color:#5426A6}.estaf-cv-toolbar .btn-pbu{background:linear-gradient(135deg,#2563EB,#1D4ED8)}
@media(max-width:1200px){.estaf-nav-links a{font-size:.82rem;padding:10px 12px}.estaf-nav{gap:18px}.estaf-brand{min-width:190px}}
@media(max-width:850px){.estaf-nav{padding:14px}.estaf-nav-links a{font-size:.83rem}.estaf-internal-tabs{margin-top:0}}
.estaf-nav.estaf-admin-nav{background:linear-gradient(120deg,#24134F,#49308A);box-shadow:0 12px 28px rgba(50,28,105,.15)}.estaf-admin-nav .estaf-brand>span{color:#6D3FBD;background:#F3EDFF}
.profile-view-hero{display:flex;align-items:center;gap:17px;background:linear-gradient(110deg,#082B5C,#0A438D);color:#fff;border-radius:18px;padding:22px 25px;margin-bottom:15px;box-shadow:0 12px 30px rgba(6,42,94,.14)}.profile-view-hero>img{width:76px;height:76px;border-radius:18px;object-fit:cover;background:#fff;border:3px solid rgba(255,255,255,.75)}.profile-view-hero>div{flex:1}.profile-view-hero>div>span{font-size:.57rem;letter-spacing:.1em;color:#BFD4F3;font-weight:800}.profile-view-hero h2{font-size:1.35rem;margin:3px 0 4px}.profile-view-hero p{margin:0;color:#DCE9F8;font-size:.72rem}.profile-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.core-data-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:#F1F5F9;color:#64748B;font-size:.58rem;font-weight:700}.profile-view-list{margin:0}.profile-view-list>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #EDF1F5}.profile-view-list>div:last-child{border:0}.profile-view-list dt{color:var(--pbu-muted);font-size:.67rem;font-weight:550}.profile-view-list dd{margin:0;font-size:.7rem;font-weight:700}.profile-readonly-note{display:flex;gap:7px;margin:12px 0 0;padding:9px 10px;background:#F8FAFC;border-radius:8px;color:#64748B;font-size:.61rem}.profile-summary-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.profile-summary-strip>div{border-right:1px solid #E8EDF3;text-align:center}.profile-summary-strip>div:last-child{border:0}.profile-summary-strip strong{display:block;font-size:1.2rem;color:var(--pbu-blue)}.profile-summary-strip span{font-size:.61rem;color:var(--pbu-muted)}@media(max-width:720px){.profile-view-grid{grid-template-columns:1fr}.profile-summary-strip{grid-template-columns:repeat(2,1fr)}.profile-summary-strip>div{border:0;background:#F8FAFC;padding:10px;border-radius:8px}.profile-view-hero{align-items:flex-start}.profile-view-hero>.status-pill{display:none}}
@media(max-width:1200px){.dashboard-bottom{grid-template-columns:1fr 1fr}.dashboard-bottom>.app-card:last-child{grid-column:1/-1}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-grid{grid-template-columns:1fr}.specific-access-form{grid-template-columns:1fr 1fr 1fr}.login-visual-inner{padding-left:48px;padding-right:48px}.login-visual h1{font-size:2.55rem}.login-benefits{padding-left:16px;padding-right:16px}}
@media(max-width:992px){body{padding-bottom:74px}.sidebar{inset:auto 8px 72px;width:calc(100% - 16px);height:auto;max-height:76vh;padding:18px 16px 8px;border-radius:22px 22px 12px 12px;transform:translateY(calc(100% + 92px));transition:transform .24s ease;overflow-y:auto;box-shadow:0 -18px 50px rgba(2,20,50,.25)}.sidebar.is-open{transform:translateY(0)}.sidebar-backdrop{position:fixed;inset:0 0 66px;background:rgba(3,18,45,.45);z-index:1035}.sidebar-backdrop.is-open{display:block}.sidebar-building{display:none}.sidebar-lower{min-height:auto;padding-bottom:8px}.main-area{margin-left:0;width:100%}.mobile-menu{display:none}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:1050;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:68px;padding:6px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-top:1px solid #dce5ec;background:rgba(255,255,255,.97);box-shadow:0 -7px 24px rgba(15,35,71,.12);backdrop-filter:blur(14px)}.mobile-bottom-nav a,.mobile-bottom-nav button{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:11px;background:transparent;color:#68778c;font:inherit;text-decoration:none}.mobile-bottom-nav i{font-size:1.18rem;line-height:1}.mobile-bottom-nav span{max-width:100%;overflow:hidden;font-size:.58rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav .is-active{background:#e9f7f5;color:#087e76}.mobile-nav-notification b{position:absolute;top:1px;left:calc(50% + 5px);min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:#e83c56;color:#fff;font-size:.52rem;line-height:13px}.global-search{width:340px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-middle{grid-template-columns:1fr}.dashboard-bottom{grid-template-columns:1fr 1fr}.login-page{padding:26px 16px}.login-shell{grid-template-columns:1fr;max-width:650px;min-height:unset}.login-visual{display:none}.login-form-side{min-height:690px}.page-wrap{padding:22px}.profile-chip span{display:none}.profile-chip{padding:4px}.profile-chip>i{display:none}}
@media(max-width:992px){.sidebar,.sidebar.is-open,.sidebar-backdrop,.sidebar-backdrop.is-open{display:none!important}.mobile-bottom-nav{border-top-color:rgba(255,255,255,.13);background:linear-gradient(100deg,#123b66,#176b78 62%,#0f4658);box-shadow:0 -9px 28px rgba(15,70,88,.28)}.mobile-bottom-nav a,.mobile-bottom-nav button{color:#dcecf2}.mobile-bottom-nav .is-active,.mobile-bottom-nav .is-open{background:rgba(255,214,90,.16);color:#ffd65a}.mobile-nav-panels{display:block}.mobile-nav-panel{position:fixed;right:10px;bottom:76px;left:10px;z-index:1048;display:none;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:linear-gradient(145deg,#123b66,#176b78 70%,#0f4658);box-shadow:0 -12px 38px rgba(8,43,64,.3)}.mobile-nav-panel.is-open{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:7px}.mobile-nav-panel strong{grid-column:1/-1;padding:3px 7px 7px;color:#fff;font-size:.78rem}.mobile-nav-panel a{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.08);color:#e7f3f5;font-size:.7rem;font-weight:700}.mobile-nav-panel a:hover{background:rgba(255,214,90,.15);color:#ffd65a}.mobile-nav-panel a i{color:#ffd65a;font-size:1rem}}
@media(min-width:993px){.mobile-nav-panels{display:none}}
@media(max-width:720px){.topbar{padding:0 14px}.global-search{display:none}.topbar-separator{display:none}.page-wrap{padding:17px}.page-title-row{flex-direction:column}.page-date{margin-top:-12px}.stat-grid{grid-template-columns:1fr}.dashboard-bottom{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr}.notification-dropdown{position:fixed;left:12px;right:12px;top:70px;width:auto}.notification-dropdown:before{display:none}.login-form-side{padding:80px 26px 42px;min-height:650px}.language-switch{right:26px;top:28px}.login-card h2{font-size:1.7rem}.management-grid{grid-template-columns:1fr}.specific-access-form{grid-template-columns:1fr}.specific-rule{grid-template-columns:1fr 1fr}.access-legend{gap:15px;flex-wrap:wrap}}

/* e-Staf employment and appointment records */
.employment-current{position:relative;overflow:hidden;margin-bottom:16px;padding:25px 28px;border-radius:18px;color:#fff;background:linear-gradient(125deg,#24134F 0%,#5B35A5 56%,#8B5CF6 100%);box-shadow:0 16px 36px rgba(76,29,149,.18)}.employment-current:after{content:"";position:absolute;right:-38px;top:-75px;width:210px;height:210px;border:36px solid rgba(255,255,255,.07);border-radius:50%}.employment-current>span{font-size:.59rem;letter-spacing:.13em;font-weight:800;color:#E9DFFF}.employment-current h2{position:relative;z-index:1;margin:5px 0 10px;font-size:1.55rem;font-weight:800}.employment-current>div{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#F1ECFF;font-size:.72rem}.employment-current>div i{width:4px;height:4px;border-radius:50%;background:#FFD65A}.employment-page-grid,.employment-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.employment-timeline{position:relative;padding-left:8px}.employment-timeline:before{content:"";position:absolute;left:13px;top:9px;bottom:11px;width:2px;background:#E6E0F3}.employment-timeline article{position:relative;display:grid;grid-template-columns:28px 1fr;padding:0 0 22px}.employment-timeline article:last-child{padding-bottom:0}.employment-timeline article>span{position:relative;z-index:1;width:12px;height:12px;margin-top:5px;border:3px solid #fff;border-radius:50%;background:#9CA3AF;box-shadow:0 0 0 2px #CBD5E1}.employment-timeline article.active>span{background:#6D3FE8;box-shadow:0 0 0 2px #C4B5FD}.employment-timeline small{color:#7C6EA0;font-size:.61rem;font-weight:700}.employment-timeline h4,.appointment-list h4{margin:3px 0;font-size:.78rem;font-weight:800}.employment-timeline p,.appointment-list p{margin:0;color:var(--pbu-muted);font-size:.66rem}.employment-timeline em{display:inline-block;margin-top:6px;padding:4px 7px;border-radius:99px;background:#F2EDFC;color:#6538BB;font-size:.54rem;font-style:normal;font-weight:800}.appointment-list article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #EDF1F5}.appointment-list article:last-child{border:0}.appointment-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#F2EAFF,#FAF8FF);color:#6D3FE8}.appointment-list small{font-size:.59rem;color:#8190A5}.employment-staff-picker{display:grid;grid-template-columns:90px minmax(260px,520px);align-items:center;gap:12px;margin-bottom:15px;padding:14px 17px;background:#fff;border:1px solid var(--pbu-border);border-radius:14px;box-shadow:var(--shadow-sm)}.employment-staff-picker label{font-size:.68rem;font-weight:800}.employment-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.employment-form .form-control,.employment-form .form-select{min-height:41px;border-color:#DDE4ED;font-size:.7rem}.employment-form .form-check{display:flex;align-items:center;gap:7px;padding:9px 10px 9px 31px;border:1px solid #DDE4ED;border-radius:7px;font-size:.68rem}.employment-span{grid-column:1/-1}.correction-card{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:28px;border-left:4px solid #6D3FE8}.correction-card h3{margin:4px 0 7px;font-size:1rem}.correction-card p{margin:0;color:var(--pbu-muted);font-size:.68rem;line-height:1.55}.correction-card form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px}.correction-card textarea{font-size:.68rem;resize:vertical}.correction-card .btn-pbu{align-self:stretch;white-space:nowrap}@media(max-width:900px){.employment-page-grid,.employment-admin-grid,.correction-card{grid-template-columns:1fr}.correction-card form{grid-template-columns:1fr 1fr}.correction-card .btn-pbu{grid-column:1/-1}}@media(max-width:560px){.employment-current{padding:21px}.employment-current>div{flex-wrap:wrap}.employment-page-grid,.employment-admin-grid{grid-template-columns:minmax(0,1fr)}.employment-form,.correction-card form{grid-template-columns:1fr}.employment-span,.correction-card .btn-pbu{grid-column:auto}.employment-staff-picker{grid-template-columns:1fr}}
/* Kelayakan akademik: borang berlabel dan rekod boleh disunting */
.qualification-panel + .panel.mb-4{display:none}
.admin-qualification-panel~[data-admin-profile-panel="qualification"]:not(.admin-qualification-panel){display:none!important}
.admin-membership-panel~[data-admin-profile-panel="expertise"],.admin-membership-panel~[data-admin-profile-panel="professional"]{display:none!important}
.professional-editor-heading{align-items:end;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.professional-editor-heading h5{margin:0}.professional-editor-heading span{color:#64748b;font-size:.75rem}.professional-editor-list{display:grid;gap:.85rem}.professional-editor-record{background:#f8fafc;border:1px solid #dbe4f0;border-radius:14px;padding:.9rem}.professional-editor-form{align-items:end;display:grid;gap:.75rem;grid-template-columns:1.35fr 1fr 1.15fr 1fr auto}.membership-editor-form{align-items:end;display:grid;gap:.75rem;grid-template-columns:1.7fr 1fr auto}.professional-editor-form label,.membership-editor-form label{color:#334155;font-size:.75rem;font-weight:700}.professional-editor-form label .form-control,.professional-editor-form label .form-select,.membership-editor-form label .form-control,.membership-editor-form label .form-select{font-weight:400;margin-top:.35rem}.professional-delete{height:auto;margin-top:.6rem;padding:.4rem .65rem;width:auto}.professional-editor-add{border-top:1px dashed #cbd5e1;margin-top:1rem;padding-top:1rem}.professional-editor-add h6{font-weight:800}@media(max-width:960px){.professional-editor-form,.membership-editor-form{grid-template-columns:1fr 1fr}.professional-editor-form .btn-pbu,.membership-editor-form .btn-pbu{grid-column:1/-1}}@media(max-width:600px){.professional-editor-form,.membership-editor-form{grid-template-columns:1fr}}
.qualification-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.qualification-heading h3,.qualification-heading h5{margin:0}.qualification-heading p{color:#64748b;font-size:.85rem;margin:.35rem 0 0}.qualification-heading>span{background:#eef2ff;border-radius:999px;color:#4338ca;font-size:.75rem;font-weight:700;padding:.45rem .7rem;white-space:nowrap}.qualification-records{display:grid;gap:1rem}.qualification-record{background:#f8fafc;border:1px solid #dbe4f0;border-radius:16px;padding:1rem;position:relative}.qualification-record-title{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.qualification-record-title>i{align-items:center;background:#e8efff;border-radius:12px;color:#2563eb;display:flex;font-size:1.15rem;height:42px;justify-content:center;width:42px}.qualification-record-title>div{display:flex;flex:1;flex-direction:column}.qualification-record-title small{color:#64748b}.qualification-form-grid{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.qualification-field label{color:#334155;display:block;font-size:.78rem;font-weight:700;margin:0 0 .38rem}.qualification-save{margin-top:1rem}.qualification-delete{margin-top:.65rem;padding:.45rem .7rem;width:auto}.qualification-add{border-top:1px solid #e2e8f0;margin-top:1.25rem;padding-top:1.25rem}.qualification-add h6{font-weight:800;margin-bottom:1rem}@media(max-width:768px){.qualification-form-grid{grid-template-columns:1fr}.qualification-heading{align-items:flex-start}}
.estaf-tab-certification,.estaf-tab-membership{grid-template-columns:1fr}.professional-editor-heading{align-items:center}.professional-editor-heading h5{font-size:1.05rem!important;margin:0!important}.professional-editor-heading>span{background:#eef2ff;border-radius:999px;color:#4338ca;font-weight:700;padding:.42rem .7rem}.professional-column-head{background:#0b2d5c;border-radius:9px;color:#fff;font-size:.7rem;font-weight:750;margin-bottom:.7rem;padding:.65rem .9rem}.professional-editor-record{background:#f8fafc;border-color:#d6e0ed;padding:1rem}.professional-editor-record form{border-top:0!important;padding-top:0!important}.professional-editor-form label,.membership-editor-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.72rem}.professional-editor-form .form-control,.professional-editor-form .form-select,.membership-editor-form .form-control,.membership-editor-form .form-select{min-height:43px}.professional-editor-record>form:last-child{display:flex;justify-content:flex-end}.professional-delete{align-items:center!important;background:#fff1f2!important;border:1px solid #fecdd3!important;border-radius:8px!important;color:#dc2626!important;display:inline-flex!important;gap:.35rem;height:36px!important;margin-top:.7rem!important;padding:.45rem .75rem!important;width:auto!important}.professional-delete:hover{background:#dc2626!important;color:#fff!important}.professional-editor-add{background:#fbfcff;border:1px dashed #b9c7dc;border-radius:14px;margin-top:1rem;padding:1rem}.professional-editor-add h6{margin-bottom:.9rem}.professional-editor-add .btn-pbu,.professional-editor-record .btn-pbu{justify-content:center;min-height:43px;min-width:96px}@media(max-width:960px){.professional-editor-form,.membership-editor-form{grid-template-columns:1fr 1fr}.professional-editor-form .btn-pbu,.membership-editor-form .btn-pbu{grid-column:1/-1}}@media(max-width:600px){.professional-editor-form,.membership-editor-form{grid-template-columns:1fr}.professional-editor-form .btn-pbu,.membership-editor-form .btn-pbu{grid-column:auto}}
.estaf-tab-management{grid-template-columns:1fr}.management-editor-heading{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.management-editor-heading span{color:#6d3fe8;font-size:.6rem;font-weight:800;letter-spacing:.1em}.management-editor-heading h5{margin:.2rem 0!important}.management-editor-heading p{color:#64748b;font-size:.72rem;margin:0}.management-editor-heading>strong{background:#f1edff;border-radius:999px;color:#6337ac;font-size:.68rem;padding:.45rem .75rem}.management-table-head,.management-role-view{align-items:center;display:grid;gap:.75rem;grid-template-columns:.6fr 1.35fr 2fr .85fr 82px}.management-table-head{background:#0b2d5c;border-radius:9px;color:#fff;font-size:.68rem;font-weight:750;padding:.65rem .9rem}.management-role-list{display:grid;gap:.65rem;margin-top:.65rem}.management-role-record{background:#f8fafc;border:1px solid #dbe4f0;border-radius:12px;padding:.85rem}.management-role-record form{border-top:0!important;padding-top:0!important}.management-role-view{font-size:.74rem}.management-role-view>strong{color:#245bb7}.management-level{background:#edf5ff;border-radius:999px;color:#245bb7;font-size:.65rem;font-weight:700;padding:.35rem .55rem;text-align:center}.management-edit-button{background:#eaf2ff;border:0;border-radius:8px;color:#155eef;font-size:.7rem;font-weight:750;padding:.55rem}.management-edit-button:hover{background:#155eef;color:#fff}.management-role-form{align-items:end;display:grid;gap:.75rem;grid-template-columns:.65fr 1.35fr 2fr .9fr auto}.management-role-form label{color:#334155;font-size:.7rem;font-weight:700}.management-role-form .form-control,.management-role-form .form-select{margin-top:.35rem;min-height:42px}.management-form-actions{display:flex;gap:.4rem}.management-delete-form{display:flex;justify-content:flex-end}.management-add{background:#fbfcff;border:1px dashed #b9c7dc;border-radius:14px;margin-top:1rem;padding:1rem}.management-add h6{font-weight:800;margin-bottom:.8rem}.management-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;padding:2rem}.management-empty i{font-size:1.7rem}.management-empty p{margin:.5rem 0 0}@media(max-width:1000px){.management-table-head{display:none}.management-role-view,.management-role-form{grid-template-columns:1fr 1fr}.management-role-view>span:nth-child(3){grid-column:1/-1}.management-form-actions,.management-role-form>.btn-pbu{grid-column:1/-1}}@media(max-width:600px){.management-role-view,.management-role-form{grid-template-columns:1fr}.management-role-view>span:nth-child(3),.management-form-actions,.management-role-form>.btn-pbu{grid-column:auto}}
.estaf-existing-record-card{background:linear-gradient(145deg,#f8fbff,#f3f7fc)!important;border:1px solid #d7e3f1!important;box-shadow:0 4px 12px rgba(15,35,71,.035);position:relative}.estaf-existing-record-card:before{content:"Maklumat Sedia Ada";display:inline-flex;margin-bottom:.75rem;padding:.3rem .55rem;border-radius:999px;background:#e8f1ff;color:#1d5fc4;font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.estaf-new-record-card{background:linear-gradient(145deg,#fffaf2,#fff3e4)!important;border:1px dashed #f3ad5c!important;border-radius:14px!important;box-shadow:0 7px 18px rgba(234,108,10,.06);margin-top:1rem!important;padding:1rem!important;position:relative}.estaf-new-record-card:before{content:"Tambah Maklumat Baharu";display:inline-flex;margin-bottom:.75rem;padding:.32rem .58rem;border-radius:999px;background:#ffead1;color:#c75507;font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.estaf-new-record-card h6{color:#9a4308}.estaf-new-record-card .btn-pbu{background:linear-gradient(135deg,#fb923c,#ea580c);border-color:#ea580c;box-shadow:0 5px 12px rgba(234,88,12,.16)}.estaf-tab-teaching>.panel>form.estaf-new-record-card{border-top:1px dashed #f3ad5c!important}.estaf-tab-teaching>.panel>.list-row{background:linear-gradient(145deg,#f8fbff,#f3f7fc);border-color:#d7e3f1}.admin-add-record{background:linear-gradient(145deg,#fffaf2,#fff3e4)!important;border-color:#f3ad5c!important}.admin-add-record:before{content:"Tambah Baharu";align-self:center;color:#c75507;font-size:.58rem;font-weight:800}.admin-inline-record{background:linear-gradient(145deg,#f8fbff,#f3f7fc)!important;border-color:#d7e3f1!important}@media(max-width:600px){.estaf-existing-record-card:before,.estaf-new-record-card:before{font-size:.54rem}}
.estaf-tab-experience{grid-template-columns:1fr}.experience-heading{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.experience-heading span{color:#6d3fe8;font-size:.6rem;font-weight:800;letter-spacing:.1em}.experience-heading h5{margin:.2rem 0!important}.experience-heading p{color:#64748b;font-size:.72rem;margin:0}.experience-heading>strong{background:#f1edff;border-radius:999px;color:#6337ac;font-size:.68rem;padding:.45rem .75rem}.experience-table-head,.experience-view{align-items:center;display:grid;gap:.7rem;grid-template-columns:.72fr .72fr 1.8fr 1.05fr 1fr 76px}.experience-table-head{background:#0b2d5c;border-radius:9px;color:#fff;font-size:.65rem;font-weight:750;padding:.65rem .85rem}.experience-list{display:grid;gap:.7rem;margin-top:.7rem}.experience-record{border-radius:12px;padding:.9rem}.experience-record:before{margin-bottom:.7rem}.experience-record form{border-top:0!important;padding-top:0!important}.experience-view{font-size:.7rem}.experience-view time{color:#245bb7;font-weight:700}.experience-view>strong{font-size:.72rem}.experience-status{background:#eaf7ee;border-radius:999px;color:#168346;font-size:.62rem;font-weight:750;padding:.35rem .5rem;text-align:center}.experience-edit-button{background:#eaf2ff;border:0;border-radius:8px;color:#155eef;font-size:.68rem;font-weight:750;padding:.55rem}.experience-edit-button:hover{background:#155eef;color:#fff}.experience-form{align-items:end;display:grid;gap:.7rem;grid-template-columns:.8fr .8fr 1.7fr 1.05fr 1fr auto}.experience-form label{color:#334155;font-size:.68rem;font-weight:700}.experience-form .form-control{margin-top:.35rem;min-height:42px}.experience-form small{color:#7b8aa0;display:block;font-size:.55rem;margin-top:.25rem}.experience-actions{display:flex;gap:.4rem}.experience-delete{display:flex;justify-content:flex-end}.experience-add{margin-top:1rem}.experience-add h6{font-weight:800;margin-bottom:.8rem}@media(max-width:1100px){.experience-table-head{display:none}.experience-view,.experience-form{grid-template-columns:1fr 1fr}.experience-view>span:nth-child(3),.experience-form>label:nth-child(3){grid-column:1/-1}.experience-actions,.experience-form>.btn-pbu{grid-column:1/-1}}@media(max-width:600px){.experience-view,.experience-form{grid-template-columns:1fr}.experience-view>span:nth-child(3),.experience-form>label:nth-child(3),.experience-actions,.experience-form>.btn-pbu{grid-column:auto}}
.estaf-tab-conference{grid-template-columns:1fr}.conference-heading{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.conference-heading span{color:#6d3fe8;font-size:.6rem;font-weight:800;letter-spacing:.1em}.conference-heading h5{margin:.2rem 0!important}.conference-heading p{color:#64748b;font-size:.72rem;margin:0}.conference-heading>strong{background:#f1edff;border-radius:999px;color:#6337ac;font-size:.68rem;padding:.45rem .75rem}.conference-table-head,.conference-view{align-items:center;display:grid;gap:.7rem;grid-template-columns:36px 1.7fr 1.15fr .8fr 1.2fr 76px}.conference-table-head{background:#0b2d5c;border-radius:9px;color:#fff;font-size:.64rem;font-weight:750;padding:.65rem .8rem}.conference-list{display:grid;gap:.7rem;margin-top:.7rem}.conference-record{border-radius:12px;padding:.9rem}.conference-record form{border-top:0!important;padding-top:0!important}.conference-view{font-size:.7rem}.conference-view>b{color:#245bb7;text-align:center}.conference-view>strong{font-size:.72rem}.conference-edit-button{background:#eaf2ff;border:0;border-radius:8px;color:#155eef;font-size:.68rem;font-weight:750;padding:.55rem}.conference-edit-button:hover{background:#155eef;color:#fff}.conference-form{align-items:end;display:grid;gap:.7rem;grid-template-columns:1.7fr 1.1fr .85fr 1.2fr auto}.conference-form label{color:#334155;font-size:.68rem;font-weight:700}.conference-form .form-control{margin-top:.35rem;min-height:42px}.conference-actions{display:flex;gap:.4rem}.conference-delete{display:flex;justify-content:flex-end}.conference-add{margin-top:1rem}.conference-add h6{font-weight:800;margin-bottom:.8rem}@media(max-width:1100px){.conference-table-head{display:none}.conference-view,.conference-form{grid-template-columns:1fr 1fr}.conference-view>strong,.conference-form>label:first-child{grid-column:1/-1}.conference-actions,.conference-form>.btn-pbu{grid-column:1/-1}}@media(max-width:600px){.conference-view,.conference-form{grid-template-columns:1fr}.conference-view>strong,.conference-form>label:first-child,.conference-actions,.conference-form>.btn-pbu{grid-column:auto}}
.estaf-tab-output{grid-template-columns:1fr}.output-heading{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.output-heading span{color:#6d3fe8;font-size:.6rem;font-weight:800;letter-spacing:.1em}.output-heading h5{margin:.2rem 0!important}.output-heading p{color:#64748b;font-size:.72rem;margin:0}.output-heading>strong{background:#f1edff;border-radius:999px;color:#6337ac;font-size:.68rem;padding:.45rem .75rem}.output-table-head,.output-view{align-items:center;display:grid;gap:.7rem;grid-template-columns:36px 1.65fr .75fr 1.1fr 1.25fr 76px}.output-table-head{background:#0b2d5c;border-radius:9px;color:#fff;font-size:.62rem;font-weight:750;padding:.65rem .8rem}.output-list{display:grid;gap:.7rem;margin-top:.7rem}.output-record{border-radius:12px;padding:.9rem}.output-record form{border-top:0!important;padding-top:0!important}.output-view{font-size:.68rem}.output-view>b{color:#245bb7;text-align:center}.output-view>div{display:flex;flex-direction:column;gap:.2rem}.output-view>div small{color:#6d3fe8;font-size:.55rem;font-weight:800;text-transform:uppercase}.output-view>div strong{font-size:.72rem}.output-edit-button{background:#eaf2ff;border:0;border-radius:8px;color:#155eef;font-size:.68rem;font-weight:750;padding:.55rem}.output-edit-button:hover{background:#155eef;color:#fff}.output-form{align-items:end;display:grid;gap:.7rem;grid-template-columns:.85fr 1.45fr .75fr 1.1fr 1.2fr auto}.output-form label{color:#334155;font-size:.66rem;font-weight:700}.output-form .form-control,.output-form .form-select{margin-top:.35rem;min-height:42px}.output-actions{display:flex;gap:.4rem}.output-delete{display:flex;justify-content:flex-end}.output-add{margin-top:1rem}.output-add h6{font-weight:800;margin-bottom:.8rem}@media(max-width:1150px){.output-table-head{display:none}.output-view,.output-form{grid-template-columns:1fr 1fr}.output-view>div,.output-form>label:nth-child(2){grid-column:1/-1}.output-actions,.output-form>.btn-pbu{grid-column:1/-1}}@media(max-width:600px){.output-view,.output-form{grid-template-columns:1fr}.output-view>div,.output-form>label:nth-child(2),.output-actions,.output-form>.btn-pbu{grid-column:auto}}
.estaf-internal-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible!important;padding:10px}.estaf-internal-tabs button{justify-content:flex-start!important;min-width:0;padding:10px 12px!important}.estaf-internal-tabs button i{flex:none}.admin-profile-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible!important}.admin-profile-tabs button{justify-content:flex-start;min-width:0;white-space:normal!important}.estaf-tab-menu-note{color:#718096;font-size:.62rem;margin:-13px 3px 18px}.estaf-internal-tabs button.active{position:relative}.estaf-internal-tabs button.active:after{background:#fff;border-radius:99px;bottom:6px;content:"";height:3px;left:38px;position:absolute;right:12px}@media(max-width:1180px){.estaf-internal-tabs,.admin-profile-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.estaf-internal-tabs,.admin-profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.estaf-internal-tabs button:last-child,.admin-profile-tabs button:last-child{grid-column:auto!important}.estaf-internal-tabs button,.admin-profile-tabs button{font-size:.67rem!important;padding:9px!important}.estaf-internal-tabs button.active:after{left:31px;right:9px}}
.estaf-tab-consultancy{grid-template-columns:1fr}.consultancy-heading{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.consultancy-heading span{color:#6d3fe8;font-size:.6rem;font-weight:800;letter-spacing:.1em}.consultancy-heading h5{margin:.2rem 0!important}.consultancy-heading p{color:#64748b;font-size:.72rem;margin:0}.consultancy-heading>strong{background:#f1edff;border-radius:999px;color:#6337ac;font-size:.68rem;padding:.45rem .75rem}.consultancy-table-head,.consultancy-view{align-items:center;display:grid;gap:.7rem;grid-template-columns:36px 1.55fr .9fr 1.25fr 1.15fr 76px}.consultancy-table-head{background:#0b2d5c;border-radius:9px;color:#fff;font-size:.64rem;font-weight:750;padding:.65rem .8rem}.consultancy-list{display:grid;gap:.7rem;margin-top:.7rem}.consultancy-record{border-radius:12px;padding:.9rem}.consultancy-record form{border-top:0!important;padding-top:0!important}.consultancy-view{font-size:.69rem}.consultancy-view>b{color:#245bb7;text-align:center}.consultancy-view>strong{font-size:.72rem}.consultancy-edit-button{background:#eaf2ff;border:0;border-radius:8px;color:#155eef;font-size:.68rem;font-weight:750;padding:.55rem}.consultancy-edit-button:hover{background:#155eef;color:#fff}.consultancy-form{align-items:end;display:grid;gap:.7rem;grid-template-columns:1.5fr .9fr 1.2fr 1.15fr auto}.consultancy-form label{color:#334155;font-size:.68rem;font-weight:700}.consultancy-form .form-control{margin-top:.35rem;min-height:42px}.consultancy-actions{display:flex;gap:.4rem}.consultancy-delete{display:flex;justify-content:flex-end}.consultancy-add{margin-top:1rem}.consultancy-add h6{font-weight:800;margin-bottom:.8rem}@media(max-width:1050px){.consultancy-table-head{display:none}.consultancy-view,.consultancy-form{grid-template-columns:1fr 1fr}.consultancy-view>strong,.consultancy-form>label:first-child{grid-column:1/-1}.consultancy-actions,.consultancy-form>.btn-pbu{grid-column:1/-1}}@media(max-width:600px){.consultancy-view,.consultancy-form{grid-template-columns:1fr}.consultancy-view>strong,.consultancy-form>label:first-child,.consultancy-actions,.consultancy-form>.btn-pbu{grid-column:auto}}
.estaf-tab-award{grid-template-columns:1fr}.award-heading{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.award-heading span{color:#6d3fe8;font-size:.6rem;font-weight:800;letter-spacing:.1em}.award-heading h5{margin:.2rem 0!important}.award-heading p{color:#64748b;font-size:.72rem;margin:0}.award-heading>strong{background:#f1edff;border-radius:999px;color:#6337ac;font-size:.68rem;padding:.45rem .75rem}.award-table-head,.award-view{align-items:center;display:grid;gap:.7rem;grid-template-columns:40px .65fr 2.2fr 1fr 76px}.award-table-head{background:#0b2d5c;border-radius:9px;color:#fff;font-size:.66rem;font-weight:750;padding:.65rem .85rem}.award-list{display:grid;gap:.7rem;margin-top:.7rem}.award-record{border-radius:12px;padding:.9rem}.award-record form{border-top:0!important;padding-top:0!important}.award-view{font-size:.7rem}.award-view>b{color:#245bb7;text-align:center}.award-view>strong{color:#245bb7}.award-level{background:#fff4df;border-radius:999px;color:#b75c08;font-size:.62rem;font-weight:750;padding:.35rem .5rem;text-align:center}.award-edit-button{background:#eaf2ff;border:0;border-radius:8px;color:#155eef;font-size:.68rem;font-weight:750;padding:.55rem}.award-edit-button:hover{background:#155eef;color:#fff}.award-form{align-items:end;display:grid;gap:.7rem;grid-template-columns:.7fr 2fr 1fr auto}.award-form label{color:#334155;font-size:.68rem;font-weight:700}.award-form .form-control,.award-form .form-select{margin-top:.35rem;min-height:42px}.award-actions{display:flex;gap:.4rem}.award-delete{display:flex;justify-content:flex-end}.award-add{margin-top:1rem}.award-add h6{font-weight:800;margin-bottom:.8rem}@media(max-width:850px){.award-table-head{display:none}.award-view,.award-form{grid-template-columns:1fr 1fr}.award-view>span:nth-child(3),.award-form>label:nth-child(2){grid-column:1/-1}.award-actions,.award-form>.btn-pbu{grid-column:1/-1}}@media(max-width:600px){.award-view,.award-form{grid-template-columns:1fr}.award-view>span:nth-child(3),.award-form>label:nth-child(2),.award-actions,.award-form>.btn-pbu{grid-column:auto}}
.professional-table-heading{align-items:center!important;display:flex!important}.professional-table-heading>div{flex:1}.professional-table-heading>div>span{color:#6d3fe8;font-size:.6rem;font-weight:800;letter-spacing:.1em}.professional-table-heading h5{margin:.18rem 0!important}.professional-table-heading p{color:#64748b;font-size:.7rem;margin:0}.professional-table-heading>strong{background:#f1edff;border-radius:999px;color:#6337ac;font-size:.66rem;padding:.45rem .75rem}.professional-table-head,.qualification-table-head{align-items:center;background:#0b2d5c;border-radius:9px;color:#fff;display:grid;font-size:.64rem;font-weight:750;gap:.7rem;margin-bottom:.7rem;padding:.68rem .85rem}.professional-table-head.certification{grid-template-columns:1.35fr 1fr 1.15fr 1fr 96px}.professional-table-head.membership{grid-template-columns:1.7fr 1fr 96px}.qualification-table-head{grid-template-columns:1.15fr 1.5fr 1.25fr .65fr 96px}.standard-table-empty{align-items:center;color:#93a4c3;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;min-height:135px;padding:1.5rem;text-align:center}.standard-table-empty i{font-size:1.65rem}.standard-table-empty p{margin:.55rem 0 0}.qualification-records:has(.standard-table-empty),.professional-editor-list:has(.standard-table-empty){display:block}@media(max-width:950px){.professional-table-head,.qualification-table-head{display:none}}
.task-cycle-filter{align-items:end;background:#fff;border:1px solid #dce5f0;border-radius:14px;display:grid;gap:12px;grid-template-columns:minmax(260px,1fr) 160px auto auto;margin-bottom:16px;padding:14px}.task-cycle-filter label{font-size:.68rem;font-weight:750}.task-cycle-filter label select{margin-top:5px}.task-cycle-filter>div{display:flex;flex-direction:column}.task-cycle-filter>div small{color:#718096;font-size:.58rem}.task-cycle-filter>div strong{font-size:.7rem}.task-empty-year{text-align:center}.task-empty-year>i{color:#7c3aed;font-size:2rem}.department-task-chart{display:grid;gap:16px}.task-branch{background:#fff;border:1px solid #dbe4ef;border-radius:17px;overflow:hidden}.task-branch>header{align-items:center;background:linear-gradient(105deg,#dfeeff,#f8fbff);border-left:5px solid #1769e8;display:flex;justify-content:space-between;padding:18px 21px}.task-branch>header small,.task-subunit-title small{color:#5d46a2;font-size:.58rem;font-weight:800;letter-spacing:.08em}.task-branch h2{font-size:1.05rem;margin:3px 0}.task-branch>header p{color:#64748b;font-size:.68rem;margin:0}.task-branch>header>span{background:#fff;border-radius:99px;color:#245bb7;font-size:.64rem;font-weight:800;padding:6px 9px}.task-subunits{display:grid;gap:10px;padding:12px}.task-subunits>article{border:1px solid #dce5ef;border-radius:13px;padding:13px}.task-subunit-title{align-items:center;display:flex;justify-content:space-between}.task-subunit-title h3{font-size:.86rem;margin:2px 0}.task-subunit-title time,.task-record-audit{color:#7b8aa0;font-size:.56rem}.task-assignment-list{display:grid;gap:8px;margin-top:10px}.task-assignment{align-items:flex-start;background:#f7faff;border:1px solid #e0e8f3;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:11px}.task-assignment>div{display:flex;flex:1;flex-direction:column}.task-assignment span{color:#6d3fe8;font-size:.58rem;font-weight:800;text-transform:uppercase}.task-assignment strong{font-size:.76rem;margin:2px 0}.task-assignment p{color:#40516c;font-size:.68rem;margin:3px 0}.task-assignment small{color:#7b8aa0;font-size:.56rem}.task-assignment details{min-width:72px}.task-assignment summary,.task-add-assignment summary{color:#155eef;cursor:pointer;font-size:.65rem;font-weight:750}.task-assignment form,.task-add-assignment form{display:grid;gap:7px;margin-top:8px;min-width:300px}.task-add-assignment{background:#fffaf2;border:1px dashed #f3ad5c;border-radius:10px;margin-top:10px;padding:10px}.task-structure-admin{margin-top:16px}.task-structure-admin h3{font-size:.9rem}.task-structure-admin form{display:grid;gap:8px;grid-template-columns:1fr 1.2fr 1.4fr .5fr auto}.task-correction-form{background:#fffaf2;border:1px dashed #f3ad5c;border-radius:10px;display:grid;gap:8px;grid-template-columns:1fr 1.5fr auto;margin-top:10px;padding:10px}.task-correction-form label{font-size:.66rem;font-weight:700}@media(max-width:900px){.task-cycle-filter,.task-structure-admin form{grid-template-columns:1fr 1fr}.task-subunit-title{align-items:flex-start;flex-direction:column}.task-correction-form{grid-template-columns:1fr}}@media(max-width:600px){.task-cycle-filter,.task-structure-admin form{grid-template-columns:1fr}.task-assignment{flex-direction:column}.task-assignment form{min-width:0;width:100%}}

/* Keep every e-Staf menu visible without reducing its text size. */
.estaf-nav{align-items:start;display:grid;grid-template-columns:205px minmax(0,1fr);gap:16px;height:auto}.estaf-brand{min-width:0}.estaf-nav-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:6px;min-width:0;overflow:visible;width:100%}.estaf-nav-links a{align-items:center;gap:7px;justify-content:flex-start;min-height:44px;padding:10px 12px;font-size:.76rem;line-height:1.3;white-space:normal}.estaf-nav-divider{display:none}
@media(max-width:1100px){.estaf-nav{grid-template-columns:1fr}.estaf-nav-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.estaf-nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}.estaf-nav-links a{font-size:.74rem}}
@media(max-width:430px){.estaf-nav-links{grid-template-columns:1fr}}
.organization-hub-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px}.organization-tree{align-self:start;position:sticky;top:92px}.tree-root>a,.tree-child>a,.tree-sub{align-items:center;border-radius:8px;color:var(--pbu-text);display:flex;font-size:.72rem;font-weight:750;gap:7px;margin:3px 0;padding:8px}.tree-child{border-left:1px solid #dce5f0;margin-left:10px;padding-left:10px}.tree-sub{color:var(--pbu-muted);font-size:.65rem;margin-left:14px}.organization-tree a:hover{background:#eef4ff;color:var(--pbu-blue)}.directory-position-search{align-items:center;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(160px,1fr))}.directory-search-main{grid-column:1/-1;position:relative}.directory-search-main i{color:#718096;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.directory-search-main input{border:1px solid #dce4ef;border-radius:10px;font-size:.78rem;height:46px;padding:0 14px 0 42px;width:100%}@media(max-width:1000px){.organization-hub-grid{grid-template-columns:1fr}.organization-tree{position:static}.directory-position-search{grid-template-columns:1fr 1fr}}@media(max-width:600px){.directory-position-search{grid-template-columns:1fr}.directory-search-main{grid-column:auto}}

/* Kad hasil carian Tugas & Jawatan */
.staff-duty-results{display:grid;gap:12px;margin-top:14px}.staff-duty-card{display:grid;grid-template-columns:68px minmax(190px,1.15fr) repeat(3,minmax(150px,1fr));align-items:start;gap:0;padding:17px 18px;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.staff-duty-card:hover{border-color:#d6c8ed;box-shadow:0 10px 28px rgba(76,29,149,.08)}
.staff-duty-card>img{width:58px;height:58px;object-fit:cover;object-position:center;border-radius:14px;background:#eef1f7;border:1px solid #e1e6ee;box-shadow:0 4px 12px rgba(15,35,71,.07)}
.staff-duty-identity{min-width:0;padding:0 18px 0 4px}.staff-duty-identity>span{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#f1ebfc;color:#6538bb;font-size:.52rem;font-weight:800;letter-spacing:.06em}.staff-duty-identity h2{margin:6px 0 4px;font-size:.86rem;line-height:1.3;font-weight:800;letter-spacing:-.01em}.staff-duty-identity p{margin:0 0 8px;color:#69778c;font-size:.62rem}.staff-duty-identity>a{display:inline-flex;align-items:center;margin:2px 10px 0 0;color:#5b35a5;font-size:.61rem;font-weight:750}.staff-duty-identity>a:hover{color:#3d247b;text-decoration:underline}
.staff-duty-column{min-width:0;min-height:74px;padding:1px 16px;border-left:1px solid #e9edf3;display:flex;flex-direction:column;align-items:flex-start}.staff-duty-column>small{min-height:25px;margin-bottom:7px;color:#7a6d91;font-size:.52rem;line-height:1.35;font-weight:800;letter-spacing:.055em}.staff-duty-column>strong{color:#172743;font-size:.68rem;line-height:1.4;font-weight:750}.staff-duty-column>span{margin-top:3px;color:#718096;font-size:.6rem;line-height:1.4}.staff-duty-column>strong:not(:first-of-type){margin-top:8px;padding-top:8px;border-top:1px dashed #e4e8ef;width:100%}
@media(max-width:1250px){.staff-duty-card{grid-template-columns:62px minmax(180px,1fr) repeat(2,minmax(150px,1fr))}.staff-duty-column:last-child{grid-column:2/-1;margin-top:13px;padding:13px 0 0;border-left:0;border-top:1px solid #e9edf3;min-height:0}}
@media(max-width:850px){.staff-duty-card{grid-template-columns:58px 1fr}.staff-duty-card>img{width:52px;height:52px;border-radius:12px}.staff-duty-identity{padding:0 0 14px 3px}.staff-duty-column,.staff-duty-column:last-child{grid-column:1/-1;min-height:0;margin:0;padding:12px 0;border-left:0;border-top:1px solid #e9edf3}.staff-duty-column>small{min-height:0;margin-bottom:5px}}

/* Profil ringkas dua kolum dan tab tugas */
.staff-duty-card{display:block;padding:0;font-size:.75rem;border-color:#ddd4ed;background:#fff;box-shadow:0 8px 26px rgba(76,29,149,.07)}.staff-duty-summary{position:relative;display:grid;grid-template-columns:126px minmax(0,1fr);gap:22px;padding:22px;background:linear-gradient(115deg,#faf8ff 0%,#fff 43%,#fcfbff 100%)}.staff-duty-summary:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#8b5cf6,#5b21b6);border-radius:16px 0 0 0}.staff-duty-photo-wrap{display:flex;justify-content:center}.staff-duty-photo-wrap img{width:112px;height:132px;object-fit:cover;object-position:center;border-radius:15px;background:#eef1f7;border:2px solid #d9cef0;box-shadow:0 8px 20px rgba(76,29,149,.12)}
.staff-duty-overview{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.staff-duty-type{display:inline-flex;padding:5px 8px;border-radius:999px;background:#ede4ff;color:#6538bb;font-size:.625rem;line-height:1;font-weight:800;letter-spacing:.05em}.staff-duty-overview h2{margin:8px 0 7px;color:#17102b;font-size:1rem;line-height:1.35;font-weight:800;letter-spacing:-.01em}.staff-duty-meta{display:flex;flex-wrap:wrap;gap:7px 15px;color:#655d75;font-size:.75rem;line-height:1.45}.staff-duty-meta span{display:inline-flex;align-items:center;gap:6px}.staff-duty-meta i{color:#7c3aed}.staff-duty-position{width:100%;margin-top:16px;padding:13px 15px;border:1px solid #e3daf2;border-radius:11px;background:linear-gradient(90deg,#f4effc,#faf8fe);display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:3px 16px}.staff-duty-position small{grid-row:1/3;color:#6d3f9c;font-size:.625rem;line-height:1.4;font-weight:800;letter-spacing:.06em}.staff-duty-position strong{color:#25143f;font-size:.875rem;line-height:1.4}.staff-duty-position span{color:#746783;font-size:.75rem}.staff-duty-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.staff-duty-actions a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #cfc0e7;border-radius:8px;background:#f4effc;color:#59378a;font-size:.6875rem;font-weight:700}.staff-duty-actions a:hover{border-color:#a98bd5;background:#e9def8;color:#41236e}
.staff-duty-role-title{margin-top:2px;color:#4c1d95;font-size:1.15rem;line-height:1.35;font-weight:800}.staff-duty-role-title span{color:#6d3fe8}.staff-duty-contact{width:100%;margin:14px 0 0;padding:13px 15px;border:1px solid #e3daf2;border-radius:11px;background:linear-gradient(90deg,#f4effc,#faf8fe);display:grid;gap:8px}.staff-duty-contact>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:start}.staff-duty-contact dt{color:#6d3f9c;font-size:.6875rem;font-weight:750}.staff-duty-contact dt:after{content:" :"}.staff-duty-contact dd{margin:0;color:#3e3450;font-size:.75rem;line-height:1.45;overflow-wrap:anywhere}.staff-duty-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.staff-duty-actions a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #cfc0e7;border-radius:8px;background:#f4effc;color:#59378a;font-size:.6875rem;font-weight:700}.staff-duty-actions a:hover{border-color:#a98bd5;background:#e9def8;color:#41236e}
.staff-duty-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px;background:#f6f4f9;border-top:1px solid #e8e2f0}.staff-duty-tabs button{min-height:48px;border:1px solid transparent;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:.75rem;font-weight:750;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.staff-duty-tabs button:hover{transform:translateY(-1px)}.staff-duty-tabs button i{font-size:.875rem}.staff-duty-tabs button b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:.625rem;transition:background .18s ease,color .18s ease}
.staff-duty-tabs button:first-child{color:#5b2fb3;background:#f5f0ff;border-color:#dfd2f6}.staff-duty-tabs button:first-child b{background:#e5d9fa;color:#5b2fb3}.staff-duty-tabs button:first-child:hover{background:#ece2ff;border-color:#cbb6ee}.staff-duty-tabs button:first-child.is-active{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#6d28d9;box-shadow:0 7px 17px rgba(109,40,217,.2)}.staff-duty-tabs button:first-child.is-active b{background:#fff;color:#6d28d9}
.staff-duty-tabs button:nth-child(2){color:#6d28d9;background:linear-gradient(135deg,#f6f0ff,#fff8d7);border-color:#dacaf7}.staff-duty-tabs button:nth-child(2) b{background:#eee3ff;color:#6d28d9}.staff-duty-tabs button:nth-child(2):hover{background:linear-gradient(135deg,#eee3ff,#fff1ad);border-color:#c8afea}.staff-duty-tabs button:nth-child(2).is-active{color:#fff;background:linear-gradient(135deg,#6d28d9,#9333ea 58%,#fbbf24);border-color:#7e22ce;box-shadow:0 8px 19px rgba(109,40,217,.25)}.staff-duty-tabs button:nth-child(2).is-active b{background:#fff;color:#6d28d9}
.staff-duty-tab-panel{padding:16px 22px 20px;background:#fff}.staff-duty-tab-panel[hidden]{display:none}.staff-duty-record{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #edf0f4}.staff-duty-record:last-child{border-bottom:0}.staff-duty-record>i{width:36px;height:36px;border-radius:10px;background:#f1ebfc;color:#6d3fe8;display:grid;place-items:center;font-size:.925rem}.staff-duty-record div{display:flex;flex-direction:column;gap:4px}.staff-duty-record strong{color:#111827;font-size:.84rem;font-weight:800;line-height:1.4}.staff-duty-record span{color:#5f6f86;font-size:.78rem;font-weight:550;line-height:1.45}.staff-duty-empty{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;color:#7b8798;font-size:.75rem}.staff-duty-empty i{font-size:1rem;color:#9a86bd}
@media(max-width:900px){.staff-duty-summary{grid-template-columns:100px 1fr}.staff-duty-photo-wrap img{width:88px;height:108px}}
.duty-structure-builder{margin-top:24px;overflow:hidden}.duty-department-filter{display:flex;max-width:620px;margin:0 0 18px}.duty-department-filter label{display:grid;width:100%;gap:7px;color:#526178;font-size:.7rem;font-weight:800}.duty-root-creator{margin-bottom:18px;padding:12px;border:1px solid #ddcff2;border-radius:13px;background:linear-gradient(135deg,#f7f2ff,#fff9dc)}.duty-root-creator summary,.duty-node-tools>summary{cursor:pointer;color:#6d28d9;font-size:.72rem;font-weight:850}.duty-root-creator form,.duty-node-tools>div>form,.duty-position-row>form,.duty-position-row details form{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-top:11px}.duty-structure-tree{display:grid;gap:18px}.duty-node{margin-left:calc(min(var(--duty-depth),6)*18px);padding:15px;border:1px solid #e1d8ec;border-left:4px solid color-mix(in srgb,#6d28d9 calc(82% - min(var(--duty-depth),6)*8%),#fbbf24);border-radius:14px;background:linear-gradient(135deg,#fff,#fcf9ff);box-shadow:0 7px 20px rgba(68,42,100,.06)}.duty-node>.duty-node{margin-top:14px}.duty-node>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.duty-node>header span{color:#7c3aed;font-size:.56rem;font-weight:900;letter-spacing:.08em}.duty-node>header h3{margin:4px 0;color:#241437;font-size:.92rem}.duty-node>header p{margin:0;color:#748096;font-size:.67rem}.duty-node>header>small{padding:5px 8px;border-radius:999px;background:#f1e8ff;color:#6d28d9;font-size:.57rem}.duty-node-positions{display:grid;gap:10px;margin-top:12px}.duty-position-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(190px,1.2fr);gap:12px;padding:12px;border:1px solid #ece6f2;border-radius:11px;background:#fff}.duty-position-row>div>small{display:block;color:#9a7db9;font-size:.5rem;font-weight:850}.duty-position-row>div>strong{font-size:.7rem}.duty-holders{display:flex;flex-wrap:wrap;gap:6px}.duty-holders>span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:#f5efff;color:#5b21b6;font-size:.6rem;font-weight:750}.duty-holders form{display:inline}.duty-holders button{padding:0;border:0;background:transparent;color:#b42318}.duty-holders em{color:#8b95a5;font-size:.62rem}.duty-node-tools{margin-top:12px;padding-top:10px;border-top:1px dashed #ddd2e9}.duty-node-tools>div{display:grid;gap:10px}.duty-node-tools>div>form{padding:10px;border-radius:10px;background:#faf8fd}.duty-position-row>details{grid-column:1/-1}.duty-position-row>details summary{cursor:pointer;color:#6d28d9;font-size:.62rem;font-weight:800}
@media(max-width:700px){.duty-position-row{grid-template-columns:1fr}.duty-node{margin-left:calc(min(var(--duty-depth),3)*8px);padding:12px}.duty-root-creator form,.duty-node-tools>div>form{grid-template-columns:1fr}}
.department-structure-workspace{display:grid;gap:22px}.department-management-card{padding:20px;border:1px solid #d9c7f5;border-radius:18px;background:linear-gradient(135deg,#f7f1ff 0%,#fff9df 100%);box-shadow:0 12px 30px rgba(91,33,182,.09)}.department-structure-heading{display:flex;align-items:center;gap:14px;margin-bottom:17px}.department-structure-heading>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#6d28d9,#f5b51b);color:#fff;font-size:1.2rem}.department-structure-heading small,.department-section-intro small{color:#7c3aed;font-size:.58rem;font-weight:900;letter-spacing:.1em}.department-structure-heading h2,.department-section-intro h2{margin:3px 0;color:#241437;font-size:1.05rem}.department-structure-heading p{margin:0;color:#67748a;font-size:.7rem}.department-management-content>.duty-node{margin-left:0;border-left-color:#6d28d9;background:rgba(255,255,255,.88)}.department-section-workspace{display:grid;gap:14px}.department-section-tabs{display:flex;gap:10px;padding:4px 2px 8px;overflow-x:auto;scrollbar-width:thin}.department-section-tabs button{display:grid;grid-template-columns:30px minmax(165px,1fr);grid-template-areas:'number title' 'number meta';align-items:center;flex:1 0 220px;max-width:310px;gap:2px 9px;padding:12px 14px;border:1px solid #ddd4e9;border-radius:13px;background:#fff;color:#38264b;text-align:left;transition:.18s ease}.department-section-tabs button>span{grid-area:number;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f1e9ff;color:#6d28d9;font-weight:900}.department-section-tabs button>strong{grid-area:title;font-size:.7rem}.department-section-tabs button>small{grid-area:meta;color:#8490a3;font-size:.56rem}.department-section-tabs button.is-active{border-color:#7c3aed;background:linear-gradient(135deg,#6d28d9,#8b3de4 70%,#e6a91c);color:#fff;box-shadow:0 8px 20px rgba(109,40,217,.22)}.department-section-tabs button.is-active>span{background:#fff;color:#6d28d9}.department-section-tabs button.is-active>small{color:#f5eaff}.department-section-panel{padding:18px;border:1px solid #e3daed;border-radius:18px;background:#faf8fd}.department-section-panel>.duty-node{margin-left:0;border:0;background:transparent;box-shadow:none;padding:0}.department-section-panel>.duty-node>header{padding:4px 3px 15px;border-bottom:1px solid #e8e0ef}.department-section-panel>.duty-node>.duty-node-positions,.department-section-panel>.duty-node>.duty-node{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.department-section-panel .duty-node>.duty-node{margin:14px 0 0;padding:15px;background:#fff}.department-section-panel .duty-node-positions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.department-section-panel .duty-position-row{grid-template-columns:1fr;padding:14px;border-radius:13px;box-shadow:0 5px 14px rgba(68,42,100,.05)}.department-section-panel .duty-position-row:first-child{grid-column:1/-1;border-color:#d2baf4;background:linear-gradient(135deg,#f5efff,#fff)}.department-section-empty{min-height:130px;border:1px dashed #d9cbe8;border-radius:16px}@media(max-width:700px){.department-management-card,.department-section-panel{padding:13px}.department-section-tabs button{flex-basis:190px}.department-section-panel>.duty-node>.duty-node-positions,.department-section-panel>.duty-node>.duty-node{grid-template-columns:1fr}}
@media(max-width:600px){.staff-duty-summary{grid-template-columns:76px 1fr;gap:14px;padding:17px}.staff-duty-photo-wrap img{width:70px;height:86px;border-radius:12px}.staff-duty-overview h2{font-size:.875rem}.staff-duty-role-title{font-size:1rem}.staff-duty-contact{grid-column:1/-1;padding:11px}.staff-duty-contact>div{grid-template-columns:86px 1fr}.staff-duty-tabs{grid-template-columns:1fr}.staff-duty-tabs button{justify-content:flex-start;border-bottom:0;border-left:2px solid transparent;border-radius:8px}.staff-duty-tabs button.is-active{border-left-color:#6d3fe8}.staff-duty-tab-panel{padding:13px 17px 17px}}
.module-utility-link.is-active{background:rgba(255,214,90,.13);color:#ffd65a}.module-help-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:16px;align-items:start}.module-help-intro{display:flex;gap:16px;background:linear-gradient(145deg,#f5f0ff,#fff);border-color:#ded2f1}.module-help-intro>span{width:48px;height:48px;flex:none;border-radius:13px;display:grid;place-items:center;background:#e9defa;color:#6d3fe8;font-size:1.25rem}.module-help-intro h2{margin:2px 0 7px;font-size:1rem}.module-help-intro p,.module-help-intro li{color:#64748b;font-size:.72rem;line-height:1.55}.module-help-intro ul{margin:13px 0 0;padding-left:18px}.module-help-form{display:grid;gap:15px}.module-help-form label{display:grid;gap:7px;color:#394968;font-size:.7rem;font-weight:750}.module-help-form .form-control,.module-help-form .form-select{font-size:.75rem;border-color:#d8deea}.module-help-form .btn-pbu{justify-self:start;display:inline-flex;align-items:center;gap:7px}@media(max-width:850px){.module-help-layout{grid-template-columns:1fr}}
.module-sidebar--generic{background:linear-gradient(180deg,#123b66,#176b78 58%,#0f4658)}.espak-identity-icon{color:#0f766e!important;background:#e5fbf7!important}.espak-hero{min-height:180px;margin-bottom:18px;padding:28px 31px;border-radius:20px;background:linear-gradient(120deg,#0f3d5e,#0f766e 58%,#14b8a6);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 17px 38px rgba(15,118,110,.18)}.espak-hero span{font-size:.62rem;font-weight:800;letter-spacing:.1em;color:#c9fff7}.espak-hero h1{margin:7px 0;font-size:1.8rem;font-weight:800}.espak-hero p{margin:0;color:#e2fffb}.espak-hero>i{font-size:5rem;opacity:.18}.espak-stats .stat-card{border-top:3px solid #14b8a6}.espak-cohort-grid,.espak-assignment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.espak-cohort-grid>article{padding:16px;border:1px solid #dce9e8;border-radius:13px;background:#f7fffd}.espak-cohort-grid>article>span{color:#0f766e;font-size:.57rem;font-weight:800}.espak-cohort-grid h3,.espak-assignment-grid h3{margin:6px 0;font-size:.83rem}.espak-cohort-grid p,.espak-assignment-grid p{margin:0;color:#64748b;font-size:.67rem}.espak-assignment-grid .app-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.espak-assignment-grid small{color:#718096;font-size:.6rem}@media(max-width:900px){.espak-cohort-grid,.espak-assignment-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.espak-cohort-grid,.espak-assignment-grid{grid-template-columns:1fr}.espak-hero{padding:22px}.espak-hero>i{display:none}}
.espak-cohort-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.espak-cohort-card{--card:#2563eb;--soft:#eff6ff;--deep:#1e40af;position:relative;min-height:265px;padding:20px;border:1px solid color-mix(in srgb,var(--card) 22%,#e5e7eb);border-radius:17px;background:linear-gradient(145deg,#fff 35%,var(--soft));color:#172743;box-shadow:0 7px 22px rgba(15,35,71,.06);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.espak-cohort-card:before{content:"";position:absolute;right:-55px;top:-70px;width:170px;height:170px;border-radius:50%;background:var(--card);opacity:.08}.espak-cohort-card:hover{transform:translateY(-5px);background:linear-gradient(145deg,var(--card),var(--deep));color:#fff;box-shadow:0 17px 34px color-mix(in srgb,var(--card) 24%,transparent)}.espak-cohort-card:active{transform:translateY(-1px) scale(.99);filter:saturate(1.18)}.espak-cohort-card.theme-1{--card:#7c3aed;--soft:#f5f3ff;--deep:#5b21b6}.espak-cohort-card.theme-2{--card:#0d9488;--soft:#f0fdfa;--deep:#0f766e}.espak-cohort-card.theme-3{--card:#ea580c;--soft:#fff7ed;--deep:#c2410c}.espak-cohort-card.theme-4{--card:#db2777;--soft:#fdf2f8;--deep:#9d174d}.espak-cohort-card.theme-5{--card:#0891b2;--soft:#ecfeff;--deep:#0e7490}.espak-cohort-card-head{display:flex;align-items:center;justify-content:space-between;color:var(--card);font-size:.62rem;font-weight:800;letter-spacing:.06em}.espak-cohort-card-head i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--soft)}.espak-cohort-card h2{position:relative;margin:13px 0 10px;font-size:1rem;line-height:1.4;font-weight:800}.espak-cohort-card>p{position:relative;display:flex;gap:7px;margin:5px 0;color:#64748b;font-size:.68rem}.espak-cohort-advisor{position:relative;margin-top:17px;padding:11px 12px;border-radius:10px;background:rgba(255,255,255,.72);display:flex;flex-direction:column}.espak-cohort-advisor small{color:var(--card);font-size:.53rem;font-weight:800}.espak-cohort-advisor strong{margin-top:4px;font-size:.7rem}.espak-cohort-card-foot{position:relative;display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--card) 18%,#e5e7eb);font-size:.62rem;color:#65748a}.espak-cohort-card:hover .espak-cohort-card-head,.espak-cohort-card:hover>p,.espak-cohort-card:hover .espak-cohort-card-foot{color:#eefdfb}.espak-cohort-card:hover .espak-cohort-card-head i,.espak-cohort-card:hover .espak-cohort-advisor{background:rgba(255,255,255,.14);color:#fff}.espak-cohort-card:hover .espak-cohort-advisor small{color:#dffdfa}.espak-back-link{display:flex;align-items:center;gap:6px;margin-bottom:11px;font-size:.68rem;font-weight:700}.espak-cohort-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.espak-cohort-overview article{display:flex;flex-direction:column;border-top:3px solid #14b8a6}.espak-cohort-overview small{color:#64748b;font-size:.57rem;font-weight:800}.espak-cohort-overview strong{margin-top:7px;font-size:1.45rem}.espak-cohort-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}@media(max-width:1050px){.espak-cohort-cards{grid-template-columns:1fr 1fr}.espak-cohort-overview{grid-template-columns:1fr 1fr}}@media(max-width:650px){.espak-cohort-cards,.espak-cohort-detail-grid{grid-template-columns:1fr}.espak-cohort-overview{grid-template-columns:1fr 1fr}.espak-cohort-card{min-height:245px}}
.espak-semester-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.espak-semester-card{--sem:#2563eb;--sem-soft:#eff6ff;display:grid;grid-template-columns:92px 1fr;min-height:190px;border:1px solid color-mix(in srgb,var(--sem) 25%,#e5e7eb);border-radius:17px;overflow:hidden;background:#fff;color:#172743;box-shadow:0 8px 23px rgba(15,35,71,.06);transition:transform .2s ease,box-shadow .2s ease}.espak-semester-card:hover{transform:translateY(-5px);box-shadow:0 17px 33px color-mix(in srgb,var(--sem) 20%,transparent);color:#172743}.espak-semester-card>div{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--sem),color-mix(in srgb,var(--sem) 72%,#111827));color:#fff}.espak-semester-card>div span{font-size:.52rem;font-weight:800;letter-spacing:.08em}.espak-semester-card>div strong{font-size:2.7rem;line-height:1}.espak-semester-card section{padding:20px;display:flex;flex-direction:column}.espak-semester-card small{color:var(--sem);font-size:.55rem;font-weight:800}.espak-semester-card h2{margin:7px 0;font-size:.92rem}.espak-semester-card p{color:#64748b;font-size:.68rem}.espak-semester-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.espak-semester-card footer>i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--sem-soft);color:var(--sem)}.espak-semester-card.semester-2{--sem:#7c3aed;--sem-soft:#f5f3ff}.espak-semester-card.semester-3{--sem:#0d9488;--sem-soft:#f0fdfa}.espak-semester-card.semester-4{--sem:#ea580c;--sem-soft:#fff7ed}.espak-semester-card.semester-5{--sem:#db2777;--sem-soft:#fdf2f8}.espak-week-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.espak-week-card{display:grid;grid-template-columns:60px 1fr;border:1px solid #dce8e7;border-radius:14px;background:#fff;overflow:hidden}.espak-week-card>span{display:grid;place-items:center;background:#e9fbf8;color:#0f766e;font-size:1.45rem;font-weight:800}.espak-week-card>div{padding:15px}.espak-week-card small{color:#0f766e;font-size:.54rem;font-weight:800}.espak-week-card h2{margin:4px 0;font-size:.78rem}.espak-week-card p{margin:0;color:#64748b;font-size:.64rem}.espak-week-card footer{display:flex;gap:8px;margin-top:9px}.espak-week-card footer span{padding:4px 7px;border-radius:99px;background:#f1f5f9;color:#526177;font-size:.54rem;font-weight:700}@media(max-width:1050px){.espak-semester-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.espak-semester-grid,.espak-week-grid{grid-template-columns:1fr}}
.espak-semester-control{display:grid;grid-template-columns:1fr 190px auto;align-items:center;gap:12px;margin-top:13px;border-left:4px solid #0d9488}.espak-semester-control>div{display:flex;flex-direction:column}.espak-semester-control strong{margin:3px 0;font-size:.8rem}.espak-semester-control small{color:#64748b;font-size:.64rem}.espak-cohort-form{display:grid;gap:23px}.espak-cohort-form section+section{padding-top:21px;border-top:1px solid #e7ebf1}.espak-cohort-form h2{margin:0 0 14px;font-size:.95rem}.espak-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.espak-form-grid label{display:grid;gap:6px;color:#475569;font-size:.68rem;font-weight:750}.espak-form-grid .span-2{grid-column:1/-1}.espak-form-grid .form-control,.espak-form-grid .form-select{min-height:43px;font-size:.72rem}.espak-student-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:430px;overflow:auto}.espak-student-picker>label{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:9px;padding:11px;border:1px solid #dfe5ed;border-radius:10px;background:#fbfcfe;cursor:pointer}.espak-student-picker>label:has(input:checked){border-color:#14b8a6;background:#effcf9;box-shadow:inset 3px 0 #0d9488}.espak-student-picker input{margin-top:2px}.espak-student-picker span{display:flex;min-width:0;flex-direction:column}.espak-student-picker strong{font-size:.68rem}.espak-student-picker small{margin-top:3px;color:#64748b;font-size:.58rem}@media(max-width:900px){.espak-student-picker{grid-template-columns:1fr 1fr}.espak-semester-control{grid-template-columns:1fr 160px}.espak-semester-control button{grid-column:2}}@media(max-width:600px){.espak-form-grid,.espak-student-picker,.espak-semester-control{grid-template-columns:1fr}.espak-form-grid .span-2,.espak-semester-control button{grid-column:auto}}
/* e-SPAk student profile wizard */
.espak-student-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.espak-home-card{display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;padding:24px;border:1px solid #dbe4ef;border-radius:18px;background:linear-gradient(135deg,#fff,#f6fbff);color:#10254b;text-decoration:none;box-shadow:0 10px 30px rgba(16,37,75,.07)}.espak-home-card.profile{border-color:#b9d9f2}.espak-home-card.mind{background:linear-gradient(135deg,#e8fbf7,#fff);border-color:#9ddfd5}.espak-home-card.locked{opacity:.72;background:#f1f4f8}.espak-home-card>i:first-child{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#dff3ff;color:#116c9c;font-size:24px}.espak-home-card span{font-size:12px;font-weight:800;letter-spacing:.08em}.espak-home-card h2{font-size:19px;margin:4px 0 10px}.student-progress-track{height:8px;overflow:hidden;border-radius:20px;background:#e3eaf2}.student-progress-track b,.student-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#1677a8,#23a487);border-radius:inherit}.student-profile-progress{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:24px;padding:20px;margin-bottom:16px}.student-profile-progress strong{display:block;font-size:28px;color:#116c9c}.student-profile-progress span,.student-profile-progress small{display:block}.student-wizard-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 16px}.student-wizard-tabs a{display:flex;gap:10px;align-items:center;padding:14px;border:1px solid #dbe4ef;border-radius:12px;background:#fff;color:#52637d;text-decoration:none}.student-wizard-tabs a>b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:#edf2f7}.student-wizard-tabs a span{min-width:0}.student-wizard-tabs a strong,.student-wizard-tabs a small{display:block;font-size:12px}.student-wizard-tabs a.is-active{color:#fff;border-color:#147b91;background:linear-gradient(135deg,#0e667f,#16957f);box-shadow:0 8px 20px rgba(14,102,127,.2)}.student-wizard-tabs a.is-complete:not(.is-active)>b{background:#d9f7e8;color:#168154}.student-wizard-panel{padding:26px}.student-identity-block{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:center;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #e1e7ef}.student-identity-block img{width:140px;height:160px;object-fit:cover;border-radius:16px;border:1px solid #d9e2ee;background:#edf3fb}.student-identity-block form{display:flex;gap:8px;align-items:center;margin-top:15px}.student-identity-block input{max-width:300px}.student-section-form h3{font-size:17px;margin:26px 0 12px}.espak-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.espak-form-grid label{font-size:13px;font-weight:700;color:#30435d}.espak-form-grid .span-2{grid-column:1/-1}.espak-form-grid input,.espak-form-grid select,.espak-form-grid textarea{margin-top:7px}.repeat-row{display:grid;grid-template-columns:2fr 1fr 42px;gap:10px;margin-bottom:10px}.repeat-row.three{grid-template-columns:repeat(3,1fr) 42px}.repeat-row button{border:0;border-radius:9px;color:#b42318;background:#fee4e2}.student-declaration{display:flex;gap:10px;padding:18px;margin:20px 0;border-radius:12px;background:#effbf5}.student-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:900px){.espak-student-home,.espak-form-grid{grid-template-columns:1fr}.student-wizard-tabs{grid-template-columns:1fr}.student-profile-progress{grid-template-columns:1fr}.student-identity-block{grid-template-columns:100px 1fr}.student-identity-block img{width:100px;height:120px}.repeat-row,.repeat-row.three{grid-template-columns:1fr}.espak-form-grid .span-2{grid-column:auto}}
.student-email-field{display:block;max-width:620px;margin:0 0 18px;font-size:13px;font-weight:700;color:#30435d}.student-email-field input{margin-top:7px}
.standard-filter-grid{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:10px}.espak-week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.espak-week-grid article{border-top:4px solid #168b87}.nav-tabs .nav-link{color:#52637d;font-weight:700}.nav-tabs .nav-link.active{color:#fff;background:#147b91;border-color:#147b91}@media(max-width:900px){.standard-filter-grid,.espak-week-grid{grid-template-columns:1fr}}
.espak-class-filters{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:18px;align-items:end;padding:20px;margin-bottom:18px}.espak-class-filters label>span{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#53657e;text-transform:uppercase;letter-spacing:.05em}.current-session-note{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;background:#eaf8f5;color:#12675f}.current-session-note>i{font-size:22px}.current-session-note small,.current-session-note strong{display:block}.class-pa-list{overflow:hidden}.class-pa-list .app-card-header{padding:20px}.class-pa-list thead th{background:#eef6f8;color:#34526c;font-size:12px;text-transform:uppercase}.class-pa-list td{padding:15px}.class-code{font-size:16px;color:#075e78}.semester-badge{display:inline-block;padding:6px 10px;border-radius:20px;background:#eee9ff;color:#5936b4;font-weight:700}.advisor-cell{display:flex;gap:10px;align-items:center}.advisor-cell>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#dff5ef;color:#147b68}.advisor-cell small,.advisor-cell strong{display:block}@media(max-width:900px){.espak-class-filters{grid-template-columns:1fr}}
.birth-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}.birth-location-grid .form-select{margin-top:0}@media(max-width:700px){.birth-location-grid{grid-template-columns:1fr}}
.admin-controlled-field{background-color:#eef3f7!important;color:#32465f!important;opacity:1!important;cursor:not-allowed}.admin-controlled-note{display:block;margin-top:6px;color:#64748b;font-size:11px;font-weight:600}.admin-controlled-note i{margin-right:4px;color:#147b91}
.academic-semester-field{padding:12px;border-radius:12px;background:#eef8f7;border:1px solid #cce9e4}.academic-semester-field[hidden]{display:none!important}
.emind-semester-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:18px;overflow:hidden}.emind-semester-summary>div{padding:20px;border-right:1px solid #e1e8ef}.emind-semester-summary>div:last-child{border-right:0}.emind-semester-summary small,.emind-semester-summary strong,.emind-semester-summary span{display:block}.emind-semester-summary small{color:#147b91;font-size:11px;font-weight:800;letter-spacing:.06em}.emind-semester-summary strong{margin-top:6px;color:#10254b}.emind-semester-summary span{margin-top:4px;color:#64748b;font-size:12px}.emind-week-card{--week:#0f8f89;--week-soft:#e9fbf8;position:relative;display:flex;min-height:228px;padding:0;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--week) 20%,#dce5ed);background:linear-gradient(145deg,#fff 54%,var(--week-soft));color:#10254b;text-decoration:none;box-shadow:0 10px 28px rgba(18,38,63,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.emind-week-card:before{content:"";position:absolute;right:-55px;top:-65px;width:170px;height:170px;border-radius:50%;background:var(--week);opacity:.07;transition:transform .25s ease,opacity .25s ease}.emind-week-card:hover{transform:translateY(-6px);border-color:var(--week);box-shadow:0 18px 38px color-mix(in srgb,var(--week) 20%,transparent);color:#10254b}.emind-week-card:hover:before{transform:scale(1.18);opacity:.12}.emind-week-card.week-theme-2{--week:#2563eb;--week-soft:#eef5ff}.emind-week-card.week-theme-3{--week:#7c3aed;--week-soft:#f5f0ff}.emind-week-card.week-theme-4{--week:#d97706;--week-soft:#fff8e8}.emind-week-card-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 0}.emind-week-number{display:flex;align-items:baseline;gap:7px;color:var(--week);font-size:2rem;font-weight:850;line-height:1}.emind-week-number small{font-size:.58rem;letter-spacing:.12em}.emind-week-card-body{position:relative;display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:19px 20px 8px}.emind-week-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--week-soft);color:var(--week);font-size:1.2rem}.emind-week-card h3{margin:0 0 7px;font-size:1rem;line-height:1.35}.emind-week-card p{margin:0;color:#627187;font-size:.73rem;line-height:1.5}.emind-week-card footer{position:relative;display:flex;justify-content:space-between;align-items:center;margin:auto 20px 0;padding:14px 0 17px;border-top:1px solid color-mix(in srgb,var(--week) 17%,#dfe6ed);color:var(--week);font-weight:800;font-size:.68rem}.emind-week-card footer i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--week-soft);transition:transform .2s ease}.emind-week-card:hover footer i{transform:translate(2px,-2px)}.emind-week-empty{min-height:560px;border:1px dashed #d7e1ea;background:linear-gradient(145deg,#fff,#f8fbfd)}@media(max-width:900px){.emind-semester-summary{grid-template-columns:1fr 1fr}.emind-semester-summary>div{border-bottom:1px solid #e1e8ef}}@media(max-width:550px){.emind-semester-summary{grid-template-columns:1fr}.emind-week-card{min-height:210px}.emind-week-card-body{grid-template-columns:38px 1fr}.emind-week-icon{width:38px;height:38px}}
.emind-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.emind-history-card{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:22px;color:#10254b;text-decoration:none}.emind-history-number{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#147b91,#15956f);color:#fff;font-size:28px;font-weight:800}.emind-history-card h2{margin:5px 0;font-size:18px}.emind-history-card p{color:#64748b}.emind-history-card small{display:block;margin-top:7px;color:#64748b}@media(max-width:750px){.emind-history-grid{grid-template-columns:1fr}}
.emind-semester-picker .state-current{border:2px solid var(--sem);box-shadow:0 16px 35px color-mix(in srgb,var(--sem) 25%,transparent);background:linear-gradient(145deg,#fff,var(--sem-soft))}.emind-semester-picker .state-current>div{filter:saturate(1.25);box-shadow:8px 0 25px color-mix(in srgb,var(--sem) 28%,transparent)}.emind-semester-picker .state-past{filter:saturate(.45);opacity:.76}.emind-semester-picker .state-past:hover{filter:saturate(.8);opacity:1}.emind-semester-picker .is-disabled{filter:grayscale(1);opacity:.42;cursor:not-allowed;box-shadow:none}.emind-semester-picker .is-disabled:hover{transform:none}.emind-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.emind-analysis-card{padding:20px}.emind-analysis-card header{display:flex;align-items:center;justify-content:space-between;color:#147b91;font-size:.7rem;font-weight:850}.emind-analysis-card header strong{font-size:1.4rem}.emind-analysis-card h3{margin:9px 0 14px;font-size:.9rem}.emind-progress{height:8px;overflow:hidden;border-radius:99px;background:#e8edf2}.emind-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f8f89,#34c784)}.emind-analysis-card p,.emind-analysis-card small{display:block;margin-top:12px;color:#64748b;font-size:.7rem}.emind-analysis-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.emind-analysis-metrics span{padding:9px;border-radius:10px;background:#f4f8fa;color:#64748b;text-align:center;font-size:.6rem}.emind-analysis-metrics b{display:block;color:#10254b;font-size:1rem}@media(max-width:750px){.emind-analysis-grid{grid-template-columns:1fr}.emind-analysis-metrics{grid-template-columns:1fr 1fr}}
.emind-activity-tabs{position:sticky;top:86px;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding:7px;border:1px solid #dce5ee;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 8px 25px rgba(16,37,75,.07);backdrop-filter:blur(10px)}.emind-activity-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border:0;border-radius:11px;background:transparent;color:#617086;font-size:.76rem;font-weight:800}.emind-activity-tabs button.is-active{background:linear-gradient(135deg,#123b66,#176b78 58%,#0f4658);color:#fff;box-shadow:0 7px 17px rgba(18,59,102,.24)}.emind-tab-panel{display:none}.emind-tab-panel.is-active{display:block}.mind-note-hero{position:relative;display:grid;grid-template-columns:1fr auto;min-height:230px;padding:36px;overflow:hidden;border:0;background:linear-gradient(125deg,#f7c900,#ffd83d);color:#292f3b}.mind-note-hero:before{content:"";position:absolute;right:-90px;bottom:-150px;width:340px;height:340px;border-radius:50%;background:#b52694;opacity:.12}.mind-note-hero>div{position:relative;max-width:850px}.mind-note-hero span{display:inline-block;padding:7px 13px;border-radius:99px;background:#b52694;color:#fff;font-size:.65rem;font-weight:850}.mind-note-hero h2{margin:15px 0 12px;font-size:2.25rem}.mind-note-hero p{max-width:780px;margin:0;font-size:.9rem;line-height:1.75}.mind-note-hero>i{position:relative;align-self:center;padding:18px;color:#b52694;font-size:5rem}.mind-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.mind-note-card{padding:25px;border-top:4px solid #b52694}.mind-note-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border-radius:14px;background:#fff3c2;color:#9d227f;font-size:1.25rem}.mind-note-card h3{font-size:1.05rem}.mind-note-card p,.mind-note-card li{color:#57667b;font-size:.75rem;line-height:1.65}.self-concept-map{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:20px}.self-concept-map span,.self-concept-map b{padding:12px;border-radius:12px;text-align:center;font-size:.68rem}.self-concept-map span{background:#fff3b0}.self-concept-map b{background:#b52694;color:#fff}.mind-note-process{margin-top:16px;padding:27px;border:1px solid #f0d162;background:#fffdf3}.mind-note-process>span{color:#9d227f;font-size:.63rem;font-weight:850;letter-spacing:.1em}.mind-note-process h3{margin:7px 0 20px}.mind-note-process>div{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.mind-note-process p{height:100%;margin:0;padding:16px;border-radius:13px;background:#fff0a6;color:#3f4652;font-size:.72rem;line-height:1.5}.mind-note-process p b{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:5px;border-radius:50%;background:#b52694;color:#fff}.mind-note-process i{color:#b52694}.mind-note-quote{margin:16px 0;padding:22px;border-radius:15px;background:#303747;color:#fff;text-align:center;font-size:.9rem}.mind-note-quote small{display:block;margin-top:8px;color:#ffd83d}.mind-start-exercise{display:flex;margin:20px auto;align-items:center;gap:8px}.mind-exercise-head{display:flex;gap:18px;align-items:center;padding:23px;border-left:4px solid #6d28d9}.mind-exercise-head>span{display:grid;place-items:center;width:55px;height:55px;flex:none;border-radius:15px;background:#f1e9ff;color:#6d28d9;font-size:1.4rem}.mind-exercise-head small{color:#6d28d9;font-size:.6rem;font-weight:850;letter-spacing:.09em}.mind-exercise-head h2{margin:4px 0;font-size:1.15rem}.mind-exercise-head p{margin:0;color:#64748b;font-size:.72rem}.mind-lock-notice{display:flex;gap:12px;align-items:center;margin:15px 0}.mind-lock-notice span{display:block;font-size:.72rem}.mind-exercise-form{margin-top:15px;padding:26px}.mind-question{display:block;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #e4e9f0}.mind-question:last-of-type{margin-bottom:0}.mind-question>span{display:flex;gap:9px;align-items:center}.mind-question>span b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#6d28d9;color:#fff;font-size:.7rem}.mind-question>span strong{font-size:.83rem}.mind-question small{display:block;margin:8px 0;color:#64748b;font-size:.7rem}.mind-question textarea{width:100%;padding:13px;border:1px solid #d8e0e9;border-radius:11px;background:#fbfcfe;color:#26364e;font-size:.75rem;resize:vertical}.mind-question textarea:focus{outline:0;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.mind-question textarea:disabled{background:#f1f4f7;color:#48576b}.mind-question em{display:block;margin-top:5px;color:#c62828;font-size:.65rem}.mind-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.mind-form-actions button{display:inline-flex;gap:7px;align-items:center}@media(max-width:800px){.mind-note-grid{grid-template-columns:1fr}.mind-note-process>div{grid-template-columns:1fr}.mind-note-process i{transform:rotate(90deg);justify-self:center}.mind-note-hero{padding:26px}.mind-note-hero>i{display:none}.self-concept-map{grid-template-columns:1fr}}@media(max-width:550px){.emind-activity-tabs{top:72px}.emind-activity-tabs button span{font-size:.68rem}.mind-exercise-form{padding:18px}.mind-form-actions{flex-direction:column}.mind-form-actions button{justify-content:center}}
.dashboard-kpi-refined{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.dashboard-kpi-refined>article{display:flex;align-items:center;gap:13px;min-height:112px;padding:17px;border-top:3px solid #7c3aed}.dashboard-kpi-refined>article>div{display:flex;min-width:0;flex-direction:column}.dashboard-kpi-refined small{color:#475569;font-size:.7rem;font-weight:800}.dashboard-kpi-refined strong{color:#10254b;font-size:1.55rem;line-height:1.2}.dashboard-kpi-refined p{margin:3px 0 0;color:#718096;font-size:.62rem;line-height:1.35}.stat-description{display:block;margin-top:3px;color:#718096;font-size:.62rem;line-height:1.35}
.impersonation-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:12px 16px;border:1px solid #fdba74;border-radius:14px;background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#9a3412;box-shadow:0 8px 22px rgba(154,52,18,.1)}
.impersonation-banner span{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.impersonation-banner i{font-size:1.05rem}.impersonation-banner form{flex:none}@media(max-width:575.98px){.impersonation-banner{align-items:stretch;flex-direction:column}.impersonation-banner .btn{width:100%}}

/* Keep the owning module palette on shared pages such as Notifications. */
.module-sidebar.module-sidebar--eacara {
    background:
        radial-gradient(circle at 105% 8%, rgba(255, 174, 92, .18), transparent 31%),
        linear-gradient(180deg, #713014 0%, #9a3412 48%, #6b2b18 100%) !important;
}
.module-sidebar--eacara .module-utility-link.is-active {
    background: rgba(255, 255, 255, .14);
    color: #fff;
}
.module-sidebar--eacara .module-utility-link.is-active > i {
    color: #fed7aa;
}

/* Shared staff-only PBUHub chat */
.staff-chat-launcher{position:fixed;right:24px;bottom:24px;z-index:1040;display:flex;align-items:center;gap:9px;padding:13px 16px;border:0;border-radius:999px;background:linear-gradient(135deg,#1d4ed8,#4f46e5);color:#fff;font-weight:750;box-shadow:0 14px 34px rgba(30,64,175,.3);transition:.18s ease}.staff-chat-launcher:hover{transform:translateY(-2px)}.staff-chat-launcher>b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#22c55e;font-size:.7rem}.staff-chat-launcher.is-open{opacity:0;pointer-events:none}
.staff-chat-panel{position:fixed;top:0;right:0;bottom:0;z-index:1055;width:min(410px,100vw);background:#fff;border-left:1px solid #dbe4f0;box-shadow:-20px 0 50px rgba(15,23,42,.18);transform:translateX(100%);transition:transform .18s ease;overflow:hidden}.staff-chat-panel.is-open{transform:translateX(0)}.staff-chat-panel>header{height:92px;padding:19px 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#172554,#1d4ed8 62%,#4f46e5);color:#fff}.staff-chat-panel>header span{display:block;font-size:.68rem;font-weight:800;letter-spacing:.14em}.staff-chat-panel>header span i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.18)}.staff-chat-panel>header h2{margin:4px 0 0;font-size:1.35rem;font-weight:800}.staff-chat-panel>header button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.1);color:#fff}
.staff-chat-tabs{height:55px;display:grid;grid-template-columns:1fr 1fr;padding:7px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.staff-chat-tabs button{border:0;border-radius:10px;background:transparent;color:#64748b;font-weight:700}.staff-chat-tabs button.is-active{background:#fff;color:#1d4ed8;box-shadow:0 3px 12px rgba(15,23,42,.08)}.staff-chat-tabs b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:.68rem}
.staff-chat-pane{display:none;height:calc(100vh - 147px)}.staff-chat-pane.is-active{display:flex;flex-direction:column}.staff-chat-messages{flex:1;overflow-y:auto;padding:18px;background:linear-gradient(180deg,#f8fafc,#fff)}.staff-chat-message{display:flex;align-items:flex-start;gap:9px;margin-bottom:16px}.staff-chat-avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e0e7ff;color:#3730a3;font-size:.7rem;font-weight:800}.staff-chat-message>div{max-width:78%}.staff-chat-message header{display:flex;align-items:center;gap:7px;margin:0 2px 5px}.staff-chat-message header strong{font-size:.75rem;color:#334155}.staff-chat-message header time{font-size:.62rem;color:#94a3b8}.staff-chat-message p{margin:0;padding:10px 12px;border:1px solid #e2e8f0;border-radius:4px 14px 14px 14px;background:#fff;color:#1e293b;font-size:.84rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 4px 12px rgba(15,23,42,.04)}.staff-chat-message.is-mine{flex-direction:row-reverse}.staff-chat-message.is-mine>div{display:flex;flex-direction:column;align-items:flex-end}.staff-chat-message.is-mine header{flex-direction:row-reverse}.staff-chat-message.is-mine p{border-color:#bfdbfe;border-radius:14px 4px 14px 14px;background:#eff6ff}.staff-chat-message.is-mine .staff-chat-avatar{background:#dbeafe;color:#1d4ed8}.staff-chat-state{padding:30px 12px;text-align:center;color:#64748b;font-size:.82rem}
.staff-chat-conversation{display:grid;grid-template-columns:34px 38px 1fr;align-items:center;gap:10px;min-height:62px;padding:10px 15px;border-bottom:1px solid #e2e8f0;background:#fff}.staff-chat-conversation>button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:10px;background:#eff6ff;color:#2563eb}.staff-chat-conversation>button.is-hidden{visibility:hidden}.staff-chat-conversation strong,.staff-chat-conversation small{display:block}.staff-chat-conversation strong{font-size:.82rem;color:#172554}.staff-chat-conversation small{margin-top:2px;color:#64748b;font-size:.68rem}.staff-chat-conversation+.staff-chat-messages{min-height:0}
.staff-chat-compose{display:grid;grid-template-columns:1fr 46px;gap:9px;padding:13px 15px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #e2e8f0;background:#fff}.staff-chat-compose textarea{resize:none;max-height:100px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:13px;outline:0;font:inherit;font-size:.84rem}.staff-chat-compose textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.staff-chat-compose button{border:0;border-radius:13px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:1rem}
.staff-chat-compose button:disabled{cursor:wait;opacity:.65}.staff-chat-send-status{grid-column:1/-1;color:#b42318;font-size:.68rem;line-height:1.35}
.staff-chat-online-head{padding:16px 18px;border-bottom:1px solid #e2e8f0}.staff-chat-online-head strong,.staff-chat-online-head small{display:block}.staff-chat-online-head small{margin-top:3px;color:#64748b}.staff-chat-online-list{overflow-y:auto;padding:8px 14px}.staff-chat-online-user{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto 10px;align-items:center;gap:10px;padding:11px 7px;border:0;border-bottom:1px solid #f1f5f9;background:transparent;text-align:left;border-radius:10px;cursor:pointer;transition:.15s ease}.staff-chat-online-user:not(:disabled):hover,.staff-chat-online-user:not(:disabled):focus-visible{background:#eff6ff;transform:translateX(2px);outline:0}.staff-chat-online-user:disabled{cursor:default;opacity:.72}.staff-chat-online-user strong,.staff-chat-online-user small{display:block}.staff-chat-online-user strong{font-size:.82rem;color:#172554}.staff-chat-online-user small{margin-top:2px;color:#64748b;font-size:.7rem}.staff-chat-online-action{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-size:.66rem;font-weight:800}.staff-chat-online-action>i{font-style:normal}.staff-chat-online-user>i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}
@media(max-width:575.98px){.staff-chat-launcher{right:16px;bottom:82px}.staff-chat-panel{width:100vw}.staff-chat-message>div{max-width:84%}}

/* PBU Connect: compact staff communication panel */
.staff-chat-launcher{right:24px;bottom:88px;background:#2457d6;border-radius:14px;box-shadow:0 12px 28px rgba(36,87,214,.28)}.staff-chat-launcher>b{background:#ef4444}
.staff-chat-panel{top:auto;right:20px;bottom:20px;width:min(430px,calc(100vw - 32px));height:min(680px,calc(100vh - 40px));border:1px solid #d8e1ef;border-radius:18px;box-shadow:0 20px 55px rgba(15,23,42,.22);transform:translateY(24px) scale(.97);opacity:0}.staff-chat-panel.is-open{transform:none;opacity:1}.staff-chat-panel>header{height:82px;padding:15px 18px;background:#2457d6}.staff-chat-panel>header h2{font-size:1.25rem}.connect-window-actions{display:flex;gap:7px}.staff-chat-panel>header .connect-window-actions button{width:35px;height:35px;border-radius:10px}
.staff-chat-tabs{height:54px;grid-template-columns:repeat(3,1fr);padding:6px}.staff-chat-tabs button.is-active{color:#2457d6}.staff-chat-tabs b{background:#fee2e2;color:#dc2626}
.staff-chat-pane{height:calc(100% - 136px);min-height:0}.connect-list-view,.connect-room-view{height:100%;min-height:0}.connect-list-view{display:flex;flex-direction:column}.connect-room-view{display:flex;flex-direction:column}.connect-room-view[hidden]{display:none}.connect-search{display:flex;align-items:center;gap:9px;margin:12px 14px;padding:9px 12px;border:1px solid #d8e1ef;border-radius:11px;color:#64748b;background:#fff}.connect-search:focus-within{border-color:#2457d6;box-shadow:0 0 0 3px rgba(36,87,214,.1)}.connect-search input{width:100%;border:0;outline:0;font-size:.82rem;background:transparent}.connect-conversation-list,.connect-person-list{flex:1;min-height:0;overflow-y:auto;padding:0 10px 10px}
.connect-conversation,.connect-person{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 8px;border:0;border-bottom:1px solid #eef2f7;background:#fff;text-align:left}.connect-conversation:hover,.connect-person:not(:disabled):hover{background:#f3f7ff;border-radius:10px}.connect-conversation>div,.connect-person>div{min-width:0}.connect-conversation span span{display:flex}.connect-conversation>div>span{display:flex;justify-content:space-between;gap:7px}.connect-conversation strong,.connect-person strong{display:block;color:#14213d;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-conversation small,.connect-person small{display:block;margin-top:3px;color:#718096;font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-conversation time{color:#94a3b8;font-size:.61rem;white-space:nowrap}.connect-conversation>b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font-size:.62rem}.connect-person-chat,.connect-person-self{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:9px;font-size:.68rem;font-weight:800}.connect-person-chat{background:#dbeafe;color:#1d4ed8}.connect-person-self{background:#f1f5f9;color:#64748b}.connect-person:disabled{opacity:.65}.connect-list-heading{padding:14px 18px;border-bottom:1px solid #e7edf5}.connect-list-heading strong,.connect-list-heading small{display:block}.connect-list-heading small{margin-top:3px;color:#718096;font-size:.7rem}
.staff-chat-avatar{width:38px;height:38px;border-radius:50%;background:#e8efff;color:#2457d6}.staff-chat-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.staff-chat-conversation{grid-template-columns:32px 38px 1fr;min-height:62px}.staff-chat-messages{background:#f7f9fc}.staff-chat-message p{box-shadow:none}.staff-chat-message.is-mine p{border-color:#2457d6;background:#2457d6;color:#fff}.staff-chat-compose{grid-template-columns:1fr 42px;padding:10px 12px}.staff-chat-compose textarea{border-radius:11px}.staff-chat-compose button{border-radius:11px;background:#2457d6}
@media(max-width:575.98px){.staff-chat-launcher{right:14px;bottom:92px}.staff-chat-panel{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100vh - 16px);border-radius:15px}}

/* PBU Connect brand: distinctive amber identity, separate from primary actions */
.staff-chat-launcher{padding:11px 17px 11px 11px;border:1px solid rgba(255,255,255,.34);border-radius:16px;background:linear-gradient(135deg,#a94708 0%,#e76f00 48%,#f6a700 100%);box-shadow:0 14px 30px rgba(180,83,9,.3),inset 0 1px 0 rgba(255,255,255,.25);letter-spacing:.01em}
.staff-chat-launcher>i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.26);border-radius:11px;background:rgba(255,255,255,.17);font-size:1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.staff-chat-launcher:hover{transform:translateY(-3px);filter:saturate(1.06) brightness(1.03);box-shadow:0 18px 36px rgba(180,83,9,.36),inset 0 1px 0 rgba(255,255,255,.3)}
.staff-chat-launcher:focus-visible{outline:3px solid rgba(245,158,11,.28);outline-offset:3px}
.staff-chat-launcher>b{background:#fff;color:#b45309;box-shadow:0 2px 8px rgba(120,53,15,.22)}
.staff-chat-panel>header{background:linear-gradient(135deg,#8f3b0a,#d65f00 58%,#f59e0b)}

/* Keep the launcher in the free header area instead of covering page actions. */
@media(min-width:576px){.staff-chat-launcher{position:fixed;top:88px;right:28px;bottom:auto;z-index:1035}}
@media(max-width:575.98px){.staff-chat-launcher{position:fixed;top:76px;right:14px;bottom:auto}}

/* PBU Connect theme: professional red-orange palette */
.staff-chat-launcher{background:linear-gradient(135deg,#b42318 0%,#e54818 48%,#f79009 100%);box-shadow:0 14px 30px rgba(180,35,24,.28),inset 0 1px 0 rgba(255,255,255,.28)}
.staff-chat-launcher{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.staff-chat-launcher::after{content:'⋮⋮';margin-left:1px;color:rgba(255,255,255,.65);font-size:.72rem;letter-spacing:-3px}.staff-chat-launcher.is-dragging{cursor:grabbing;transition:none;transform:none;filter:none}
.staff-chat-launcher:hover{box-shadow:0 18px 38px rgba(180,35,24,.34),inset 0 1px 0 rgba(255,255,255,.32)}
.staff-chat-launcher:focus-visible{outline-color:rgba(229,72,24,.3)}
.staff-chat-launcher>b{color:#b42318}
.staff-chat-panel{border-color:#fed7c7}
.staff-chat-panel>header{background:linear-gradient(135deg,#9f1f16 0%,#d92d20 42%,#f79009 100%)}
.staff-chat-tabs button.is-active{color:#c4320a}
.connect-search:focus-within{border-color:#f04438;box-shadow:0 0 0 3px rgba(240,68,56,.12)}
.connect-conversation:hover,.connect-person:not(:disabled):hover{background:#fff4ed}
.connect-person-chat{background:#ffead5;color:#c4320a}
.staff-chat-avatar{background:#ffead5;color:#c4320a}
.staff-chat-conversation>button{background:#fff4ed;color:#d92d20}
.staff-chat-message.is-mine p{border-color:#e54818;background:linear-gradient(135deg,#d92d20,#f26b1d);color:#fff}
.staff-chat-message.is-mine .staff-chat-avatar{background:#fee4e2;color:#b42318}
.staff-chat-compose textarea:focus{border-color:#f04438;box-shadow:0 0 0 3px rgba(240,68,56,.12)}
.staff-chat-compose button{background:linear-gradient(135deg,#d92d20,#f79009)}

/* e-COT: violet and lilac identity */
.module-sidebar--ecot{--ecot-accent:#20b2aa;background:linear-gradient(180deg,#251044 0%,#351963 58%,#29124d 100%)}
.module-sidebar--ecot .module-identity-icon{background:#e9fffd;color:#168f89;box-shadow:0 8px 18px rgba(32,178,170,.2)}
.module-sidebar--ecot .module-section-title{color:#8ee8e3}
.module-sidebar--ecot .sidebar-link.is-active{background:linear-gradient(90deg,rgba(32,178,170,.26),rgba(32,178,170,.09));color:#fff;border-color:rgba(100,226,219,.34)}
.module-sidebar--ecot .sidebar-link.is-active>i,.module-sidebar--ecot .module-utility-link.is-active>i{color:#67ddd7}
.module-sidebar--ecot .sidebar-link:hover,.module-sidebar--ecot .module-utility-link:hover{background:rgba(32,178,170,.13)}
.module-sidebar--ecot .sidebar-badge{background:#20b2aa;color:#102f36}
.ecot-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:190px;padding:30px 34px;overflow:hidden;border-radius:22px;background:linear-gradient(125deg,#52208f,#7c3aed 58%,#a855f7);color:#fff;box-shadow:0 18px 42px rgba(91,33,182,.22)}
.ecot-hero:after{content:"";position:absolute;right:-60px;bottom:-120px;width:310px;height:310px;border-radius:50%;background:rgba(255,255,255,.1)}.ecot-hero>div,.ecot-hero>i{position:relative;z-index:1}.ecot-hero span{color:#eadcff;font-size:.66rem;font-weight:850;letter-spacing:.12em}.ecot-hero h1{margin:8px 0;font-size:2rem}.ecot-hero p{max-width:720px;margin:0;color:#f3e8ff}.ecot-hero>i{font-size:5rem;opacity:.3}
.ecot-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.ecot-stat-grid article{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #e4d5fa;border-radius:16px;background:#fff}.ecot-stat-grid article>i{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#f2eaff;color:#7c3aed;font-size:1.2rem}.ecot-stat-grid strong,.ecot-stat-grid span{display:block}.ecot-stat-grid strong{color:#33145e;font-size:1.3rem}.ecot-stat-grid span{color:#718096;font-size:.7rem}.text-bg-purple{background:#7c3aed!important;color:#fff!important}.ecot-admin-note{display:flex;align-items:center;gap:12px;border:1px solid #d8b4fe;background:#faf5ff;color:#581c87}.ecot-admin-note>i{font-size:1.4rem}.ecot-admin-note span{display:block;font-size:.75rem}.ecot-appointment-form{display:grid;grid-template-columns:minmax(150px,1fr) 135px auto;gap:7px;align-items:start}.ecot-search-results{position:absolute;z-index:20;top:100%;right:0;left:0;max-height:260px;overflow:auto;box-shadow:0 12px 28px rgba(46,16,101,.16)}
.ecot-current-holder{display:flex;align-items:center;justify-content:space-between;gap:18px}.ecot-current-holder>div{display:grid;gap:3px}.ecot-current-holder small{color:#718096;font-size:.64rem}.ecot-committee-table td{padding-top:14px;padding-bottom:14px}
@media(max-width:900px){.ecot-stat-grid{grid-template-columns:1fr}.ecot-appointment-form{grid-template-columns:1fr}.ecot-hero{padding:24px}.ecot-hero>i{display:none}}
.ecot-active-role{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:11px;background:rgba(255,255,255,.12)}.ecot-active-role small{color:#d5fffc;font-size:.56rem;font-weight:850;letter-spacing:.08em}.ecot-active-role strong{font-size:.8rem}

/* PBU Connect docked in the topbar, after search */
.topbar-connect{position:relative;display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 14px 0 6px;border:1px solid #fed7c7;border-radius:12px;background:#fff6f0;color:#b42318;font-size:.86rem;font-weight:700;white-space:nowrap;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.topbar-connect>i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#b42318 0%,#e54818 55%,#f79009 100%);color:#fff;font-size:.95rem;box-shadow:0 4px 10px rgba(180,35,24,.22)}
.topbar-connect:hover{background:#ffede3;border-color:#fdba9a}
.topbar-connect:focus-visible{outline:3px solid rgba(229,72,24,.25);outline-offset:2px}
.topbar-connect.is-open{background:#ffede3;border-color:#f79009;box-shadow:0 0 0 3px rgba(247,144,9,.14)}
.topbar-connect>b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#d92d20;color:#fff;font-size:.66rem;font-weight:800;line-height:1;box-shadow:0 0 0 2px #fff6f0}
.topbar-connect>b[hidden]{display:none}
@media(min-width:576px){.staff-chat-panel{top:88px;bottom:auto;height:min(660px,calc(100vh - 108px))}}
@media(max-width:991.98px){.topbar-connect{padding:0 6px;gap:0}.topbar-connect>span{display:none}.topbar-connect>b{position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #fff}}
/* e-MInD note body (content from Modul MInD 2022) */
.mind-note-body{margin-top:16px;padding:28px 32px;border-top:4px solid #b52694}.mind-note-body h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:1.05rem;color:#292f3b}.mind-note-body h3 i{color:#b52694}.mind-note-body p{margin:0 0 12px;color:#3f4b5e;font-size:.82rem;line-height:1.75}.mind-note-body ul{margin:0 0 14px;padding:14px 18px 14px 34px;border-radius:12px;background:#fffbea}.mind-note-body li{margin:4px 0;color:#3f4b5e;font-size:.8rem;line-height:1.65}.mind-note-body .mind-note-source{margin:16px 0 0;padding-top:12px;border-top:1px dashed #e4e9f0;color:#7a8698;font-size:.7rem}

/* Kategori Kewangan & Perolehan */
.module-page-icon.amber{background:#FEF3D7;color:#B45309}.module-theme-amber{--module-accent:#B45309;--module-soft:#FEF3D7;--module-glow:rgba(180,83,9,.12);--module-hover-end:#FFF6E3;--module-active-end:#FDE8BF}
.mind-itm-callout{display:flex;align-items:center;gap:14px;margin-top:16px;padding:18px 22px;border-left:4px solid #7c3aed;text-decoration:none;color:#292f3b}.mind-itm-callout>i:first-child{font-size:1.6rem;color:#7c3aed}.mind-itm-callout span{flex:1;display:flex;flex-direction:column}.mind-itm-callout strong{font-size:.9rem}.mind-itm-callout small{font-size:.75rem;color:#64748b}.mind-itm-callout:hover{background:#faf7ff;color:#292f3b}