@font-face{font-family:Manrope;font-style:normal;font-weight:500 800;font-display:swap;src:url(/app/fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500 800;font-display:swap;src:url(/app/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--safe-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));--safe-bottom: max(env(safe-area-inset-bottom, 0px), calc(var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px)));--font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-title: 22px;--fs-section: 17px;--fs-card: 15px;--fs-body: 15px;--fs-caption: 13px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 40px;--s8: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--dur: .16s;--door: .3s}.theme-light{--bg: #EEF2F6;--surface: #FFFFFF;--inside: #F4F8FC;--shelf: #DCE6F0;--text: #132131;--text-2: #5C6B7C;--border: #DCE3EA;--accent: #1F6FD6;--accent-soft: #E3EEFB;--on-accent: #FFFFFF;--success: #1E9B5A;--success-soft: #E2F4EA;--danger: #D63B3B;--danger-soft: #FBE6E6;--muted-soft: #EEF1F5;--body: #FFFFFF;--body-edge: #CFD8E2;--handle: #AFBBC8;--scrim: rgba(19,33,49,.35)}.theme-dark{--bg: #17191C;--surface: #22262B;--inside: #1B1E22;--shelf: #31363D;--text: #ECEEF1;--text-2: #98A1AB;--border: #343A41;--accent: #F2C14E;--accent-soft: #3A3324;--on-accent: #1A1A1A;--success: #4CC38A;--success-soft: #1F3329;--danger: #F06B6B;--danger-soft: #3A2325;--muted-soft: #2B3036;--body: #2A2F35;--body-edge: #3C434B;--handle: #59626C;--scrim: rgba(0,0,0,.55)}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}#root{min-height:100vh}button{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.nowrap{white-space:nowrap}.phone{min-height:100vh;height:100vh;background:var(--bg);color:var(--text);position:relative;overflow:hidden;display:flex;flex-direction:column}.screen{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:calc(var(--s4) + var(--safe-top)) var(--s4) var(--s5)}.topbar{display:flex;align-items:center;gap:var(--s2);min-height:44px;margin-bottom:var(--s4)}.topbar h1{font-size:var(--fs-title);font-weight:800;margin:0;flex:1;min-width:0}.topbar .sub{font-size:var(--fs-caption);color:var(--text-2);font-weight:600}.icon-btn{width:44px;height:44px;flex:none;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--text)}.icon-btn svg,.ic{width:20px;height:20px}.title-wrap{flex:1;min-width:0}.title-wrap h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);background:var(--surface);padding:var(--s1) var(--s2) calc(var(--s2) + var(--safe-bottom))}.tab{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;justify-content:center;font-size:12px;font-weight:700;color:var(--text-2);cursor:pointer;position:relative}.tab svg{width:22px;height:22px}.tab.on{color:var(--accent)}.tab .dot{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:18px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;display:grid;place-items:center;padding:0 5px}.sec-title{font-size:var(--fs-section);font-weight:700;margin:var(--s5) 0 var(--s3);display:flex;align-items:center;gap:var(--s2)}.sec-title .ic{color:var(--text-2);width:18px;height:18px}.sec-title .caption{margin-left:auto;font-weight:600}.caption{font-size:var(--fs-caption);color:var(--text-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.btn{min-height:44px;padding:0 var(--s4);border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font-size:var(--fs-body);font-weight:700;white-space:nowrap;transition:transform var(--dur)}.btn:active{transform:scale(.97)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost{background:transparent;color:var(--accent)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn[disabled]{opacity:.45;cursor:default;transform:none}.btn-block{width:100%}.btn-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.pick{display:grid;grid-template-columns:32px 1fr auto;gap:var(--s3);align-items:center;width:100%;min-height:52px;padding:var(--s2) var(--s3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;text-align:left;margin-bottom:var(--s2)}.pick.on{border-color:var(--accent);background:var(--accent-soft)}.pick .cat{width:32px;height:32px;font-size:16px}.pick b{font-size:var(--fs-card);display:block}.pick small{font-size:12px;color:var(--text-2)}.field{display:flex;align-items:center;gap:var(--s2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);min-height:44px;padding:0 var(--s3);color:var(--text-2)}.field input{border:0;outline:0;background:transparent;font:inherit;font-size:var(--fs-body);color:var(--text);flex:1;min-width:0}.field:focus-within{border-color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:var(--s1);font-size:12px;font-weight:700;padding:3px var(--s2);border-radius:6px;white-space:nowrap}.badge svg{width:13px;height:13px}.b-ok{background:var(--success-soft);color:var(--success)}.b-low{background:var(--danger-soft);color:var(--danger)}.b-soon{background:var(--muted-soft);color:var(--text-2)}.b-info{background:var(--accent-soft);color:var(--accent)}.alert{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:var(--danger-soft);color:var(--danger);border:0;width:100%;text-align:left;cursor:pointer;margin-top:var(--s3)}.alert b{color:var(--text);font-size:var(--fs-card);display:block}.alert span{font-size:var(--fs-caption);color:var(--text-2)}.alert .ic{flex:none}.alert .chev{margin-left:auto;color:var(--text-2)}.err{background:var(--danger-soft);border-radius:var(--r-lg);padding:var(--s4);display:flex;gap:var(--s3);align-items:flex-start;margin-top:var(--s3)}.err b{display:block;font-size:var(--fs-card)}.err p{margin:var(--s1) 0 var(--s3);font-size:var(--fs-caption);color:var(--text-2)}.devices{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.dev{border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.dev:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-lg)}.appliance{position:relative;height:196px;border-radius:var(--r-lg);background:var(--body);border:2px solid var(--body-edge);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--dur)}.dev:active .appliance{transform:scale(.98)}.panel{position:relative;padding:var(--s3);display:flex;flex-direction:column;gap:2px}.panel+.panel{border-top:2px solid var(--body-edge)}.panel .handle{position:absolute;right:10px;width:5px;border-radius:3px;background:var(--handle)}.p-top{flex:1.6}.p-top .handle{bottom:12px;height:40px}.p-bot{flex:1}.p-bot .handle{top:12px;height:28px}.p-full{flex:1}.p-full .handle{top:50%;height:56px;margin-top:-28px}.dev-name{font-size:var(--fs-card);font-weight:800;color:var(--text);line-height:1.25;padding-right:var(--s4)}.dev-sub{font-size:12px;color:var(--text-2);font-weight:600}.panel .badge{position:absolute;left:var(--s3);bottom:var(--s3)}.zone{font-size:11px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.stage{perspective:1100px;display:flex;justify-content:center;margin:var(--s2) 0 var(--s4)}.unit{width:300px;max-width:100%;display:flex;flex-direction:column;gap:6px}.comp{position:relative;border-radius:var(--r-lg);background:var(--inside);border:2px solid var(--body-edge)}.comp-in{padding:var(--s2);display:flex;flex-direction:column;gap:6px}.comp-label{display:flex;align-items:center;gap:var(--s2);font-size:11px;font-weight:800;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;padding:var(--s1) var(--s1) 0}.comp-label .ic{width:14px;height:14px}.shelf{border:0;border-bottom:3px solid var(--shelf);background:var(--surface);border-radius:var(--r-sm) var(--r-sm) 4px 4px;min-height:52px;padding:var(--s2) var(--s3);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s2);cursor:pointer;text-align:left;transition:transform var(--dur)}.shelf:active{transform:scale(.98)}.shelf:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shelf-name{font-size:var(--fs-card);font-weight:700}.shelf-prev{font-size:14px;letter-spacing:1px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-right{display:flex;align-items:center;gap:var(--s2)}.shelf-count{font-size:var(--fs-card);font-weight:800;min-width:24px;text-align:right}.shelf.empty .shelf-name,.shelf.empty .shelf-count{color:var(--text-2)}.door{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--r-lg);background:var(--body);border:2px solid var(--body-edge);transform-origin:left center;transition:transform var(--door) cubic-bezier(.3,.7,.2,1);backface-visibility:hidden;pointer-events:none}.door .handle{position:absolute;right:14px;top:50%;width:6px;height:56px;margin-top:-28px;border-radius:3px;background:var(--handle)}.stage.open .door{transform:rotateY(-115deg)}.stage.open .comp:nth-child(2) .door{transition-delay:50ms}.chips{display:flex;gap:var(--s2);flex-wrap:wrap}.rows .row{display:grid;grid-template-columns:36px 1fr auto;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4);border-top:1px solid var(--border);width:100%;background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer;min-height:60px}.rows .row:first-child{border-top:0}.cat{width:36px;height:36px;border-radius:var(--r-sm);background:var(--inside);display:grid;place-items:center;font-size:18px}.row-name{font-size:var(--fs-card);font-weight:700}.row-meta{font-size:var(--fs-caption);color:var(--text-2);margin-top:2px;display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}.row-qty{text-align:right;min-width:76px;font-size:var(--fs-card);font-weight:800}.row-qty small{display:block;font-size:12px;font-weight:600;color:var(--text-2)}.empty-state{text-align:center;padding:var(--s7) var(--s4)}.empty-state .ic-big{width:48px;height:48px;color:var(--text-2);margin-bottom:var(--s3)}.empty-state b{display:block;font-size:var(--fs-section);margin-bottom:var(--s1)}.empty-state p{margin:0 0 var(--s4);color:var(--text-2);font-size:var(--fs-body);line-height:1.45}.hero{display:flex;gap:var(--s3);align-items:center;padding:var(--s4)}.hero .cat{width:56px;height:56px;font-size:28px;border-radius:var(--r-md)}.hero h2{margin:0;font-size:var(--fs-title);font-weight:800}.stepper{display:grid;grid-template-columns:44px 1fr 44px;gap:var(--s2);align-items:center;padding:var(--s4);border-top:1px solid var(--border)}.stepper .val{text-align:center}.stepper .val b{font-size:28px;font-weight:800;display:block;line-height:1.1}.kv{display:grid;grid-template-columns:auto 1fr;gap:var(--s2) var(--s4);padding:var(--s4);font-size:var(--fs-body)}.kv dt{color:var(--text-2);white-space:nowrap}.kv dd{margin:0;text-align:right;font-weight:700}.list-plain .li{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);border-top:1px solid var(--border);font-size:var(--fs-body)}.list-plain .li:first-child{border-top:0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-top:var(--s4)}.set-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-top:1px solid var(--border);min-height:56px;width:100%;background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer}.set-row:first-child{border-top:0}.set-row .ic{color:var(--text-2);flex:none}.set-row .grow{flex:1;min-width:0}.set-row b{display:block;font-size:var(--fs-card)}.set-row span{font-size:var(--fs-caption);color:var(--text-2)}.set-row .chev{color:var(--text-2)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--dur);z-index:5}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--s3) var(--s4) calc(var(--s5) + var(--safe-bottom));transform:translateY(105%);transition:transform .24s cubic-bezier(.3,.7,.2,1);z-index:6;max-height:calc(100% - var(--safe-top) - var(--s5));overflow-y:auto}.sheet-open .scrim{opacity:1;pointer-events:auto}.sheet-open .sheet{transform:none}.grabber{width:40px;height:4px;border-radius:2px;background:var(--border);margin:0 auto var(--s3)}.sheet h3{margin:0 0 var(--s4);font-size:var(--fs-section)}.sheet label.lbl{display:block;font-size:var(--fs-caption);color:var(--text-2);font-weight:700;margin:var(--s4) 0 var(--s2)}.opts{display:flex;flex-wrap:wrap;gap:var(--s2)}.opt{min-height:40px;padding:0 var(--s3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.opt.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.qty-row{display:grid;grid-template-columns:44px 1fr 44px;gap:var(--s2);align-items:center}.qty-row .val{text-align:center;font-size:22px;font-weight:800}.toast{position:fixed;left:var(--s4);right:var(--s4);bottom:calc(84px + var(--safe-bottom));background:var(--text);color:var(--bg);border-radius:var(--r-md);padding:var(--s3) var(--s4);display:flex;align-items:center;gap:var(--s3);font-size:14px;font-weight:600;opacity:0;transform:translateY(8px);transition:all var(--dur);pointer-events:none;z-index:7}.toast.show{opacity:1;transform:none;pointer-events:auto}.toast button{margin-left:auto;border:0;background:transparent;color:var(--accent);font-weight:800;cursor:pointer}.theme-light .toast button{color:#8cc0ff}.theme-dark .toast button{color:#8a6a10}.sk{background:var(--muted-soft);border-radius:var(--r-md);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.fade-in{animation:fade .12s ease-out}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.center{display:grid;place-items:center;min-height:60vh;text-align:center;padding:var(--s5)}.field input[type=number]{-moz-appearance:textfield}.suggest{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2)}.err-inline{color:var(--danger);font-size:var(--fs-caption);margin-top:var(--s2)}