html{-webkit-tap-highlight-color:transparent;overflow-x:hidden}body{overscroll-behavior-y:none;overflow-x:hidden}button{touch-action:manipulation}button,input,select,textarea,.btn{min-height:44px}.grid-2>*{min-width:0}.table-wrap{max-width:100%}.mobile-nav{display:none}.drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:19}.loading{position:fixed;inset:0;z-index:200;background:rgba(255,255,255,.72);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.spinner{width:34px;height:34px;border:4px solid #ccfbf1;border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.app{grid-template-columns:1fr}.app aside{position:fixed;z-index:20;width:min(86vw,320px);height:100dvh;transform:translateX(-105%);transition:.2s;padding-top:max(18px,env(safe-area-inset-top));box-shadow:12px 0 35px rgba(15,23,42,.18)}.app aside.open{transform:none}.app main{padding-top:calc(60px + env(safe-area-inset-top))}.icon-btn{display:block;min-width:44px;min-height:44px}.grid-kpi{grid-template-columns:repeat(2,1fr)}.grid-2,.cart-layout{grid-template-columns:1fr}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}header{position:fixed;inset:0 0 auto 0;height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;z-index:14;box-shadow:0 4px 18px rgba(15,23,42,.06)}header select{min-width:0;max-width:calc(100vw - 78px);flex:1;text-overflow:ellipsis}#clock{display:none}#content{padding:14px 12px calc(88px + env(safe-area-inset-bottom))}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;z-index:15;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px rgba(15,23,42,.08);overflow:visible}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:10px;min-height:50px;padding:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mobile-nav button span{font-size:20px}.mobile-nav button.active{color:var(--primary);font-weight:700}.modal{padding:0;align-items:end}.modal-card{width:100%;max-height:92dvh;border-radius:18px 18px 0 0;padding:24px 16px calc(20px + env(safe-area-inset-bottom))}.page-head{margin-bottom:14px}.page-head h1{font-size:21px}.card{padding:14px}}
@media(max-width:520px){.grid-kpi{grid-template-columns:repeat(2,1fr);gap:9px}.kpi strong{font-size:20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.page-head{align-items:flex-start;flex-wrap:wrap}.page-head .actions{margin-left:0;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.filters input{min-width:100%;width:100%}.cart-row{grid-template-columns:minmax(0,1fr) 58px 80px 32px}.product-list{grid-template-columns:1fr}.product-tile{min-height:92px}th,td{padding:10px}.login-card,.install-card{padding:24px 18px}.login-shell,.installer{align-items:start;padding-top:10vh}}