:root{color-scheme:light;--bg: #f4f5f7;--surface: #ffffff;--border: #dde1e6;--text: #1f2430;--muted: #6b7280;--primary: #c0394d;--primary-dark: #9b2233;--accent: #ffb020;--danger: #d64545;--radius: 8px;--banner-bg: #fff6e0;--badge-text: #4a3300;--shelf-divider: #111318;--id-text: #9aa1ac;font-family:Segoe UI,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #14161b;--surface: #1d2027;--border: #333944;--text: #e7e9ee;--muted: #9aa1ac;--primary: #c0394d;--primary-dark: #9b2233;--accent: #ffb020;--danger: #ff6b6b;--banner-bg: #3a2f0d;--badge-text: #1a1200;--shelf-divider: #3a3f4a;--id-text: #7d848f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);transition:background .15s,color .15s}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:.9rem;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.config-error{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--muted)}.login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-page-settings{position:absolute;top:1.5rem;right:1.5rem}.login-form{width:100%;max-width:340px}.login-form h1{margin:0 0 .5rem;font-size:1.3rem}.login-error{color:var(--danger);font-size:.85rem;margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1.5rem;display:flex;align-items:center;gap:2rem}.app-header h1{font-size:1.15rem;margin:0}.app-logo{height:32px;width:auto;display:block}.menu-toggle{display:none;background:none;border:1px solid var(--border);border-radius:6px;padding:.4rem .65rem;font-size:1.1rem;line-height:1;color:var(--text)}.menu-toggle:hover{border-color:var(--primary)}:root[data-theme=dark] .app-logo{filter:invert(1)}.tab-nav{display:flex;gap:.25rem}.tab-nav button{background:none;border:none;padding:.5rem 1rem;border-radius:6px;color:var(--muted);font-weight:500}.tab-nav button.active{background:var(--primary);color:#fff}.app-header-user{display:flex;align-items:center;gap:.6rem;margin-left:auto;font-size:.85rem}.app-header-username{color:var(--muted)}.settings-menu{display:flex;align-items:center;gap:.6rem}.lang-switch button{font-size:.8rem;padding:.4rem .7rem}.theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.35rem .6rem;font-size:1rem;line-height:1}.theme-toggle:hover{border-color:var(--primary)}.mobile-menu-backdrop{display:none}@media (max-width: 720px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.app-header .tab-nav,.app-header .app-header-user,.app-header>.settings-menu{display:none}.app-header{gap:.75rem}.mobile-menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:min(280px,80vw);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:1rem;padding:1rem;overflow-y:auto;animation:mobile-menu-slide-in .15s ease-out}}@keyframes mobile-menu-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between}.mobile-menu-header .link-button{font-size:1.2rem}.mobile-menu-tabs{display:flex;flex-direction:column;gap:.15rem}.mobile-menu-tabs button{text-align:left;background:none;border:none;padding:.65rem .75rem;border-radius:6px;color:var(--muted);font-weight:500;font-size:.95rem}.mobile-menu-tabs button.active{background:var(--primary);color:#fff}.mobile-menu-footer{margin-top:auto;display:flex;flex-direction:column;gap:.85rem;padding-top:1rem;border-top:1px solid var(--border)}.mobile-menu-user{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--muted)}.app-main{flex:1;padding:1.5rem;max-width:1400px;width:100%;margin:0 auto}.tab-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.tab-panel-subtitle{color:var(--muted);margin-top:-.5rem}.primary-button{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}.primary-button:hover{background:var(--primary-dark)}.secondary-button{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.35rem .75rem;font-weight:500}.secondary-button:hover{border-color:var(--primary)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.link-button{background:none;border:none;color:var(--primary);padding:0;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.form{display:flex;flex-direction:column;gap:.85rem;max-width:420px;margin-bottom:1.25rem}.field{display:flex;flex-direction:column;gap:.3rem}.field-checkbox{flex-direction:row;align-items:center}.field-label{font-size:.8rem;font-weight:600;color:var(--muted)}.form-actions{display:flex;gap:.75rem;align-items:center}.empty-state{color:var(--muted);font-style:italic}.guide-banner{background:var(--banner-bg);border:1px solid var(--accent);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem}.badge{display:inline-block;background:var(--accent);color:var(--badge-text);font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;margin-top:.35rem}.badge-small{margin-left:.4rem;padding:.05rem .4rem;font-size:.65rem}.muted{color:var(--muted);font-weight:400;font-size:.85em}.image-upload{display:flex;flex-direction:column;gap:.35rem}.image-upload-box{width:96px;height:96px;border-radius:6px;border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.image-upload-preview{width:100%;height:100%;object-fit:cover}.image-upload-placeholder{color:var(--muted);font-size:.75rem;text-align:center;padding:.5rem}.thumbnail{border-radius:6px;object-fit:cover;flex-shrink:0}.thumbnail-empty{background:var(--border)}.search-bar{margin-bottom:1rem}.search-bar input[type=search]{width:100%;padding:.55rem .75rem;font-size:.95rem}.storage-search-bar{margin-bottom:.85rem}.search-results{margin-bottom:1.25rem}.search-results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.storage-tab-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.storage-tab-search{position:sticky;top:1rem}.search-result-row{width:100%;display:flex;align-items:baseline;gap:.6rem;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem}.search-result-row:hover{border-color:var(--primary)}.search-result-item{font-weight:600}.search-result-qty{color:var(--muted);font-size:.85rem}.search-result-location{color:var(--muted);font-size:.8rem;margin-left:auto}.search-match>.collapsible-header{background:#ffb02026}.grid-cell-display.search-match{border-color:var(--accent)}.shelf-visual.highlighted,.grid-cell-display.focused,.slot-row.focused>.collapsible-header{border-color:var(--primary)}.grid-cell-display.focused{background:#2f6feb2e;box-shadow:0 0 0 2px var(--primary)}.slot-row.focused>.collapsible-header{background:#2f6feb26}.shelf-row.highlighted,.slot-row.highlighted{border-color:var(--primary)}.shelf-row.highlighted>.collapsible-header,.slot-row.highlighted>.collapsible-header{background:#2f6feb26}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.item-card{display:flex;gap:.85rem;text-align:left;border:1px solid var(--border);background:var(--surface)}.storage-card{align-items:flex-start;flex-direction:column;gap:.5rem}.storage-card-body{display:flex;gap:.85rem;align-items:flex-start}.card-open-area{display:flex;gap:.85rem;align-items:flex-start;width:100%;text-align:left;background:none;border:none;padding:0;color:inherit;font:inherit}.card[draggable=true]{cursor:grab}.card.dragging{opacity:.5}.drag-handle{color:var(--muted);font-size:.9rem;line-height:1;align-self:flex-start;flex-shrink:0}.card-admin-actions{display:flex;gap:.75rem;align-self:stretch}.card-admin-actions .link-button.danger{color:var(--danger)}.item-card-body h3{margin:0 0 .25rem;font-size:1rem}.item-card-body p{margin:.1rem 0;font-size:.85rem;color:var(--muted)}.item-card-price{font-weight:600;color:var(--text)!important}.item-card-id{font-size:.7rem!important;color:var(--id-text)!important;word-break:break-all}.storage-view-header{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.storage-view-title{display:flex;align-items:center;gap:.75rem;flex:1}.storage-view-title h2,.storage-view-title p{margin:0}.storage-view-title p{color:var(--muted);font-size:.85rem}.storage-view-actions{display:flex;align-items:center;gap:1rem}.tab-switch{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.tab-switch button{background:var(--surface);border:none;padding:.4rem .9rem;color:var(--muted)}.tab-switch button.active{background:var(--primary);color:#fff}.grid-size-form{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1.25rem}.grid-editor-body{display:flex;gap:1.5rem;align-items:flex-start}.shelf-grid-preview{display:grid;gap:8px;flex:1;min-height:240px}.grid-cell{border:1px solid var(--border);border-radius:6px;background:var(--surface);display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem;font-size:.85rem;color:var(--muted);min-height:60px}.grid-cell.named{color:var(--text);font-weight:600}.grid-cell.selected{border-color:var(--primary);box-shadow:0 0 0 2px #2f6feb40}.grid-editor-side{width:320px;flex-shrink:0}.storage-canvas{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.storage-canvas-visuals{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:1rem}.shelf-visual{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:.85rem;transition:border-color .15s,box-shadow .15s}.shelf-visual h4{margin:0 0 .6rem}.shelf-visual.highlighted{border-color:var(--primary);box-shadow:0 0 0 3px #2f6feb2e}.shelf-columns{display:flex;gap:10px}.shelf-column{flex:1;display:flex;flex-direction:column;gap:8px;padding:0 10px;border-left:5px solid var(--shelf-divider);border-right:5px solid var(--shelf-divider)}.grid-cell-display{flex-direction:column;gap:.15rem;min-height:48px;transition:background .15s,border-color .15s}.grid-cell-display.highlighted{background:#2f6feb1f;border-color:var(--primary)}.grid-cell-count{font-size:.7rem;color:var(--primary);font-weight:600}.storage-canvas-rows{display:flex;flex-direction:column;gap:.5rem}.collapsible{border:1px solid var(--border);border-radius:6px;background:var(--surface)}.collapsible+.collapsible{margin-top:.5rem}.collapsible-header{width:100%;display:flex;align-items:center;gap:.6rem;background:none;border:none;padding:.6rem .85rem;text-align:left;font-size:.9rem}.collapsible-caret{display:inline-block;transition:transform .15s;color:var(--muted)}.collapsible-caret.open{transform:rotate(90deg)}.collapsible-body{padding:0 .85rem .85rem 2.1rem}.slot-row .collapsible-header{font-size:.85rem}.stock-list{list-style:none;margin:0 0 .85rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.stock-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px}.stock-row-info{flex:1;display:flex;align-items:center;min-width:0}.stock-row-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-row-qty{font-weight:600;color:var(--muted)}.stock-take-input{width:70px}.add-stock-form{display:flex;gap:.5rem;align-items:center}.add-stock-form select{flex:1}.log-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.log-toggle{margin-bottom:0}.log-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:.85rem}.log-table th,.log-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.log-table th{background:var(--bg);font-size:.75rem;text-transform:uppercase;color:var(--muted)}.log-table tr:last-child td{border-bottom:none}.users-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-width:480px}.users-row{display:flex;align-items:center;gap:.75rem}.users-row-name{flex:1;font-weight:500}@media (max-width: 900px){.storage-canvas{grid-template-columns:1fr}.storage-canvas-visuals{position:static}.storage-tab-layout{grid-template-columns:1fr}.storage-tab-search{position:static}.grid-editor-body{flex-direction:column}.grid-editor-side{width:100%}}