:root{font-family:Segoe UI,Trebuchet MS,Arial,sans-serif;--bg-base: #f2f8f5;--bg-top-a: #d8efe4;--bg-top-b: #e9f7e9;--text-main: #10231b;--text-sub: #4d6358;--card-bg: #ffffff;--card-border: #c8ddd2;--card-soft: #f8fcfa;--accent: #0f8c5a;--accent-2: #207f60;--danger: #be2f2f;--chip-bg: #e3f3eb;--chip-border: #b4d7c7;--chip-text: #1d5c45;--link: #136fdb}:root[data-theme=ocean]{--bg-base: #eef6fb;--bg-top-a: #d7e8f7;--bg-top-b: #dff6f5;--text-main: #0e2230;--text-sub: #4a6274;--card-bg: #ffffff;--card-border: #c4d7e6;--card-soft: #f7fbff;--accent: #1a75b8;--accent-2: #2b6a96;--danger: #b53a45;--chip-bg: #e7f1fb;--chip-border: #b6d0ea;--chip-text: #1d4f74;--link: #1f5ecf}:root[data-theme=sand]{--bg-base: #faf5ea;--bg-top-a: #f3e4c9;--bg-top-b: #f7edd6;--text-main: #2f2417;--text-sub: #6b5a45;--card-bg: #fffdf7;--card-border: #e1d2b9;--card-soft: #fffaf0;--accent: #a06a2c;--accent-2: #8c5922;--danger: #b34a37;--chip-bg: #f8ead1;--chip-border: #e0c79f;--chip-text: #6e4a1e;--link: #915c1e}:root[data-mode=dark]{--bg-base: #121416;--bg-top-a: #1b2523;--bg-top-b: #1a2026;--text-main: #ecf2ef;--text-sub: #b4c3bc;--card-bg: #1a1f22;--card-border: #2f3b40;--card-soft: #1f2529;--accent: #4ca97a;--accent-2: #3f8b65;--danger: #cf5b5b;--chip-bg: #223129;--chip-border: #355146;--chip-text: #b9e8cf;--link: #76b8ff}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 10% 0%,var(--bg-top-a) 0%,transparent 30%),radial-gradient(circle at 90% 0%,var(--bg-top-b) 0%,transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--bg-base),#ffffff 18%) 0%,var(--bg-base) 100%)}.app-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--card-bg),transparent 10%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--card-border);padding:clamp(8px,2vw,12px) clamp(10px,2.8vw,16px);display:flex;flex-direction:column;align-items:stretch;gap:8px}.header-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--accent);text-decoration:none;font-size:clamp(14px,2.8vw,18px);min-width:0;align-self:flex-start}.admin-links{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto}.brand-logo{width:clamp(36px,8vw,56px);height:clamp(36px,8vw,56px);object-fit:contain;flex:0 0 auto}.top-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:0;width:100%}.mode-toggle{display:inline-flex;align-items:center;gap:6px;font-size:clamp(11px,2.8vw,12px);color:var(--text-sub);white-space:nowrap}.top-controls select{min-width:90px}.app-main{width:min(100%,980px);margin:0 auto;padding:clamp(10px,2.8vw,16px) clamp(8px,2.5vw,12px) clamp(16px,4vw,24px)}.stack{display:grid;gap:clamp(8px,2vw,12px)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:clamp(10px,2.4vw,14px);overflow:hidden}.form{display:grid;grid-template-columns:1fr;gap:8px}.form-compact{display:grid;grid-template-columns:1fr 70px 140px auto;gap:6px;align-items:center}input,select,textarea,button{padding:10px 12px;border:1px solid var(--card-border);border-radius:10px;font-size:clamp(13px,3.2vw,14px);background:var(--card-soft);color:var(--text-main);min-height:40px;max-width:100%}button{background:var(--accent);color:#fff;border-color:var(--accent)}button.secondary{background:var(--accent-2);border-color:var(--accent-2)}button.danger{background:var(--danger);border-color:var(--danger);width:100px;min-width:100px}.btn-sm{padding:6px 9px;font-size:clamp(11px,2.8vw,12px);border-radius:8px;min-height:34px}.list{display:grid;gap:8px}.list-item{background:var(--card-soft);border:1px solid color-mix(in srgb,var(--card-border),#ffffff 15%);border-radius:12px;padding:10px;display:grid;gap:8px}.item-main{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;min-width:0}.item-title{font-weight:700;overflow-wrap:anywhere}.link{color:var(--link);text-decoration:none}.link:hover{text-decoration:underline}.item-sub{font-size:clamp(11px,2.9vw,12px);color:var(--text-sub);overflow-wrap:anywhere}.thumb{width:clamp(44px,14vw,56px);height:clamp(44px,14vw,56px);border-radius:10px;object-fit:cover;background:color-mix(in srgb,var(--card-soft),#ffffff 15%);border:1px solid var(--card-border);flex:0 0 auto}.thumb-empty{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-sub)}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{border-radius:999px;background:var(--chip-bg);color:var(--chip-text);border:1px solid var(--chip-border);padding:6px 10px;font-size:12px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.container-card{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 6px}.container-card .item-main{flex:1 1 auto;min-width:0}.container-card .row-actions{margin-left:auto;justify-content:flex-end}.container-card .thumb{width:32px;height:32px}.manage-location-card{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 6px}.manage-location-card .item-main{flex:1 1 auto;min-width:0}.manage-location-card .row-actions{margin-left:auto;justify-content:flex-end}.manage-location-card .thumb{width:32px;height:32px}.upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:10px;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-text);font-size:14px;cursor:pointer;min-height:40px}.upload-btn input{display:none}.menu{position:relative}.menu summary{list-style:none;cursor:pointer;padding:5px 6px;border-radius:8px;border:1px solid var(--chip-border);background:color-mix(in srgb,var(--chip-bg),#ffffff 15%);color:var(--chip-text);font-size:11px;line-height:1.1}.menu summary::-webkit-details-marker{display:none}.menu-body{margin-top:6px;display:grid;gap:6px;min-width:min(200px,72vw)}.card-title-inline{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-title-inline h2{margin:0}.menu-inline summary{padding:4px 6px;font-size:10px}.code-block{margin:0;white-space:pre-wrap;word-break:break-word;padding:10px;border:1px solid var(--card-border);border-radius:10px;background:var(--card-soft);font-size:12px}.json-area{width:100%;resize:vertical;min-height:92px;font-family:ui-monospace,Cascadia Code,Courier New,monospace;font-size:12px;line-height:1.35}.admin-form-grid{grid-template-columns:1fr}.scan-card{border:1px dashed var(--chip-border);border-radius:12px;padding:8px;display:grid;gap:8px}.scan-video{width:100%;max-width:420px;min-height:clamp(160px,42vw,220px);border-radius:10px;border:1px solid var(--card-border);background:#0c1110;object-fit:cover}.scan-video-hidden{display:none}.scan-card-primary{padding:7px;gap:6px}.ean-quick-row{grid-template-columns:1fr 70px auto}.scan-feedback-options{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.scan-feedback-option{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-sub)}.scan-feedback-option input{min-height:0;width:14px;height:14px;padding:0}.scan-summary-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#000000,transparent 55%);display:flex;align-items:center;justify-content:center;padding:12px;z-index:1000}.scan-summary-modal{width:min(560px,96vw);max-height:80vh;overflow:auto}.summary-list{display:grid;gap:6px}.container-item-row{display:grid;gap:5px;padding:7px 8px}.container-item-top{width:100%}.container-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px}.container-item-bottom .item-main{flex:1 1 auto;min-width:0;gap:8px}.container-item-bottom .thumb{width:34px;height:34px}.container-item-text{min-width:0;display:grid;gap:2px}.container-item-title-single{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15;font-size:14px}.container-item-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.container-item-qty{font-size:clamp(22px,5vw,24px);font-weight:800;color:var(--accent);line-height:1;text-align:right;white-space:nowrap}.container-item-actions{--qty-btn-w: 24px;--qty-btn-gap: 6px}.container-item-actions button{width:var(--qty-btn-w);min-width:var(--qty-btn-w);min-height:26px;padding:2px 0;font-size:11px}.container-item-actions button.danger{width:calc(var(--qty-btn-w) * 2 + var(--qty-btn-gap));min-width:calc(var(--qty-btn-w) * 2 + var(--qty-btn-gap))}@media(max-width:480px){.container-item-title-single{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;font-size:13px}}.add-item-box{display:grid;gap:8px}.search-row{display:grid;grid-template-columns:1fr auto;gap:6px}.search-dropdown{border:1px solid var(--card-border);border-radius:10px;background:var(--card-soft);overflow:hidden}.search-option{width:100%;text-align:left;border:0;border-bottom:1px solid color-mix(in srgb,var(--card-border),#ffffff 15%);border-radius:0;background:transparent;color:var(--text-main);display:grid;gap:2px;padding:8px 10px}.search-option:last-child{border-bottom:0}.search-main{font-size:13px;font-weight:600}.search-sub{font-size:11px;color:var(--text-sub)}.compact-menu{min-width:0}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--card-border),#ffffff 18%);border-radius:10px;background:var(--card-soft)}.summary-left{display:flex;gap:10px;align-items:center;min-width:0}.summary-left .thumb{width:clamp(36px,11vw,42px);height:clamp(36px,11vw,42px)}.qty-badge{min-width:36px;text-align:center;padding:6px 10px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-text);font-weight:700;font-size:13px}.error{color:var(--danger);font-size:13px}.admin-toolbar{display:grid;grid-template-columns:1fr;gap:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#000000,transparent 55%);display:grid;place-items:center;z-index:80;padding:16px}.modal-card{width:min(440px,100%);background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:14px;box-shadow:0 10px 24px color-mix(in srgb,var(--text-main),transparent 75%)}.login-brand{display:flex;justify-content:center;margin-bottom:8px}.login-logo{width:min(62vw,260px);height:min(62vw,260px);object-fit:contain}a{color:var(--link)}.back-btn{display:inline-flex;align-items:center;gap:8px;width:fit-content;text-decoration:none;color:var(--text-main);background:color-mix(in srgb,var(--card-bg),var(--chip-bg) 35%);border:1px solid var(--card-border);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;box-shadow:0 2px 8px color-mix(in srgb,var(--text-main),transparent 88%);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.back-btn:before{content:"←";font-size:14px;line-height:1;color:var(--accent)}.back-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent),var(--card-border) 45%);box-shadow:0 6px 14px color-mix(in srgb,var(--text-main),transparent 84%)}@media(min-width:720px){.form{grid-template-columns:1fr 160px auto}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar{grid-template-columns:1fr 160px 160px auto}}@media(max-width:780px){.form-compact{grid-template-columns:1fr}.app-header{padding:6px 8px;gap:6px}.logo{gap:6px}.admin-links{gap:4px}.brand-logo{width:44px;height:44px}.top-controls{width:100%;justify-content:flex-end;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:4px}.top-controls::-webkit-scrollbar{display:none}.top-controls>*{flex:0 0 auto}.top-controls select{min-width:68px;min-height:30px;padding:6px 8px;font-size:10px;border-radius:8px}.mode-toggle{gap:4px;font-size:10px}.btn-sm{min-height:30px;padding:5px 7px;font-size:10px}}@media(max-width:560px){.logo span{font-size:14px}.app-main{padding-left:8px;padding-right:8px}.card{border-radius:12px}.summary-row{padding:7px 8px}}