@media(max-width:700px){
.staff-layout{background:#f6f7fb}.staff-layout .sidebar{display:none}.staff-layout .workspace{margin:0;min-width:0}.staff-layout .workspace>main{padding:23px 15px 120px;min-width:0}.staff-layout .topbar{height:72px;background:white;padding:16px 19px;display:flex;justify-content:space-between;border:0;border-radius:0 0 20px 20px}.staff-layout .topbar>span{display:none}.staff-layout .topbar>div{font-size:0;gap:8px}.staff-layout .topbar>div>.live-dot{display:none}.staff-layout .mobile-brand{display:flex}.staff-layout .topbar .top-avatar{width:34px;height:34px;font-size:10px;background:var(--brand-soft,#efeeff);color:var(--brand-primary,#171b49)}.staff-layout .mobile-logout button{width:34px;height:34px;background:#f5f6fb;border-radius:50%;font-size:19px}.staff-layout .page-heading{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:23px}.staff-layout h1{font-size:27px;overflow-wrap:anywhere}.staff-layout h2{font-size:21px}.staff-layout .page-heading p{font-size:11px}.staff-layout .eyebrow{font-size:8px}.staff-layout .heading-actions{display:flex;gap:8px;flex-wrap:wrap;width:100%}.staff-layout .heading-actions .btn{flex:1;min-height:42px;font-size:11px;padding:10px 13px;justify-content:center}.staff-layout .page-heading>.btn{min-height:43px;font-size:12px}.staff-layout .btn .ui-icon{width:17px;height:17px}.staff-layout .admin-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-layout .admin-stats>div{padding:18px;border-radius:18px}.staff-layout .admin-stats strong{font-size:29px}.staff-layout .admin-stats small{font-size:9px;line-height:1.5}.staff-layout .two-columns,.staff-layout .two-columns.wide-left{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.staff-layout .two-columns>section{min-width:0}.staff-layout .panel{border-radius:20px;max-width:100%}.staff-layout .form-panel,.staff-layout .detail-panel{padding:22px}.staff-layout .table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.staff-layout .table-wrap table{min-width:580px;width:100%}.staff-layout .table-wrap th,.staff-layout .table-wrap td{padding:15px 12px;font-size:11px}.staff-layout .table-wrap td small{font-size:9px}.staff-layout .table-wrap td strong{white-space:normal}.staff-layout .filters{display:flex;flex-wrap:wrap;gap:10px}.staff-layout .filters>input{flex:1 1 100%;width:100%}.staff-layout .filters>select{flex:1;min-width:100px}.staff-layout .filters .btn{min-height:44px}.staff-layout input:not([type=checkbox]):not([type=hidden]),.staff-layout select,.staff-layout textarea{max-width:100%;min-width:0;font-size:14px;min-height:44px}.staff-layout .bulk-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:15px}.staff-layout .bulk-controls{display:flex;flex-wrap:wrap;width:100%;gap:9px}.staff-layout .bulk-controls select{flex:1}.staff-layout .bulk-toolbar .btn{min-height:42px;font-size:11px}.staff-layout .reward-editor-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:17px}.staff-layout .editor-panel{padding:22px}.staff-layout .editor-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-layout .editor-footer{position:static;display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;padding:0;background:transparent;border:0}.staff-layout .editor-footer .btn{flex:1;min-height:46px;padding:12px;font-size:11px;justify-content:center}.staff-layout .row-action-set{gap:7px}.staff-layout .action-button{min-height:40px;padding:7px 9px;font-size:10px}.staff-layout .action-button .ui-icon{width:15px;height:15px}.staff-layout .reward-admin-table{min-width:690px!important}.staff-layout .management-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:8px;margin:0 -2px 22px;scrollbar-width:none}.staff-layout .management-tabs a{flex-shrink:0;min-height:42px;padding:10px 13px;font-size:11px}.staff-layout .customer-contact{display:flex;flex-wrap:wrap;gap:9px;font-size:11px;overflow-wrap:anywhere}.staff-layout .customer-contact a{max-width:100%;overflow-wrap:anywhere}.staff-layout .balance-pill{font-size:12px}.staff-layout .balance-pill strong{font-size:23px}.staff-layout .category-list>.filters{padding:16px}.staff-layout .category-manager .table-wrap table{min-width:520px}.staff-layout .category-manager .bulk-toolbar .btn{margin-left:auto}.staff-layout dialog{max-width:calc(100vw - 28px);max-height:calc(100dvh - 100px);overflow:auto;padding:24px}.staff-layout .mobile-bottom-nav{display:grid;position:fixed;z-index:45;bottom:0;left:0;right:0;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #eceef5;border-bottom:0;border-radius:23px 23px 0 0;background:#fffffff5;backdrop-filter:blur(18px);padding:10px 7px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px #151b4508}.staff-layout .mobile-bottom-nav a{min-height:48px;font-size:8px;gap:5px}.staff-layout .mobile-bottom-nav a.active{background:var(--brand-soft,#f0efff);color:var(--brand-primary,#171b49)}.staff-layout .mobile-bottom-nav .ui-icon{width:21px;height:21px}.staff-layout footer{font-size:9px;flex-wrap:wrap}
}
.auth-brand-photo .auth-photo{object-position:69% center}
@media(max-width:700px){.staff-layout input:not([type=checkbox]):not([type=hidden]),.staff-layout textarea,.staff-layout select{font-size:16px}.staff-layout .management-tabs a{min-height:44px}}