.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}@media (max-width: 768px){table.mobile-card{display:none}.mobile-card-view{display:block!important}.mobile-card-item{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a}.mobile-card-item .card-header{font-weight:600;font-size:1.1rem;margin-bottom:10px;color:var(--color-brand-primary-800)}.mobile-card-item .card-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.mobile-card-item .card-row:last-child{border-bottom:none}.mobile-card-item .card-label{font-weight:500;color:#666;font-size:.9rem}.mobile-card-item .card-value{font-weight:600;color:#333;text-align:right}}@media (max-width: 768px){table:not(.mobile-card){font-size:.85rem}table:not(.mobile-card) th,table:not(.mobile-card) td{padding:8px 6px;white-space:nowrap}}@media (max-width: 768px){.modal-dialog{margin:0;max-width:100%;height:100vh}.modal-content{border-radius:0;height:100%;overflow-y:auto}.modal-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb}.modal-body{padding:20px 15px}.modal-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:15px}.modal-footer button{width:100%;margin:5px 0}}@media (max-width: 768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],select,textarea{width:100%;font-size:16px}label{display:block;margin-bottom:8px;font-weight:500}button,.btn{width:100%;padding:12px;font-size:1rem;margin-bottom:10px}.btn-group{display:flex;flex-direction:column;gap:10px}.btn-group button,.btn-group .btn{width:100%}}@media (max-width: 768px){.grid,.grid-cols-2,.grid-cols-3,.grid-cols-4{display:grid;grid-template-columns:1fr;gap:15px}.flex-row{flex-direction:column}.flex-row>*{width:100%}}@media (max-width: 768px){.navbar{padding:10px 15px}.navbar-brand{font-size:1.2rem}.navbar-toggler{border:none;padding:8px;background:transparent}.navbar-toggler:focus{outline:none;box-shadow:none}.navbar-collapse{position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;z-index:1000;padding:20px;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease}.navbar-collapse.show{transform:translate(0)}.navbar-nav{flex-direction:column}.nav-link{padding:15px 0;border-bottom:1px solid #f0f0f0;font-size:1.1rem}}@media (max-width: 768px){.card{margin-bottom:15px}.card-body{padding:15px}.card-title{font-size:1.1rem}.card-text{font-size:.9rem}}img{max-width:100%;height:auto}img.lazy-loading{filter:blur(5px);opacity:.6;transition:filter .3s ease,opacity .3s ease}img.lazy-loaded{filter:blur(0);opacity:1;animation:fadeIn .5s ease}img.lazy-error{opacity:.5;filter:grayscale(100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.profile-image{width:80px;height:80px}.company-logo{max-width:60px;max-height:60px}}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{font-size:.95rem;line-height:1.6}}@media (max-width: 768px){.container,.container-fluid{padding-left:15px;padding-right:15px}section{padding:30px 0}.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.my-5{margin-top:2rem!important;margin-bottom:2rem!important}}@media (max-width: 768px){button,a,input[type=checkbox],input[type=radio],.btn,.nav-link{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}@media (max-width: 768px){.table-responsive::-webkit-scrollbar{height:4px}.table-responsive::-webkit-scrollbar-thumb{background:var(--color-brand-secondary-500);border-radius:4px}}@media (max-width: 768px) and (orientation: landscape){.modal-dialog{height:auto;max-height:100vh}.navbar-collapse{max-height:calc(100vh - 60px)}}@media (min-width: 768px) and (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media print{.navbar,.sidebar,.btn,button,.no-print{display:none!important}body{font-size:12pt;color:#000;background:#fff}a{text-decoration:underline;color:#000}.page-break{page-break-after:always}}@media (max-width: 768px){*{animation-duration:.3s!important;transition-duration:.3s!important}}*:focus{outline:2px solid var(--color-brand-secondary-500);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none}}.text-truncate-mobile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.text-truncate-mobile{max-width:200px}}
