@media (max-width:1024px){:root{--sidebar-width:0px}html,body{overflow-x:hidden;max-width:100vw}img,video,iframe{max-width:100%;height:auto}table{max-width:100%}.admin-container{padding:24px 16px}.admin-header-row{grid-template-columns:1fr;gap:14px}.admin-header-left{justify-content:flex-start}.admin-title{font-size:16px}.admin-logo-img{width:34px;height:34px}.admin-nav{grid-template-rows:none;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));width:100%;gap:8px}.admin-nav .admin-nav-btn{padding:9px 14px;font-size:13px;white-space:nowrap}}@media (max-width:768px){body{font-size:14px}input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="date"],input[type="month"],select,textarea{font-size:16px}button,.btn,a.btn,a.btn-login,.vega-btn-login{min-height:40px}#vega-header-host .vega-header{padding:0 12px}#vega-header-host .vega-logo-img{width:34px;height:34px}#vega-header-host .vega-brand{font-size:17px;gap:8px}#vega-header-host .vega-brand-name{font-size:16px}#vega-header-host .vega-avatar-circle{width:36px;height:36px}#vega-header-host .vega-avatar-initial{font-size:15px}#vega-header-host .vega-dropdown{right:-4px;min-width:220px}#vega-header-host .vega-btn-login{padding:7px 14px;font-size:13px}.vega-header-spacer{height:var(--header-height)}.mobile-sidebar{width:84vw;max-width:320px;left:-100vw;padding:18px 16px}.header-chat-avatars{display:none !important}.dashboard-container{padding:0 10px;height:auto;min-height:calc(100vh - var(--header-height));overflow:visible}.main-feed{max-width:100%;padding:14px 4px;overflow-y:visible;height:auto}.sidebar-left,.sidebar-right{display:none}.progress-section{padding:18px 14px;border-radius:16px}.progress-section h1{font-size:22px !important}.progress-section h2{font-size:17px !important}.progress-section p,.progress-section li{font-size:14px}.news-post{margin-bottom:16px}.post-image{height:200px}.profile-page{padding:18px 12px 50px}.profile-hero{flex-direction:column;text-align:center;gap:16px;padding:22px 18px}.profile-avatar{width:88px;height:88px;font-size:2.1rem}.profile-hero-info h1{font-size:20px}.badge-row{justify-content:center}.info-card{padding:18px 16px;border-radius:18px}.info-card-header{flex-wrap:wrap;gap:10px}.info-card-title{font-size:12px}.att-summary{grid-template-columns:repeat(2,1fr) !important;gap:10px}.att-stat{padding:14px 8px}.att-stat-value{font-size:22px}.att-stat-label{font-size:10px}.att-list th,.att-list td{padding:9px 10px;font-size:12.5px}.att-list-wrap{max-height:360px}.pw-actions{flex-direction:column}.pw-actions .pw-submit,.pw-actions .pw-cancel{width:100%}.pw-card .pw-toggle-btn{padding:9px 16px;font-size:13px}.verify-box{padding:22px 20px}.verify-actions{flex-direction:column-reverse}.verify-actions .btn-ok,.verify-actions .btn-cancel{width:100%}.login-container{padding:14px}.login-card{padding:26px 20px;border-radius:22px}.login-title{font-size:22px}.login-form input[type="text"],.login-form input[type="password"]{padding:13px 14px;border-radius:12px}.login-form .btn-login,.btn-google{padding:13px;font-size:15px;border-radius:12px}.content-container{margin:14px 10px !important;padding:18px 16px !important}.modal-content{width:96vw !important;max-width:96vw !important;border-radius:18px !important;max-height:92vh;overflow-y:auto}.modal-header-profile{padding:20px !important;flex-direction:column !important;text-align:center !important;gap:14px !important}.profile-avatar-large{width:70px !important;height:70px !important;font-size:28px !important;border-radius:18px !important}.profile-header-info h2{font-size:20px !important}.modal-body{padding:18px !important}.info-grid{grid-template-columns:1fr 1fr;gap:14px !important}.info-grid.single-row-grid{grid-template-columns:1fr 1fr}.info-section{margin-bottom:24px !important}.modal-footer{padding:18px 18px 22px !important;flex-direction:column;gap:10px}.modal-footer button,.modal-footer .btn{width:100%}.back-btn{top:12px;left:12px;padding:8px 14px;font-size:13px}.profile-container{margin-top:80px !important;padding:0 14px}.stats-grid{grid-template-columns:1fr !important;gap:14px}.stat-card{padding:16px;border-radius:14px}.stat-value{font-size:26px}.section-title{font-size:16px}.stat-chart-section{padding:16px;border-radius:14px}.breakdown-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.breakdown-table th,.breakdown-table td{padding:9px 12px;font-size:12.5px}.admin-hr-main .stats-grid{grid-template-columns:1fr !important}.table-section{border-radius:14px;margin-top:12px}.table-toolbar{flex-direction:column;gap:10px;padding:14px;align-items:stretch}.search-container{width:100% !important}.modern-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.modern-table th,.modern-table td{padding:10px 12px;font-size:12.5px;white-space:nowrap}.create-account-container{padding:24px 16px}.form-g input,.form-group input{padding:11px 12px;font-size:16px}.admin-login-card{padding:26px 20px;max-width:100%}.admin-login-title{font-size:19px}.btn-admin-login{padding:13px;font-size:15px}.hcns-layout{flex-direction:column;height:auto}.hcns-side{width:100%;max-height:45vh}.hcns-main-tab{padding:9px 12px;font-size:12.5px}.ls-wrap{padding:14px 10px}.ls-table-edit{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.stb-wrap{grid-template-columns:1fr !important;gap:14px}.stb-sidebar{max-height:40vh;overflow-y:auto}.ta-container{padding:16px 10px}.ta-toolbar{padding:12px;flex-wrap:wrap;gap:10px}.ta-card{padding:14px}.ta-chart-wrap{height:240px}.ta-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.calendar-layout{padding:0 6px;gap:4px !important}.calendar-main{padding:0}.calendar-grid{gap:3px;font-size:12px}.cal-cell{font-size:11px;padding:3px 4px}.cal-day-num{font-size:12px}.cal-header h1{font-size:20px !important}.cal-controls,.cal-toolbar{flex-wrap:wrap;gap:8px}.cal-month-label{font-size:16px !important}.vega-page-footer{margin-top:30px;padding:20px 14px}.vega-footer-grid{grid-template-columns:1fr !important;gap:16px}.vega-footer-block h4{font-size:13px}.vega-footer-block p{font-size:12px}.star-motion,.star-motion canvas{opacity:0.55}}@media (max-width:600px){.admin-title{font-size:16px}.admin-logo-img{width:30px;height:30px}.admin-nav .admin-nav-btn{padding:8px 13px;font-size:12.5px;min-width:max-content}.org-stat{top:calc(var(--header-height)+8px);right:10px;padding:7px 12px;font-size:10.5px}.org-stat strong{font-size:16px}.org-hint{font-size:11px;padding:7px 14px;bottom:70px}.org-zoom-bar{bottom:14px;right:12px;padding:6px 10px;gap:6px}#orgZoomRange{width:80px}}@media (max-width:480px){body{font-size:13.5px}#vega-header-host .vega-header{padding:0 10px}#vega-header-host .vega-brand-name{display:none}#vega-header-host .vega-logo-img{width:30px;height:30px}.mobile-menu-btn{font-size:22px;padding:6px}#vega-header-host .vega-avatar-circle{width:34px;height:34px}.vega-checkin-btn{padding:6px 10px !important;font-size:12px !important}.progress-section{padding:14px 12px}.progress-section h1{font-size:20px !important}.login-card{padding:22px 16px}.login-logo .logo-box{width:56px;height:56px;font-size:24px}.login-title{font-size:20px}.info-grid{grid-template-columns:1fr !important}.info-grid.single-row-grid{grid-template-columns:1fr !important}.profile-avatar-large{width:60px !important;height:60px !important;font-size:24px !important}.modal-header-profile{padding:16px !important}.modal-body{padding:14px !important}.modal-footer{padding:14px !important}.att-summary{grid-template-columns:1fr 1fr !important}.att-stat-value{font-size:20px}.att-list th,.att-list td{padding:8px 8px;font-size:12px}.att-list th:first-child,.att-list td:first-child{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-card{padding:16px 14px}.profile-hero{padding:18px 14px}.profile-hero-info h1{font-size:18px}.btn,.btn-login,.btn-google,.btn-admin-login,.btn-submit,.pw-toggle-btn{font-size:14px}.calendar-grid{font-size:11px;gap:2px}.cal-cell{font-size:10px;padding:2px 3px}.cal-day-num{font-size:11px}.org-card{width:115px !important}.org-card.org-card-vip{width:180px !important}}@media (max-width:768px) and (orientation:landscape){.modal-content{max-height:88vh}.profile-hero{flex-direction:row;text-align:left}}