.toast-container{position:fixed;top:20px;right:20px;z-index:3000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--kenya-white);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));pointer-events:auto;animation:slideInRight .3s ease-out;border-left:4px solid;min-width:300px}.toast-exiting{animation:slideOutRight .3s ease-in}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-success{border-left-color:var(--success);background:linear-gradient(135deg,#ecfdf5 0%,var(--kenya-white) 100%)}.toast-error{border-left-color:var(--error);background:linear-gradient(135deg,#fef2f2 0%,var(--kenya-white) 100%)}.toast-warning{border-left-color:var(--warning);background:linear-gradient(135deg,#fffbeb 0%,var(--kenya-white) 100%)}.toast-info{border-left-color:var(--info);background:linear-gradient(135deg,#eff6ff 0%,var(--kenya-white) 100%)}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border-radius:50%;background:currentColor;color:#fff}.toast-success .toast-icon{background:var(--success)}.toast-error .toast-icon{background:var(--error)}.toast-warning .toast-icon{background:var(--warning)}.toast-info .toast-icon{background:var(--info)}.toast-message{flex:1;font-size:var(--font-size-base, 16px);color:var(--gray-900);line-height:1.5}.toast-close{flex-shrink:0;background:none;border:none;font-size:24px;color:var(--gray-500);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;line-height:1}.toast-close:hover{color:var(--gray-900)}.toast-close:focus-visible{outline:2px solid var(--green-primary);outline-offset:2px;border-radius:var(--radius-sm, 4px)}@media (max-width: 640px){.toast-container{left:16px;right:16px;max-width:none}.toast{min-width:auto}}@media (prefers-reduced-motion: reduce){.toast,.toast-exiting{animation:none}}.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;font-family:var(--font-family-primary, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif)}.error-boundary-content{max-width:800px;width:100%;background-color:var(--kenya-white);border-radius:16px;border:1px solid #e0e0e0;box-shadow:0 20px 40px #0000001a;overflow:hidden}.error-header{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,var(--green-dark) 0%,#228B22 100%);color:#fff}.error-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#fff3;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-title h1{margin:0 0 .5rem;font-size:2rem;font-weight:700}.error-title p{margin:0 0 .5rem;opacity:.9;font-size:1rem}.error-id{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;opacity:.8}.error-id code{background-color:#fff3;padding:.25rem .5rem;border-radius:4px;font-family:var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.8em}.error-message{padding:0 2rem}.error-alert{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:var(--error-text)}.error-alert strong{display:block;margin-bottom:.5rem;font-weight:600}.error-alert p{margin:0;font-size:.875rem;line-height:1.5}.retry-count{margin:.5rem 0 0!important;font-style:italic;opacity:.8}.error-actions{display:flex;gap:1rem;padding:0 2rem 2rem;flex-wrap:wrap}.error-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:140px;justify-content:center}.error-actions .btn:disabled{opacity:.6;cursor:not-allowed}.error-actions .btn.primary{background-color:var(--green-dark);color:#fff}.error-actions .btn.primary:hover:not(:disabled){background-color:#228b22;transform:translateY(-1px);box-shadow:0 4px 12px #0066004d}.error-actions .btn.secondary{background-color:#f8f9fa;color:#1a1a1a;border:1px solid #e0e0e0}.error-actions .btn.secondary:hover{background-color:#e9ecef;border-color:var(--green-dark)}.error-details-toggle{padding:0 2rem;border-top:1px solid #e0e0e0}.details-button{display:flex;align-items:center;gap:.5rem;width:100%;padding:1rem;background:none;border:none;color:#666;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;justify-content:center}.details-button:hover{color:var(--green-dark);background-color:#f0f8f0}.details-button[aria-expanded=true]{color:var(--green-dark)}.error-details{border-top:1px solid #e0e0e0;max-height:400px;overflow-y:auto}.details-section{padding:1.5rem 2rem;border-bottom:1px solid #f0f0f0}.details-section:last-child{border-bottom:none}.details-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1a1a1a}.details-content{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item strong{font-weight:600;color:#1a1a1a;font-size:.875rem}.detail-item code{background-color:#f8f9fa;padding:.5rem;border-radius:4px;font-family:var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.8rem;word-break:break-all;color:#1a1a1a}.stack-trace{background-color:#f8f9fa;padding:1rem;border-radius:4px;font-family:var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.75rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;color:#1a1a1a;border:1px solid #e0e0e0}.error-footer{padding:1.5rem 2rem;background-color:#f0f8f0;border-top:1px solid #e0e0e0;text-align:center}.error-footer p{margin:0;font-size:.875rem;color:#666;line-height:1.5}@media (max-width: 768px){.error-boundary-container{padding:1rem}.error-boundary-content{border-radius:12px}.error-header{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.error-title h1{font-size:1.5rem}.error-icon{width:60px;height:60px}.error-icon svg{width:32px;height:32px}.error-message,.error-actions,.error-details-toggle,.details-section,.error-footer{padding-left:1.5rem;padding-right:1.5rem}.error-actions{flex-direction:column}.error-actions .btn{width:100%}.error-details{max-height:300px}}@media (max-width: 480px){.error-header{padding:1rem}.error-title h1{font-size:1.25rem}.error-icon{width:60px;height:60px}.error-icon svg{width:32px;height:32px}.error-message,.error-actions,.error-details-toggle,.details-section,.error-footer{padding-left:1rem;padding-right:1rem}}.section-error-boundary{display:flex;align-items:center;justify-content:center;min-height:200px;background-color:#fefefe;border:1px solid #e0e0e0;border-radius:8px;padding:2rem}.section-error-content{text-align:center;max-width:300px}.section-error-content .error-icon{font-size:2rem;margin-bottom:1rem;display:block}.section-error-content p{margin:0 0 1rem;color:#666;font-size:.875rem}.section-error-content .btn{padding:.5rem 1rem;font-size:.875rem}.nc-root{position:relative!important;display:inline-flex;align-items:center}.nc-bell{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:10px;color:var(--gray-600);display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease,transform .15s ease}.nc-bell:hover{background:#16653414;color:#166534;transform:scale(1.05)}.nc-bell:active{transform:scale(.96)}.nc-bell--has-unread{color:#166534}.nc-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--error),var(--error-dark));color:#fff;font-size:.65rem;font-weight:700;line-height:1;border-radius:10px;border:2px solid #fff;box-shadow:0 1px 4px #dc262659;animation:nc-badge-pop .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}@keyframes nc-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.nc-dropdown{position:absolute!important;top:calc(100% + 8px);right:-8px;width:380px;max-height:520px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 4px 6px -1px #0000000f,0 12px 24px -4px #0000001a,0 0 0 1px #00000005;z-index:9999;overflow:hidden;display:flex;flex-direction:column;animation:nc-slide-in .22s cubic-bezier(.16,1,.3,1);transform-origin:top right;transform:none!important}.nc-dropdown--closing{animation:nc-slide-out .18s ease-in forwards}@keyframes nc-slide-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nc-slide-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.97)}}.nc-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:none;background:linear-gradient(135deg,#166534,#15803d);border-radius:16px 16px 0 0}.nc-header__left{display:flex;align-items:center;gap:8px}.nc-header__title{margin:0;font-size:.95rem;font-weight:700;color:var(--kenya-white);letter-spacing:-.01em}.nc-header__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff3;color:#fff;font-size:.65rem;font-weight:700;border-radius:10px;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nc-header__actions{display:flex;align-items:center;gap:2px}.nc-header__btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;color:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.nc-header__btn:hover{background:#ffffff26;color:var(--kenya-white)}.nc-tabs{display:flex;position:relative;padding:6px;margin:8px 18px 4px;background:var(--gray-100);border-radius:10px;gap:0}.nc-tabs__item{flex:1;position:relative;z-index:1;background:none;border:none;cursor:pointer;padding:7px 12px;font-size:.8rem;font-weight:600;color:var(--gray-500);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;transition:color .2s ease}.nc-tabs__item:hover:not(.nc-tabs__item--active){color:var(--gray-700)}.nc-tabs__item--active{color:#166534}.nc-tabs__indicator{position:absolute;top:6px;left:6px;width:calc(50% - 6px);height:calc(100% - 12px);background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:0}.nc-tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:.6rem;font-weight:700;background:linear-gradient(135deg,var(--error),var(--error-dark));color:#fff;border-radius:9px;line-height:1}.nc-list-wrap{flex:1;overflow-y:auto;max-height:340px;overscroll-behavior:contain}.nc-list-wrap::-webkit-scrollbar{width:5px}.nc-list-wrap::-webkit-scrollbar-track{background:transparent}.nc-list-wrap::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:10px}.nc-list-wrap::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}.nc-list{list-style:none;margin:0;padding:4px 0}.nc-item{display:flex;align-items:flex-start;gap:10px;padding:12px 18px;cursor:pointer;position:relative;transition:background .15s ease;border-bottom:1px solid var(--gray-50)}.nc-item:last-child{border-bottom:none}.nc-item:hover{background:#f8faf9}.nc-item--unread{background:linear-gradient(to right,rgba(22,101,52,.03),transparent)}.nc-item--unread:hover{background:linear-gradient(to right,#1665340f,#16653405)}.nc-item__dot{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#22c55e,var(--status-success));box-shadow:0 0 6px #22c55e66;flex-shrink:0}.nc-item__icon{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--gray-100);margin-top:1px;transition:background .15s ease}.nc-item:hover .nc-item__icon{background:#e8f5e9}.nc-icon-alert{color:var(--error-text)}.nc-icon-hub{color:var(--info-text)}.nc-icon-report{color:#8b5cf6}.nc-icon-success{color:#22c55e}.nc-icon-user{color:var(--warning-text)}.nc-icon-info{color:var(--gray-500)}.nc-item__body{flex:1;min-width:0}.nc-item__title{font-size:.82rem;font-weight:600;color:var(--gray-800);line-height:1.35;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.nc-item--unread .nc-item__title{color:var(--gray-900)}.nc-item__msg{font-size:.76rem;color:var(--gray-500);line-height:1.4;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nc-item__time{font-size:.68rem;color:var(--gray-600);font-weight:500}.nc-item__actions{display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .15s ease;flex-shrink:0;margin-top:2px}.nc-item:hover .nc-item__actions{opacity:1}.nc-item__action{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;color:var(--gray-600);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.nc-item__action--read:hover{background:#dcfce7;color:#166534}.nc-item__action--delete:hover{background:var(--error-light);color:var(--error-text)}.nc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 40px;text-align:center}.nc-empty__icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:20px}.nc-empty__icon{color:#86efac}.nc-empty__sparkle{position:absolute;color:#a7f3d0;animation:nc-sparkle 2s ease-in-out infinite}.nc-empty__sparkle--1{top:-4px;right:-4px;animation-delay:0s}.nc-empty__sparkle--2{bottom:2px;left:-2px;animation-delay:1s}@keyframes nc-sparkle{0%,to{opacity:.3;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(15deg)}}.nc-empty__title{margin:0 0 4px;font-size:.9rem;font-weight:600;color:var(--gray-700)}.nc-empty__subtitle{margin:0;font-size:.78rem;color:var(--gray-600);line-height:1.45;max-width:220px}.nc-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid #f0f0f0;background:#fcfcfc}.nc-footer__btn{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:.72rem;font-weight:600;color:var(--gray-500);border-radius:6px;transition:all .15s ease}.nc-footer__btn:hover{background:var(--gray-100);color:#166534}.nc-footer__btn--danger:hover{background:#fef2f2;color:var(--error-text)}.nc-prefs{padding:20px 18px;display:flex;flex-direction:column;gap:16px}.nc-prefs__title{margin:0;font-size:.88rem;font-weight:600;color:var(--gray-800);display:flex;align-items:center;gap:8px}.nc-prefs__toggle{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--gray-600);cursor:pointer;padding:10px 12px;border-radius:10px;background:var(--gray-50);transition:background .15s ease}.nc-prefs__toggle:hover{background:var(--gray-100)}.nc-prefs__toggle input[type=checkbox]{width:16px;height:16px;accent-color:#166534;cursor:pointer}.nc-prefs__toggle-label{font-weight:500}.nc-prefs__back{background:none;border:1px solid var(--gray-200);cursor:pointer;padding:8px 16px;font-size:.78rem;font-weight:600;color:var(--gray-600);border-radius:8px;transition:all .15s ease;align-self:flex-start}.nc-prefs__back:hover{background:var(--gray-100);border-color:var(--gray-300)}.nc-bell:focus-visible,.nc-header__btn:focus-visible,.nc-tabs__item:focus-visible,.nc-item:focus-visible,.nc-item__action:focus-visible,.nc-footer__btn:focus-visible{outline:2px solid #166534;outline-offset:2px}@media (max-width: 480px){.nc-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:85vh;border-radius:20px 20px 0 0;animation:nc-slide-up .3s cubic-bezier(.16,1,.3,1)}.nc-dropdown--closing{animation:nc-slide-down .2s ease-in forwards}@keyframes nc-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes nc-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.nc-header{padding:16px}.nc-tabs{margin:8px 16px 4px}.nc-item,.nc-footer{padding:12px 16px}.nc-list-wrap{max-height:calc(85vh - 160px)}.nc-item__actions{opacity:1}}@media (max-width: 360px){.nc-dropdown{max-height:90vh}.nc-header__title{font-size:.88rem}.nc-item__title{font-size:.78rem}.nc-item__msg{font-size:.72rem}}.nc-dropdown.nc-dropdown--sheet{position:fixed!important;top:auto;bottom:0;left:0;right:0;width:100%;max-height:85vh;max-height:85dvh;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);z-index:10001;animation:nc-slide-up .3s cubic-bezier(.16,1,.3,1)}.nc-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0f172a73;animation:nc-fade-in .2s ease}@keyframes nc-fade-in{0%{opacity:0}to{opacity:1}}.mobile-topbar .nc-bell{width:36px;height:36px}.mobile-topbar{display:none;position:sticky;top:0;left:0;right:0;height:var(--app-bar-height, 54px);background:var(--card-bg, rgba(255, 255, 255, .96));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .08));box-shadow:0 2px 12px #0000000a;z-index:1000;padding:0 12px;box-sizing:border-box;width:100%;max-width:100vw;align-items:center;justify-content:space-between}.mobile-topbar:before{content:"";position:absolute;top:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,#005f36,#087f45,#005f36);z-index:2}.mobile-topbar-left{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0}.mobile-back-btn,.mobile-nav-trigger-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:transparent;border:none;color:var(--text-primary, #0f172a);cursor:pointer;padding:0;transition:background-color .15s ease,transform .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-back-btn:active,.mobile-nav-trigger-btn:active{background-color:#0000000f;transform:scale(.94)}.mobile-topbar-brand{display:flex;align-items:center;gap:8px;text-decoration:none}.mobile-topbar-logo{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}.mobile-topbar-brand-title{font-weight:800;font-size:.95rem;letter-spacing:.03em;color:var(--kenya-green, #007a33);text-transform:uppercase}.mobile-topbar-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 6px;min-width:0;text-align:center}.mobile-screen-title{font-size:.88rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-screen-subtitle{font-size:.72rem;font-weight:600;color:var(--text-secondary, #64748b);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-topbar.is-signed-in .mobile-topbar-brand-title{display:none}.mobile-topbar.is-signed-in .mobile-topbar-center{align-items:flex-start;text-align:left;padding:0 4px 0 10px}.mobile-topbar.is-signed-in .mobile-topbar-right{gap:2px}@media (max-width: 380px){.mobile-topbar.is-signed-in .mobile-action-icon-btn{width:34px}}.mobile-topbar-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.mobile-action-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:transparent;border:none;color:var(--text-secondary, #475569);cursor:pointer;position:relative;transition:background-color .15s ease,transform .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-action-icon-btn:active{background-color:#0000000f;transform:scale(.94)}.mobile-badge-indicator{position:absolute;top:4px;right:4px;background:var(--kenya-red, #bb0100);color:#fff;font-size:.6rem;font-weight:800;height:16px;min-width:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1.5px solid white}.mobile-avatar-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--kenya-green, #007a33) 0%,#16a34a 100%);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000001f;border:1.5px solid rgba(255,255,255,.9)}.mobile-online-dot{position:absolute;bottom:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#10b981;border:1.5px solid white}[data-theme=dark] .mobile-topbar,.dark-mode .mobile-topbar{background:#0f172af5;border-bottom-color:#ffffff14}[data-theme=dark] .mobile-back-btn,.dark-mode .mobile-back-btn,[data-theme=dark] .mobile-nav-trigger-btn,.dark-mode .mobile-nav-trigger-btn,[data-theme=dark] .mobile-screen-title,.dark-mode .mobile-screen-title{color:#f8fafc}[data-theme=dark] .mobile-action-icon-btn,.dark-mode .mobile-action-icon-btn{color:#cbd5e1}[data-theme=dark] .mobile-badge-indicator,.dark-mode .mobile-badge-indicator,[data-theme=dark] .mobile-online-dot,.dark-mode .mobile-online-dot{border-color:#0f172a}@media (max-width: 768px){.mobile-topbar{display:flex}}.fb-launcher{position:fixed;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(60px + env(safe-area-inset-bottom,0px));z-index:1500;display:inline-flex;align-items:center;gap:.5rem;min-height:46px;padding:0 1.15rem 0 1rem;border:0;border-radius:999px;background:#006b3f;color:#fff;font-family:inherit;font-weight:700;font-size:.92rem;line-height:1;letter-spacing:.01em;box-shadow:0 0 0 2px #ffffffe6,0 6px 20px #003c234d;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.fb-launcher:hover{background:#00552f;box-shadow:0 0 0 2px #fff,0 8px 26px #003c235c}.fb-launcher:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.fb-launcher svg{flex-shrink:0}.fb-launcher:not(.is-visible){opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}.fb-launcher.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease,visibility 0s,background .15s ease,box-shadow .15s ease}body:has(.feedback-drawer.open) .fb-launcher{visibility:hidden}@media (max-width: 768px){.fb-launcher{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));min-height:44px;padding:0 1rem 0 .9rem;font-size:.875rem}body:has(.fb-launcher) .dtap-footer__bottom{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}}@media (max-width: 399px){.fb-launcher{width:48px;height:48px;padding:0;justify-content:center}.fb-launcher-text{display:none}}@media (prefers-reduced-motion: reduce){.fb-launcher{transition:none}}@media print{.fb-launcher{display:none}}@media (prefers-reduced-motion: reduce){.fb-launcher,.fb-launcher.is-visible,.fb-launcher:not(.is-visible){transition:none;transform:none}}:root{--footer-visible-height: 0px}.dtap-footer{background:#081c33;color:#cbd5e1;font-family:var(--font-family-primary);position:relative;overflow:hidden;margin-top:auto}.dtap-footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 90%,rgba(0,122,51,.06) 0%,transparent 50%),radial-gradient(ellipse at 90% 0%,rgba(8,145,178,.05) 0%,transparent 55%),radial-gradient(ellipse at 90% 10%,rgba(37,99,235,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.dtap-footer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.dtap-footer__backdrop .auth-bg-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(to right,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px,44px 44px,44px 44px;mask-image:linear-gradient(to bottom,transparent 0%,black 60%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 60%)}.dtap-footer__backdrop .auth-bg-landscape{position:absolute;bottom:0;left:0;right:0;width:100%;height:clamp(70px,14vh,130px);opacity:.22;display:flex;align-items:flex-end;overflow:hidden}.dtap-footer__backdrop .auth-landscape-svg{width:100%;height:100%;display:block}.dtap-footer__accent{height:4px;background:linear-gradient(90deg,var(--green-primary) 0%,var(--green-secondary) 35%,var(--green-primary) 65%,var(--green-dark) 100%);box-shadow:0 1px 8px #00a65140;position:relative;z-index:2}.dtap-footer__inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:1.5rem 2.5rem 1.25rem;position:relative;z-index:1}.dtap-footer__col{display:flex;flex-direction:column}.dtap-footer__heading{font-family:var(--font-family-heading);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--kenya-white);margin:0 0 .75rem;padding-bottom:.45rem;border-bottom:2px solid rgba(0,166,81,.35);display:flex;align-items:center;gap:.4rem;line-height:1.4}.dtap-footer__coa{width:20px;height:20px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.12);flex-shrink:0}.dtap-footer__ministry .dtap-footer__heading{font-size:.8rem;letter-spacing:.1em;gap:.55rem}.dtap-footer__ministry .dtap-footer__coa{width:26px;height:26px;border-color:#ffffff2e}.dtap-footer__ministry-name{font-size:.9375rem;font-weight:700;color:#ffffffe6;line-height:1.45;margin:0 0 .75rem}.dtap-footer__address{font-style:normal;display:flex;flex-direction:column;gap:.5rem}.dtap-footer__addr-item{display:flex;align-items:flex-start;gap:.55rem;font-size:.875rem;line-height:1.5;color:#94a3b8}.dtap-footer__addr-item svg{color:var(--green-dark);margin-top:2px;flex-shrink:0}.dtap-footer__addr-item a{color:#94a3b8;text-decoration:none;transition:color .2s ease}.dtap-footer__addr-item a:hover{color:var(--green-dark);text-decoration:underline}.dtap-footer__links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.dtap-footer__links li a,.dtap-footer__links li .dtap-footer__link-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.9rem;color:#94a3b8;text-decoration:none;transition:all .2s ease;padding:.28rem 0;border:none;background:none;cursor:pointer;font-family:inherit}.dtap-footer__links li a svg,.dtap-footer__links li .dtap-footer__link-btn svg{color:#00a65180;transition:transform .2s ease,color .2s ease;flex-shrink:0}.dtap-footer__links li a:hover,.dtap-footer__links li .dtap-footer__link-btn:hover{color:var(--kenya-white);padding-left:4px}.dtap-footer__links li a:hover svg,.dtap-footer__links li .dtap-footer__link-btn:hover svg{color:var(--green-dark);transform:translate(2px)}.dtap-footer__links li a:focus-visible,.dtap-footer__links li .dtap-footer__link-btn:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px;border-radius:3px}.dtap-footer__ext-icon{opacity:.35;margin-left:3px;flex-shrink:0;transition:opacity .2s ease}.dtap-footer__links li a:hover .dtap-footer__ext-icon{opacity:.75}.dtap-footer__connect-desc{font-size:.875rem;line-height:1.5;color:#94a3b8;margin:0 0 .65rem}.dtap-footer__socials{display:flex;flex-wrap:nowrap;gap:.45rem;align-items:center}.dtap-footer__social-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#94a3b8;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;flex-shrink:0}.dtap-footer__social-icon:hover{background:#00a65126;border-color:var(--green-secondary);color:var(--green-dark);transform:translateY(-2px);box-shadow:0 5px 14px #00a65133}.dtap-footer__social-icon:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px}.dtap-footer__social-icon svg{width:15px;height:15px}.dtap-footer__bottom{background:#020a1473;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.dtap-footer__bottom-inner{max-width:1400px;margin:0 auto;padding:.55rem 2.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.35rem}.dtap-footer__copyright{font-size:.8125rem;color:#94a3b8;margin:0;line-height:1.5}.dtap-footer__tagline{font-size:.8125rem;color:#7c8ba1;margin:0;font-style:italic;letter-spacing:.02em}.dtap-footer__utility-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.dtap-footer__accessibility{display:inline-flex;align-items:center;gap:.5rem}.dtap-footer__accessibility-label{font-size:.8125rem;color:#94a3b8;font-weight:500}.dtap-footer__staff-access{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;color:#94a3b8;line-height:1}.dtap-footer__lock-icon{color:#94a3b8;flex-shrink:0;display:inline-block;vertical-align:middle}.dtap-footer__staff-label{font-weight:400;color:#94a3b8;line-height:1;display:inline-flex;align-items:center}.dtap-footer__staff-divider{color:#64748b;font-size:.65rem;opacity:.7;line-height:1;-webkit-user-select:none;user-select:none}.dtap-footer__staff-link{color:#94a3b8;text-decoration:none;font-weight:500;cursor:pointer;transition:color .2s ease;line-height:1;display:inline-flex;align-items:center}.dtap-footer__staff-link:hover,.dtap-footer__staff-link:focus-visible{color:var(--info-text);text-decoration:underline}.dtap-footer__staff-access:hover .dtap-footer__lock-icon,.dtap-footer__staff-access:hover .dtap-footer__staff-link{color:var(--info-text)}@media (max-width: 900px){.dtap-footer__inner{grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem;padding:1.25rem 1.75rem 1rem}.dtap-footer__connect{grid-column:1 / -1}.dtap-footer__socials{flex-wrap:wrap}.dtap-footer__bottom-inner{padding:.5rem 1.75rem}}@media (max-width: 600px){.dtap-footer__inner{grid-template-columns:1fr;gap:1rem;padding:1.25rem 1.1rem .9rem}.dtap-footer__connect{grid-column:auto}.dtap-footer__heading{font-size:.75rem;margin-bottom:.6rem;padding-bottom:.4rem}.dtap-footer__ministry-name{font-size:.875rem}.dtap-footer__socials{flex-wrap:wrap;gap:.4rem}.dtap-footer__social-icon{width:34px;height:34px}.dtap-footer__bottom-inner{flex-direction:column;text-align:center;padding:.55rem 1.1rem}}@media print{.dtap-footer{display:none!important}}[data-theme=dark] .dtap-footer{background:#061527}[data-theme=dark] .dtap-footer:before{background:radial-gradient(ellipse at 10% 90%,rgba(0,122,51,.04) 0%,transparent 50%),radial-gradient(ellipse at 90% 0%,rgba(8,145,178,.035) 0%,transparent 55%),radial-gradient(ellipse at 90% 10%,rgba(37,99,235,.03) 0%,transparent 50%)}[data-theme=dark] .dtap-footer__backdrop .auth-bg-landscape{opacity:.16}[data-theme=dark] .dtap-footer__bottom{background:#0006;border-top-color:#ffffff0a}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100vw;height:64px;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--card-bg, rgba(255, 255, 255, .97));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border-color, rgba(0, 0, 0, .08));box-shadow:0 -4px 24px #00000012,0 -1px #0000000a;z-index:990;align-items:stretch;justify-content:space-around;box-sizing:border-box}.admin-content,.admin-main-content,.dashboard,.hubs-page,.report-container,.user-management-container,.hub-directory-page,.services-page,.news-page,.national-skilling-page,.neo-container,.audit-dashboard,.device-asset-management,.inclusion-dashboard,.hub-details-container,.hub-manager-content,.skilling-partner-layout,.agency-dashboard-container{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;min-width:0;padding:8px 4px 6px;color:var(--text-secondary, #64748b);text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:500;letter-spacing:.01em;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .18s ease;min-height:64px;box-sizing:border-box}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--kenya-green, #007a33);animation:tabIndicatorIn .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes tabIndicatorIn{0%{width:0;opacity:0}to{width:28px;opacity:1}}.bottom-nav-item svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .18s ease;flex-shrink:0}.bottom-nav-item:active{transform:scale(.9)}.bottom-nav-item.active{color:var(--kenya-green, #007a33);font-weight:700}.bottom-nav-item.active svg{color:var(--kenya-green, #007a33);transform:translateY(-3px) scale(1.1)}.bottom-nav-more-btn{color:var(--text-secondary, #64748b)}.bottom-nav-more-btn:hover,.bottom-nav-more-btn:focus-visible{color:var(--kenya-green, #007a33)}.bottom-nav-msg-badge{position:absolute;top:-4px;right:-6px;background:#dc2626;color:#fff;font-size:.55rem;font-weight:800;height:14px;min-width:14px;padding:0 3px;border-radius:7px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--card-bg, #ffffff);line-height:1;pointer-events:none}[data-theme=dark] .mobile-bottom-nav,.dark-mode .mobile-bottom-nav{background:#0f172af7;border-top-color:#ffffff14;box-shadow:0 -4px 24px #0006}[data-theme=dark] .bottom-nav-item,.dark-mode .bottom-nav-item{color:#94a3b8}[data-theme=dark] .bottom-nav-item.active,.dark-mode .bottom-nav-item.active{color:#4ade80}[data-theme=dark] .bottom-nav-item.active:before,.dark-mode .bottom-nav-item.active:before{background:#4ade80}@media (max-width: 360px){.bottom-nav-item{font-size:.7rem;gap:2px;padding:8px 2px 4px}.bottom-nav-item svg{width:20px;height:20px}}@media (min-width: 769px){.mobile-bottom-nav{display:none!important}}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.mobile-drawer-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-drawer-container{position:fixed;top:0;bottom:0;right:0;width:86vw;max-width:360px;background:var(--card-bg, #ffffff);z-index:9999;display:flex;flex-direction:column;transform:translate(100%);visibility:hidden;transition:transform .3s cubic-bezier(.32,.72,0,1),visibility 0s linear .3s;box-shadow:-8px 0 32px #00000038;padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden;box-sizing:border-box}.mobile-drawer-container.open{transform:translate(0);visibility:visible;transition:transform .3s cubic-bezier(.32,.72,0,1),visibility 0s}.mobile-drawer-header{padding:18px 16px 16px;background:linear-gradient(135deg,#007a33,#064e3b);color:#fff;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;position:relative}.mobile-drawer-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#005f36,#087f45,#005f36)}.mobile-drawer-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff2e;border:none;color:#fff;cursor:pointer;padding:0;transition:background-color .15s ease;touch-action:manipulation}.mobile-drawer-close-btn:active{background:#ffffff4d}.mobile-drawer-user-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.drawer-user-avatar{width:46px;height:46px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.8);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drawer-user-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.drawer-user-name{font-size:.98rem;font-weight:700;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-user-role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#fff3;color:#fff;width:fit-content}.drawer-user-hub{font-size:.72rem;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-guest-header{display:flex;flex-direction:column;gap:6px}.drawer-guest-title{font-size:1.05rem;font-weight:800;color:#fff;margin:0}.drawer-guest-sub{font-size:.75rem;color:#ffffffd9;line-height:1.3}.drawer-login-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;padding:8px 16px;background:#fff;color:#007a33;border-radius:8px;font-weight:700;font-size:.82rem;text-decoration:none;box-shadow:0 2px 6px #00000026}.mobile-drawer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px 20px;display:flex;flex-direction:column;gap:16px}.drawer-quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.drawer-action-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 8px;border-radius:12px;background:#f8fafc;border:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #0f172a);text-decoration:none;gap:6px;cursor:pointer;transition:transform .15s ease,background-color .15s ease;touch-action:manipulation}.drawer-action-tile:active{transform:scale(.95);background-color:#f1f5f9}.drawer-tile-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}.drawer-tile-label{font-size:.72rem;font-weight:700;line-height:1.2}.drawer-section-title{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, #64748b);margin-bottom:6px;padding-left:4px}.drawer-nav-list{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:14px;padding:4px;box-shadow:0 1px 3px #00000005}.drawer-nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text-primary, #1e293b);font-size:.85rem;font-weight:600;transition:background-color .15s ease;min-height:42px;touch-action:manipulation;border:none;background:transparent;width:100%;cursor:pointer}.drawer-nav-item:active,.drawer-nav-item.active{background-color:#f1f5f9;color:#007a33}.drawer-nav-item-left{display:flex;align-items:center;gap:10px}.drawer-nav-icon{color:var(--text-secondary, #64748b);display:flex;align-items:center}.drawer-nav-item.active .drawer-nav-icon{color:#007a33}.drawer-nav-badge{background:#bb0100;color:#fff;font-size:.62rem;font-weight:800;padding:1px 6px;border-radius:8px}.drawer-preferences-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8fafc;border:1px solid var(--border-color, #e2e8f0);border-radius:12px;gap:8px}.drawer-theme-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:#fff;border:1px solid var(--border-color, #cbd5e1);color:var(--text-primary, #1e293b);font-size:.75rem;font-weight:700;cursor:pointer;touch-action:manipulation}.drawer-eat-clock{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:#64748b;font-family:var(--font-family-mono)}.mobile-drawer-footer{padding:12px 14px;border-top:1px solid var(--border-color, #e2e8f0);background:#f8fafc;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.drawer-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:10px;border:1px solid rgba(220,38,38,.2);background:#fef2f2;color:#dc2626;font-size:.85rem;font-weight:700;cursor:pointer;touch-action:manipulation;min-height:44px;transition:background-color .15s ease}.drawer-logout-btn:active{background:#fee2e2}[data-theme=dark] .mobile-drawer-container,.dark-mode .mobile-drawer-container{background:#0f172a}[data-theme=dark] .drawer-action-tile,.dark-mode .drawer-action-tile{background:#1e293b;border-color:#ffffff14;color:#f8fafc}[data-theme=dark] .drawer-nav-list,.dark-mode .drawer-nav-list{background:#1e293b;border-color:#ffffff14}[data-theme=dark] .drawer-nav-item,.dark-mode .drawer-nav-item{color:#f1f5f9}[data-theme=dark] .drawer-nav-item:active,.dark-mode .drawer-nav-item:active,[data-theme=dark] .drawer-nav-item.active,.dark-mode .drawer-nav-item.active{background-color:#ffffff14;color:#4ade80}[data-theme=dark] .drawer-preferences-card,.dark-mode .drawer-preferences-card,[data-theme=dark] .mobile-drawer-footer,.dark-mode .mobile-drawer-footer{background:#1e293b;border-color:#ffffff14}[data-theme=dark] .drawer-theme-pill,.dark-mode .drawer-theme-pill{background:#0f172a;border-color:#ffffff26;color:#f8fafc}.route-loading-fallback{display:flex;align-items:center;justify-content:center;min-height:60vh;width:100%;background:transparent}.route-loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.route-loading-orbit{position:relative;width:64px;height:64px}.route-orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,var(--action-primary) 30%,#0891b2 55%,var(--green-primary) 78%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));animation:route-orbit-spin 1.1s linear infinite}.route-orbit-ring.secondary{top:11px;right:11px;bottom:11px;left:11px;opacity:.4;animation:route-orbit-spin 1.7s linear infinite reverse}.route-orbit-core{position:absolute;top:50%;left:50%;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffffff 0%,var(--action-primary) 75%);box-shadow:0 0 0 4px #2563eb24,0 0 18px #2563eb8c;animation:route-core-pulse 1.6s ease-in-out infinite}@keyframes route-orbit-spin{to{transform:rotate(360deg)}}@keyframes route-core-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.route-loading-text{display:flex;align-items:center;font-size:.875rem;font-weight:600;color:var(--gray-600);letter-spacing:.03em}.route-loading-dots span{opacity:.2;animation:route-dot-fade 1.4s infinite}.route-loading-dots span:nth-child(2){animation-delay:.2s}.route-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes route-dot-fade{0%,80%,to{opacity:.2}40%{opacity:1}}.pwa-install-overlay{position:fixed;bottom:0;left:0;right:0;top:0;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:fadeIn .25s ease-out}.pwa-install-card{position:relative;width:100%;max-width:440px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:24px;box-shadow:0 20px 50px #0003,0 4px 12px #00000014;animation:slideUpSheet .35s cubic-bezier(.16,1,.3,1)}.pwa-card-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pwa-card-close:hover{background:#e2e8f0;color:#1e293b}.pwa-card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.pwa-app-badge{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#065f46,#007a33);padding:6px;box-shadow:0 8px 16px #007a3340;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-app-icon{width:100%;height:100%;object-fit:contain;border-radius:10px}.pwa-app-meta{display:flex;flex-direction:column}.pwa-gov-tag{font-size:.68rem;font-weight:700;color:#007a33;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.pwa-app-title{margin:0;font-size:1.25rem;font-weight:800;color:#0f172a;line-height:1.2}.pwa-app-sub{font-size:.8rem;color:#64748b;font-weight:500}.pwa-features-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px}.pwa-feature-item{display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:600;color:#334155}.pwa-check-icon{color:#007a33;flex-shrink:0}.pwa-card-error{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;font-size:.8rem;color:#991b1b;margin-bottom:16px}.pwa-card-actions{display:flex;flex-direction:column;gap:10px}.pwa-btn-primary{width:100%;height:50px;border-radius:14px;background:linear-gradient(135deg,#007a33,#065f46);color:#fff;border:none;font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 8px 20px #007a334d;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.pwa-btn-primary:active{transform:scale(.97);box-shadow:0 4px 10px #007a3333}.pwa-btn-secondary{width:100%;height:44px;border-radius:14px;background:transparent;color:#64748b;border:1px solid #cbd5e1;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pwa-btn-secondary:active{background:#f1f5f9}.pwa-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}[data-theme=dark] .pwa-install-card{background:#0f172a;border-color:#ffffff1a;color:#f8fafc}[data-theme=dark] .pwa-app-title{color:#fff}[data-theme=dark] .pwa-features-list{background:#1e293b;border-color:#334155}[data-theme=dark] .pwa-feature-item{color:#cbd5e1}[data-theme=dark] .pwa-card-close{background:#1e293b;color:#94a3b8}[data-theme=dark] .pwa-btn-secondary{border-color:#334155;color:#94a3b8}.pwa-notification-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);z-index:9999;width:90%;max-width:500px;padding:1.5rem;border-radius:1.5rem;background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0003;animation:slide-up-pwa .6s cubic-bezier(.34,1.56,.64,1) forwards;color:var(--kenya-white)}@keyframes slide-up-pwa{to{transform:translate(-50%) translateY(0)}}.pwa-notification-content{display:flex;align-items:flex-start;gap:1.25rem}.pwa-notification-icon{flex-shrink:0;width:48px;height:48px;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:#ffffff1a}.update-available .pwa-notification-icon{background:#007a3333;color:#00ff6a;box-shadow:0 0 20px #00ff6a1a}.offline-ready .pwa-notification-icon{background:#0056b333;color:#00d2ff}.pwa-notification-text{flex-grow:1}.pwa-notification-text h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.pwa-notification-text p{margin:0;font-size:.9rem;line-height:1.5;opacity:.85}.pwa-notification-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.pwa-update-btn{background:var(--green-primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:.75rem;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .3s ease;box-shadow:0 5px 15px #007a334d}.pwa-update-btn:hover{background:#009940;transform:translateY(-2px);box-shadow:0 8px 20px #007a3366}.pwa-close-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pwa-close-btn:hover{background:#ffffff1a;color:#fff}.animate-spin-slow{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: light){.pwa-notification-container{background:#007a33e6}}@media (max-width: 480px){.pwa-notification-container{bottom:1rem;padding:1.25rem}.pwa-notification-content{gap:.75rem}.pwa-notification-icon{width:36px;height:36px}}.idle-timeout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:idleFadeIn .25s ease-out}.idle-timeout-card{background:var(--kenya-white);border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px 36px 32px;max-width:420px;width:90%;text-align:center;animation:idleSlideUp .3s ease-out}.idle-timeout-icon{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#fff3e0,#ffe0b2);display:flex;align-items:center;justify-content:center;color:#e65100;animation:idlePulse 2s ease-in-out infinite}.idle-timeout-card h2{margin:0 0 8px;font-size:1.35rem;font-weight:700;color:#1a1a2e}.idle-timeout-card p{margin:0 0 24px;font-size:.92rem;color:#64748b;line-height:1.5}.idle-countdown-ring{position:relative;width:96px;height:96px;margin:0 auto 24px}.idle-countdown-ring svg{transform:rotate(-90deg)}.idle-countdown-track{fill:none;stroke:#e2e8f0;stroke-width:5}.idle-countdown-progress{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s ease}.idle-countdown-progress.warning{stroke:var(--warning)}.idle-countdown-progress.danger{stroke:var(--error)}.idle-countdown-seconds{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:#1a1a2e;font-variant-numeric:tabular-nums}.idle-timeout-actions{display:flex;gap:12px;justify-content:center}.idle-btn{padding:10px 22px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.idle-btn-primary{background:linear-gradient(135deg,#006b3f,#00894e);color:#fff;box-shadow:0 4px 12px #006b3f4d}.idle-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #006b3f66}.idle-btn-secondary{background:#f1f5f9;color:#475569}.idle-btn-secondary:hover{background:#e2e8f0}@keyframes idleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes idleSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes idlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}[data-theme=dark] .idle-timeout-card{background:#1e293b}[data-theme=dark] .idle-timeout-card h2{color:#f1f5f9}[data-theme=dark] .idle-timeout-card p{color:#94a3b8}[data-theme=dark] .idle-countdown-seconds{color:#f1f5f9}[data-theme=dark] .idle-countdown-track{stroke:#334155}[data-theme=dark] .idle-btn-secondary{background:#334155;color:#cbd5e1}[data-theme=dark] .idle-btn-secondary:hover{background:#475569}@media (max-width: 480px){.idle-timeout-card{padding:28px 20px 24px}.idle-timeout-actions{flex-wrap:wrap}.idle-btn{flex:1 1 auto;min-height:44px}}.screen-lock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeInLock .3s ease-out forwards}body.dark-mode .screen-lock-overlay{background-color:#0f172a99}.screen-lock-glass{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.2) 100%)}body.dark-mode .screen-lock-glass{background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.5) 100%)}.screen-lock-card{position:relative;width:100%;max-width:400px;background-color:var(--card-bg, var(--kenya-white));border-radius:16px;padding:32px;border:1px solid var(--border-color, var(--gray-200));text-align:center;animation:slideUpLock .4s cubic-bezier(.16,1,.3,1) forwards}.screen-lock-header{margin-bottom:24px}.lock-icon-wrapper{width:64px;height:64px;background-color:var(--primary-light, #e0f2fe);color:var(--primary-color, var(--action-feedback-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 12px #0284c733}body.dark-mode .lock-icon-wrapper{background-color:#0284c733}.screen-lock-header h2{font-size:1.5rem;color:var(--text-primary, #1e293b);margin-bottom:8px}.screen-lock-header p{font-size:.95rem;color:var(--text-secondary, #64748b);line-height:1.5}.screen-lock-user{display:flex;align-items:center;gap:12px;background-color:var(--bg-hover, #f8fafc);padding:12px;border-radius:8px;margin-bottom:24px;text-align:left;border:1px solid var(--border-color, var(--gray-200))}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.user-email{color:var(--text-secondary);font-size:.85rem}.screen-lock-form .form-group{margin-bottom:24px;text-align:left}.screen-lock-form input{width:100%;padding:12px 16px;border:2px solid var(--border-color, var(--gray-200));border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;background-color:var(--input-bg, var(--kenya-white));color:var(--text-primary, #1e293b)}.screen-lock-form input:focus{outline:none;border-color:var(--primary-color, var(--action-feedback-hover));box-shadow:0 0 0 3px #0284c71a}.screen-lock-form input.input-error{border-color:var(--danger-color, var(--error-dark))}.screen-lock-form .error-text{display:block;color:var(--danger-color, var(--error-dark));font-size:.85rem;margin-top:6px}.screen-lock-actions{display:flex;flex-direction:column;gap:12px}.screen-lock-actions .btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-weight:500;font-size:1rem}.screen-lock-actions .text-danger{color:var(--danger-color, var(--error-dark));background-color:transparent!important;border:1px solid var(--danger-color, var(--error-dark))!important}.screen-lock-actions .text-danger:hover{background-color:var(--danger-color, var(--error-dark))!important;color:#fff}@keyframes fadeInLock{0%{opacity:0}to{opacity:1}}@keyframes slideUpLock{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.screen-lock-card{padding:24px 20px}.screen-lock-actions .btn{min-height:44px}}.navbar{display:flex;flex-direction:column;background:#fff;position:sticky;top:0;z-index:var(--z-sticky, 1020);box-shadow:0 4px 16px #0000000f;width:100%;max-width:100vw;box-sizing:border-box}.navbar:before{content:"";position:absolute;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg,#005f36,#087f45,#005f36);z-index:10}.nav-header-row{display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid rgba(0,0,0,.07);width:100%;max-width:100vw;box-sizing:border-box;height:64px;min-height:64px}.logo-link{display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease;flex:1;min-width:0}.logo-link:hover{opacity:.88}.logo{height:44px;width:auto;margin-right:16px;flex-shrink:0;filter:drop-shadow(0 2px 5px rgba(0,0,0,.08))}.logo-text{display:flex;flex-direction:column;gap:3px;min-width:0}.gov-title{font-weight:800;color:#0f172a;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-family-primary);line-height:1.2;white-space:nowrap}.ministry{font-size:.78rem;color:#475569;font-weight:500;max-width:540px;line-height:1.4;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-header-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-header-btn{display:flex;align-items:center;justify-content:center;gap:5px;background:#f8fafc;border:1px solid rgba(0,0,0,.08);border-radius:8px;width:38px;height:38px;color:#475569;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1)}.nav-header-btn:hover{background-color:#f0fdf4;border-color:#006b3c40;color:#006b3c}.nav-header-btn:active{transform:scale(.95)}.nav-header-btn.help-btn{text-decoration:none}.nav-menu-row{display:none;align-items:center;justify-content:space-between;padding:0 28px;height:44px;background:linear-gradient(90deg,#005f36,#056d3c 35%,#087f45);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(0,48,26,.35);box-shadow:0 3px 10px #00321c24,inset 0 1px #ffffff1f;width:100%;max-width:100vw;box-sizing:border-box;position:relative}.nav-menu-row.open{display:flex;flex-direction:column;gap:4px;padding:8px 16px;height:auto}.nav-links-center{display:flex;align-items:center;gap:4px;flex:1;justify-content:flex-start;min-width:0;overflow:hidden;height:100%}.nav-link{color:#ffffffeb;text-decoration:none;font-weight:500;font-size:.9375rem;letter-spacing:.01em;font-family:var(--font-family-primary);transition:all .18s cubic-bezier(.4,0,.2,1);padding:0 14px;height:32px;border-radius:6px;display:flex;align-items:center;gap:6px;white-space:nowrap;position:relative;visibility:visible;opacity:1;-webkit-user-select:none;user-select:none}.nav-link.hidden-nav-item{position:absolute;visibility:hidden;opacity:0;pointer-events:none;z-index:-1}.nav-link:hover{color:#fff;background-color:#ffffff24}.nav-link.active{color:#fff;background-color:#fff3;font-weight:600;box-shadow:inset 0 -2.5px #fff;border-radius:6px 6px 0 0}.nav-link.active:hover{background-color:#ffffff42}.nav-link.active:after{display:none}button.nav-link,button.nav-link.nav-feedback-btn{background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:normal}.nav-actions-right{display:flex;align-items:center;gap:10px;flex-shrink:0;height:100%}.nav-eat-clock{display:flex;align-items:center;gap:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:9999px;padding:3px 12px;height:28px;box-sizing:border-box;cursor:default;-webkit-user-select:none;user-select:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .2s ease,border-color .2s ease}.nav-eat-clock:hover{background:#fff3;border-color:#ffffff59}.nav-eat-clock-icon{color:#ffffffe6;flex-shrink:0}.nav-eat-clock-label{font-size:.65rem;font-weight:700;color:#ffffffd9;letter-spacing:.07em;text-transform:uppercase;line-height:1}.nav-eat-clock-time{font-size:.78rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.03em;min-width:48px;text-align:center}.user-menu-container{position:relative;display:flex;align-items:center}.avatar-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.user-avatar-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:3px;padding:4px;border-radius:50px;transition:opacity .2s ease;min-height:36px}.user-avatar-btn:hover{opacity:.85}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--green-dark) 0%,var(--green-primary) 100%);color:var(--kenya-white);font-size:.68rem;font-weight:700;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #00000040;border:1.5px solid rgba(255,255,255,.4);-webkit-user-select:none;user-select:none}.avatar-chevron{color:#ffffffd9;flex-shrink:0}.notifications-btn{background:none;border:none;cursor:pointer;color:#fff;padding:6px;border-radius:50%;transition:background-color .2s ease;min-height:34px;min-width:34px;display:flex;align-items:center;justify-content:center}.notifications-btn:hover{background-color:#ffffff29}.more-trigger-btn{display:flex;align-items:center;gap:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);cursor:pointer;padding:4px 10px;border-radius:6px;font-size:.82rem;font-weight:500;color:#fff;transition:all .2s ease;white-space:nowrap;min-height:28px;height:28px}.more-trigger-btn:hover{background-color:#fff3;border-color:#ffffff73;color:#fff}.more-label{display:none}.more-chevron{color:#ffffffd9;transition:transform .2s ease}.more-chevron.rotated{transform:rotate(180deg)}.more-dropdown{position:relative}.more-dropdown-card{position:absolute;top:calc(100% + 6px);right:0;left:auto;background:var(--surface-0, white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 10px 40px #0000001f,0 2px 8px #0000000f;min-width:260px;max-height:70vh;overflow-y:auto;z-index:var(--z-dropdown, 1000);animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.more-dropdown-header{padding:10px 16px 7px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500, #888);border-bottom:1px solid var(--gray-100)}.more-dropdown-body{padding:5px 0}.more-dropdown-divider{height:1px;background-color:var(--gray-100);margin:6px 0}.more-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 14px;text-decoration:none;color:var(--gray-700, #333);font-size:.85rem;font-weight:450;transition:background-color .15s ease,color .15s ease;border-radius:0;margin:0}.more-dropdown-item:hover{background-color:#006b3c14;color:#006b3c}.more-dropdown-item.active{background-color:#006b3c1a;color:#006b3c;font-weight:600}.more-dropdown-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;background:var(--gray-50);color:var(--gray-600, #555);flex-shrink:0;transition:background-color .15s ease,color .15s ease}.more-dropdown-item:hover .more-dropdown-icon{background:#006b3c1f;color:#006b3c}.more-dropdown-label{flex:1}.dropdown-menu{position:absolute;top:calc(100% + 6px);background:var(--surface-0, white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 10px 40px #0000001f,0 2px 8px #0000000f;min-width:220px;z-index:var(--z-dropdown, 1000);padding:8px 0;animation:dropdownFadeIn .15s ease}.user-dropdown{right:0;left:auto}.dropdown-item{display:flex;color:var(--gray-700, #333);text-decoration:none;padding:9px 14px;transition:background-color .15s ease;align-items:center;gap:10px;font-size:.86rem;font-weight:450;border:none;background:none;width:100%;cursor:pointer}.dropdown-item:hover{background-color:#2563eb14}.user-dropdown-header{padding:10px 14px 8px;display:flex;flex-direction:column;gap:2px}.user-dropdown-name{font-weight:700;font-size:.88rem;color:var(--gray-900, #111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-role{font-size:.72rem;color:var(--gray-500, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-divider{height:1px;background:var(--gray-200, #eee);margin:0 0 4px}.hamburger{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;min-height:44px;min-width:44px;align-items:center;justify-content:center;border-radius:var(--radius-sm, 6px);transition:background-color .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hamburger:hover{background-color:var(--green-light)}.bar{width:20px;height:2px;background:var(--gray-700, #333);transition:.3s;border-radius:2px}.bar.open:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.admin-login-btn{background:#fff;color:#005f36!important;padding:0 16px;border-radius:9999px;box-shadow:0 2px 8px #00000026;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-weight:700;font-size:.82rem;height:28px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;text-decoration:none}.admin-login-btn:hover{transform:translateY(-1px);background:#f0fdf4;color:#004d2c!important;box-shadow:0 4px 12px #0003}.admin-login-btn:active{transform:translateY(0)}.logout-btn{color:var(--error-text)!important}.logout-btn:hover{background-color:#dc35450f!important}.skip-to-main{position:absolute;top:0;transform:translateY(-110%);left:16px;background:var(--green-primary);color:#fff;padding:8px 16px;z-index:9999;border-radius:0 0 6px 6px;text-decoration:none;font-weight:600}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem;animation:fadeIn .3s ease}.login-modal-content{position:relative;width:100%;max-width:380px;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.login-modal-close{position:absolute;top:1rem;right:1rem;background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--gray-500);cursor:pointer;transition:all .2s;z-index:10}.login-modal-close:hover{background:var(--gray-200);color:var(--gray-900)}.login-modal-mobile-header{display:none}@media (max-width: 768px){.login-modal-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem .75rem;border-bottom:1px solid #f1f5f9;margin-bottom:.5rem}.login-modal-mobile-title{font-size:1rem;font-weight:700;color:#0f172a;letter-spacing:-.01em}.login-modal-mobile-close{background:#f1f5f9;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#64748b;cursor:pointer;transition:all .15s ease;flex-shrink:0}.login-modal-mobile-close:hover{background:#e2e8f0;color:#0f172a}.login-modal-content .auth-modal-close{display:none!important}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.nav-header-row{padding:0 12px;height:64px;min-height:64px;max-width:100vw;overflow-x:hidden}.logo{height:40px;margin-right:8px}.gov-title{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ministry,.nav-eat-clock{display:none}}@media (max-width: 480px){.nav-header-row{padding:0 8px;height:60px;min-height:60px}.logo{height:34px;margin-right:6px}.gov-title{font-size:.78rem;letter-spacing:.02em}.nav-header-controls{gap:4px}.nav-header-btn{width:36px;height:36px;padding:0}}@media (max-width: 768px){.nav-header-row,.nav-menu-row{display:none!important}.navbar{position:sticky!important;top:0;z-index:1000;border:none!important;box-shadow:none!important;background:transparent!important}.nav-menu-row.open{display:flex;flex-direction:column;gap:4px;padding:10px 16px 14px;background:linear-gradient(180deg,#005f36,#066e3b 60%,#087f45);border-top:1px solid rgba(255,255,255,.15);box-shadow:0 8px 24px #00000040;height:auto}.nav-links-center{flex-direction:column;width:100%;gap:3px;height:auto}.nav-link{width:100%;padding:11px 14px;height:auto;min-height:44px;display:flex;align-items:center;border-radius:8px;box-sizing:border-box;font-size:.92rem;box-shadow:none;color:#fffffff2;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,transform .1s ease}.nav-link:active{background-color:#ffffff38;transform:scale(.99)}.nav-link.active{background-color:#fff3;border-radius:0 8px 8px 0;border-left:4px solid #ffffff;box-shadow:none}.nav-actions-right{flex-direction:column;width:100%;gap:8px;padding-top:10px;margin-top:6px;border-top:1px solid rgba(255,255,255,.15);height:auto}.more-trigger-btn{width:100%;justify-content:center}.more-label{display:inline}.more-dropdown-card{position:static;box-shadow:none;border:1px solid rgba(255,255,255,.15);margin-top:4px;width:100%;border-radius:8px}.dropdown-menu{position:static;box-shadow:none;border:1px solid var(--gray-200, #eee);margin-top:4px;width:100%;border-radius:8px}.user-dropdown{position:absolute;min-width:200px;right:0}.admin-login-btn{width:100%;justify-content:center;height:44px;min-height:44px;font-size:.88rem}.nav-eat-clock{display:flex;width:100%;justify-content:center;height:32px}.nav-header-btn.help-btn{display:none}}@media (min-width: 769px){.nav-header-row{display:flex;align-items:center;padding:0 24px;height:62px;min-height:62px}.logo{height:42px;margin-right:14px}.gov-title{font-size:.92rem}.ministry{font-size:.72rem;max-width:360px;display:block}.nav-menu-row{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:42px}.nav-menu-row.open{display:flex;flex-direction:row;padding:0 24px;height:42px;gap:0}.hamburger{display:none}.nav-links-center{gap:4px;justify-content:flex-start}.nav-link{font-size:.85rem;padding:0 10px}.nav-actions-right{gap:8px}.more-label{display:inline}.nav-eat-clock{display:flex}}@media (min-width: 1025px){.nav-header-row{padding:0 32px;height:64px;min-height:64px}.logo{height:44px}.gov-title{font-size:.98rem}.ministry{font-size:.76rem;max-width:480px}.nav-menu-row,.nav-menu-row.open{padding:0 32px;height:44px}.nav-links-center{gap:6px}.nav-link{font-size:.88rem;padding:0 14px}.nav-actions-right{gap:10px}}@media (min-width: 1280px){.nav-links-center{gap:8px}.nav-link{font-size:.9rem;padding:0 16px}}[data-theme=dark] .navbar,[data-theme=dark] .nav-header-row{background:#0f172a;border-bottom-color:#ffffff14}[data-theme=dark] .gov-title{color:#f8fafc}[data-theme=dark] .ministry{color:#94a3b8}[data-theme=dark] .nav-header-btn{background:#ffffff0f;border-color:#ffffff1a;color:#cbd5e1}[data-theme=dark] .nav-header-btn:hover{background:#ffffff1f;color:#34d399}[data-theme=dark] .bar{background:#cbd5e1}[data-theme=dark] .hamburger:hover{background-color:#007a3333}.admin-layout{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:var(--font-family-primary)}.admin-sidebar{position:fixed;top:0;left:0;width:85vw;max-width:320px;height:100vh;background:linear-gradient(180deg,var(--green-dark) 0%,#228B22 100%);color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 20px #00000040;z-index:1001;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0)}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar.collapsed .nav-item span{display:none}.admin-sidebar.collapsed .nav-item{justify-content:center;padding:.875rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:.5rem}.sidebar-logo img{border-radius:8px;object-fit:contain}.sidebar-coat-arms{width:32px;height:32px;border-radius:8px;object-fit:cover}.sidebar-partner-logo{width:30px;height:30px;border-radius:6px;background:var(--kenya-white);padding:2px;object-fit:contain;box-shadow:0 1px 4px #00000026}.header-partner-logo{width:30px;height:30px;border-radius:6px;background:var(--kenya-white);padding:2px;object-fit:contain;box-shadow:0 1px 4px #0000001a}.sidebar-title h3{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:#fff}.sidebar-title span{font-size:.7rem;opacity:.8;color:#ffffffe6}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background-color:#ffffff1a}.drawer-user-card{padding:1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.drawer-user-header{display:flex;align-items:center;gap:.75rem}.drawer-user-avatar{width:42px;height:42px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.drawer-user-details{display:flex;flex-direction:column;min-width:0;overflow:hidden}.drawer-user-name{margin:0;font-size:.95rem;font-weight:700;color:var(--kenya-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-user-org{font-size:.75rem;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.drawer-role-badge{display:inline-block;align-self:flex-start;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:10px;margin-top:4px;background:#ffffff40;color:var(--kenya-white)}.drawer-user-actions{display:flex;align-items:center;gap:.5rem}.drawer-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:var(--kenya-white);font-size:.75rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:38px}.drawer-action-btn:hover{background:#ffffff4d;color:var(--kenya-white)}.drawer-action-btn.drawer-logout-btn{background:#ef44444d;border-color:#ef444480;color:var(--kenya-white)}.drawer-action-btn.drawer-logout-btn:hover{background:#ef444480}.sidebar-nav{flex:1;padding:.5rem 0 1.5rem;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.nav-group{margin-bottom:.25rem}.nav-group-label{display:block;padding:.75rem 1.25rem .25rem;font-size:.65rem;font-weight:700;letter-spacing:.1em;color:#ffffff73;text-transform:uppercase;-webkit-user-select:none;user-select:none}.nav-group+.nav-group{border-top:1px solid rgba(255,255,255,.07);padding-top:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;color:#ffffffe6;text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;min-height:52px;-webkit-tap-highlight-color:transparent}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#ffffff26;color:#fff;border-right:3px solid var(--kenya-white);font-weight:600}.nav-item svg{flex-shrink:0;width:18px;height:18px}.sidebar-badge{margin-left:auto;background:#ff4757e6;color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.6}.mobile-close-btn{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:20}.mobile-close-btn:hover{background-color:#ffffff4d}.admin-main{flex:1;margin-left:0;display:flex;flex-direction:column;min-height:100vh;min-width:0;width:100%;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.admin-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:105;overflow:visible}.admin-header-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:nowrap;min-width:0}.admin-header-bottom{display:flex;flex-direction:column;gap:.5rem}.header-left{display:flex;align-items:center;gap:.5rem;min-width:0;flex-shrink:1;overflow:hidden}.page-title{margin:0;font-size:1.1rem;font-weight:700;color:#1a1a1a}.header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}.header-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.header-brand-text{display:flex;flex-direction:column;min-width:0}.header-brand-title{font-size:.85rem;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.brand-title-short{display:inline}.brand-title-full{display:none}.header-brand-subtitle{font-size:.7rem;color:#6c757d;display:none}.admin-header.minimal{background:var(--kenya-white);border-bottom:2px solid #dee2e6;padding:1rem}.admin-header.minimal .page-title{font-size:1.25rem;font-weight:600;color:#495057;margin:0}.page-header-content{display:flex;flex-direction:column;gap:.25rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6c757d;flex-wrap:wrap}.breadcrumb a{color:var(--green-dark);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:#004d00;text-decoration:underline}.breadcrumb .breadcrumb-separator{color:#adb5bd;margin:0 .1rem}.page-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.page-actions .btn{background-color:var(--green-dark);color:#fff;border:1px solid var(--green-dark);padding:.5rem .75rem;font-size:.8rem;font-weight:500;border-radius:4px;transition:all .2s ease;min-height:44px;white-space:nowrap}.page-actions .btn:hover:not(:disabled){background-color:#004d00;border-color:#004d00;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.page-actions .btn.secondary{background-color:var(--kenya-white);color:#495057;border:1px solid #dee2e6}.page-actions .btn.secondary:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.search-trigger-btn{background:none;border:none;cursor:pointer;padding:8px;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;min-height:44px;min-width:44px}.search-trigger-btn:hover{background:#f0f0f0;color:var(--green-dark)}.desktop-only-flex{display:none}.mobile-menu-btn{display:flex;background:#0000000d;border:1px solid rgba(0,0,0,.08);color:#444;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s ease;min-height:44px;min-width:44px;align-items:center;justify-content:center;flex-shrink:0}.mobile-menu-btn:hover{background-color:#e8e8e8}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:8px;transition:background-color .2s ease;min-height:44px}.user-menu-trigger:hover{background-color:#f0f0f0}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--green-dark) 0%,#228B22 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-info{display:none;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-weight:600;color:#1a1a1a;font-size:.9rem}.user-role{font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:20px;display:inline-block;line-height:1.4;transition:all .2s ease;white-space:nowrap;color:#495057;background:#6c757d1f;border:1px solid rgba(108,117,125,.15)}.user-role--admin{color:#dc3545;background:#dc35451a;border-color:#dc354533}.user-role--hub_manager{color:var(--warning-dark);background:#d977061a;border-color:#d9770633}.user-role--ict_officer,.user-role--ict-officer,.user-role--analyst{color:#0d9488;background:#0d94881a;border-color:#0d948833}.dropdown-arrow{display:none;transition:transform .2s ease;color:#666}.dropdown-arrow.rotated{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;margin-top:.5rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:none;border:none;text-align:left;cursor:pointer;color:#1a1a1a;text-decoration:none;font-size:.9rem;font-weight:500;transition:background-color .2s ease;min-height:48px}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item svg{width:16px;height:16px;color:#666}.logout-item{border-top:1px solid #e0e0e0;color:var(--error-text)}.logout-item:hover{background-color:#fef2f2}.logout-item svg{color:var(--error-text)}.admin-content{flex:1;padding:.75rem;background-color:#f8f9fa;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;min-height:0;width:100%;box-sizing:border-box}@media (max-width: 768px){.admin-content{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.admin-content table:not(.users-table):not(.soc-table):not(.syt-table):not(.syt-table-responsive):not(.table-mobile-cards):not(.syt-mobile-cards):not(.partner-reports-table){min-width:600px}.admin-content>*{max-width:100%;box-sizing:border-box}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}.theme-toggle-container{position:relative}.theme-toggle-btn{background:none;border:none;padding:8px;border-radius:6px;color:#666;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.theme-toggle-btn:hover{background:#e9ecef;color:#333}.theme-menu{position:absolute;top:100%;right:0;width:200px;background:var(--theme-background, white);border:1px solid var(--theme-border, #e0e0e0);border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1001;margin-top:4px;color:var(--theme-text, #1a1a1a)}.theme-menu-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #f0f0f0;font-size:14px;font-weight:600;color:#1a1a1a}.theme-options{padding:8px 0}.theme-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:all .2s;font-size:14px;color:#495057;min-height:44px}.theme-option:hover{background:#f8f9fa}.theme-option.active{background:#e3f2fd;color:#1976d2}.theme-checkmark{margin-left:auto;color:#1976d2;font-weight:600}.theme-menu-footer{padding:8px 16px;border-top:1px solid #f0f0f0}.theme-customize-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#495057;font-size:13px;cursor:pointer;transition:all .2s}.theme-customize-btn:hover{background:#e9ecef;border-color:#dee2e6}.theme-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000008c;z-index:1000;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){.admin-header,.admin-sidebar,.mobile-overlay{display:none!important}.admin-main{margin-left:0!important;width:100%!important;max-width:100vw!important}}@media (max-width: 480px){.admin-header{padding:.4rem .5rem}.admin-header-top,.header-left{gap:.35rem}.header-logo{width:28px;height:28px}.header-brand-title{font-size:.78rem;max-width:120px}.header-right{gap:2px}.header-right .search-trigger-btn,.header-right .theme-toggle-btn,.header-right .messaging-trigger-btn{min-height:38px;min-width:38px;width:38px;height:38px;padding:6px}.user-avatar{width:32px;height:32px}.user-menu-trigger{min-height:38px;padding:2px}.admin-content{padding:.6rem .5rem;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}.admin-sidebar{width:86vw;max-width:300px}}@media (min-width: 481px){.admin-header{padding:.75rem 1.5rem}.admin-content{padding:1rem}.page-title{font-size:1.25rem}.admin-header-bottom{flex-direction:row;align-items:flex-end;justify-content:space-between}.header-brand-title{max-width:250px}.header-brand-subtitle{display:block}}@media (min-width: 769px){.admin-header{padding:.75rem 2rem}.admin-content{padding:1.5rem}.page-title{font-size:1.5rem}.user-info{display:flex}.dropdown-arrow{display:block}.user-menu-trigger{gap:.75rem;padding:.5rem}.header-right{gap:1.25rem}.header-brand-title{font-size:1rem;max-width:320px}.brand-title-short{display:none}.brand-title-full{display:inline}}@media (min-width: 1025px){.admin-sidebar{width:280px;transform:translate(0)}.admin-sidebar.collapsed{width:70px}.admin-main{margin-left:280px}.admin-main.sidebar-collapsed{margin-left:70px}.mobile-menu-btn,.mobile-close-btn{display:none}.mobile-overlay{display:none!important}.admin-content{padding:2rem}.sidebar-header{padding:1.5rem}.sidebar-logo img{width:40px;height:40px}.sidebar-title h3{font-size:1.1rem}.sidebar-title span{font-size:.75rem}.nav-item{padding:.625rem 1.5rem;font-size:.875rem;min-height:auto}.nav-group-label{padding:.625rem 1.5rem .2rem;font-size:.6rem}.sidebar-logo{gap:.75rem}.header-right{gap:1.5rem}.desktop-only-flex{display:flex!important}.admin-header.minimal{padding:1.25rem 2rem}.admin-header.minimal .page-title{font-size:1.75rem}.header-logo{width:36px;height:36px}.user-avatar{width:40px;height:40px}}@media (min-width: 1281px){.header-brand-title{max-width:none}}@media print{.admin-sidebar,.admin-header,.mobile-overlay{display:none!important}.admin-main{margin-left:0!important}.admin-content{padding:0!important;background:#fff!important}}.cobrand-divider{display:inline-block;flex-shrink:0;width:1px;height:26px;margin:0 2px;background:#0f172a2e}.cobrand-divider--sidebar{background:#ffffff59}.header-partner-logo,.sidebar-partner-logo{width:32px;height:32px}:root{--green-primary: #007a33;--green-secondary: #00a651;--green-accent: #00ff9a;--green-light: #e6f7f0;--green-dark: #005a25;--kenya-red: #ce1126;--kenya-black: #000000;--kenya-white: #ffffff;--kenya-green: #007a33;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--success-light: #d1fae5;--success-dark: #059669;--warning: #f59e0b;--warning-light: #fef3c7;--warning-dark: #d97706;--error: #ef4444;--error-light: #fee2e2;--error-dark: #dc2626;--info: #3b82f6;--info-light: #dbeafe;--info-dark: #2563eb;--purple: #7c3aed;--purple-light: #f5f3ff;--purple-dark: #6d28d9;--teal: #0891b2;--teal-light: #cffafe;--teal-dark: #0e7490;--success-text: #047857;--warning-text: #b45309;--status-success-text: #15803d;--error-text: #b91c1c;--info-text: #1d4ed8;--action-primary: #2563EB;--action-primary-hover: #1E40AF;--action-admin: #1F2937;--action-admin-hover: #111827;--action-feedback: #0EA5E9;--action-feedback-hover: #0284C7;--status-success: #16A34A;--stat-total: #2563EB;--stat-operational: #16A34A;--stat-trained: #4F46E5;--font-family-primary: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-serif: Georgia, "Times New Roman", serif;--font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-features-primary: "cv02", "cv03", "cv04", "cv11";--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--hero-title-size: clamp(1.625rem, 1.25rem + .9vw, 2rem);--hero-figure-size: clamp(1.375rem, 1.1rem + .8vw, 1.75rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--glass-bg: rgba(255, 255, 255, .7);--glass-bg-heavy: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-blur: blur(16px) saturate(180%);--glass-glow-primary: 0 0 20px rgba(99, 102, 241, .15);--glass-glow-success: 0 0 20px rgba(16, 185, 129, .15);--glass-glow-warning: 0 0 20px rgba(245, 158, 11, .15);--glass-glow-error: 0 0 20px rgba(239, 68, 68, .15);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-sunset: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-ocean: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-royal: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-mesh: radial-gradient(at 40% 20%, hsla(238, 80%, 70%, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, .1) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(355, 85%, 63%, .08) 0px, transparent 50%);--intel-green: #10b981;--intel-blue: #3b82f6;--intel-purple: #8b5cf6;--intel-orange: #f59e0b;--intel-card-bg: #ffffff;--intel-border-light: rgba(0, 0, 0, .05)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-5, 20px);margin-bottom:var(--spacing-2, 8px)}.digital-grid-overlay{background-image:radial-gradient(circle at 1px 1px,var(--grid-node-color, rgba(255, 255, 255, .12)) 1px,transparent 0),linear-gradient(to right,var(--grid-line-color, rgba(255, 255, 255, .05)) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-color, rgba(255, 255, 255, .05)) 1px,transparent 1px);background-size:48px 48px,48px 48px,48px 48px;background-position:center center;pointer-events:none}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-feature-settings:var(--font-features-primary);font-optical-sizing:auto;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--gray-900);background-color:var(--gray-50);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.01em;text-wrap:balance;color:var(--gray-900);margin:0}h1{font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.025em}h2{font-size:var(--font-size-3xl);letter-spacing:-.02em}h3{font-size:var(--font-size-2xl);letter-spacing:-.015em}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0 0 var(--spacing-4) 0;line-height:var(--line-height-relaxed);text-wrap:pretty}button,input,select,textarea,optgroup{font-family:inherit;font-feature-settings:inherit}code,kbd,pre,samp{font-family:var(--font-family-mono);font-feature-settings:normal;font-size:.9em}table,input[type=number],time{font-variant-numeric:tabular-nums}a{color:var(--action-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--action-primary-hover);text-decoration:underline}a:focus-visible{outline:3px solid var(--action-primary);outline-offset:2px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:inherit;line-height:1;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;min-height:44px;touch-action:manipulation}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--action-primary);outline-offset:2px}.btn-primary{background-color:var(--action-primary);color:var(--kenya-white);border-color:var(--action-primary)}.btn-primary:hover:not(:disabled){background-color:var(--action-primary-hover);border-color:var(--action-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--action-primary);border-color:var(--action-primary)}.btn-secondary:hover:not(:disabled){background-color:#dbeafe;border-color:var(--action-primary-hover)}.btn-success{background-color:var(--success);color:var(--kenya-white);border-color:var(--success)}.btn-success:hover:not(:disabled){background-color:var(--success-dark);border-color:var(--success-dark)}.btn-danger{background-color:var(--error);color:var(--kenya-white);border-color:var(--error)}.btn-danger:hover:not(:disabled){background-color:var(--error-dark);border-color:var(--error-dark)}.card{background-color:var(--kenya-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-6);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width: 480px){.card{padding:var(--spacing-4);border-radius:var(--radius-md)}.card:hover{transform:none}}.card-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--gray-200)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0}.card-body{color:var(--gray-700)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-family:inherit;color:var(--gray-900);background-color:var(--kenya-white);border:2px solid var(--gray-300);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:44px;touch-action:manipulation}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--action-primary);box-shadow:0 0 0 3px #2563eb1f}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.6}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);margin-bottom:var(--spacing-2)}.skeleton{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--spacing-2)}.skeleton-title{height:1.5em;width:60%;margin-bottom:var(--spacing-4)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--green-primary);color:var(--kenya-white);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;z-index:var(--z-tooltip);border-radius:0 0 var(--radius-md) 0}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--gray-300: #000000;--gray-500: #000000}.card{border:2px solid var(--gray-900)}.btn{border-width:3px}}@media print{.no-print{display:none!important}a[href]:after{content:" (" attr(href) ")"}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);padding:var(--spacing-6);transition:all var(--transition-base)}.glass-card:hover{box-shadow:var(--glass-shadow),var(--glass-glow-primary);transform:translateY(-2px)}.glass-card--heavy{background:var(--glass-bg-heavy)}.gradient-header{background:var(--gradient-royal);color:#fff;padding:var(--spacing-6) var(--spacing-8);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.mesh-bg{background-image:var(--gradient-mesh);background-color:var(--gray-50)}.glow-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.glow-badge--success{background:#10b9811f;color:#059669;box-shadow:var(--glass-glow-success)}.glow-badge--warning{background:#f59e0b1f;color:#d97706;box-shadow:var(--glass-glow-warning)}.glow-badge--error{background:#ef44441f;color:#dc2626;box-shadow:var(--glass-glow-error)}.glow-badge--info{background:#6366f11f;color:#4f46e5;box-shadow:var(--glass-glow-primary)}.shimmer{background:linear-gradient(90deg,#fff0,#fff6,#fff0);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-animation{animation:float 3s ease-in-out infinite}.intelligence-card{background:var(--intel-card-bg);border-radius:var(--radius-lg);border:1px solid var(--intel-border-light);box-shadow:var(--shadow-md);position:relative;overflow:hidden;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4);transition:all var(--transition-base);min-height:220px}.intelligence-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gray-300)}.intelligence-card.theme-green:before{background:var(--intel-green)}.intelligence-card.theme-blue:before{background:var(--intel-blue)}.intelligence-card.theme-purple:before{background:var(--intel-purple)}.intelligence-card.theme-orange:before{background:var(--intel-orange)}.intelligence-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.intelligence-card-header{display:flex;justify-content:space-between;align-items:center}.intel-status-badge{display:flex;align-items:center;gap:var(--spacing-2);padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--gray-100);color:var(--gray-600)}.theme-green .intel-status-badge{background:#10b9811a;color:#059669}.theme-blue .intel-status-badge{background:#3b82f61a;color:#2563eb}.theme-purple .intel-status-badge{background:#8b5cf61a;color:#7c3aed}.theme-orange .intel-status-badge{background:#f59e0b1a;color:#d97706}.intelligence-card-body{display:flex;align-items:center;gap:var(--spacing-5);flex-grow:1;flex-wrap:wrap}.intel-main-metric{font-size:32px;font-weight:800;color:var(--gray-900);line-height:1;min-width:60px;flex-shrink:0}.theme-blue .intel-main-metric{color:var(--intel-blue)}.intel-metrics-details{display:flex;flex-direction:column;gap:4px;min-width:140px;flex:1}.intel-title-row{display:flex;align-items:center;gap:var(--spacing-2)}.intel-title-row h3{font-size:16px;font-weight:700;margin:0;color:var(--gray-900)}.intel-description{font-size:13px;color:var(--gray-500);line-height:1.4;margin:0}.intelligence-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-4);border-top:1px solid var(--intel-border-light);margin-top:auto}.intel-trend{font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px}.intel-trend.positive{color:#10b981}.intel-trend.negative{color:#ef4444}.intel-trend.neutral{color:var(--gray-500)}.intel-view-link{font-size:14px;font-weight:700;color:var(--intel-blue);display:flex;align-items:center;gap:6px;text-decoration:none;transition:transform .2s ease}.intel-view-link:hover{text-decoration:none;transform:translate(4px)}.intel-progress-circle{width:60px;height:60px;position:relative;display:flex;align-items:center;justify-content:center}.intel-progress-circle svg{transform:rotate(-90deg);width:60px;height:60px}.intel-progress-circle circle{fill:none;stroke-width:6;stroke-linecap:round}.intel-progress-circle .bg{stroke:var(--gray-100)}.intel-progress-circle .fg{stroke:var(--intel-green);transition:stroke-dashoffset 1s ease-out}.intel-percentage-text{position:absolute;font-size:14px;font-weight:800;color:var(--gray-900)}.feedback-drawer-btn{position:fixed;right:28px;bottom:96px;background:linear-gradient(135deg,var(--action-primary),#0891b2);color:#fff;border:none;border-radius:100px;padding:12px 22px;cursor:pointer;z-index:1001;box-shadow:0 4px 16px #2563eb4d;font-weight:600;font-size:.9rem;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;animation:fbPulse 4s ease-in-out infinite}.feedback-drawer-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 24px #2563eb66;animation:none}.feedback-drawer-btn:active{transform:translateY(-1px) scale(.98)}@keyframes fbPulse{0%,to{box-shadow:0 4px 16px #2563eb4d}50%{box-shadow:0 4px 20px #2563eb6b,0 0 0 4px #2563eb14}}.feedback-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:998;animation:fbBackdropIn .3s ease}@keyframes fbBackdropIn{0%{opacity:0}to{opacity:1}}.feedback-drawer{position:fixed;bottom:24px;right:24px;width:380px;max-width:calc(100vw - 48px);max-height:600px;height:calc(90vh - 100px);background:#fff;box-shadow:0 12px 48px #0003;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1002;padding:0;overflow:hidden;border-radius:16px;display:flex;flex-direction:column;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none}.feedback-drawer.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.feedback-drawer::-webkit-scrollbar{width:5px}.feedback-drawer::-webkit-scrollbar-track{background:transparent}.feedback-drawer::-webkit-scrollbar-thumb{background:#0ea5e933;border-radius:100px}.feedback-drawer::-webkit-scrollbar-thumb:hover{background:#0ea5e966}@media (max-width: 640px){.feedback-drawer-btn{right:16px;bottom:80px;padding:10px 18px;font-size:.85rem}.feedback-drawer{padding:16px 14px;max-height:70vh;border-radius:12px 0 0 12px}}[data-theme=government],body.theme-government{--theme-bg-main: #f8fafc;--theme-bg-surface: #ffffff;--theme-bg-sidebar: linear-gradient(180deg, #005a25 0%, #007a33 100%);--theme-text-primary: #1e293b;--theme-text-muted: #64748b;--theme-border: #e2e8f0;--theme-accent: #007a33;--theme-accent-hover: #005a25;--theme-accent-light: #e6f7f0;--theme-nav-active: #00a651;--action-primary: #007a33;--action-primary-hover: #005a25}[data-theme=government] .admin-sidebar,body.theme-government .admin-sidebar{background:linear-gradient(180deg,#005a25,#007a33)!important}[data-theme=government] .nav-item.active,body.theme-government .nav-item.active{background:#fff3!important;border-left:4px solid #00ff9a!important}[data-theme=corporate],body.theme-corporate{--theme-bg-main: #f1f5f9;--theme-bg-surface: #ffffff;--theme-bg-sidebar: linear-gradient(180deg, #0f172a 0%, #1e1b4b 45%, #312e81 100%);--theme-text-primary: #0f172a;--theme-text-muted: #64748b;--theme-border: #e2e8f0;--theme-accent: #4f46e5;--theme-accent-hover: #4338ca;--theme-accent-light: #eef2ff;--theme-nav-active: #6366f1;--action-primary: #4f46e5;--action-primary-hover: #4338ca}[data-theme=corporate] .admin-layout,body.theme-corporate .admin-layout{background-color:#f1f5f9!important}[data-theme=corporate] .admin-sidebar,body.theme-corporate .admin-sidebar{background:linear-gradient(180deg,#0f172a,#1e1b4b 45%,#312e81)!important;box-shadow:2px 0 24px #1e1b4b59!important}[data-theme=corporate] .nav-item.active,body.theme-corporate .nav-item.active{background:#6366f140!important;border-left:4px solid #818cf8!important}[data-theme=corporate] .admin-header,body.theme-corporate .admin-header{border-bottom:2px solid #e0e7ff!important}[data-theme=corporate] .page-title,body.theme-corporate .page-title{color:#1e1b4b!important}[data-theme=corporate] .btn-primary,body.theme-corporate .btn-primary{background-color:#4f46e5!important;border-color:#4f46e5!important}[data-theme=corporate] .btn-primary:hover,body.theme-corporate .btn-primary:hover{background-color:#4338ca!important}[data-theme=dark],body.theme-dark,body.dark-mode{--theme-bg-main: #0b1120;--theme-bg-surface: #1e293b;--theme-bg-sidebar: linear-gradient(180deg, #090e17 0%, #0f172a 100%);--theme-text-primary: #f8fafc;--theme-text-muted: #94a3b8;--theme-border: #334155;--theme-accent: #38bdf8;--theme-accent-hover: #0ea5e9;--theme-accent-light: #1e293b;--theme-nav-active: #38bdf8;--action-primary: #0284c7;--action-primary-hover: #0369a1;background-color:#0b1120!important;color:#f8fafc!important}[data-theme=dark] .admin-layout,body.theme-dark .admin-layout,body.dark-mode .admin-layout{background-color:#0b1120!important}[data-theme=dark] .admin-sidebar,body.theme-dark .admin-sidebar,body.dark-mode .admin-sidebar{background:linear-gradient(180deg,#090e17,#0f172a)!important;border-right:1px solid #1e293b!important;box-shadow:2px 0 20px #0009!important}[data-theme=dark] .sidebar-header,body.theme-dark .sidebar-header,body.dark-mode .sidebar-header{border-bottom-color:#1e293b!important}[data-theme=dark] .nav-item,body.theme-dark .nav-item,body.dark-mode .nav-item{color:#cbd5e1!important}[data-theme=dark] .nav-item:hover,body.theme-dark .nav-item:hover,body.dark-mode .nav-item:hover{background:#ffffff14!important;color:#fff!important}[data-theme=dark] .nav-item.active,body.theme-dark .nav-item.active,body.dark-mode .nav-item.active{background:#38bdf826!important;color:#38bdf8!important;border-left:4px solid #38bdf8!important}[data-theme=dark] .admin-header,body.theme-dark .admin-header,body.dark-mode .admin-header{background:#0f172a!important;border-bottom:1px solid #1e293b!important;box-shadow:0 4px 20px #0000004d!important;color:#f8fafc!important}[data-theme=dark] .page-title,body.theme-dark .page-title,body.dark-mode .page-title,[data-theme=dark] .header-brand-title,body.theme-dark .header-brand-title,body.dark-mode .header-brand-title{color:#f8fafc!important}[data-theme=dark] .header-brand-subtitle,body.theme-dark .header-brand-subtitle,body.dark-mode .header-brand-subtitle{color:#94a3b8!important}[data-theme=dark] .admin-header-btn,[data-theme=dark] .theme-toggle-btn,[data-theme=dark] .messaging-trigger-btn,[data-theme=dark] .universal-search-trigger,body.theme-dark .admin-header-btn,body.theme-dark .theme-toggle-btn,body.theme-dark .messaging-trigger-btn,body.theme-dark .universal-search-trigger{background:#1e293b!important;border-color:#334155!important;color:#cbd5e1!important}[data-theme=dark] .admin-header-btn:hover,[data-theme=dark] .theme-toggle-btn:hover,[data-theme=dark] .messaging-trigger-btn:hover,[data-theme=dark] .universal-search-trigger:hover,body.theme-dark .admin-header-btn:hover,body.theme-dark .theme-toggle-btn:hover,body.theme-dark .messaging-trigger-btn:hover,body.theme-dark .universal-search-trigger:hover{background:#334155!important;color:#f8fafc!important}[data-theme=dark] .user-menu-btn,body.theme-dark .user-menu-btn{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .user-name,body.theme-dark .user-name{color:#f8fafc!important}[data-theme=dark] .user-menu-dropdown,[data-theme=dark] .theme-menu,[data-theme=dark] .notification-dropdown,body.theme-dark .user-menu-dropdown,body.theme-dark .theme-menu,body.theme-dark .notification-dropdown{background-color:#1e293b!important;border:1px solid #334155!important;color:#f8fafc!important;box-shadow:0 16px 40px #00000080!important}[data-theme=dark] .theme-menu-header,[data-theme=dark] .theme-menu-footer,body.theme-dark .theme-menu-header,body.theme-dark .theme-menu-footer{border-color:#334155!important;color:#f8fafc!important}[data-theme=dark] .theme-option,body.theme-dark .theme-option{color:#cbd5e1!important}[data-theme=dark] .theme-option:hover,body.theme-dark .theme-option:hover{background-color:#334155!important;color:#fff!important}[data-theme=dark] .theme-option.active,body.theme-dark .theme-option.active{background-color:#38bdf826!important;color:#38bdf8!important}[data-theme=dark] .theme-customize-btn,body.theme-dark .theme-customize-btn{background:#0f172a!important;border-color:#334155!important;color:#cbd5e1!important}[data-theme=dark] .theme-customize-btn:hover,body.theme-dark .theme-customize-btn:hover{background:#334155!important;color:#f8fafc!important}[data-theme=dark] .records-card,[data-theme=dark] .checklist-header,[data-theme=dark] .table-card,[data-theme=dark] .dashboard-card,[data-theme=dark] .stat-card,[data-theme=dark] .kpi-card,[data-theme=dark] .intelligence-card,[data-theme=dark] .module-container,[data-theme=dark] .hub-info-card,[data-theme=dark] .hub-config-card,[data-theme=dark] .section-form,[data-theme=dark] .card,[data-theme=dark] .detailed-tables .table-card,body.theme-dark .records-card,body.theme-dark .checklist-header,body.theme-dark .table-card,body.theme-dark .dashboard-card,body.theme-dark .stat-card,body.theme-dark .kpi-card,body.theme-dark .intelligence-card,body.theme-dark .module-container,body.theme-dark .hub-info-card,body.theme-dark .hub-config-card,body.theme-dark .section-form,body.theme-dark .card,body.dark-mode .records-card,body.dark-mode .checklist-header,body.dark-mode .table-card,body.dark-mode .dashboard-card,body.dark-mode .stat-card,body.dark-mode .kpi-card,body.dark-mode .intelligence-card,body.dark-mode .module-container,body.dark-mode .hub-info-card,body.dark-mode .hub-config-card,body.dark-mode .section-form,body.dark-mode .card{background:#1e293b!important;border-color:#334155!important;color:#f8fafc!important;box-shadow:0 4px 16px #00000059!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4,body.theme-dark h5,body.theme-dark h6,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#f8fafc!important}[data-theme=dark] p,[data-theme=dark] label,[data-theme=dark] .field label,body.theme-dark p,body.theme-dark label,body.theme-dark .field label,body.dark-mode p,body.dark-mode label,body.dark-mode .field label{color:#cbd5e1!important}[data-theme=dark] table,[data-theme=dark] .records-table,[data-theme=dark] .analytics-table,body.theme-dark table,body.theme-dark .records-table,body.theme-dark .analytics-table,body.dark-mode table,body.dark-mode .records-table,body.dark-mode .analytics-table{background-color:#1e293b!important;color:#f8fafc!important}[data-theme=dark] table th,[data-theme=dark] .records-table th,[data-theme=dark] .analytics-table th,body.theme-dark table th,body.theme-dark .records-table th,body.theme-dark .analytics-table th,body.dark-mode table th,body.dark-mode .records-table th,body.dark-mode .analytics-table th{background-color:#0f172a!important;color:#94a3b8!important;border-bottom:1px solid #334155!important}[data-theme=dark] table td,[data-theme=dark] .records-table td,[data-theme=dark] .analytics-table td,body.theme-dark table td,body.theme-dark .records-table td,body.theme-dark .analytics-table td,body.dark-mode table td,body.dark-mode .records-table td,body.dark-mode .analytics-table td{border-bottom:1px solid #334155!important;color:#f1f5f9!important}[data-theme=dark] tr:hover td,body.theme-dark tr:hover td,body.dark-mode tr:hover td{background-color:#33415566!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,body.theme-dark input,body.theme-dark select,body.theme-dark textarea,body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#0f172a!important;border-color:#334155!important;color:#f8fafc!important}[data-theme=dark] .modal-content,body.theme-dark .modal-content,body.dark-mode .modal-content{background-color:#1e293b!important;border:1px solid #334155!important;color:#f8fafc!important}[data-theme=dark] .inspection-tabs,[data-theme=dark] .modal-footer,[data-theme=dark] .view-modal-toolbar,body.theme-dark .inspection-tabs,body.theme-dark .modal-footer,body.theme-dark .view-modal-toolbar,body.dark-mode .inspection-tabs,body.dark-mode .modal-footer,body.dark-mode .view-modal-toolbar{background-color:#0f172a!important;border-color:#334155!important}.theme-customizer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10005;display:flex;align-items:center;justify-content:center;padding:1rem}.theme-customizer-modal{background:#fff;width:100%;max-width:480px;border-radius:20px;box-shadow:0 25px 60px -10px #00000059;border:1px solid rgba(0,0,0,.08);overflow:hidden;animation:theme-modal-pop .22s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;color:#1e293b}[data-theme=dark] .theme-customizer-modal,body.theme-dark .theme-customizer-modal,body.dark-mode .theme-customizer-modal{background:#1e293b;border-color:#334155;color:#f8fafc}@keyframes theme-modal-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.theme-customizer-header{padding:16px 20px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--action-primary, #007a33)}.theme-customizer-header h3{margin:0;font-size:1.05rem;font-weight:700;color:#fff!important;display:flex;align-items:center;gap:8px}.theme-customizer-close{background:#ffffff1f;border:none;color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-customizer-close:hover{background:#ffffff40}.theme-customizer-body{padding:20px;display:flex;flex-direction:column;gap:18px;max-height:calc(85vh - 120px);overflow-y:auto}.theme-palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.theme-palette-btn{border:2px solid transparent;border-radius:12px;padding:8px;background:#f8fafc;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s ease}[data-theme=dark] .theme-palette-btn,body.theme-dark .theme-palette-btn,body.dark-mode .theme-palette-btn{background:#0f172a}.theme-palette-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.theme-palette-btn.active{border-color:#2563eb;background:#eff6ff}[data-theme=dark] .theme-palette-btn.active,body.theme-dark .theme-palette-btn.active,body.dark-mode .theme-palette-btn.active{background:#1e3a8a;border-color:#38bdf8}.theme-color-swatch{width:32px;height:32px;border-radius:50%;box-shadow:0 2px 6px #00000026}.theme-palette-label{font-size:11px;font-weight:600;color:#475569}[data-theme=dark] .theme-palette-label,body.theme-dark .theme-palette-label,body.dark-mode .theme-palette-label{color:#cbd5e1}.theme-preview-card{padding:14px 16px;border-radius:12px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}[data-theme=dark] .theme-preview-card,body.theme-dark .theme-preview-card,body.dark-mode .theme-preview-card{background:#0f172a;border-color:#334155}.theme-customizer-footer{padding:14px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:10px}[data-theme=dark] .theme-customizer-footer,body.theme-dark .theme-customizer-footer,body.dark-mode .theme-customizer-footer{background:#0f172a;border-color:#334155}*:focus{outline:2px solid var(--green-dark);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}.skip-to-main{position:absolute;top:0;transform:translateY(-110%);left:0;background:var(--green-dark);color:var(--kenya-white, white);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;z-index:10000;border-radius:0 0 var(--radius-sm) 0}.skip-to-main:focus{top:0;transform:none}button,a,input[type=button],input[type=submit],select{min-height:44px;min-width:44px}input[type=checkbox],input[type=radio]{min-height:18px;min-width:18px;width:18px;height:18px;cursor:pointer;accent-color:var(--theme-primary, #007a33)}.text-muted{color:var(--gray-500)!important}.text-dark{color:var(--gray-800)!important}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold);color:var(--gray-800)}:where(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;padding:10px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:16px}input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:var(--error)}input:user-invalid:focus,select:user-invalid:focus,textarea:user-invalid:focus{outline-color:var(--error)}.error-message{color:var(--error-text);font-size:var(--font-size-sm);margin-top:var(--spacing-1);display:block}.required:after{content:" *";color:var(--error-text)}[role=button],[role=tab],[role=menuitem]{cursor:pointer}[role=button]:focus,[role=tab]:focus,[role=menuitem]:focus{background-color:var(--green-light);outline:2px solid var(--green-dark);outline-offset:2px}[role=tablist]{display:flex;gap:10px;border-bottom:2px solid var(--gray-200)}[role=tab]{padding:var(--spacing-3) var(--spacing-5);border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer}[role=tab][aria-selected=true]{border-bottom-color:var(--green-dark);color:var(--green-dark);font-weight:var(--font-weight-semibold)}[role=tab]:focus{outline:2px solid var(--green-dark);outline-offset:2px}[role=dialog]:not(.nc-dropdown){position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--kenya-white, white);border-radius:var(--radius-lg);padding:var(--spacing-5);max-width:90vw;max-height:90vh;overflow:auto;z-index:var(--z-modal);box-shadow:var(--shadow-2xl)}[role=dialog]:focus{outline:none}[aria-busy=true]{position:relative;pointer-events:none}[aria-busy=true]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center}main{min-height:calc(100vh - 200px)}nav[aria-label]{border:1px solid transparent}img:not([alt]){border:2px dashed var(--warning)}a:not([href]){cursor:default}a[href^="#"]:focus{outline:2px solid var(--green-dark)}button:disabled{opacity:.6;cursor:not-allowed}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:var(--font-weight-semibold);padding:var(--spacing-3);background:var(--gray-50);border-bottom:2px solid var(--green-dark)}td{padding:var(--spacing-3);border-bottom:1px solid var(--gray-200)}.touch-target{min-height:44px;min-width:44px;padding:var(--spacing-3)}.high-contrast{color:var(--kenya-black, #000);background:var(--kenya-white, #fff)}.permission-denied{background:linear-gradient(90deg,#94a3b8,#64748b)!important;color:#f1f5f9!important;box-shadow:none!important;opacity:.7;cursor:not-allowed!important;border:1px dashed rgba(255,255,255,.3)!important}.permission-denied-message{margin-top:1.5rem;color:#64748b;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-style:italic;padding:.75rem;background:#94a3b81a;border-radius:8px;border-left:3px solid #94a3b8}.permission-denied-message svg{font-size:.9rem;color:#475569}*:focus-visible{outline:3px solid var(--warning)!important;outline-offset:3px!important}html.a11y-grayscale{filter:grayscale(100%)}html.a11y-invert{filter:invert(100%) hue-rotate(180deg);background-color:#fff}html.a11y-grayscale.a11y-invert{filter:grayscale(100%) invert(100%) hue-rotate(180deg)}html.a11y-invert img:not(picture img):not([style*=background-image] img),html.a11y-invert picture,html.a11y-invert video,html.a11y-invert iframe,html.a11y-invert object,html.a11y-invert embed,html.a11y-invert [style*=background-image],html.a11y-invert .a11y-panel{filter:invert(100%) hue-rotate(180deg)}html.a11y-invert .a11y-panel img{filter:none}html.a11y-high-contrast,html.a11y-high-contrast body{background-color:#000!important;color:#fff!important}html.a11y-high-contrast body *:not(.a11y-ui):not(.a11y-ui *){background-color:#000!important;background-image:none!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important;text-shadow:none!important}html.a11y-high-contrast body a:not(.a11y-ui *),html.a11y-high-contrast body a:not(.a11y-ui *) *{color:#ff0!important;text-decoration:underline!important}html.a11y-high-contrast body :is(button,input,select,textarea,[role=button]):not(.a11y-ui *){border:2px solid #fff!important}html.a11y-high-contrast body :is(button,[role=button]):not(.a11y-ui *):hover{background-color:#fff!important;color:#000!important}html.a11y-high-contrast body :is(button,[role=button]):not(.a11y-ui *):hover *{color:#000!important}html.a11y-high-contrast body ::placeholder{color:#ccc!important}html.a11y-high-contrast body *:focus-visible{outline:3px solid #ffff00!important}html.a11y-light-bg,html.a11y-light-bg body{background-color:#fff!important;color:#000!important}html.a11y-light-bg body *:not(.a11y-ui):not(.a11y-ui *){background-color:#fff!important;background-image:none!important;color:#000!important;border-color:#767676!important;box-shadow:none!important;text-shadow:none!important}html.a11y-light-bg body a:not(.a11y-ui *),html.a11y-light-bg body a:not(.a11y-ui *) *{color:#00c!important;text-decoration:underline!important}html.a11y-underline-links a[href]:not(.a11y-ui *){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:.2em!important}html.a11y-readable-font body,html.a11y-readable-font body *:not(.a11y-ui *):not(code):not(pre):not(kbd):not(samp){font-family:Atkinson Hyperlegible,Lexend,Verdana,Tahoma,Segoe UI,Arial,sans-serif!important;font-style:normal!important}html.a11y-text-spacing body *:not(.a11y-ui):not(.a11y-ui *){line-height:1.5!important;letter-spacing:.12em!important;word-spacing:.16em!important}html.a11y-text-spacing body p:not(.a11y-ui *){margin-bottom:2em!important}html.a11y-highlight-focus *:focus,html.a11y-highlight-focus *:focus-visible{outline:4px solid #ffbf47!important;outline-offset:2px!important;box-shadow:0 0 0 7px #0b0c0c!important}html.a11y-reduce-motion{scroll-behavior:auto!important}html.a11y-reduce-motion *,html.a11y-reduce-motion *:before,html.a11y-reduce-motion *:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}html.a11y-large-cursor,html.a11y-large-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 11.5-6.6.9 3.9 7.4-2.9 1.5-3.9-7.5L4 20.5z' fill='%23000' stroke='%23fff' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 6 3,auto!important}html.a11y-large-cursor :is(a[href],button,[role=button],[role=link],[role=tab],label,select,summary,input[type=checkbox],input[type=radio]),html.a11y-large-cursor :is(a[href],button,[role=button],[role=link],[role=tab],label,summary) *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath d='M9 11V4.5a1.5 1.5 0 013 0V10l5.2 1.1c1 .2 1.7 1.2 1.6 2.2L18 20H9.5L5.3 14.6a1.4 1.4 0 012-2L9 14z' fill='%23fff' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 14 4,pointer!important}html.a11y-hide-images :is(img,picture,video,svg image):not(.a11y-ui *){visibility:hidden!important}html.a11y-hide-images [style*=background-image]:not(.a11y-ui *){background-image:none!important}html.a11y-read-on-click body :is(p,li,h1,h2,h3,h4,h5,h6,td,th,label,dt,dd):not(.a11y-ui *):hover{outline:2px dashed #1d70b8;outline-offset:2px}.accessibility-widget-container{position:relative;display:inline-flex;align-items:center}.accessibility-widget-btn{position:relative;width:40px;height:40px;border-radius:10px;background-color:#ffffff14;color:inherit;border:1px solid rgba(255,255,255,.16);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.accessibility-widget-btn svg{width:20px;height:20px}.accessibility-widget-btn:hover,.accessibility-widget-btn.active,.accessibility-widget-btn.has-active-features{background-color:#00a6512e;border-color:var(--green-secondary, #00a651);color:var(--green-secondary, #00a651)}.accessibility-widget-btn:focus-visible{outline:3px solid #ffbf47!important;outline-offset:2px!important}.accessibility-widget-container.on-light .accessibility-widget-btn{background-color:var(--gray-100, #f3f4f6);border-color:var(--gray-200, #e5e7eb);color:var(--gray-600, #4b5563)}.accessibility-widget-container.on-light .accessibility-widget-btn:hover,.accessibility-widget-container.on-light .accessibility-widget-btn.active,.accessibility-widget-container.on-light .accessibility-widget-btn.has-active-features{background-color:#007a3314;border-color:var(--green-primary, #007a33);color:var(--green-primary, #007a33)}.accessibility-widget-container.on-light .accessibility-widget-btn:focus-visible{outline-color:#0b0c0c!important}.accessibility-active-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;background-color:#007a33;color:#fff;border:2px solid #081c33;border-radius:9px;font-size:10px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center}.accessibility-widget-container.on-light .accessibility-active-badge{border-color:#fff}[data-theme=dark] .accessibility-widget-container.on-light .accessibility-widget-btn{background-color:#ffffff0f;border-color:#ffffff29;color:#e2e8f0}.a11y-ui.a11y-overlay{--a11y-bg: #ffffff;--a11y-surface: #f8fafc;--a11y-border: #cbd5e1;--a11y-text: #0f172a;--a11y-muted: #475569;--a11y-accent: #007a33;--a11y-accent-bg: #ecfdf3;--a11y-header-bg: #0b2545;--a11y-header-text: #ffffff;--a11y-focus: #ffbf47;--a11y-focus-ring: #0b0c0c;--a11y-warn-bg: #fff7ed;--a11y-warn-text: #7c2d12;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;font-family:var(--font-family-primary);letter-spacing:normal;word-spacing:normal;line-height:1.4;text-align:left}[data-theme=dark] .a11y-ui.a11y-overlay{--a11y-bg: #0f172a;--a11y-surface: #1e293b;--a11y-border: #475569;--a11y-text: #f1f5f9;--a11y-muted: #cbd5e1;--a11y-accent: #4ade80;--a11y-accent-bg: #052e16;--a11y-header-bg: #020617;--a11y-warn-bg: #431407;--a11y-warn-text: #fed7aa}.a11y-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a40}.a11y-ui .a11y-panel[role=dialog]{position:fixed;top:16px;right:16px;left:auto;bottom:auto;transform:none;width:min(26rem,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;margin:0;display:flex;flex-direction:column;overflow:hidden;background:var(--a11y-bg);color:var(--a11y-text);border:1px solid var(--a11y-border);border-radius:14px;box-shadow:0 24px 48px -12px #00000059;z-index:1;animation:a11y-panel-in .18s ease-out}@keyframes a11y-panel-in{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.a11y-backdrop{background:#0f172a8c}.a11y-ui .a11y-panel[role=dialog]{top:16px;right:16px;bottom:16px;left:16px;width:auto;max-height:none}}@media (prefers-reduced-motion: reduce){.a11y-ui .a11y-panel[role=dialog]{animation:none}}.a11y-panel *,.a11y-panel *:before,.a11y-panel *:after{box-sizing:border-box}.a11y-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.75rem .75rem .75rem 1rem;background:var(--a11y-header-bg);color:var(--a11y-header-text);border-bottom:4px solid #00a651;flex-shrink:0}.a11y-panel__title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.05rem;font-weight:700;color:var(--a11y-header-text);line-height:1.3}.a11y-panel__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.35);border-radius:8px;color:#fff;cursor:pointer}.a11y-panel__close:hover{background:#ffffff38}.a11y-panel__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1rem;display:flex;flex-direction:column;gap:1.1rem}.a11y-section{display:flex;flex-direction:column;gap:.5rem;margin:0}.a11y-section__title{margin:0;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--a11y-muted)}.a11y-scale{display:flex;align-items:center;gap:.5rem}.a11y-scale__btn{flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--a11y-border);background:var(--a11y-surface);color:var(--a11y-text);border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer}.a11y-scale__btn:hover:not(:disabled){border-color:var(--a11y-accent)}.a11y-scale__btn:disabled{opacity:.45;cursor:not-allowed}.a11y-scale__value{min-width:4rem;text-align:center;font-size:1.1rem;font-weight:800;color:var(--a11y-text)}.a11y-grid{display:flex;flex-direction:column;gap:.4rem}.a11y-toggle{width:100%;min-height:48px;display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--a11y-border);border-radius:10px;background:var(--a11y-bg);color:var(--a11y-text);text-align:left;cursor:pointer;font:inherit}.a11y-toggle:hover{background:var(--a11y-surface)}.a11y-toggle.is-on{border:2px solid var(--a11y-accent);background:var(--a11y-accent-bg);padding:calc(.5rem - 1px) calc(.75rem - 1px)}.a11y-toggle__icon{flex-shrink:0;color:var(--a11y-muted)}.a11y-toggle.is-on .a11y-toggle__icon{color:var(--a11y-accent)}.a11y-toggle__text{flex:1;min-width:0;display:flex;flex-direction:column}.a11y-toggle__label{font-size:.95rem;font-weight:600}.a11y-toggle__hint{font-size:.8rem;color:var(--a11y-muted)}.a11y-switch{position:relative;flex-shrink:0;width:2.5rem;height:1.4rem;border-radius:999px;background:#94a3b8;border:2px solid transparent;transition:background-color .15s ease}.a11y-switch__thumb{position:absolute;top:50%;left:2px;width:1rem;height:1rem;border-radius:50%;background:#fff;transform:translateY(-50%);transition:left .15s ease;box-shadow:0 1px 2px #0000004d}.a11y-toggle.is-on .a11y-switch{background:var(--a11y-accent)}.a11y-toggle.is-on .a11y-switch__thumb{left:calc(100% - 1rem - 2px)}.a11y-read-btn{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid var(--a11y-accent);background:var(--a11y-accent);color:#fff;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer}[data-theme=dark] .a11y-read-btn{color:#052e16}.a11y-read-btn.is-speaking{background:#b91c1c;border-color:#b91c1c;color:#fff}.a11y-note{margin:0;font-size:.8rem;color:var(--a11y-muted)}.a11y-note--warn{padding:.6rem .75rem;border-radius:8px;border-left:4px solid #ea580c;background:var(--a11y-warn-bg);color:var(--a11y-warn-text)}.a11y-panel__footer{flex-shrink:0;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;border-top:1px solid var(--a11y-border);background:var(--a11y-surface)}.a11y-reset{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 1rem;border:1px solid var(--a11y-border);background:var(--a11y-bg);color:var(--a11y-text);border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer}.a11y-reset:hover:not(:disabled){border-color:#b91c1c;color:#b91c1c}[data-theme=dark] .a11y-reset:hover:not(:disabled){border-color:#fca5a5;color:#fca5a5}.a11y-reset:disabled{opacity:.5;cursor:not-allowed}.a11y-panel__saved{flex:1 1 10rem;margin:0;font-size:.8rem;color:var(--a11y-muted)}.a11y-panel :is(button,output,[tabindex]):focus-visible{outline:3px solid var(--a11y-focus)!important;outline-offset:2px!important;box-shadow:0 0 0 5px var(--a11y-focus-ring)!important}.a11y-panel[role=dialog]:focus{outline:none}.a11y-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (forced-colors: active){.a11y-toggle.is-on{border:3px solid Highlight}.a11y-switch{border-color:ButtonText}.a11y-toggle.is-on .a11y-switch{background:Highlight}}:root{--bp-mobile: 480px;--bp-small-tablet: 600px;--bp-tablet: 768px;--bp-laptop: 1024px;--bp-desktop: 1280px;--bp-wide: 1440px}html{scroll-behavior:smooth;width:100%}body{overflow-x:hidden;width:100%;position:relative}.r-container{width:100%;max-width:100vw;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto;box-sizing:border-box}@media (min-width: 481px){.r-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 769px){.r-container{max-width:720px}}@media (min-width: 1025px){.r-container{max-width:960px}}@media (min-width: 1281px){.r-container{max-width:1200px}}.r-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 481px){.r-grid,.r-grid-3,.r-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px){.r-grid-3,.r-grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.r-grid-4{grid-template-columns:repeat(4,1fr)}}.r-stack{display:flex;flex-direction:column;gap:1rem}@media (min-width: 769px){.r-stack{flex-direction:row}}@media (max-width: 480px){.hide-mobile{display:none!important}}@media (min-width: 481px) and (max-width: 1024px){.hide-tablet{display:none!important}}@media (min-width: 1025px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media (max-width: 480px){.show-mobile{display:flex!important}}.show-desktop{display:none!important}@media (min-width: 1025px){.show-desktop{display:flex!important}}h1{font-size:clamp(1.5rem,4vw,2.25rem)}h2{font-size:clamp(1.25rem,3.5vw,1.875rem)}h3{font-size:clamp(1.125rem,3vw,1.5rem)}h4{font-size:clamp(1rem,2.5vw,1.25rem)}@media (max-width: 1024px){button,a,[role=button],input[type=submit],input[type=button],select,.clickable{min-height:44px;min-width:44px}a,button,input,select,textarea{touch-action:manipulation}}@media (max-width: 768px){.btn+.btn,.nav-link+.nav-link,.syt-btn-icon+.syt-btn-icon{margin-left:.25rem}}@media (max-width: 768px){.syt-table-responsive thead{display:none}.syt-table-responsive tbody tr{display:block;margin-bottom:.75rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.75rem;background:#00000026}.syt-table-responsive tbody td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.85rem}.syt-table-responsive tbody td:last-child{border-bottom:none}.syt-table-responsive tbody td:before{content:attr(data-label);font-weight:600;font-size:.8rem;color:#ffffffb3;flex-shrink:0;margin-right:1rem;text-transform:uppercase;letter-spacing:.03em}}img{max-width:100%;height:auto}.r-map-container{width:100%;aspect-ratio:16 / 10;min-height:250px;max-height:500px;border-radius:var(--radius-lg, 12px);overflow:hidden}@media (max-width: 480px){.r-map-container{aspect-ratio:4 / 3;min-height:200px;max-height:350px}}.r-chart-container{width:100%;min-height:200px;max-height:400px}@media (max-width: 480px){.r-chart-container{min-height:180px;max-height:300px}}.r-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}@media (max-width: 480px){.r-toolbar{flex-direction:column;align-items:stretch}.r-toolbar>*{width:100%}}@media (max-width: 480px){.r-modal-content{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important}}.r-slide-in{will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1)}@media print{.r-grid{display:block}.r-grid>*{margin-bottom:1rem}.hide-mobile,.hide-tablet,.hide-desktop{display:block!important}}:root{--pwa-header-height: 60px;--pwa-sidebar-width-desktop: 280px;--pwa-sidebar-width-tablet: 220px;--safe-area-top: max(env(safe-area-inset-top), 0px);--safe-area-bottom: max(env(safe-area-inset-bottom), 0px);--safe-area-left: max(env(safe-area-inset-left), 0px);--safe-area-right: max(env(safe-area-inset-right), 0px);--bp-mobile: 480px;--bp-small-tablet: 600px;--bp-tablet: 768px;--bp-laptop: 1024px;--bp-desktop: 1280px;--bp-wide: 1440px}html,body{max-width:100vw;overflow-x:hidden}@media (max-width: 768px){.app-container,.main-content,.admin-layout-main,.dashboard,.hubs-page,.hub-details-page,.hub-explorer-page,.national-skilling-page{max-width:100vw;overflow-x:hidden;box-sizing:border-box}table{width:100%;max-width:100%}.table-container,.table-responsive,.table-wrapper,.table-scroll,.table-scrol,.syt-scroll{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;position:relative}.card,.intelligence-card,.intel-card,.gov-stat-card,.premium-stat-card,.enhanced-metric-card,.mobile-metric-card,.stat-card,.section-card,.detail-section,.hub-details-card,.overview-card{max-width:100%!important;box-sizing:border-box!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.admin-layout-main,.admin-main-content,.dashboard,.hubs-page,.hub-details-container{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}.flex-row,.form-row,.filter-row,.actions-row,.button-group,.tag-list{flex-wrap:wrap!important}.btn,button,a[role=button],.nav-item{min-height:44px;min-width:44px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center}input,textarea,select{min-height:44px;font-size:16px;padding:10px 12px;max-width:100%;box-sizing:border-box}form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%}.form-group{margin-bottom:16px;width:100%}}.admin-layout-header{position:fixed;top:0;left:0;right:0;height:var(--pwa-header-height);padding-top:var(--safe-area-top);z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.admin-layout-main{margin-top:var(--pwa-header-height);padding-top:var(--safe-area-top);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom)}@media (max-width: 768px){.admin-sidebar{position:fixed;left:0;top:var(--pwa-header-height);height:calc(100vh - var(--pwa-header-height));width:100%;max-width:280px;transform:translate(-100%);transition:transform .3s ease-out;z-index:999;overflow-y:auto;-webkit-overflow-scrolling:touch}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.admin-sidebar.open~.admin-sidebar-backdrop{opacity:1;pointer-events:auto}}@media (min-width: 769px) and (max-width: 1024px){.admin-sidebar{width:var(--pwa-sidebar-width-tablet);transition:margin-left .3s ease}.admin-layout-main{margin-left:var(--pwa-sidebar-width-tablet)}.admin-sidebar.collapsed{margin-left:calc(-1 * var(--pwa-sidebar-width-tablet))}}@media (min-width: 1025px){.admin-sidebar{width:var(--pwa-sidebar-width-desktop);position:fixed;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.admin-layout-main{margin-left:var(--pwa-sidebar-width-desktop)}.admin-sidebar.collapsed{margin-left:calc(-1 * var(--pwa-sidebar-width-desktop))}}@media (max-width: 480px){.metrics-grid,.metrics-grid-5,.dashboard-grid,.content-grid{grid-template-columns:1fr!important;gap:12px!important}.intelligence-card{padding:12px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}@media (min-width: 481px) and (max-width: 768px){.metrics-grid,.metrics-grid-5,.dashboard-grid,.content-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (max-width: 480px){.intelligence-card{padding:14px 12px!important;min-height:auto!important;border-radius:12px!important}.intelligence-card .ic-value{font-size:1.5rem!important}.intelligence-card .ic-label{font-size:.7rem!important}.intelligence-card .ic-trend{font-size:.68rem!important}.section-header,.dashboard-section-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.floating-modal-overlay .floating-modal,.modal-overlay .modal-container{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important;overflow-y:auto!important}}@media (max-width: 768px){.filter-toolbar,.inc-filter-toolbar,.syt-filter-bar,.reports-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.filter-toolbar select,.filter-toolbar input,.inc-filter-toolbar select{width:100%!important;min-width:0!important}.intelligence-card{padding:16px 14px!important}.floating-modal-overlay .floating-modal{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;max-height:90dvh!important;overflow-y:auto!important}}@media (min-width: 769px) and (max-width: 1024px){.metrics-grid,.metrics-grid-5,.dashboard-grid,.content-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}}@media (min-width: 1025px){.metrics-grid,.dashboard-grid,.content-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}.metrics-grid-5{grid-template-columns:repeat(5,1fr)!important;gap:14px!important}}@media (max-width: 768px){table{font-size:.85rem}table th,table td{padding:8px}.table-wrapper,.table-scroll-wrapper,.syt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;display:block}table.table-hide-cols-mobile th:nth-child(n+4),table.table-hide-cols-mobile td:nth-child(n+4){display:none}table.table-mobile-cards,table.syt-mobile-cards,table.table-mobile-cards tbody,table.syt-mobile-cards tbody,table.table-mobile-cards tr,table.syt-mobile-cards tr,table.table-mobile-cards td,table.syt-mobile-cards td{display:block;width:100%}table.table-mobile-cards thead,table.syt-mobile-cards thead{display:none}table.table-mobile-cards tr,table.syt-mobile-cards tr{margin-bottom:12px;background:var(--card-bg, var(--kenya-white));border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000000d}table.table-mobile-cards td,table.syt-mobile-cards td{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px dashed var(--border-color, #f1f5f9);font-size:.85rem}table.table-mobile-cards td:last-child,table.syt-mobile-cards td:last-child{border-bottom:none}table.table-mobile-cards td:before,table.syt-mobile-cards td:before{content:attr(data-label);font-weight:700;color:var(--text-secondary, #64748b);font-size:.78rem;text-transform:uppercase}}.cv-auto{content-visibility:auto;contain-intrinsic-size:1px 400px}@media (max-width: 768px){.modal,.dialog,.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;padding:var(--safe-area-top) var(--safe-area-left) var(--safe-area-bottom) var(--safe-area-right)}.modal-content,.dialog-content{max-height:calc(100vh - var(--pwa-header-height));border-radius:0;max-width:100%}.drawer{position:fixed;bottom:0;width:100%;max-height:80vh;border-radius:20px 20px 0 0}}@media (max-width: 768px){.chart-container{min-height:250px}.chart-container svg{max-width:100%}.legend{flex-direction:column;gap:8px}.legend-item{font-size:.75rem}}.offline-indicator{position:fixed;bottom:var(--safe-area-bottom);left:var(--safe-area-left);right:var(--safe-area-right);z-index:100;padding:8px 16px;font-size:.875rem;border-radius:8px;background:#f43f5ef2;color:#fff;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media print{.no-print,.admin-sidebar,.admin-layout-header,.modal-backdrop{display:none!important}body{margin:0;padding:0}.admin-layout-main{margin-left:0;margin-top:0}@page{margin:10mm;size:A4}}@media (max-height: 500px){.admin-layout-header{height:50px}.btn,button{padding:8px 12px;font-size:.875rem}.intelligence-card{padding:8px}}@media (prefers-color-scheme: dark){.offline-indicator{background:#f43f5ed9;box-shadow:0 4px 12px #0006}.admin-sidebar-backdrop{background:#000000b3}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body{scroll-behavior:auto}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.border,border{border-width:.5px}}@view-transition{navigation: auto;}::view-transition-old(root){animation:page-slide-out .2s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:page-slide-in .25s cubic-bezier(0,0,.2,1) both}@keyframes page-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-16px)}}@keyframes page-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.page-transition-wrapper{position:relative;width:100%}.page-enter{opacity:0;transform:translate(12px)}.page-enter-active{opacity:1;transform:translate(0);transition:opacity .24s ease-out,transform .24s ease-out}.page-exit{opacity:1;transform:translate(0)}.page-exit-active{opacity:0;transform:translate(-12px);transition:opacity .18s ease-in,transform .18s ease-in}.sheet-enter{transform:translateY(100%)}.sheet-enter-active{transform:translateY(0);transition:transform .3s cubic-bezier(.32,.72,0,1)}.sheet-exit-active{transform:translateY(100%);transition:transform .22s cubic-bezier(.4,0,1,1)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .2s ease}.fade-exit-active{opacity:0;transition:opacity .15s ease}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.page-enter-active,.page-exit-active,.sheet-enter-active,.sheet-exit-active,.fade-enter-active,.fade-exit-active{transition:none!important}}.pwa-offline-bar{position:fixed;top:0;left:0;right:0;z-index:99998;background:var(--error-dark);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:.8rem;font-weight:600;padding-top:calc(10px + env(safe-area-inset-top))}.pwa-update-bar{position:fixed;top:0;left:0;right:0;z-index:99997;background:#1d4ed8;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;font-size:.8rem;font-weight:600;padding-top:calc(10px + env(safe-area-inset-top))}.pwa-update-btn{background:#fff;color:#1d4ed8;border:none;border-radius:8px;padding:4px 12px;font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;min-height:32px}.pwa-install-banner{position:fixed;bottom:76px;left:12px;right:12px;z-index:9900;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014;border:1px solid rgba(0,122,51,.15);display:flex;align-items:center;gap:12px;padding:14px 16px;animation:banner-slide-in .35s cubic-bezier(.32,.72,0,1) both;padding-bottom:calc(14px + env(safe-area-inset-bottom))}@keyframes banner-slide-in{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-icon{font-size:2rem;line-height:1;flex-shrink:0}.pwa-install-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pwa-install-text strong{font-size:.9rem;font-weight:700;color:#1e293b}.pwa-install-text span{font-size:.75rem;color:#64748b}.pwa-install-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-install-btn{display:flex;align-items:center;gap:6px;background:var(--green-primary);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:.8rem;font-weight:700;cursor:pointer;min-height:44px;white-space:nowrap}.pwa-dismiss-btn{background:#f1f5f9;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b}@media (min-width: 768px){.pwa-install-banner{display:none}}.ab-bar{position:relative;z-index:1030;font-size:.9rem;line-height:1.4}.ab-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.55rem 3rem .55rem 1rem}.ab-icon{flex-shrink:0;opacity:.9}.ab-text{margin:0;display:inline-flex;align-items:center;gap:.4rem;font-weight:600;text-align:center}.ab-link{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.ab-link:hover{text-decoration-thickness:2px}.ab-link:focus-visible,.ab-close:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}.ab-arrow{flex-shrink:0}.ab-close{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;opacity:.85}.ab-close:hover{opacity:1;background:#ffffff26}@media (max-width: 600px){.ab-bar{font-size:.85rem}.ab-inner{justify-content:flex-start;padding-left:.85rem}.ab-text{text-align:left}}@media print{.ab-bar{display:none}}.incoming-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .25s ease-out}.incoming-call-card{width:100%;max-width:380px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:0 25px 50px -12px #00000080,0 0 40px #10b98126;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.incoming-avatar-wrap{position:relative;width:110px;height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.incoming-pulse-ring{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid rgba(16,185,129,.5);animation:pulseWave 1.8s cubic-bezier(.215,.61,.355,1) infinite}.incoming-pulse-ring:nth-child(2){top:-24px;right:-24px;bottom:-24px;left:-24px;border-color:#10b9814d;animation-delay:.4s}.incoming-caller-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #10b981;background:#334155;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 10px 25px #0000004d;z-index:2}.incoming-caller-name{font-size:1.35rem;font-weight:700;color:#f8fafc;margin:0 0 .35rem;letter-spacing:-.01em}.incoming-call-role{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:12px;background:#ffffff14;color:#94a3b8;margin-bottom:.5rem}.incoming-call-type{display:inline-flex;align-items:center;gap:6px;font-size:.95rem;color:#10b981;font-weight:500;margin-bottom:2rem}.incoming-call-actions{display:flex;align-items:center;justify-content:center;gap:2.5rem;width:100%}.call-action-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.call-action-btn-wrap span{font-size:.75rem;font-weight:500;color:#94a3b8}.call-btn{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #0000004d}.call-btn:hover{transform:scale(1.08)}.call-btn:active{transform:scale(.95)}.call-btn.accept{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 25px #10b98166}.call-btn.decline,.call-btn.hangup{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 25px #ef444466}.active-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#090d16;z-index:10000;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .25s ease-out}.active-call-overlay.minimised{inset:auto 1.5rem 1.5rem auto;width:320px;height:220px;border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 40px #0009;z-index:10000}.active-call-header{position:absolute;top:0;left:0;right:0;padding:1.25rem 1.5rem;background:linear-gradient(180deg,#090d16d9,#090d1600);display:flex;align-items:center;justify-content:space-between;z-index:10}.active-call-overlay.minimised .active-call-header{padding:.6rem .8rem}.active-call-peer-info{display:flex;align-items:center;gap:12px}.active-call-peer-text h4{margin:0;font-size:1.1rem;font-weight:700;color:#fff}.active-call-peer-text p{margin:0;font-size:.8rem;color:#94a3b8;display:flex;align-items:center;gap:6px}.call-timer-badge{font-variant-numeric:tabular-nums;color:#10b981;font-weight:600}.call-header-actions{display:flex;align-items:center;gap:8px}.call-icon-btn{width:38px;height:38px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.call-icon-btn:hover{background:#fff3}.active-call-stage{flex:1;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0b0f19}.remote-video-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.remote-video{width:100%;height:100%;object-fit:cover;background:#000}.screen-share-active .remote-video{object-fit:contain}.audio-call-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.audio-call-avatar{width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.15);background:#1e293b;display:flex;align-items:center;justify-content:center;font-size:2.8rem;font-weight:700;color:#fff;box-shadow:0 20px 40px #0006}.active-call-overlay.minimised .audio-call-avatar{width:64px;height:64px;font-size:1.5rem}.local-pip-container{position:absolute;top:5rem;right:1.5rem;width:160px;height:220px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000080;border:2px solid rgba(255,255,255,.2);background:#1e293b;z-index:20;transition:all .2s ease}.active-call-overlay.minimised .local-pip-container{display:none}.local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.local-video.screen{transform:none}.local-video-off-placeholder{width:100%;height:100%;background:#1e293b;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.75rem;font-weight:500}.screenshare-banner{position:absolute;top:5rem;left:50%;transform:translate(-50%);background:#10b981e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 16px;border-radius:20px;font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:8px;z-index:15;box-shadow:0 4px 12px #00000040}.active-call-controls{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:36px;padding:.75rem 1.5rem;display:flex;align-items:center;gap:1.25rem;z-index:30;box-shadow:0 20px 40px #00000080}.active-call-overlay.minimised .active-call-controls{bottom:.6rem;padding:.4rem .8rem;gap:.75rem;border-radius:24px}.control-btn{width:52px;height:52px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.active-call-overlay.minimised .control-btn{width:36px;height:36px}.control-btn:hover{background:#fff3;transform:translateY(-2px)}.control-btn.active{background:#10b981;color:#fff}.control-btn.muted,.control-btn.video-off{background:#ef4444;color:#fff}.control-btn.hangup{background:#ef4444;color:#fff;width:56px;height:56px}.active-call-overlay.minimised .control-btn.hangup{width:38px;height:38px}.control-btn.hangup:hover{background:#dc2626;transform:translateY(-2px)}.msg-header-call-btn{background:transparent;border:none;color:#ffffffe6;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}.msg-header-call-btn:hover{background:#ffffff2e;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseWave{0%{transform:scale(.95);opacity:.8}50%{opacity:.4}to{transform:scale(1.35);opacity:0}}@media (max-width: 640px){.local-pip-container{width:100px;height:140px;top:4.5rem;right:1rem}.active-call-controls{bottom:1.5rem;gap:.85rem;padding:.6rem 1rem}.control-btn{width:44px;height:44px}}.call-status-text{display:inline-flex;align-items:center;gap:5px}.call-status-spin{animation:callStatusSpin .9s linear infinite}@keyframes callStatusSpin{to{transform:rotate(360deg)}}.call-peer-muted{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:1px 7px;border-radius:999px;background:#ef44442e;color:#fecaca;font-size:.72rem;font-weight:600}@media (prefers-reduced-motion: reduce){.call-status-spin{animation:none}}.gc-grid{flex:1;display:grid;gap:8px;padding:8px;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.gc-grid.gc-count-1{grid-template-columns:1fr}.gc-grid.gc-count-5,.gc-grid.gc-count-6{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 640px){.gc-grid.gc-count-5,.gc-grid.gc-count-6{grid-template-columns:repeat(2,minmax(0,1fr))}}.gc-tile{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:14px;overflow:hidden;background:#1e293b;outline:2px solid transparent;transition:outline-color .2s}.gc-tile.reconnecting{outline-color:#f59e0b99}.gc-tile-video{width:100%;height:100%;object-fit:cover}.gc-tile-video.self{transform:scaleX(-1)}.gc-tile-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#16a34a,#0f766e);color:#fff;font-size:1.5rem;font-weight:700}.gc-tile-label{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 16px);padding:3px 9px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-tile-state{display:inline-flex;align-items:center;gap:3px;color:#fde68a;font-weight:500}.incoming-call-overlay.incoming-call-overlay[role=dialog],.active-call-overlay.active-call-overlay[role=dialog]{top:0;left:0;right:0;bottom:0;transform:none;max-width:none;max-height:none;border-radius:0;box-shadow:none;overflow:hidden;z-index:10000}.incoming-call-overlay.incoming-call-overlay[role=dialog]{padding:1rem;background:#0f172abf}.active-call-overlay.active-call-overlay[role=dialog]{padding:0;background:#090d16}.active-call-overlay.active-call-overlay.minimised[role=dialog]{top:auto;left:auto;right:1.5rem;bottom:1.5rem;width:320px;height:220px;border-radius:20px;box-shadow:0 20px 40px #0009}:root{--app-bar-height: 54px;--bottom-tab-height: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--mobile-touch-target: 44px;--kenya-green: #007a33;--kenya-red: #bb0100;--kenya-black: #111827}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100vw;overflow-x:clip;margin:0;padding:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#root,#main-content{width:100%;max-width:100vw;overflow-x:clip;min-height:100vh}.admin-layout,.app-container,.dashboard,.hubs-page,.report-container,.user-management-container,.neo-container,.audit-dashboard,.device-asset-management{width:100%;max-width:100vw;box-sizing:border-box;min-width:0}@media (max-width: 768px){html{scroll-padding-top:calc(var(--app-bar-height) + 12px)}main.admin-content>.partner-management-container,main.admin-content>.hmpm-container,main.admin-content>.module-content-wrapper,main.admin-content>.frontend-mgmt,main.admin-content>.diagnostics-page,main.admin-content>.audit-soc-container,main.admin-content>.checklist-page,main.admin-content>.system-settings-container,main.admin-content>.sm-page,main.admin-content>.smart-notifications,main.admin-content>.up-container,main.admin-content>.user-management-container,main.admin-content>.hub-management-container{padding-left:4px!important;padding-right:4px!important}[class*=table-wrap],[class*=table-container],[class*=tabs],.so-nav{overscroll-behavior-x:contain}[class*=tabs]:not([class*=tabs-wrapper]):has(>button,>a){max-width:100%;overflow-x:auto;scrollbar-width:none}[class*=tabs]:not([class*=tabs-wrapper])>button,[class*=tabs]:not([class*=tabs-wrapper])>a{flex-shrink:0;white-space:nowrap}.soc-nav-tabs{scrollbar-width:none}.admin-content,.admin-main,.dashboard,.hubs-page,.report-container,.user-management-container,.hub-directory-page,.services-page,.news-page,.national-skilling-page,.neo-container,.audit-dashboard,.device-asset-management,.inclusion-dashboard,.skilling-partner-layout,.agency-dashboard-container{padding-bottom:calc(var(--bottom-tab-height) + var(--safe-bottom) + 16px)!important}.r-container,.dashboard,.hubs-page,.report-container,.user-management-container{padding-left:max(12px,var(--safe-left))!important;padding-right:max(12px,var(--safe-right))!important}table{width:100%;max-width:100%}.table-responsive,.table-scroll,.table-scrol,.table-container,.syt-scroll,.responsive-table-wrapper,.hal-table-container,.users-table-container,.soc-table-container,.records-table-container{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;display:block!important;position:relative!important;border-radius:10px;box-shadow:inset -6px 0 8px -4px #00000014}.kpi-grid,.stats-grid,.r-grid-4,.gov-stats-grid,.metrics-grid,.overview-grid,.summary-stat-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;width:100%!important}.kpi-card,.stat-card,.gov-stat-card,.summary-stat{padding:.85rem!important;min-width:0!important;word-break:break-word;border-radius:12px!important}.kpi-card h3,.stat-card h3,.stat-value,.kpi-value{font-size:1.25rem!important;line-height:1.2!important}.kpi-card p,.stat-card p,.stat-label,.kpi-label{font-size:.72rem!important}.page-actions,.filter-row,.filter-bar,.actions-row,.button-group,.bulk-actions-toolbar,.report-controls{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important;width:100%!important}.page-actions .btn,.page-actions button,.filter-row button,.filter-bar select,.report-controls button,.report-controls select{min-height:var(--mobile-touch-target)!important;font-size:.82rem!important}.um-tabs,.report-tabs,.nav-tabs,.sub-tabs,.matrix-tabs{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;scrollbar-width:none!important;gap:.4rem!important;padding-bottom:4px!important;width:100%!important;border-bottom:1px solid var(--border-color, rgba(0,0,0,.08))!important}.um-tabs::-webkit-scrollbar,.report-tabs::-webkit-scrollbar,.nav-tabs::-webkit-scrollbar{display:none}.um-tab,.report-tab,.tab-item{flex-shrink:0!important;padding:.6rem .9rem!important;font-size:.82rem!important;min-height:var(--mobile-touch-target)!important}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=date],select,textarea{font-size:16px!important;min-height:var(--mobile-touch-target)!important;border-radius:8px!important;max-width:100%!important;box-sizing:border-box!important}.modal-overlay,.login-modal-overlay,.feedback-drawer-backdrop{padding:0!important;align-items:flex-end!important}.modal-content,.login-modal-content,.enterprise-modal-content,.chat-modal-content,.article-form-modal{width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;max-height:90vh!important;overflow-y:auto!important;margin:0!important;padding-bottom:calc(16px + var(--safe-bottom))!important}.login-modal-content{padding-top:0!important;position:relative!important}.login-modal-content:before{content:"";display:block;width:40px;height:4px;background:#d1d5db;border-radius:9999px;margin:12px auto 8px;flex-shrink:0}.login-modal-content .login-card-inner{padding:.5rem 1.25rem!important;position:relative!important}.login-modal-content .auth-modal-close{top:.75rem!important;right:1rem!important}.chart-container,.recharts-responsive-container{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}}@media (max-width: 380px){.kpi-grid,.stats-grid,.r-grid-4,.gov-stats-grid,.metrics-grid{grid-template-columns:1fr!important}.page-title{font-size:1.15rem!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.page-transition{animation:fadeIn .35s ease-out}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:6px}.skeleton-text{height:14px;margin-bottom:8px;width:80%}.skeleton-text.short{width:40%}.skeleton-card{height:120px;border-radius:12px}.global-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.global-loading-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:var(--green-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.global-loading-text{font-size:14px;color:#64748b;font-weight:500}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.responsive-table-wrapper::-webkit-scrollbar{height:6px}.responsive-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.responsive-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chart-container{width:100%;max-width:100%;overflow:hidden}.dashboard-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}@media (pointer: coarse){button,a,.nav-link,.dropdown-item,.action-btn,.tab-button,select{min-height:44px;min-width:44px}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],textarea,select{font-size:16px}.so-search input,.hx-search input,.hx-select,.nw-search input,.nr-search input,.nr-select,.cod-search input,.cod-select{font-size:16px!important}}@media (max-width: 768px){.page-content,main{padding-left:12px;padding-right:12px}main#main-content:has(.public-layout),main#main-content:has(.admin-layout){padding-left:0;padding-right:0}.dashboard-card-grid{grid-template-columns:1fr;gap:12px}.chart-container canvas{max-height:250px!important}.partner-dashboard-body,.admin-dashboard-body,.hub-manager-body{overflow-x:hidden;max-width:100vw}.partner-modal,.report-modal{max-width:100%;margin:0;border-radius:.75rem;max-height:95vh}.responsive-table-wrapper,.syt-scroll,.syt-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.partner-kpi-strip{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.partner-kpi-card{scroll-snap-align:start;min-width:160px}}@media (min-width: 769px) and (max-width: 1024px){.dashboard-card-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.offline-indicator{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:10px 24px;border-radius:24px;font-size:13px;font-weight:500;z-index:9999;box-shadow:0 4px 16px #0003;display:flex;align-items:center;gap:8px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.offline-indicator:before{content:"";width:8px;height:8px;background:var(--warning);border-radius:50%;flex-shrink:0}.notification-toast{position:fixed;top:20px;right:20px;z-index:10000;animation:slideInRight .35s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media print{.navbar,.sidebar,.hamburger,.notification-toast,.offline-indicator,.pwa-install-prompt,.no-print,.report-footer-screen,button,.btn{display:none!important}}@media screen{.no-screen{display:none!important}}@media print{html,body{margin:0!important;padding:0!important;height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}nav,.navbar,.sidebar,.no-print,button,.btn,.filters-section,.breadcrumb,.footer-actions,.scroll-to-top,.modal-actions,.builder-header,.builder-sidebar{display:none!important;height:0!important;margin:0!important;padding:0!important}.report-text-widget{font-size:11pt!important;line-height:1.6!important;margin-bottom:25pt!important;color:#1e293b!important;white-space:pre-wrap!important}.report-metrics-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:15pt!important;margin-bottom:30pt!important;break-inside:avoid!important}.report-metric-card{padding:12pt!important;background:#f8fafc!important;border:1pt solid #e2e8f0!important;border-radius:8pt!important;text-align:center!important}.report-metric-card .value{font-size:16pt!important;font-weight:700!important;color:#006400!important;display:block!important}.report-metric-card .label{font-size:8pt!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.5pt!important}.report-chart-widget{margin-bottom:30pt!important;break-inside:avoid!important;page-break-inside:avoid!important}.report-table-widget{margin-bottom:30pt!important;break-inside:auto!important}.report-table-widget table{width:100%!important;border-collapse:collapse!important}.report-table-widget th{background-color:#006400!important;color:#fff!important;padding:8pt!important;font-size:9pt!important;text-align:left!important}.report-table-widget td{padding:8pt!important;border:.5pt solid #e2e8f0!important;font-size:9pt!important}.report-footer-print .page-number:after{content:"Page " counter(page)}.print-break-inside-avoid,.print-break-inside{break-inside:avoid!important;page-break-inside:avoid!important;margin-bottom:20pt!important}.report-table-widget table{width:100%!important;border-collapse:collapse!important;table-layout:auto!important}.report-table-widget tr{break-inside:avoid!important;page-break-inside:avoid!important}.report-table-widget td,.report-table-widget th{border:.5pt solid #cbd5e1!important;word-break:break-word!important}.canvas-paper,.modal-content,.premium-modal{height:auto!important;min-height:0!important;box-shadow:none!important;padding:0!important}.modal-header,.modal-actions,.btn,.no-print{display:none!important}.canvas-paper,.premium-modal.large{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:20mm 15mm!important;box-shadow:none!important;border:none!important;background:#fff!important;position:relative!important;display:block!important}.report-header-print{position:fixed;top:0;left:0;right:0;height:15mm;text-align:center;background:#fff;z-index:9999}.report-footer-print{position:fixed;bottom:0;left:0;right:0;height:10mm;text-align:center;background:#fff;z-index:9999;font-size:8pt;color:#666;border-top:.5pt solid #eee;display:flex;justify-content:center;align-items:center}.report-footer-print:after{content:"Page " counter(page)}.standalone-footer,.standalone-page-number,.page-break-always{display:none!important}*{box-sizing:border-box!important}table{page-break-inside:auto!important;width:100%!important;border-collapse:collapse!important;margin-bottom:10mm!important}tr{page-break-inside:avoid!important;page-break-after:auto!important}thead{display:table-header-group!important}.widget-container,.widget-wrapper{page-break-inside:avoid!important;break-inside:avoid!important;margin-bottom:10mm!important;background:#fff!important;border:1px solid #eee!important;padding:5mm!important}div,section,article{page-break-after:auto!important;page-break-before:auto!important;break-after:auto!important;break-before:auto!important}.report-footer-print{pointer-events:none}}