@media (max-width: 640px){.mobile-compact{padding:.75rem;font-size:.875rem}.mobile-text-sm{font-size:.75rem;line-height:1rem}.mobile-hidden{display:none}}@media (min-width: 641px) and (max-width: 1024px){.tablet-grid-2{grid-template-columns:repeat(2,1fr)}.tablet-padding{padding:1rem 1.5rem}}@media (min-width: 1025px){.desktop-grid-4{grid-template-columns:repeat(4,1fr)}.desktop-spacing{gap:1.5rem}}.sidebar-mobile{transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar-mobile.open{transform:translate(0)}@media (max-width: 768px){.sidebar-mobile{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:50;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar-mobile.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:40}}@media (min-width: 769px){.sidebar-compact{width:200px}.sidebar-compact .sidebar-text{display:none}.sidebar-compact .sidebar-icon{margin-right:0;justify-content:center}}.header-mobile{padding:.75rem 1rem}.header-desktop{padding:1rem 2rem}.card-responsive{min-height:120px}@media (max-width: 640px){.card-responsive{min-height:100px;padding:1rem}}.btn-mobile{padding:.5rem .75rem;font-size:.75rem}.btn-desktop{padding:.75rem 1.5rem;font-size:.875rem}.grid-responsive{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){.grid-responsive{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 1024px){.grid-responsive{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.dashboard-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.dashboard-grid{gap:1rem}}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.dashboard-card{min-height:100px;padding:.75rem}@media (min-width: 640px){.dashboard-card{min-height:120px;padding:1rem}}@media (min-width: 1024px){.dashboard-card{min-height:140px;padding:1.5rem}}.text-responsive{font-size:1rem;line-height:1.5}@media (max-width: 640px){.text-responsive{font-size:.875rem;line-height:1.4}}@media (min-width: 1024px){.text-responsive{font-size:1.125rem;line-height:1.6}}.icon-mobile{width:1rem;height:1rem}.icon-tablet{width:1.25rem;height:1.25rem}.icon-desktop{width:1.5rem;height:1.5rem}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-bounce-in{animation:bounceIn .6s ease-out}.focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width: 640px){.touch-target{min-height:44px;min-width:44px}}.shadow-soft{box-shadow:0 2px 15px -3px #00000012,0 10px 20px -2px #0000000a}.shadow-medium{box-shadow:0 4px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-strong{box-shadow:0 10px 40px -10px #00000026,0 2px 10px -2px #0000001a}.space-responsive>*+*{margin-top:.75rem}@media (min-width: 640px){.space-responsive>*+*{margin-top:1rem}}@media (min-width: 1024px){.space-responsive>*+*{margin-top:1.25rem}}.container-responsive{max-width:100%;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container-responsive{max-width:640px;padding:0 1.5rem}}@media (min-width: 768px){.container-responsive{max-width:768px}}@media (min-width: 1024px){.container-responsive{max-width:1024px}}@media (min-width: 1280px){.container-responsive{max-width:1280px}}@media print{.no-print{display:none!important}.print-break{page-break-before:always}}@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hot-reload-active{transition:all .3s ease}@layer components{.dashboard-card{@apply bg-white rounded-lg border-2 border-slate-200 shadow-soft hover:shadow-medium transition-all duration-300;}.dashboard-card-mobile{@apply p-4 text-sm;}.dashboard-card-desktop{@apply p-6 text-base;}.sidebar-link{@apply flex items-center px-3 py-2.5 rounded text-slate-300 hover:bg-slate-700 hover:text-white transition-all font-medium text-sm;}.sidebar-link-mobile{@apply px-2 py-2 text-xs;}.sidebar-link-desktop{@apply px-4 py-3.5 text-sm;}.header-compact{@apply px-4 py-3;}.header-spacious{@apply px-8 py-5;}.btn-primary{@apply bg-slate-800 hover:bg-slate-900 text-white font-medium transition-all shadow-sm hover:shadow focus:outline-none focus:ring-2 focus:ring-slate-500;}.btn-mobile{@apply px-3 py-2 text-xs;}.btn-desktop{@apply px-5 py-2.5 text-sm;}}@layer utilities{.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.mobile-grid-1{@apply grid-cols-1;}.tablet-grid-2{@apply sm:grid-cols-2;}.desktop-grid-4{@apply lg:grid-cols-4;}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.dashboard-card{@apply border-4 border-black;}.sidebar-link{@apply border border-white;}}@media (prefers-color-scheme: dark){.auto-dark{@apply bg-slate-900 text-white;}}