@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap";
:root{--font-sans:"Inter", sans-serif;--font-display:"Roboto", sans-serif;--primary-hue:212;--primary-sat:85%;--primary-light:43%;--primary:hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--primary-hover:hsl(var(--primary-hue), var(--primary-sat), calc(var(--primary-light) - 6%));--primary-light-bg:hsl(var(--primary-hue), 80%, 95%);--primary-glow:hsla(var(--primary-hue), var(--primary-sat), var(--primary-light), .15);--success:#1e8e3e;--success-bg:#e6f4ea;--warning:#f29900;--warning-bg:#fef7e0;--danger:#d93025;--danger-bg:#fce8e6;--danger-glow:#d930251a;--info:#1a73e8;--info-bg:#e8f0fe;--background:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--surface-hover:#e2e8f0;--border:#cbd5e1;--border-focus:#2563eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-white:#fff;--text-on-primary:#fff;--radius-xl:20px;--radius-lg:12px;--radius-md:8px;--radius-sm:4px;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 12px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 10px 25px #00000014, 0 2px 6px #0000000a;--transition:all .2s cubic-bezier(.2, 0, 0, 1);--app-bar-height:56px;--bottom-nav-height:64px;--sidebar-width:256px;--content-max:100%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100vh}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.3s cubic-bezier(.2,0,0,1) forwards fadeIn}.ripple{position:relative;overflow:hidden}@keyframes skeleton-pulse{0%{opacity:.65}50%{opacity:1}to{opacity:.65}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-pulse{animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;padding:1.5rem;animation:1.5s ease-in-out infinite skeleton-pulse;display:flex}.skeleton-title{background:linear-gradient(90deg, var(--surface-2) 25%, #ffffff26 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;width:50%;height:24px;animation:1.8s ease-in-out infinite skeleton-shimmer}.skeleton-text{background:linear-gradient(90deg, var(--surface-2) 25%, #ffffff26 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;width:80%;height:14px;animation:1.8s ease-in-out infinite skeleton-shimmer}.skeleton-text-short{background:linear-gradient(90deg, var(--surface-2) 25%, #ffffff26 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;width:40%;height:14px;animation:1.8s ease-in-out infinite skeleton-shimmer}.skeleton-circle{background:linear-gradient(90deg, var(--surface-2) 25%, #ffffff26 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:50%;width:40px;height:40px;animation:1.8s ease-in-out infinite skeleton-shimmer}@media print{html,body,#__next,main,[class*=appShell],[class*=mainContent]{color:#000!important;width:100%!important;max-width:100%!important;height:auto!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}header,aside,footer,nav,button,input[type=button],input[type=submit],[class*=sidebar],[class*=appBar],[class*=logoutBtn],.no-print,.tabNav,.filterRow,[class*=tabSelector],[class*=headerActions],[class*=toolbar],[class*=filterRow],[class*=btn],button,a[href^=javascript\:]{display:none!important}[class*=mainContent],[class*=contentBody],.adminWrap,.reportWrap{width:100%!important;max-width:100%!important;margin-left:0!important;padding:0!important}table{border-collapse:collapse!important;page-break-inside:avoid!important;width:100%!important;margin:1.5rem 0!important}th,td{text-align:left!important;color:#000!important;background:0 0!important;border:1.5px solid #cbd5e1!important;padding:8px 12px!important;font-size:9.5pt!important}th{background-color:#f1f5f9!important;font-weight:700!important}.skeleton-card,.chartBox,.kpiGrid,.questionCard,[class*=kpiGrid],[class*=chartBox],[class*=questionCard],[class*=kpiCard],[class*=tableContainer]{page-break-inside:avoid!important;box-shadow:none!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:12px!important;margin-bottom:2.5rem!important;padding:1.5rem!important}[class*=progressBarContainer]{background-color:#f1f5f9!important;border:1px solid #94a3b8!important}[class*=progressCompleted]{background-color:#10b981!important}[class*=progressPending]{background-color:#3b82f6!important}[class*=progressExpired]{background-color:#ef4444!important}}