:root{--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.container-responsive{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container-responsive{max-width:640px}}@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 (min-width:1536px){.container-responsive{max-width:1536px}}.grid-responsive{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.grid-responsive-sm-2{grid-template-columns:repeat(2,1fr)}.grid-responsive-sm-3{grid-template-columns:repeat(3,1fr)}.grid-responsive-sm-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.grid-responsive-md-2{grid-template-columns:repeat(2,1fr)}.grid-responsive-md-3{grid-template-columns:repeat(3,1fr)}.grid-responsive-md-4{grid-template-columns:repeat(4,1fr)}.grid-responsive-md-6{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.grid-responsive-lg-2{grid-template-columns:repeat(2,1fr)}.grid-responsive-lg-3{grid-template-columns:repeat(3,1fr)}.grid-responsive-lg-4{grid-template-columns:repeat(4,1fr)}.grid-responsive-lg-6{grid-template-columns:repeat(6,1fr)}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:768px){.table-responsive table{min-width:600px}.table-responsive td,.table-responsive th{padding:.5rem .75rem;font-size:.875rem}.table-responsive th{white-space:nowrap}}@media (max-width:480px){.table-responsive table{min-width:500px}.table-responsive td,.table-responsive th{padding:.375rem .5rem;font-size:.8125rem}}.card-responsive{padding:1.5rem;border-radius:.5rem;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}@media (max-width:768px){.card-responsive{padding:1rem;border-radius:.375rem}}@media (max-width:480px){.card-responsive{padding:.75rem;border-radius:.25rem}}.form-responsive{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.form-responsive-md-2{grid-template-columns:repeat(2,1fr)}.form-responsive-md-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.form-responsive-lg-2{grid-template-columns:repeat(2,1fr)}.form-responsive-lg-3{grid-template-columns:repeat(3,1fr)}.form-responsive-lg-4{grid-template-columns:repeat(4,1fr)}}.button-group-responsive{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width:768px){.button-group-responsive{flex-direction:column}.button-group-responsive button{width:100%}}.nav-responsive{display:flex;align-items:center;justify-content:space-between;padding:1rem}@media (max-width:768px){.nav-responsive{flex-direction:column;gap:1rem}.nav-responsive .nav-links{width:100%;justify-content:center}}.stats-grid-responsive{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.stats-grid-responsive{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width:480px){.stats-grid-responsive{grid-template-columns:1fr;gap:.5rem}}.search-bar-responsive{display:flex;gap:.5rem;align-items:center}@media (max-width:768px){.search-bar-responsive{flex-direction:column;align-items:stretch}.search-bar-responsive .search-input{width:100%}.search-bar-responsive .search-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width:480px){.search-bar-responsive .search-filters{grid-template-columns:1fr}}.modal-responsive{max-width:90vw;max-height:90vh;overflow-y:auto}@media (max-width:768px){.modal-responsive{max-width:95vw;max-height:95vh;margin:1rem}.modal-responsive .modal-body,.modal-responsive .modal-header{padding:1rem}.modal-responsive .modal-footer{padding:1rem;flex-direction:column;gap:.5rem}.modal-responsive .modal-footer button{width:100%}}.sidebar-responsive{width:250px;transition:transform .3s ease}@media (max-width:1024px){.sidebar-responsive{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translateX(-100%)}.sidebar-responsive.open{transform:translateX(0)}}.content-responsive{flex:1;padding:1.5rem;margin-left:250px;transition:margin-left .3s ease}@media (max-width:1024px){.content-responsive{margin-left:0;padding:1rem}}@media (max-width:480px){.content-responsive{padding:.75rem}}.chart-responsive{width:100%;height:400px}@media (max-width:768px){.chart-responsive{height:300px}}@media (max-width:480px){.chart-responsive{height:250px}}.pagination-responsive{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (max-width:768px){.pagination-responsive{flex-direction:column;gap:.75rem}.pagination-responsive .pagination-info{order:2}.pagination-responsive .pagination-controls{order:1}}.toolbar-responsive{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}@media (max-width:768px){.toolbar-responsive{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.toolbar-responsive .toolbar-title{text-align:center}.toolbar-responsive .toolbar-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width:480px){.toolbar-responsive .toolbar-actions{grid-template-columns:1fr}}.hidden-xs{display:none}@media (min-width:480px){.hidden-xs{display:block}}.hidden-sm{display:none}@media (min-width:640px){.hidden-sm{display:block}}.hidden-md{display:none}@media (min-width:768px){.hidden-md{display:block}}.hidden-lg{display:none}@media (min-width:1024px){.hidden-lg{display:block}}.mobile-only{display:block}@media (min-width:768px){.mobile-only{display:none}}.desktop-only{display:none}@media (min-width:768px){.desktop-only{display:block}}.text-responsive-sm{font-size:.875rem}@media (max-width:768px){.text-responsive-sm{font-size:.8125rem}}.text-responsive-base{font-size:1rem}@media (max-width:768px){.text-responsive-base{font-size:.875rem}}.text-responsive-lg{font-size:1.125rem}@media (max-width:768px){.text-responsive-lg{font-size:1rem}}.text-responsive-xl{font-size:1.25rem}@media (max-width:768px){.text-responsive-xl{font-size:1.125rem}}.spacing-responsive{padding:1.5rem;margin:1rem}@media (max-width:768px){.spacing-responsive{padding:1rem;margin:.75rem}}@media (max-width:480px){.spacing-responsive{padding:.75rem;margin:.5rem}}.touch-friendly{min-height:44px;min-width:44px;padding:.75rem 1rem}@media (max-width:768px){.touch-friendly{min-height:48px;min-width:48px;padding:.875rem 1.125rem}}.scroll-smooth{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.will-change-transform{will-change:transform}.will-change-scroll{will-change:scroll-position}.focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.button-group-responsive button,.card-responsive{border:2px solid #000}}@media (prefers-color-scheme:dark){.card-responsive,.table-responsive{background:#1f2937;color:#f9fafb}}