body.nav-open{overflow:hidden}.sidebar{transition:transform .22s ease}.sidebar-backdrop{display:none}.table-wrap{-webkit-overflow-scrolling:touch}textarea{max-width:100%}
@media(max-width:800px){
.shell{display:block!important;min-height:100dvh}.sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(84vw,310px)!important;height:100dvh!important;padding:18px 14px calc(14px + env(safe-area-inset-bottom))!important;overflow-y:auto;transform:translateX(-105%);z-index:70}.sidebar.open{transform:translateX(0);box-shadow:18px 0 45px rgba(18,30,58,.24)}.sidebar nav{display:block!important;overflow:visible!important}.sidebar .user{display:flex!important;position:static;margin-top:16px}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:60;border:0;padding:0;background:rgba(12,21,39,.46);opacity:0;visibility:hidden;transition:.22s}.nav-open .sidebar-backdrop{opacity:1;visibility:visible}
#workspace>main{margin-left:0;width:100%}#workspace>main>header{height:58px;padding:env(safe-area-inset-top) 14px 0}.mobile-menu{display:inline-grid;place-items:center;width:40px;height:40px;margin-right:5px;border-radius:10px;background:#f2f5fb}#breadcrumb{font-size:14px;font-weight:700;color:#34415a}.header-actions{gap:6px}.mall-link,.icon-btn{height:38px;padding:0 10px;font-size:12px}.content{width:100%;padding:18px 14px calc(42px + env(safe-area-inset-bottom));overflow-x:hidden}
.page-head{display:block;margin-bottom:16px}.page-head h1{font-size:22px}.page-head p{margin-top:6px;line-height:1.55}.page-head>button,.page-head>.primary,.page-head>.secondary{width:100%;margin-top:10px}.panel{padding:16px;border-radius:12px}.panel-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.panel-head>div{min-width:0}.panel-head .modal-actions{width:100%;margin-top:0}.cards{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px;min-width:0}.metric strong{font-size:22px;overflow-wrap:anywhere}.grid-2,.form-grid{grid-template-columns:1fr!important}
.toolbar{flex-direction:column;align-items:stretch}.toolbar input,.toolbar select{width:100%;min-width:0}.catalog-filters,.mall-toolbar{grid-template-columns:1fr!important;padding:12px}.catalog-filters input,.mall-search{grid-column:auto}.mall-search{display:grid;grid-template-columns:minmax(0,1fr) auto}.mall-search button{padding:0 13px}.pagination{gap:10px;font-size:12px}.pagination>div{width:100%}.pagination button{min-height:40px}.product-grid{grid-template-columns:1fr;gap:12px}.product{padding:14px}.mall-banner{padding:20px;border-radius:14px}.mall-banner h1{font-size:24px}.mall-balance{width:100%;text-align:left}
.table-wrap{width:100%;overflow-x:auto;border-radius:8px}table{min-width:680px}th,td{white-space:nowrap}td:nth-child(3){white-space:normal;min-width:150px}.modal-backdrop{align-items:end;padding:0}.modal{width:100%!important;max-height:min(92dvh,760px)!important;overflow-y:auto;border-radius:18px 18px 0 0;padding:20px 16px calc(18px + env(safe-area-inset-bottom))}.modal-actions{position:sticky;bottom:-1px;margin:18px -2px -2px;padding-top:10px;background:#fff}.modal-actions button{min-height:44px;flex:1}.field input,.field select,.field textarea{min-height:44px;font-size:16px}.product-detail img,.detail-product-image{height:160px}.quote-box{align-items:stretch;flex-direction:column}.quote-box small{margin-left:0}.bank-card{grid-template-columns:1fr;gap:5px;padding:15px}.bank-card b{margin-bottom:9px;overflow-wrap:anywhere}.bank-account{font-size:17px;letter-spacing:.04em}.payment-channels{grid-template-columns:1fr 1fr}#toast{left:14px;right:14px;top:calc(68px + env(safe-area-inset-top));text-align:center}}
@media(max-width:420px){.cards{grid-template-columns:1fr}.quick,.payment-channels{grid-template-columns:1fr 1fr}.primary,.secondary{min-height:42px}}