@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap";:root{color-scheme:light;font-family:Satoshi,Avenir Next,system-ui,sans-serif;font-synthesis:none;--obsidian: #11181c;--midnight: #182329;--paper: #fffdf8;--ivory: #f7f2e8;--slate: #606c70;--mist: #d8d1c4;--gold: #f5c451;--deep-gold: #8a5a00;--found: #2b705f;--error: #a13d4a;--surface: var(--paper);--surface-raised: #ffffff;--surface-muted: #f1ede4;--text: var(--obsidian);--text-muted: var(--slate);--border: #ded8cd;--shadow: 0 18px 50px rgba(30, 38, 40, .08)}:root[data-theme=dark]{color-scheme:dark;--surface: var(--obsidian);--surface-raised: var(--midnight);--surface-muted: #202d33;--text: var(--ivory);--text-muted: #aeb8b9;--border: #344248;--shadow: 0 20px 60px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--surface)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:linear-gradient(125deg,rgba(245,196,81,.05),transparent 28rem),var(--surface);color:var(--text)}button,input,select{font:inherit}button{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(245,196,81,.55);outline-offset:3px}.login-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(380px,.9fr);background:var(--paper)}.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,7vw,7rem);color:var(--ivory);background:radial-gradient(circle at 50% 50%,rgba(245,196,81,.12),transparent 10rem),linear-gradient(145deg,#182329,#0a0f12 75%)}.login-brand:before,.login-brand:after{content:"";position:absolute;width:1px;height:130%;background:linear-gradient(transparent,rgba(245,196,81,.32),transparent);transform:rotate(17deg)}.login-brand:before{left:24%;top:-15%}.login-brand:after{right:18%;top:-10%}.brand-lockup{position:relative;z-index:1;display:flex;align-items:center;gap:1.4rem}.brand-mark{width:88px;height:112px}.brand-mark .door{fill:#090d0f;stroke:#8a6f34;stroke-width:1.4}.brand-mark .beam{fill:var(--gold);filter:drop-shadow(0 0 9px rgba(245,196,81,.5))}.brand-lockup .eyebrow{margin:0 0 -.25rem;color:var(--ivory);font-size:.78rem;font-weight:500;letter-spacing:.42em}.brand-lockup h1{margin:0;color:var(--gold);font-size:clamp(2.3rem,5vw,4.8rem);font-weight:500;letter-spacing:.11em;line-height:1}.tagline{position:relative;z-index:1;max-width:23ch;margin:2rem 0 0;color:#d9d5cc;font-size:clamp(1.1rem,2.2vw,1.55rem);line-height:1.45}.login-proof{position:relative;z-index:1;display:flex;gap:1.5rem;margin-top:4rem;color:#aeb5b5;font-size:.9rem}.login-proof span{display:flex;align-items:center;gap:.5rem}.login-panel{align-self:center;width:min(100%,34rem);padding:clamp(2rem,7vw,6rem);color:var(--obsidian)}.section-kicker{margin:0 0 .5rem;color:var(--deep-gold);font-size:.72rem;font-weight:700;letter-spacing:.18em}.login-panel h2,.packing-main h1,.packing-main h2,.browse-main h1,.browse-main h2{margin:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.18}.supporting{margin:.9rem 0 2rem;color:var(--slate);line-height:1.55}label{display:block;margin-bottom:.55rem;font-size:.84rem;font-weight:700}input{width:100%;min-height:54px;padding:0 1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--text)}select{width:100%;min-height:54px;padding:0 2.5rem 0 1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--text)}.login-panel input{background:#fff;color:var(--obsidian)}.otp-input{font-family:SFMono-Regular,Consolas,monospace;font-size:1.45rem;letter-spacing:.35em}.primary-button{width:100%;margin-top:1rem;padding:.78rem 1rem;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.7rem;background:var(--obsidian);color:var(--paper);font-weight:700;cursor:pointer}.primary-button:disabled{cursor:wait;opacity:.55}.secondary-button,.compact-action,.icon-button{border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--text);font-weight:700;cursor:pointer}.secondary-button{padding:.75rem 1rem}.compact-action{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.62rem .85rem;white-space:nowrap}.icon-button{width:44px;padding:0;display:grid;place-items:center}.secondary-button:disabled,.compact-action:disabled{cursor:wait;opacity:.55}.text-button{margin-top:1rem;padding:.5rem 0;border:0;background:transparent;color:var(--deep-gold);font-weight:700;cursor:pointer}.demo-button{display:block;margin-inline:auto}.error-message{display:flex;gap:.55rem;align-items:flex-start;margin-top:.9rem;color:var(--error);font-size:.88rem}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:max(.7rem,env(safe-area-inset-top)) clamp(1rem,3vw,2.2rem) .7rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mini-lockup{display:flex;align-items:center;gap:.7rem}.brand-mark.compact{width:34px;height:40px}.mini-lockup div{display:flex;gap:.32rem;align-items:baseline;letter-spacing:.13em}.mini-lockup span{font-size:.68rem}.mini-lockup strong{color:var(--deep-gold);font-size:1rem}.header-actions{display:flex;gap:.35rem}.icon-button{width:44px;padding:0;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--text-muted);cursor:pointer}.icon-button:hover{border-color:var(--border);color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-nav{position:sticky;top:70px;z-index:8;min-height:54px;border-bottom:1px solid var(--border);display:flex;justify-content:center;gap:.3rem;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-nav button{position:relative;min-width:118px;padding:0 1rem;border:0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:var(--text-muted);cursor:pointer}.app-nav button:after{content:"";position:absolute;right:1rem;bottom:-1px;left:1rem;height:2px;background:transparent}.app-nav button.active{color:var(--text)}.app-nav button.active:after{background:var(--gold)}.packing-main{width:min(100% - 2rem,720px);margin:0 auto;padding:clamp(1.6rem,4vw,3.2rem) 0 3rem}.browse-main{width:min(100% - 2rem,980px);margin:0 auto;padding:clamp(1.8rem,5vw,3.5rem) 0 3rem}.browse-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.browse-heading>div:first-child>p:last-child{max-width:580px;margin:.7rem 0 0;color:var(--text-muted);line-height:1.55}.inventory-total{min-width:94px;padding:.8rem 1rem;border-left:2px solid var(--gold);display:grid}.inventory-total strong{font-size:1.7rem;line-height:1}.inventory-total span{margin-top:.3rem;color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.metric-grid{margin-top:1.7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.metric-grid article{min-height:108px;padding:1rem;border:1px solid var(--border);display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;align-items:start;gap:.2rem .75rem;background:var(--surface-raised)}.metric-grid svg{color:var(--deep-gold)}.metric-grid strong{justify-self:end;font-size:1.6rem;line-height:1}.metric-grid span{grid-column:1 / -1;color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.directory-panel{margin-top:1rem;border:1px solid var(--border);background:var(--surface-raised)}.browse-heading-actions{display:flex;align-items:center;gap:.75rem}.sheet-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#050a0cad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.create-sheet{width:min(100%,42rem);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:clamp(1.25rem,4vw,2rem);border:1px solid color-mix(in srgb,var(--gold) 28%,var(--border));border-radius:14px;background:var(--surface-raised);box-shadow:0 28px 90px #00000057}.sheet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.sheet-heading h2{margin:0;font-size:clamp(1.4rem,4vw,2rem)}.sheet-heading p:not(.section-kicker){margin:.55rem 0 0;color:var(--text-muted)}.kind-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.5rem 0}.kind-selector button{min-width:0;padding:.8rem .5rem;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:.45rem;background:var(--surface);color:var(--text-muted);cursor:pointer}.kind-selector button.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--surface-raised));color:var(--text)}.kind-selector .entity-icon{width:28px;height:28px}.create-fields{display:grid;gap:1rem}.field-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:.85rem}.sheet-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:.75rem;margin-top:1.5rem}.sheet-actions .primary-button{margin:0}.directory-tools{padding:1rem;border-bottom:1px solid var(--border);display:grid;gap:.85rem}.search-field{position:relative;margin:0}.search-field svg{position:absolute;top:50%;left:1rem;z-index:1;color:var(--text-muted);transform:translateY(-50%)}.search-field input{padding-left:2.8rem}.filter-tabs{display:flex;gap:.35rem;overflow-x:auto}.filter-tabs button{min-height:36px;padding:.4rem .75rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-muted);font-size:.76rem;cursor:pointer;white-space:nowrap}.filter-tabs button.active{border-color:var(--border);background:var(--surface-muted);color:var(--text);font-weight:700}.entity-list{margin:0;padding:0;list-style:none}.entity-list li{min-height:72px;padding:.9rem 1rem;border-bottom:1px solid var(--border);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem}.entity-list li:last-child{border-bottom:0}.entity-list strong{font-family:SFMono-Regular,Consolas,monospace;font-size:.84rem}.entity-list p{margin:.18rem 0 0;color:var(--text-muted);font-size:.76rem}.entity-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.entity-meta span{padding:.2rem .42rem;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.entity-status,.location-state{color:var(--found);font-size:.65rem;font-weight:700;letter-spacing:.1em}.entity-actions{display:flex;align-items:flex-end;flex-direction:column;gap:.45rem}.print-label-button{min-height:34px;padding:.35rem .65rem;border:1px solid var(--border);border-radius:7px;display:inline-flex;align-items:center;gap:.4rem;background:var(--surface-muted);color:var(--text);font-size:.72rem;font-weight:700;cursor:pointer}.print-label-button:hover:not(:disabled){border-color:var(--deep-gold);color:var(--deep-gold)}.print-label-button:disabled{cursor:not-allowed;opacity:.48}.directory-feedback{margin:0;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--gold) 9%,transparent);color:var(--text);font-size:.78rem}.view-toggle{padding:3px;border:1px solid var(--border);border-radius:9px;display:flex;background:var(--surface-muted)}.view-toggle button{width:42px;min-height:38px;padding:0;border:0;border-radius:6px;display:grid;place-items:center;background:transparent;color:var(--text-muted);cursor:pointer}.view-toggle button.active{background:var(--surface-raised);color:var(--deep-gold);box-shadow:0 2px 10px #14191b14}.location-map{margin-top:1.7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.location-tile{position:relative;min-height:190px;overflow:hidden;padding:1.25rem;border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 86%,var(--gold)),var(--surface-raised))}.location-tile:before{content:"";position:absolute;top:0;right:0;width:42%;height:42%;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-left:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.location-tile>svg{color:var(--deep-gold)}.location-tile h2{margin:1.4rem 0 .25rem;font-size:1.15rem}.location-tile p{margin:0;color:var(--text-muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem}.map-index{position:absolute;top:1rem;right:1rem;color:var(--text-muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.7rem}.location-state{align-self:flex-start;margin-top:1rem}.location-list{margin-top:1.7rem;border:1px solid var(--border);background:var(--surface-raised)}.status-row,.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.network-status{min-height:30px;padding:.35rem .65rem;border-radius:999px;display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700}.network-status.online{background:color-mix(in srgb,var(--found) 12%,transparent);color:var(--found)}.network-status.offline{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error)}.active-container{position:relative;margin-top:1.5rem;padding:1.15rem;border:1px solid var(--border);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;background:var(--surface-muted)}.active-container.is-active{border-color:#f5c451b3;background:linear-gradient(105deg,rgba(245,196,81,.12),transparent 55%),var(--surface-raised);box-shadow:var(--shadow)}.container-icon,.scan-symbol{width:50px;height:50px;border-radius:10px;display:grid;place-items:center;background:var(--obsidian);color:var(--gold)}.active-container span{color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.14em}.active-container strong{display:block;margin-top:.2rem;font-family:SFMono-Regular,Consolas,monospace;font-size:1rem}.active-container p{margin:.2rem 0 0;color:var(--text-muted);font-size:.82rem}.active-check{color:var(--found)}.scanner-panel{margin-top:1rem;padding:clamp(1.2rem,4vw,2rem);border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow)}.scanner-heading{display:flex;gap:.9rem;align-items:center;margin-bottom:1.5rem}.scanner-heading h2{font-size:1.15rem}.scanner-heading p{margin:.2rem 0 0;color:var(--text-muted);font-size:.82rem}.scan-input-row{display:grid;grid-template-columns:1fr 54px;gap:.55rem}.scan-input-row input{font-family:SFMono-Regular,Consolas,monospace;font-size:1.06rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.scan-button{border:0;border-radius:8px;display:grid;place-items:center;background:var(--gold);color:var(--obsidian);cursor:pointer}.scan-button:disabled{opacity:.42;cursor:not-allowed}.scan-feedback{min-height:1.25rem;margin:.75rem 0;color:var(--text-muted);font-size:.82rem}.scan-feedback.visible{color:var(--deep-gold);font-weight:700}.scan-key{display:flex;flex-wrap:wrap;gap:.55rem 1rem;padding-top:.8rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.72rem}kbd{padding:.16rem .3rem;border:1px solid var(--border);border-radius:4px;background:var(--surface-muted);color:var(--text);font-family:SFMono-Regular,Consolas,monospace;font-size:.68rem}.activity-section{margin-top:2.2rem}.section-title{margin-bottom:.8rem}.section-title h2{font-size:1.15rem}.section-title>span{color:var(--text-muted);font-size:.78rem}.empty-state{min-height:112px;padding:1.2rem;border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;gap:.8rem;color:var(--text-muted)}.empty-state strong{color:var(--text)}.empty-state p{margin:.2rem 0 0;font-size:.82rem}.activity-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--border)}.activity-list li{min-height:74px;padding:.9rem 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;animation:reveal .22s ease-out both}@keyframes reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.kind-badge{width:38px;height:38px;border-radius:8px;display:grid;place-items:center}.kind-badge.bin{background:#f5c45129;color:var(--deep-gold)}.kind-badge.item{background:#2b705f24;color:var(--found)}.kind-badge.loc{background:#48627821;color:#486278}.activity-list strong{font-family:SFMono-Regular,Consolas,monospace;font-size:.86rem}.activity-list p{margin:.18rem 0 0;color:var(--text-muted);font-size:.75rem}.sync-state{display:flex;align-items:center;gap:.25rem;color:var(--found);font-size:.7rem}.sync-state.queued{color:var(--deep-gold)}.app-shell footer{margin-top:auto;padding:1rem 1.2rem max(1rem,env(safe-area-inset-bottom));color:var(--text-muted);text-align:center;font-size:.72rem}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:35vh;padding:2rem;justify-content:flex-end}.brand-mark{width:60px;height:78px}.brand-lockup h1{font-size:2.6rem}.tagline{margin-top:1rem;font-size:1rem}.login-proof{margin-top:1.5rem}.login-panel{padding:2rem 1.25rem 3rem}.packing-main,.browse-main{width:min(100% - 1.25rem,720px);padding-top:1.5rem;padding-bottom:6rem}.app-nav{position:fixed;top:auto;right:0;bottom:0;left:0;z-index:20;min-height:68px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);border-bottom:0;justify-content:stretch}.app-nav button{min-width:0;flex:1;flex-direction:column;gap:.2rem;padding:.5rem;font-size:.68rem}.app-nav button:after{top:-1px;right:28%;bottom:auto;left:28%}.browse-heading{align-items:flex-start}.browse-heading>div:first-child>p:last-child{font-size:.86rem}.inventory-total{display:none}.browse-heading-actions{align-items:flex-end}.status-row{flex-wrap:wrap}.status-row .compact-action{width:100%}.sheet-backdrop{place-items:end center;padding:0}.create-sheet{width:100%;max-height:92dvh;padding:1.25rem 1rem max(1.25rem,env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:18px 18px 0 0}.field-grid,.sheet-actions{grid-template-columns:1fr}.sheet-actions .primary-button{grid-row:1}.metric-grid{gap:.45rem}.metric-grid article{min-height:94px;padding:.75rem;grid-template-columns:1fr}.metric-grid strong{justify-self:start;font-size:1.35rem}.metric-grid span{font-size:.62rem}.location-map{grid-template-columns:1fr}.location-tile{min-height:165px}.app-shell footer{display:none}.mini-lockup div{display:grid;gap:0}.active-container,.scanner-panel{border-radius:0}.scan-key{display:grid}.sync-state span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}