.responsive-container{width:100%;max-width:100%;margin:0 auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.responsive-container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.responsive-container{max-width:768px;padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.responsive-container{max-width:1024px}}@media (min-width:1280px){.responsive-container{max-width:1280px}}@media (min-width:1536px){.responsive-container{max-width:1536px}}@media (max-width:768px){aside[data-sidebar]{transition:transform .3s;transform:translate(100%)}aside[data-sidebar].open{transform:translate(0)}main[data-main-content]{padding-left:0;padding-right:0}.card,.dashboard-card{border-radius:0;margin-left:-.5rem;margin-right:-.5rem}}@media (min-width:769px) and (max-width:1024px){aside[data-sidebar]{width:200px}main[data-main-content]{padding-left:220px}}@media (max-width:768px){table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.responsive-table{display:block}.responsive-table thead{display:none}.responsive-table tbody{display:block}.responsive-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem;display:block}.responsive-table td{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:.5rem 0;display:flex}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);color:#374151;font-weight:600}}.dashboard-card{transition:all .3s}@media (max-width:640px){.dashboard-card{padding:1rem}.dashboard-card h3{font-size:.875rem}.dashboard-card .stat-value{font-size:1.5rem}}.responsive-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.mobile-menu-button{z-index:50;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:9999px;padding:.75rem;display:none;position:fixed;bottom:1rem;left:1rem;box-shadow:0 10px 25px #0000004d}@media (max-width:768px){.mobile-menu-button{justify-content:center;align-items:center;display:flex}}@media (max-width:640px){.form-row{display:block!important}.form-row>*{margin-bottom:1rem;width:100%!important}}.stats-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (max-width:640px){.action-buttons{flex-direction:column;gap:.5rem;width:100%;display:flex}.action-buttons button,.action-buttons a{justify-content:center;width:100%}}@media (max-width:768px) and (hover:none){button,a{min-width:44px;min-height:44px}input,select,textarea{min-height:44px;font-size:16px}}@media (max-width:640px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.page-title{font-size:1.5rem!important}}@media (max-width:768px){.sticky-header{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;padding:.75rem 1rem;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}}@media (max-width:640px){.breadcrumb{font-size:.75rem}.breadcrumb>:not(:last-child):not(:first-child){display:none}.breadcrumb>:not(:last-child):after{content:"..."}.modal-content{max-height:90vh;overflow-y:auto;width:95vw!important}.modal-header{z-index:10;background:#fff;position:sticky;top:0}}.responsive-image{object-fit:cover;width:100%;height:auto}@media (max-width:640px){.responsive-image{max-height:200px}}@media print{.no-print,aside,header,.mobile-menu-button{display:none!important}main{padding:0!important}}@supports (padding:max(0px)){.safe-area-inset{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.text-truncate-responsive{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:640px){.text-truncate-responsive{max-width:150px}}@media (min-width:641px) and (max-width:1024px){.text-truncate-responsive{max-width:200px}}.flex-responsive{flex-direction:column;gap:1rem;display:flex}@media (min-width:768px){.flex-responsive{flex-direction:row;align-items:center}}.show-mobile{display:block}.hide-mobile{display:none}@media (min-width:768px){.show-mobile{display:none}.hide-mobile{display:block}}.p-responsive{padding:1rem}@media (min-width:640px){.p-responsive{padding:1.5rem}}@media (min-width:1024px){.p-responsive{padding:2rem}}.gap-responsive{gap:.75rem}@media (min-width:640px){.gap-responsive{gap:1rem}}@media (min-width:1024px){.gap-responsive{gap:1.5rem}}@media (max-width:768px){body{overflow-x:hidden}.overflow-fix{max-width:100vw;overflow-x:hidden}}.video-responsive{width:100%;padding-bottom:56.25%;position:relative}.video-responsive iframe,.video-responsive video{width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.touch-target{min-width:48px;min-height:48px;padding:12px}}.text-responsive-sm{font-size:.75rem}.text-responsive-base{font-size:.875rem}.text-responsive-lg{font-size:1rem}@media (min-width:768px){.text-responsive-sm{font-size:.875rem}.text-responsive-base{font-size:1rem}.text-responsive-lg{font-size:1.125rem}}@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],select,textarea{font-size:16px!important}}.grid-auto-responsive{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}@media (max-width:640px){.grid-auto-responsive{grid-template-columns:1fr}}.scroll-smooth-mobile{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.header-space{padding-top:64px}@media (min-width:768px){.header-space{padding-top:80px}}.btn-group-responsive{flex-direction:column;gap:.5rem;width:100%;display:flex}@media (min-width:640px){.btn-group-responsive{flex-direction:row;width:auto}}.btn-group-responsive>button,.btn-group-responsive>a{width:100%}@media (min-width:640px){.btn-group-responsive>button,.btn-group-responsive>a{width:auto}}