@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary:#0f111a;--bg-secondary:#1a1d2d;--bg-tertiary:#252a41;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#3b82f6;--accent-secondary:#10b981;--border-color:hsla(0,0%,100%,.08);--radius-lg:0.75rem;--shadow-md:0 4px 6px -1px rgba(0,0,0,.3)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.kpi-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:.5rem 0}.kpi-label{color:var(--text-secondary);font-size:.875rem}.layout-container{margin:0;padding:0;min-height:100vh}.layout-main{flex:1 1;min-height:100vh;overflow-y:auto;transition:margin-left .3s ease;margin-left:250px}.layout-main.auth{margin-left:0}.sidebar{width:250px;height:100vh;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:2rem 1rem;display:flex;flex-direction:column;transition:transform .3s ease;z-index:50}.sidebar,.sidebar-overlay{position:fixed;top:0;left:0}.sidebar-overlay{display:none;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:40}.mobile-topbar{display:none;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:30;width:100%}.responsive-grid-half{display:grid;grid-template-columns:1fr 1fr}.responsive-grid-2-1{display:grid;grid-template-columns:2fr 1fr}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem}@media (max-width:768px){.layout-main{margin-left:0}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}.mobile-topbar{display:flex}.card{padding:1rem}.layout-main>div{padding:1rem!important}.responsive-grid-2-1,.responsive-grid-half{grid-template-columns:1fr}.kpi-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;gap:1rem;-ms-overflow-style:none;scrollbar-width:none}.kpi-grid::-webkit-scrollbar{display:none}.kpi-grid>div{flex:0 0 240px;scroll-snap-align:start}.mobile-cards-table table,.mobile-cards-table tbody,.mobile-cards-table td,.mobile-cards-table th,.mobile-cards-table thead,.mobile-cards-table tr{display:block}.mobile-cards-table thead tr{position:absolute;top:-9999px;left:-9999px}.mobile-cards-table tr{border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1rem;background-color:var(--bg-tertiary)}.mobile-cards-table td{border:none!important;border-bottom:1px solid var(--border-color)!important;position:relative;padding:.75rem 0!important;display:flex!important;justify-content:space-between;align-items:center}.mobile-cards-table td:last-child{border-bottom:0!important}.mobile-cards-table td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);padding-right:1rem}}.sticky-column{position:-webkit-sticky;position:sticky;left:0;background-color:var(--bg-primary);z-index:10}th.sticky-column{z-index:11;background-color:var(--bg-secondary)!important}.card .sticky-column{background-color:var(--bg-secondary)}