:root{color-scheme:dark;--color-bg: #111317;--color-bg-elevated: #15181d;--color-surface-1: #1a1d22;--color-surface-2: #23272e;--color-surface-3: #2d333c;--color-border: #3a4049;--color-border-strong: #5d6672;--color-text-primary: #f2f3f5;--color-text-secondary: #a8b0ba;--color-text-inverse: #111317;--color-primary: #c8cdd3;--color-primary-hover: #e3e6ea;--color-disabled: #5d6672;--color-success: #3ba55d;--color-warning: #d9a441;--color-danger: #d65b5b;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-1: 2px;--radius-2: 4px;--radius-3: 6px;--shadow-panel: 0 1px 0 rgb(255 255 255 / .03) inset, 0 10px 22px rgb(0 0 0 / .18);--shadow-control: 0 1px 0 rgb(255 255 255 / .04) inset;--font-sans: Inter, "IBM Plex Sans", Manrope, Geist, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--font-size-xs: .72rem;--font-size-sm: .84rem;--font-size-md: .94rem;--font-size-lg: 1.12rem;--font-size-xl: 1.35rem;--line-height-tight: 1.18;--line-height-body: 1.5;--transition-fast: .16s ease}*{box-sizing:border-box}html{min-height:100%;background:var(--color-bg)}body{min-height:100%;margin:0;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:450;line-height:var(--line-height-body);letter-spacing:0;background:linear-gradient(90deg,rgb(255 255 255 / .018) 1px,transparent 1px) 0 0 / 72px 72px,linear-gradient(0deg,rgb(255 255 255 / .014) 1px,transparent 1px) 0 0 / 72px 72px,var(--color-bg);color:var(--color-text-primary)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% -20%,rgb(200 205 211 / .08),transparent 42%)}button,input,select{font:inherit}button,label.nav-btn,.chip-link,input,select{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}button{color:inherit}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.62}button:focus-visible,input:focus-visible,select:focus-visible,label.nav-btn:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}[hidden]{display:none!important}#app{min-height:100vh}.header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:72px;padding:var(--space-4) var(--space-5);overflow:hidden;background:linear-gradient(180deg,rgb(255 255 255 / .04),transparent 58%),var(--color-surface-1);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-control)}.header:after{content:"";position:absolute;top:50%;right:var(--space-5);width:min(34vw,340px);height:72px;pointer-events:none;background:url(/sklad-wordmark.png) center / contain no-repeat;opacity:.08;transform:translateY(-50%)}.header h1{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-3);margin:0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:800;line-height:var(--line-height-tight);letter-spacing:0;text-transform:uppercase}.header h1:before{content:"";display:block;width:42px;height:42px;border:1px solid var(--color-border-strong);border-radius:var(--radius-2);background:linear-gradient(180deg,rgb(255 255 255 / .08),transparent),url(/sklad-icon.png) center / cover no-repeat,var(--color-surface-2);box-shadow:var(--shadow-control)}.status-bar{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;min-height:1.7rem;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-surface-2);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;line-height:1;text-transform:uppercase}.badge.offline{border-color:var(--color-danger);color:var(--color-danger)}.badge.pending{border-color:var(--color-warning);color:var(--color-warning)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2rem;padding:.32rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface-2);color:var(--color-text-primary);box-shadow:var(--shadow-control);font-size:var(--font-size-sm);font-weight:600;line-height:1.1;text-decoration:none}.chip-count{padding:.1rem .45rem;border-radius:var(--radius-2);background:var(--color-surface-3);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.chip-link:hover{border-color:var(--color-border-strong);background:var(--color-surface-3);color:var(--color-primary-hover)}.home-scan-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:7.5rem;margin-bottom:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-3);background:linear-gradient(180deg,rgb(91 141 214 / .14),transparent 58%),var(--color-surface-2);box-shadow:var(--shadow-panel);color:var(--color-text-primary);cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.home-scan-btn:hover{border-color:#6b9fe0;background:linear-gradient(180deg,rgb(91 141 214 / .22),transparent 58%),var(--color-surface-3);color:var(--color-primary-hover);transform:translateY(-1px)}.home-scan-icon{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:var(--radius-3);background:#5b8dd62e;color:#6b9fe0}.home-scan-icon svg{width:1.9rem;height:1.9rem}.home-scan-label{font-size:var(--font-size-lg);font-weight:800;line-height:var(--line-height-tight)}.nav{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5);overflow-x:auto;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-surface-1)}.menu-toggle{position:relative;display:none;align-items:center;justify-content:center;width:2.55rem;height:2.55rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface-2);box-shadow:var(--shadow-control);cursor:pointer}.menu-toggle span{position:absolute;display:block;width:1.15rem;height:2px;background:var(--color-primary)}.menu-toggle span:nth-child(1){transform:translateY(-.38rem)}.menu-toggle span:nth-child(3){transform:translateY(.38rem)}.menu-toggle:hover{border-color:var(--color-border-strong);background:var(--color-surface-3)}.nav-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface-2);color:var(--color-text-secondary);padding:.48rem .86rem;box-shadow:var(--shadow-control);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;line-height:1.1;white-space:nowrap}.nav-btn:hover{border-color:var(--color-border-strong);background:var(--color-surface-3);color:var(--color-primary-hover)}.nav-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}#main{width:min(1180px,100%);margin:0 auto;padding:var(--space-5)}.card{position:relative;margin-bottom:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-3);background:linear-gradient(180deg,rgb(255 255 255 / .028),transparent 42%),linear-gradient(90deg,transparent,rgb(255 255 255 / .015) 50%,transparent),var(--color-surface-1);box-shadow:var(--shadow-panel)}.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:var(--radius-3) var(--radius-3) 0 0;background:linear-gradient(90deg,var(--color-surface-3),var(--color-border),var(--color-surface-3));opacity:.8}.card h3,.card h4{margin:0 0 var(--space-1);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:750;line-height:var(--line-height-tight)}.card h4{font-size:var(--font-size-md)}.card .meta,.meta{color:var(--color-text-secondary);font-size:var(--font-size-sm)}code{display:inline-flex;align-items:center;min-height:1.65rem;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);color:var(--color-primary-hover);font-family:var(--font-mono);font-size:var(--font-size-xs)}input,select,button.primary{min-height:2.45rem;padding:.54rem .72rem;border:1px solid var(--color-border);border-radius:var(--radius-2)}input,select{width:100%;background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-control)}select{cursor:pointer}input::placeholder{color:var(--color-disabled)}input:hover,select:hover{border-color:var(--color-border-strong)}input:focus,select:focus{border-color:var(--color-primary)}button.primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-control);cursor:pointer;font-weight:700}button.primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.form-row{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.form-row label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:700;line-height:1.1;text-transform:uppercase}.empty{margin:var(--space-3) 0;padding:var(--space-8);border:1px dashed var(--color-border);border-radius:var(--radius-3);background:#1a1d227a;color:var(--color-text-secondary);text-align:center}.sku-row{display:flex;align-items:flex-start;gap:var(--space-3)}.sku-photo{width:72px;height:72px;flex-shrink:0;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-bg)}.sku-photo-empty{display:flex;align-items:center;justify-content:center;color:var(--color-disabled);font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase}.sku-info{flex:1;min-width:0}.barcodes-panel,.locations-panel{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.scan-video{width:100%;max-height:240px;margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-bg)}.scan-camera-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.sync-error{color:var(--color-danger)}.sku-panel-card{padding:0;overflow:hidden}.sku-panel-card:before{display:none}.sku-panel-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:3.1rem;padding:var(--space-4);border:0;border-radius:0;background:transparent;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:750;text-align:left}.sku-panel-toggle:hover{background:#ffffff05}.sku-panel-chevron{width:.55rem;height:.55rem;border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);transform:rotate(45deg);transition:transform var(--transition-fast)}.sku-panel-toggle[aria-expanded=true] .sku-panel-chevron{transform:rotate(-135deg) translateY(-.1rem)}.sku-panel-body{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--color-border)}.sku-panel-hint{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sku-card-clickable{display:block;width:100%;text-align:left;cursor:pointer}.sku-card-clickable:hover{border-color:#ffffff29}.sku-card-selected{border-color:var(--color-accent, #6ea8ff);box-shadow:0 0 0 1px #6ea8ff59}.sku-detail-card{margin-bottom:var(--space-4)}.sku-detail-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:var(--space-4)}.sku-photo-large{width:6.5rem;height:6.5rem}.sku-qr-list{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.sku-qr-row{display:grid;grid-template-columns:1fr auto 4.5rem auto;gap:var(--space-3);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.sku-qr-search-wrap{position:relative}.sku-qr-suggest-list{position:absolute;z-index:20;top:calc(100% - .25rem);left:0;right:0;display:grid;gap:1px;max-height:14rem;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated, #1a1d24);box-shadow:0 8px 24px #00000059}.sku-qr-suggest-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:var(--space-3);border:0;background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer}.sku-qr-suggest-item:hover,.sku-qr-suggest-item:focus-visible{background:#ffffff0a}.sku-qr-suggest-name{font-weight:600}.sku-qr-suggest-empty{margin-top:var(--space-2)}.sku-qr-row:last-child{border-bottom:0}.sku-qr-row-name{font-weight:600}.sku-qr-row input[type=number]{width:100%}.movement-wizard-card{padding:0;overflow:hidden}.movement-wizard-card:before{display:none}.movement-wizard-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:3.1rem;padding:var(--space-4);border:0;border-radius:0;background:transparent;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:750;text-align:left}.movement-wizard-toggle:hover{background:#ffffff05}.movement-wizard-chevron{width:.55rem;height:.55rem;border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);transform:rotate(45deg);transition:transform var(--transition-fast)}.movement-wizard-toggle[aria-expanded=true] .movement-wizard-chevron{transform:rotate(-135deg) translateY(-.1rem)}.movement-wizard-body{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--color-border)}.movement-wizard-hint,.movement-wizard-step-title{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.movement-wizard-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.movement-wizard-toolbar .movement-wizard-step-title{margin:0;color:var(--color-text-primary);font-weight:700}.movement-op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.movement-op-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:6.5rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-3);background:var(--color-surface-2);box-shadow:var(--shadow-control);cursor:pointer;font-size:var(--font-size-sm);font-weight:700}.movement-op-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:var(--radius-2)}.movement-op-icon svg{width:1.45rem;height:1.45rem}.movement-op-receipt .movement-op-icon{background:#3ba55d29;color:var(--color-success)}.movement-op-issue .movement-op-icon{background:#d65b5b29;color:var(--color-danger)}.movement-op-transfer .movement-op-icon{background:#5b8dd629;color:#6b9fe0}.movement-op-adjustment .movement-op-icon{background:#d9a44129;color:var(--color-warning)}.movement-op-btn:hover{border-color:var(--color-border-strong);background:var(--color-surface-3)}.wizard-search{position:relative;margin-bottom:var(--space-3)}.wizard-search-label{display:block;margin-bottom:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.wizard-suggest-list{position:absolute;top:calc(100% + var(--space-1));right:0;left:0;z-index:3;display:flex;flex-direction:column;gap:var(--space-1);max-height:14rem;padding:var(--space-2);overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface-2);box-shadow:var(--shadow-panel)}.wizard-suggest-item{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-2);background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left}.wizard-suggest-item:hover{border-color:var(--color-border);background:var(--color-surface-3)}.pick-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:var(--space-3)}.pick-item{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);min-height:7.5rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-3);background:var(--color-surface-2);box-shadow:var(--shadow-control);color:var(--color-text-primary);cursor:pointer;text-align:left}.pick-item:hover{border-color:var(--color-border-strong);background:var(--color-surface-3)}.pick-category{justify-content:center}.pick-title{font-size:var(--font-size-sm);font-weight:700;line-height:var(--line-height-tight)}.pick-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.pick-photo{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-bg)}.pick-photo-empty{display:flex;align-items:center;justify-content:center;color:var(--color-disabled);font-size:var(--font-size-xs)}.wizard-details-card{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-3);background:var(--color-surface-2)}.movement-wizard-result{margin-top:var(--space-2)}table{width:100%;border-collapse:collapse;border:1px solid var(--color-border);background:var(--color-surface-1);color:var(--color-text-primary);font-size:var(--font-size-sm)}thead th{position:sticky;top:0;z-index:1;background:var(--color-surface-2);color:var(--color-text-secondary);font-weight:700;text-align:left;text-transform:uppercase}th,td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}tbody tr:hover{background:var(--color-surface-2)}::selection{background:var(--color-primary);color:var(--color-text-inverse)}@media (max-width: 720px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0;padding:var(--space-4)}.header:after{width:52vw;opacity:.055}.status-bar{grid-column:1 / -1;justify-content:flex-start}.menu-toggle{display:inline-flex;align-self:center;justify-self:end}.nav{display:none;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);overflow-x:visible}.nav[data-open=true]{display:flex}.nav-btn{justify-content:flex-start;width:100%}#main{padding:var(--space-4)}.card{padding:var(--space-3)}.movement-op-grid{grid-template-columns:1fr 1fr}.pick-list{display:flex;flex-direction:column;gap:var(--space-2)}.pick-item{width:calc(100% - var(--space-2));min-height:0;flex-direction:row;align-items:center}.pick-list-skus .pick-item{padding:var(--space-2) var(--space-3)}.pick-list-skus .pick-photo,.pick-list-skus .pick-photo-empty{width:3rem;height:3rem;flex-shrink:0;aspect-ratio:auto}.pick-list-categories .pick-item{min-height:2.8rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-2)}}