html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{color:#1a2b3c;background:#f0f4f8;font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.6}#root{width:100%;min-height:100vh}a{color:inherit}button{font-family:inherit}img{max-width:100%;display:block}p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spin}.app-layout{min-height:100vh;display:flex}.app-sidebar{z-index:50;background:#fff;border-right:1px solid #01589b1f;flex-direction:column;width:220px;height:100vh;transition:transform .25s;display:flex;position:fixed}.app-main{flex-direction:column;flex:1;min-height:100vh;margin-left:220px;display:flex}.app-overlay{z-index:49;background:#1a2b3c73;display:none;position:fixed;inset:0}.pub-nav{z-index:200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-bottom:1px solid #01589b1a;align-items:center;gap:16px;height:64px;padding:0 5%;display:flex;position:sticky;top:0}.pub-nav-links{align-items:center;gap:2px;display:flex}.pub-nav-right{align-items:center;gap:8px;display:flex}.pub-hamburger{display:none}.pub-mobile-menu{z-index:300;background:#fff;flex-direction:column;gap:4px;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.pub-mobile-menu.open{display:flex}.auth-divider{color:#6b7f94;align-items:center;gap:10px;margin:14px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#d8e3ec;flex:1;height:1px}.grid-5{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid-2-1{grid-template-columns:1fr 270px;align-items:start;gap:16px;display:grid}.grid-ft{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;display:grid}.emp-dash-grid>:last-child{min-width:0}.kpi-row-5{grid-template-columns:repeat(5,1fr);display:grid}.kpi-row-4{grid-template-columns:repeat(4,1fr);display:grid}.kpi-row-3{grid-template-columns:repeat(3,1fr);display:grid}.kpi-row-2{grid-template-columns:repeat(2,1fr);display:grid}.emp-dash-2col{grid-template-columns:1fr 340px;align-items:start;gap:16px;display:grid}.emp-detail-2col{grid-template-columns:1fr 260px;align-items:start;gap:16px;display:grid}.emp-welcome-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=1024px){.grid-5,.kpi-row-5{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.grid-2-1,.emp-dash-2col,.emp-detail-2col{grid-template-columns:1fr}}@media (width<=640px){.emp-welcome-bar{flex-direction:column;align-items:flex-start}}@media (width<=768px){.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #01589b26}.app-overlay.open{display:block}.app-main{margin-left:0}.topbar-hamburger{display:flex!important}.pub-nav-links,.pub-nav-right{display:none}.pub-hamburger{display:flex!important}.grid-5,.grid-4{grid-template-columns:1fr 1fr}.grid-3,.grid-2{grid-template-columns:1fr}.grid-2-1{grid-template-columns:1fr!important}.grid-ft,.kpi-row-5,.kpi-row-4,.kpi-row-3,.kpi-row-2{grid-template-columns:1fr 1fr}.content-px{padding-left:16px!important;padding-right:16px!important}.app-content{padding:14px!important}.login-2col{flex-direction:column!important;padding:24px 16px!important}.login-intro{display:none!important}.login-card{max-width:100%!important}.reg-wrap{padding:20px 16px 40px!important}.reg-card{padding:24px 20px!important}}@media (width<=480px){.grid-5,.grid-4,.grid-ft,.kpi-row-5,.kpi-row-4,.kpi-row-3{grid-template-columns:1fr}.kpi-row-2{grid-template-columns:1fr 1fr}.hide-xs{display:none!important}}:root{--ink:#1a2b3c;--ink2:#2e4057;--ink3:#6b7f94;--bg:#f0f4f8;--bg2:#e8eff6;--bg3:#d8e3ec;--white:#fff;--accent:#01589b;--accent2:#074e8c;--teal:#0d7a5f;--teal2:#e0f5ee;--amber:#e28b08;--amber2:#fdf0d5;--red:#c0392b;--red2:#fcebeb;--border:#01589b1f;--shadow-sm:0 1px 4px #01589b0f;--shadow:0 2px 16px #01589b14;--shadow-lg:0 4px 32px #01589b1f;--font:"Inter", system-ui, sans-serif;--font-display:"Playfair Display", Georgia, serif;--text-xs:9px;--text-sm:11px;--text-base:13px;--text-md:14px;--text-lg:15px;--text-xl:17px;--text-2xl:21px;--text-3xl:26px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--radius-sm:6px;--radius-md:9px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.6;font-size:var(--text-base);-webkit-font-smoothing:antialiased}