@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #065f46;--primary-dark: #064e3b;--primary-light: #ecfdf5;--bg: #f3f4f6;--surface: #ffffff;--sidebar: #0f172a;--sidebar-hover: #1e293b;--border: #e2e8f0;--text: #1a1a1a;--text-muted: #6b7280;--text-light: #9ca3af;--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}body{margin:0;font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;color:#0f172a;margin:0;letter-spacing:-.025em;line-height:1.25}button,input,select,textarea{font-family:var(--font-sans);outline:none;font-feature-settings:"cv02","cv03","cv04","cv11"}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px var(--primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes spin{to{transform:rotate(360deg)}}.responsive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dashboard-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.dashboard-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.dashboard-header-actions{display:flex;align-items:center;gap:12px}.responsive-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:24px}@media (max-width: 1024px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-header-section{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.dashboard-header-actions{width:100%!important;flex-direction:column!important;gap:10px!important}.dashboard-header-actions>*{width:100%!important}.responsive-tabs{width:100%!important;overflow-x:auto!important;gap:20px!important;padding-bottom:4px!important;white-space:nowrap;-webkit-overflow-scrolling:touch}.responsive-tabs button{padding:8px 0!important;flex-shrink:0}.responsive-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-main-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.responsive-grid{grid-template-columns:1fr}}@media (max-width: 768px){main{padding:12px!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}.kpi-value{font-size:24px!important}.datepicker-dropdown{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;flex-direction:column!important;width:90%!important;max-height:80vh!important;overflow-y:auto!important}.datepicker-calendars{flex-direction:column!important;align-items:center!important}.datepicker-main{padding:16px!important}.datepicker-calendars>div:last-child{display:none!important}.dashboard-alert-area{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.card-inner{padding:16px!important}}@media (max-width: 480px){.responsive-grid{gap:12px}main{padding:8px!important}.card-inner{padding:12px!important}.responsive-card-pad{padding:12px}.kpi-value{font-size:20px!important}.hide-small-mobile{display:none!important}}body,#root{overflow-x:hidden;width:100%}@keyframes dpDropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dpSlideLeft{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes dpSlideRight{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.dp-dropdown-enter{animation:dpDropdownIn .2s cubic-bezier(.16,1,.3,1) forwards}.dp-cal-slide-left{animation:dpSlideLeft .25s cubic-bezier(.16,1,.3,1) forwards}.dp-cal-slide-right{animation:dpSlideRight .25s cubic-bezier(.16,1,.3,1) forwards}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:48;animation:fadeIn .2s ease}