@media screen and (max-width:1024px){:root{--spacing-xl:20px;--spacing-lg:16px;--font-lg:15px;--font-xl:24px}.dashboard-content,.page-container,.reseller-container{padding:16px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)!important}}@media screen and (max-width:768px){:root{--font-xs:11px;--font-sm:12px;--font-md:14px;--font-lg:16px;--font-xl:22px}.page-header,.reseller-header{flex-direction:column;gap:16px;padding:16px!important}.header-left,.header-right{justify-content:space-between;width:100%}.header-title h1,.page-title{font-size:var(--font-xl)!important}.header-subtitle{font-size:var(--font-sm)!important}.user-info{align-items:center;display:flex;justify-content:space-between;order:-1;width:100%}.user-panel{flex:1;justify-content:flex-start;min-height:44px}.dashboard-return-btn{margin-left:auto;min-height:44px}@media screen and (max-width:480px){.username{display:none}}.stats-grid{gap:12px;grid-template-columns:1fr!important}.stat-card{padding:16px!important}.stat-value{font-size:28px!important}.stat-label{font-size:12px!important}.card,.gen-card{margin-bottom:16px;padding:16px!important}.card-header,.gen-header{font-size:13px!important;padding:12px 16px!important}.section-title{font-size:20px!important}.section-description{font-size:13px!important}.generation-grid{gap:16px;grid-template-columns:1fr!important}.form-row{flex-direction:column!important;gap:16px}.form-group{margin-bottom:16px;width:100%!important}.form-label{font-size:12px!important;font-weight:600;margin-bottom:8px}.cyber-dropdown,.form-input{font-size:14px!important;height:46px!important;padding:12px 14px!important}.btn,.btn-primary,.btn-secondary{font-size:12px!important;font-weight:600;height:auto!important;letter-spacing:1px!important;min-height:46px;padding:12px 18px!important}.btn svg{height:14px!important;width:14px!important}.btn-full{width:100%}.filters-actions,.gen-actions,.products-actions{flex-direction:column;gap:14px}.filters-actions button,.products-actions button{width:100%}.filters-bar{flex-direction:column!important;gap:14px}.filter-group{max-width:none!important;width:100%!important}.filter-group label{font-size:12px!important;font-weight:600}.filter-actions{flex-direction:row;gap:10px;width:100%}.filter-actions button{flex:1;min-height:46px}.time-filter{align-items:stretch!important;flex-direction:column;gap:8px;width:100%}.time-filter .cyber-dropdown,.time-filter label{width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}table{min-width:800px}table,table td,table th{font-size:13px!important}table td,table th{padding:12px 10px!important}.status-badge{align-items:center;display:inline-flex;font-size:11px!important;min-height:24px;padding:4px 10px!important}.action-button,.btn-icon-only{align-items:center;display:inline-flex;height:44px!important;justify-content:center;padding:8px!important;width:44px!important}.action-button svg{height:20px!important;width:20px!important}.products-grid{gap:12px;grid-template-columns:1fr!important}.product-card{padding:14px!important}.product-name{font-size:15px!important;font-weight:600}.product-status{font-size:11px!important;min-height:24px;padding:4px 10px!important}.pagination{flex-wrap:wrap;gap:10px;justify-content:center;padding:16px 8px}.pagination .btn{min-height:46px}.page-info{font-size:13px!important;font-weight:600;margin-bottom:10px;order:-1;text-align:center;width:100%}.cyber-dropdown-menu{max-height:60vh!important;overflow-y:auto;-webkit-overflow-scrolling:touch}.cyber-dropdown-option{align-items:center;display:flex;font-size:14px!important;min-height:46px;padding:14px 16px!important}.modal-content{margin:5vh auto;max-height:90vh;max-width:95vw!important;overflow-y:auto;padding:20px!important;width:95vw!important}.modal-header{font-size:16px!important;padding:16px!important}.modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:16px!important}.modal-footer{flex-direction:column-reverse;gap:10px;padding:12px 16px!important}.modal-footer button{min-height:46px;width:100%}.generated-keys-container{max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.generated-key-item{align-items:flex-start!important;flex-direction:column;gap:10px;min-height:52px;padding:14px!important}.key-code{font-size:13px!important;line-height:1.5;word-break:break-all}.chart-container{height:250px!important;margin:16px 0}.toast-container{bottom:8px!important;left:8px!important;right:8px!important;width:auto!important}.notification,.toast{font-size:14px!important;line-height:1.5;max-width:100%!important;min-height:52px;padding:14px 18px!important}.nav-link,.tab-btn,.tab-button{min-height:48px;padding:12px 16px!important}.home-button{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}}@media screen and (max-width:480px){:root{--font-xs:11px;--font-sm:12px;--font-md:14px;--font-lg:15px;--font-xl:20px}.dashboard-content,.page-container,.reseller-container{padding:12px}.card,.gen-card{padding:14px!important}.btn,.btn-primary,.btn-secondary{font-size:12px!important;min-height:44px;padding:10px 14px!important}.table-hide-mobile{display:none!important}.stat-card{padding:12px!important}.stat-value{font-size:24px!important}.stat-icon{height:32px!important;width:32px!important}.stat-icon svg{height:18px!important;width:18px!important}.product-card{padding:12px!important}.product-toggle{height:22px!important;width:40px!important}.product-toggle:after{height:16px!important;width:16px!important}.cyber-dropdown,.form-input{font-size:14px!important;height:44px!important;padding:10px 12px!important}.form-label{font-size:12px!important;font-weight:600}.user-avatar{font-size:12px!important;height:28px!important;width:28px!important}.page-header,.reseller-header{padding:12px!important}.header-title h1,.page-title{font-size:16px!important}.header-subtitle,.section-description{display:none}}@media screen and (max-width:768px) and (orientation:landscape){.generation-grid,.stats-grid{grid-template-columns:repeat(2,1fr)!important}.filters-bar{flex-direction:row!important;flex-wrap:wrap}.filter-group{width:calc(50% - 6px)!important}.filter-group.filter-group-wide{width:100%!important}.modal-content{max-height:85vh}.modal-body{max-height:calc(85vh - 140px)}}@media (hover:none) and (pointer:coarse){.action-button,.btn,.cyber-dropdown-option,.nav-link,.tab-btn,.tab-button,.user-panel{min-height:44px;min-width:44px}.action-button:active,.btn:active,.cyber-dropdown-option:active,.tab-button:active{transform:scale(.97);transition:transform .1s ease}.action-button:hover,.btn:hover,.tab-button:hover{transform:none}.cyber-dropdown-option{min-height:48px;padding:14px 16px!important}.product-toggle{min-height:32px;min-width:52px}input[type=checkbox],input[type=radio]{cursor:pointer;min-height:24px;min-width:24px}[role=button],a,button{align-items:center;display:inline-flex;min-height:32px}}@supports (padding:env(safe-area-inset-bottom)){.page-header,.reseller-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.toast-container{bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}.modal-content{margin-bottom:max(5vh,env(safe-area-inset-bottom))}}@media screen and (max-width:768px){:focus-visible{border-radius:4px;outline:3px solid var(--primary-red);outline-offset:2px}.skip-to-main{background:var(--primary-red);color:#fff;font-size:14px;font-weight:600;left:0;padding:12px 20px;position:absolute;text-decoration:none;top:-100px;z-index:10000}.skip-to-main:focus{top:0}.cyber-dropdown-option,.form-input,body,li,p,td{line-height:1.5}.form-group+.form-group,.section-description+.card,p+p{margin-top:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{.action-button,.btn,.filters-bar,.hex-grid-canvas,.pagination,.user-dropdown,canvas{display:none!important}.table-container{overflow:visible}table{font-size:10pt;min-width:100%}.card,.product-card,.stat-card{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important}.page-container,body{background:#fff!important;color:#000!important}}