@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#edf3ff;background:#0b1426;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b1426;--panel: #17243a;--panel-2: #1d2a40;--line: #2c3d57;--muted: #91a5c2;--primary: #0fa968;--primary-strong: #0c8a55;--success: #11bb87;--danger: #ed6471;--neutral-button: #2b3b53}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 92% -10%,#154733 0,transparent 31rem),var(--bg)}button,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit}.app-shell{min-height:100vh;padding:20px 28px 18px}.topbar{display:flex;align-items:center;gap:22px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.brand svg{color:#0fa968}.tabs{display:flex;background:#152237;border:1px solid #293b56;border-radius:11px;padding:3px;gap:3px}.tab{display:flex;gap:8px;align-items:center;padding:8px 14px;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;transition:.2s ease}.tab:hover{color:#fff;background:#20314b}.tab.active{color:#fff;background:var(--primary);box-shadow:0 4px 12px #0fa96855}.top-actions{display:flex;gap:9px;margin-left:auto}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:10px 14px;font-weight:700;font-size:13px;transition:transform .18s,background .18s,box-shadow .18s;text-decoration:none}.primary-button{background:var(--primary);color:#fff;box-shadow:0 4px 12px #0fa96835}.primary-button:hover{background:#15c47a;transform:translateY(-1px)}.secondary-button{background:var(--neutral-button);color:#e8f0fc}.secondary-button:hover{background:#3a4d68;transform:translateY(-1px)}.content{max-width:1400px;margin:0 auto}.search-panel{height:58px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#111d31;border-radius:9px;padding:0 18px;margin-bottom:20px;box-shadow:0 8px 24px #00000012}.search-panel svg{color:#0fa968}.search-panel input{flex:1;min-width:0;background:transparent;color:#f2f6ff;border:0;outline:0;font-size:14px}.search-panel input::placeholder,input::placeholder{color:#7388a7}.search-status{color:#0fa968;font-size:12px;font-weight:700;white-space:nowrap}.table-card,.form-card,.location-list{background:linear-gradient(145deg,#1a2940,#17243a);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px #00000017}.table-card{overflow:hidden;margin-bottom:22px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:820px}th{text-align:left;background:#101b2e;color:#99b0d0;font-size:12px;font-weight:800;padding:15px 16px;white-space:nowrap}td{padding:15px 16px;border-top:1px solid #293a54;color:#c0cee2;font-size:13px}td strong{color:#eff5ff;font-weight:700}.quantity{min-width:38px;display:inline-block;text-align:center;padding:4px 9px;border-radius:6px;color:#d9e8ff;background:#263a58;font-weight:700}.row-actions,.location-actions{display:flex;gap:7px;justify-content:flex-end}.icon-button{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:.18s ease}.icon-button.neutral{color:#d7e4f7;background:#30415a}.icon-button.success{color:#fff;background:#0fa968}.icon-button.danger{color:#fff;background:#b52f4c}.icon-button.qr{color:#fff;background:#3d83f6}.icon-button:hover{transform:translateY(-2px);filter:brightness(1.12)}.empty-state{text-align:center;height:112px;color:var(--muted)}.form-card{padding:20px}.component-form{margin-bottom:24px}.form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:19px}.eyebrow{display:block;margin-bottom:5px;color:#0fa968;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}h2{margin:0;color:#f0f5ff;font-size:18px;letter-spacing:-.02em}h3{margin:0 0 14px;color:#d4e3f5;font-size:14px;font-weight:700}form{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;gap:14px}.form-grid.four{grid-template-columns:1.2fr .9fr 1fr 1fr}.form-grid.two{grid-template-columns:1fr 1fr}label{display:flex;flex-direction:column;gap:7px;color:#a9bdd9;font-size:12px;font-weight:700}input,select{width:100%;color:#edf3ff;background:#101a2d;border:1px solid #314561;border-radius:7px;outline:0;padding:11px 12px;font-size:13px;transition:border .18s,box-shadow .18s}input:focus,select:focus{border-color:#0fa968;box-shadow:0 0 0 3px #0fa96822}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.wide{align-self:flex-start;min-width:190px}.text-button{background:transparent;color:#0fa968;font-size:13px;font-weight:700;padding:4px 0}.text-button:hover{color:#15c47a}.location-form-card{margin-bottom:22px}.form-actions{display:flex;gap:10px}.location-list{padding:16px}.location-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.location-count{color:var(--muted);font-size:12px;font-weight:700}.location-row{display:flex;align-items:center;min-height:58px;padding:10px 12px;background:#1c2a40;border:1px solid #30425d;border-radius:8px;transition:background .18s,border .18s;margin-bottom:6px}.location-row:hover{background:#22334d;border-color:#456181}.location-row.selected{background:#1a3a2a;border-color:#0fa968}.expand-button{width:24px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#0fa968}.empty-chevron{width:17px;height:1px;display:block}.location-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#8ebaff;background:#243b5e;border-radius:8px;margin-right:12px;flex-shrink:0}.location-icon[data-type=ячейка]{color:#0fa968;background:#1a3a2a}.location-icon.large{width:48px;height:48px;border-radius:10px}.location-info{display:flex;flex-direction:column;gap:4px;cursor:pointer;flex:1;min-width:0}.location-info strong{font-size:14px;color:#f2f6ff}.location-info span{color:#91a8c8;font-size:11px}.location-actions{margin-left:auto;display:flex;gap:6px}.location-select-row{display:flex;gap:8px;align-items:stretch}.location-select-row select{flex:1}.inline-add-button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:#2b3b53;color:#0fa968;border:1px solid #3d83f6;border-radius:7px;padding:0 12px;font-size:12px;font-weight:700;transition:.18s}.inline-add-button:hover{background:#3a4d68}.inline-location-form{background:#101a2d;border:1px solid #0fa96855;border-radius:9px;padding:16px;display:flex;flex-direction:column;gap:14px}.location-detail{display:flex;flex-direction:column;gap:20px}.back-button{display:inline-flex;align-items:center;gap:7px;background:transparent;color:#0fa968;font-size:13px;font-weight:700;padding:6px 0;align-self:flex-start}.back-button:hover{color:#15c47a}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#101a2d;border-radius:9px;padding:20px}.detail-title{display:flex;gap:14px;align-items:center}.detail-title h2{font-size:20px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:#91a8c8;font-size:12px;margin-top:5px}.breadcrumb span{display:inline-flex;align-items:center;gap:4px}.detail-actions{display:flex;gap:8px;flex-shrink:0}.child-locations{background:linear-gradient(145deg,#1a2940,#17243a);border:1px solid var(--line);border-radius:9px;padding:18px}.child-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.child-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#1c2a40;border:1px solid #30425d;border-radius:8px;color:#c0cee2;transition:.18s;text-align:center}.child-card:hover{background:#22334d;border-color:#0fa968;transform:translateY(-2px)}.child-card strong{color:#f2f6ff;font-size:13px}.child-card span{font-size:11px;color:#91a8c8}.child-card svg{color:#0fa968}.detail-components{background:#101a2d;border-radius:9px;padding:18px;overflow:hidden}.detail-components .table-scroll{border-radius:7px;overflow-x:auto}.detail-components-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.detail-count{color:#0fa968;font-size:12px;font-weight:700}.hierarchy-cell{color:#8eaad0;font-size:12px;white-space:nowrap}.location-modal{position:relative;background:linear-gradient(145deg,#1a2940,#17243a);border:1px solid var(--line);border-radius:14px;padding:24px;max-width:900px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0005}.qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a14cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.qr-modal{position:relative;background:linear-gradient(145deg,#1a2940,#17243a);border:1px solid var(--line);border-radius:14px;padding:28px;max-width:380px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 20px 60px #0005}.qr-close{position:absolute;top:14px;right:14px;background:transparent;color:#91a8c8}.qr-close:hover{color:#fff}.qr-modal h3{margin:0;color:#f0f5ff;font-size:18px;text-align:center}.qr-breadcrumb{color:#91a8c8;font-size:12px;text-align:center}.qr-image{width:260px;height:260px;border-radius:10px;border:1px solid #2c3d57}.qr-url{color:#5e7a9a;font-size:11px;word-break:break-all;text-align:center}.qr-actions{display:flex;gap:10px}.qr-hint{color:#91a8c8;font-size:12px;line-height:1.5;text-align:center;margin:0}.toast{position:fixed;right:28px;top:78px;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 13px;color:#e8f4ff;background:#153a2a;border:1px solid #0fa968;border-radius:8px;box-shadow:0 10px 30px #0007;font-size:13px;animation:slide-in .22s ease-out}.toast button{display:flex;color:#acc8ed;background:transparent}footer{display:flex;gap:18px;max-width:1400px;margin:18px auto 0;color:#7188a7;font-size:11px}@keyframes slide-in{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:900px){.app-shell{padding:16px}.topbar{flex-wrap:wrap;gap:12px}.tabs{order:3;width:100%}.tab{flex:1;justify-content:center}.form-grid.four{grid-template-columns:1fr 1fr}.detail-header{flex-direction:column}.detail-actions{width:100%}}@media(max-width:560px){.brand{font-size:18px}.top-actions{margin-left:0;margin-right:auto}.form-grid.four,.form-grid.two{grid-template-columns:1fr}.form-card{padding:16px}.location-actions .neutral{display:none}.wide{width:100%}.form-actions,.location-select-row{flex-direction:column}footer{flex-direction:column;gap:4px}}@media print{.topbar,.search-panel,.form-card,footer,.toast,.location-actions,.back-button,.detail-actions,.qr-modal-overlay{display:none!important}.app-shell{padding:0}.location-list{border:0}}