body,html{overflow-x:clip}canvas,img,svg,video{max-width:100%;height:auto}@media (max-width:1200px){.container{max-width:1040px}.users-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:1024px){.container{padding:0 12px 18px}.topbar{padding:10px 12px;gap:10px}.users-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.kpi-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.tab-btn{padding:10px 12px}.card{padding:16px}table{min-width:760px}}@media (max-width:860px){.kpi-grid,.users-cards{grid-template-columns:1fr}}@media (max-width:768px){.container{margin:0 auto;padding:0 15px 20px;width:100%;box-sizing:border-box}.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}.tabs::-webkit-scrollbar{height:8px}.tab-btn{flex:0 0 auto;white-space:nowrap}#panel-topbar{padding:10px 12px;gap:10px}#panel-topbar .btn-secondary{padding:9px 12px}.card.modal{width:100%;border-radius:14px}}@media (max-width:640px){.form-row{flex-direction:column;align-items:stretch!important}.form-row>*{width:100%!important;min-width:0!important}.card-head-row{flex-direction:column;align-items:stretch}.card-head-row>*{width:100%}.card-head-row input{width:100%!important;min-width:0!important}.table-wrap{border-radius:12px}table{min-width:680px}thead th{font-size:.78rem}tbody td{font-size:.85rem}.login-screen{padding:14px}.login-box{padding:18px}}@media (max-width:600px){.topbar{padding:10px}.nav-brand{font-size:1rem}.badge-role{padding:5px 9px}.pricing-grid{grid-template-columns:1fr;gap:14px}.pricing-card{padding:18px}.btn-primary,.btn-secondary{padding:11px 14px;border-radius:12px}.toast{left:12px;right:12px;max-width:none}}@media (max-width:480px){.container{padding:0 10px 14px}.card{padding:14px;border-radius:14px}.card h3{font-size:1rem}input,select,textarea{padding:12px;border-radius:12px}.modal-header{gap:10px}.card.modal{max-height:calc(100vh - 16px)}}@media (max-width:360px){.nav-brand{font-size:.95rem}.tab-btn{padding:9px 11px;font-size:.9rem}.btn-primary,.btn-secondary{padding:10px 12px}table{min-width:620px}}@media (max-height:520px) and (max-width:900px){.login-screen{align-items:flex-start;padding-top:16px;padding-bottom:16px}.card.modal{max-height:calc(100vh - 10px)}}@media (max-width:768px){.topbar{justify-content:center;padding:10px;height:auto}.nav-right{justify-content:center;width:100%;gap:10px;flex-wrap:wrap}.badge-role,.credits-display{font-size:.75rem!important;padding:4px 8px!important}}