@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c-primary:#4f46e5;--c-primary-hover:#4338ca;--c-primary-light:#eef2ff;--c-primary-text:#3730a3;--c-primary-border:#c7d2fe;--c-bg:#eff1f8;--c-surface:#fff;--c-surface-2:#f8f9fc;--c-border:#e2e5ef;--c-border-strong:#c9cdd9;--c-text-primary:#0f172a;--c-text-secondary:#64748b;--c-text-tertiary:#94a3b8;--c-danger:#dc2626;--c-danger-light:#fef2f2;--c-danger-border:#fecaca;--c-success:#059669;--c-success-light:#ecfdf5;--c-success-border:#a7f3d0;--c-warning:#b45309;--c-warning-light:#fffbeb;--c-warning-border:#fde68a;--c-table-header-bg:#eaecf8;--c-table-row-hover:#f3f4ff;--c-table-border:#dde0ee;--c-table-border-strong:#b8beda;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0f172a12, 0 1px 2px #0f172a0a;--shadow-md:0 4px 14px #0f172a17, 0 2px 4px #0f172a0a;--shadow-lg:0 10px 30px #0f172a1c, 0 4px 8px #0f172a0d}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}input,select,textarea,button{font-family:var(--font);font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:3px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-section{animation:.4s ease-out fadeInUp}.metric-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.metric-value{animation:.5s ease-out countUp}@keyframes fillBar{0%{width:0}}.status-bar-segment{animation:1s ease-out fillBar}.pulse-alert{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.invoice-row{transition:background-color .15s ease-in-out}.invoice-row:hover{background-color:#f9fafb}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.table-scroll-container{position:relative}.table-scroll-container:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(270deg,#fff,#0000);width:40px;transition:opacity .3s;position:absolute;top:0;bottom:0;right:0}.table-scroll-container.has-scroll:after{opacity:1}.status-badge{font-variant-numeric:tabular-nums;letter-spacing:.01em}.quick-action-btn{position:relative;overflow:hidden}.quick-action-btn:before{content:"";background:linear-gradient(90deg,#0000,#3b82f61a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.quick-action-btn:hover:before{left:100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#f0f0f0 0%,#f8f8f8 50%,#f0f0f0 100%) 0 0/1000px 100%;animation:2s infinite shimmer}@media (width<=640px){.metric-value{font-size:1.75rem}.section-title{font-size:1rem}}@media print{.no-print{display:none!important}.metric-card,.dashboard-section{break-inside:avoid;box-shadow:none!important;border:1px solid #e5e7eb!important}.page-break-before{page-break-before:always}}.focus-visible:focus{outline-offset:2px;outline:2px solid #3b82f6}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.top-item{transition:all .2s ease-in-out}.top-item:hover{background-color:#f9fafb;transform:translate(4px)}.gst-download-btn{transition:all .2s ease-in-out}.gst-download-btn:hover{background-color:#eff6ff;box-shadow:0 0 0 3px #dbeafe}.custom-scrollbar::-webkit-scrollbar{height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.empty-state{animation:.6s ease-out fadeInUp}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.trend-arrow{animation:1s ease-in-out infinite arrowBounce;display:inline-block}.recharts-line-curve{animation:1.5s ease-out drawLine}@keyframes drawLine{0%{stroke-dasharray:1000;stroke-dashoffset:1000px}to{stroke-dasharray:1000;stroke-dashoffset:0}}.toast-notification{animation:.3s ease-out slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.critical-badge{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.percentage-change{transition:color .3s ease-in-out}.dashboard-grid{gap:1.5rem;transition:gap .3s ease-in-out}@media (width<=768px){.dashboard-grid{gap:1rem}}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.2s ease-out fadeIn}