html,body{overflow-x:hidden}*{max-width:100vw}@media (width<=640px){.p-10{padding:1rem}.p-8{padding:.75rem}.px-10{padding-left:1rem;padding-right:1rem}.py-10{padding-top:1rem;padding-bottom:1rem}.gk-card,.gk-form-card,.gk-auth-card{padding:1.25rem 1rem!important}.mx-auto{margin-left:auto;margin-right:auto}.gap-10{gap:.75rem}.gap-8{gap:.5rem}}@media (width<=768px){table{width:100%;display:block;overflow-x:auto}table thead{display:none}table tbody,table tr,table td{width:100%;display:block}table tr{border:1px solid var(--gk-card-bdr,#e5e7eb);border-radius:8px;margin-bottom:1rem;padding:1rem}table td:before{content:attr(data-label);width:30%;color:var(--gk-muted,#64748b);margin-right:1rem;font-size:.875rem;font-weight:600;display:inline-block}}.overflow-auto,.overflow-x-auto,.overflow-y-auto{-webkit-overflow-scrolling:touch;overflow-y:auto}html{scroll-behavior:smooth}@media (width<=1024px){.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.gap-8{gap:1rem}.flex-row:not(.flex-col){flex-direction:column}.space-x-4{margin-right:0}.space-y-2{margin-bottom:.5rem}.max-w-2xl,.max-w-3xl,.max-w-4xl{max-width:calc(100vw - 2rem);margin-left:1rem;margin-right:1rem}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%!important}.form-group{width:100%;margin-bottom:1rem}button,.btn,.gk-submit{width:100%;padding:.75rem 1rem;font-size:1rem}.btn-group{flex-direction:column;gap:.5rem}.modal,.dialog,.gk-modal{width:95vw!important;max-height:90vh!important;margin:0 auto!important;padding:1.25rem!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}@media (width<=768px){.navbar,.topbar,.gk-navbar{padding:1rem .75rem}.navbar-nav,.topbar-links{flex-wrap:wrap;gap:.5rem}.cards-grid{grid-template-columns:1fr}.card-horizontal{flex-direction:column}}@media (width<=640px){h1{font-size:clamp(1.5rem,5vw,2.25rem)}h2{font-size:clamp(1.25rem,4vw,1.875rem)}h3{font-size:clamp(1.125rem,3vw,1.5rem)}h4{font-size:clamp(1rem,2.5vw,1.25rem)}p{font-size:clamp(.875rem,1.5vw,1rem)}button,a[role=button],input[type=checkbox],input[type=radio],.clickable{min-width:44px;min-height:44px}}@media (height<=500px) and (width<=900px){.gk-card,.modal{max-height:80vh;overflow-y:auto}}@media (orientation:landscape) and (width<=1024px){.full-height-form,.full-height-modal{max-height:calc(100vh - 2rem);overflow-y:auto}}