body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.container{padding:16px}@media (min-width: 640px){.container{padding:24px}}.grid-1,.grid-2,.grid-4{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 640px){.grid-2,.grid-4{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width: 1024px){.grid-4{grid-template-columns:repeat(4,1fr);gap:24px}}@media (min-width: 768px){.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}}@media (min-width: 1200px){.grid-4{grid-template-columns:repeat(4,1fr);gap:24px}}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:#f9fafb}@media (min-width: 768px){.app-shell{flex-direction:row}}.app-right{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.sidebar{position:fixed;top:0;left:0;height:100vh;width:0;background-color:#fff;box-shadow:0 1px 3px #0000001a;border-right:1px solid #e5e7eb;z-index:50;transition:width .3s ease-in-out;overflow:hidden;display:flex;flex-direction:column}.sidebar.open{width:280px}@media (min-width: 768px){.sidebar,.desktop-sidebar{position:relative!important;top:auto!important;height:100%!important;width:280px!important;flex-shrink:0;overflow-y:auto;overflow-x:hidden;z-index:auto!important;transition:none!important}}.main-content{flex:1;overflow-y:auto;padding:16px}@media (min-width: 768px){.main-content{padding:24px}}.nav-container{padding:20px 0;flex:1;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease;min-height:48px}.nav-item:hover{background-color:#f3f4f6}.nav-item.active{background-color:#eef2ff;color:#4338ca;border-right:3px solid #4338ca}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;min-width:600px}.table-large{min-width:800px}@media (max-width: 767px){.mobile-hidden{display:none!important}.mobile-full{width:100%}.mobile-stack{flex-direction:column}.mobile-padding{padding:12px}}@media (min-width: 768px){.mobile-hidden{display:flex!important}.mobile-stack{flex-direction:row!important}.mobile-menu-btn{display:none!important}.desktop-title{display:flex!important}}.mobile-menu-btn{display:flex}.desktop-title{display:none}@media (max-width: 767px){.mobile-menu-btn{display:flex!important}.desktop-title{display:none!important}}.mobile-only{display:flex}@media (min-width: 768px){.mobile-only{display:none!important}}.sidebar-close-btn{display:flex}@media (min-width: 768px){.sidebar-close-btn{display:none!important}}.sidebar-header{display:flex}@media (min-width: 768px){.sidebar-header{display:none!important}.nav-container{padding-top:12px}}.btn-responsive{width:100%}@media (min-width: 640px){.btn-responsive{width:auto}}.form-grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.text-responsive{font-size:14px}@media (min-width: 640px){.text-responsive{font-size:16px}}.title-responsive{font-size:24px}@media (min-width: 640px){.title-responsive{font-size:28px}}.card-responsive{padding:16px}@media (min-width: 640px){.card-responsive{padding:24px}}.chart-container{width:100%;height:300px}@media (min-width: 768px){.chart-container{height:400px}}@media (min-width: 1024px){.chart-container{height:500px}}.scroll-smooth{scroll-behavior:smooth}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.touch-target{min-height:44px;min-width:44px}.focus-visible:focus{outline:2px solid #4f46e5;outline-offset:2px}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}