:root{--color-bg: #f4f1ea;--color-surface: #fffaf4;--color-surface-strong: #efe7da;--color-surface-raised: #ffffff;--color-text: #1f2523;--color-muted: #5f6863;--color-border: #d8cbb8;--color-border-strong: #b89d7e;--color-primary: #c86f2b;--color-primary-strong: #9f541f;--color-primary-soft: #f4dfc9;--color-secondary: #475569;--color-secondary-soft: #e5e7eb;--color-danger: #9f2f24;--color-danger-bg: #fae7df;--color-success: #2f6f43;--color-success-bg: #eef8f0;--shadow-sm: 0 2px 0 rgba(31, 37, 35, .08);--shadow-md: 0 12px 28px rgba(64, 48, 31, .16);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--max-app-width: 76rem;--form-panel-width: 26rem}.app-shell{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.app-main{width:100%;max-width:var(--max-app-width);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-8)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-sidebar{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:#fffaf4f5;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand strong,.brand span{display:block}.brand strong{font-size:1rem;line-height:1.2}.brand span{color:var(--color-muted);font-size:.82rem;line-height:1.35}.app-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 2.75rem;gap:var(--space-2);width:100%;overflow-x:visible}.app-nav a{min-width:0;min-height:3rem;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-secondary);font-size:.85rem;font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.app-nav a:hover,.app-nav a:focus-visible{color:var(--color-primary-strong);border-color:var(--color-primary);background:var(--color-surface-raised)}.app-nav a.active{color:var(--color-primary-strong);background:var(--color-primary-soft);border-color:var(--color-primary-strong)}.app-nav .menu-link{width:2.75rem;min-width:2.75rem;padding-inline:0;font-size:1.25rem;line-height:1}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:var(--space-5) var(--space-4);background:var(--color-bg);color:var(--color-text)}.auth-card{width:min(100%,25rem);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.auth-card h1{margin:0;font-size:2rem;line-height:1.1}.auth-card p{margin:var(--space-2) 0 0;color:var(--color-muted);line-height:1.5}.auth-form{margin-top:var(--space-5)}.auth-form label{display:flex;flex-direction:column;gap:var(--space-2);font-size:.9rem;font-weight:700}.auth-error{margin:0;padding:var(--space-3);border:1px solid rgba(159,47,36,.25);border-radius:var(--radius-md);background:var(--color-danger-bg);color:var(--color-danger)!important;font-size:.92rem;line-height:1.45}.auth-success{margin:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-success-bg);color:var(--color-success);font-size:.92rem;line-height:1.45}.auth-forgot{margin:0;text-align:right;font-size:.9rem}.auth-switch{font-size:.95rem}.auth-switch a{color:var(--color-primary-strong);font-weight:800}.menu-page{max-width:32rem}.menu-panel{overflow:hidden}.menu-delete-panel{border-color:var(--color-danger)}.menu-delete-warning{background:var(--color-danger-bg);color:var(--color-danger);padding:var(--space-3);border-radius:var(--radius-md)}.account-details{display:grid;gap:var(--space-4);padding:var(--space-5)}.account-row{display:grid;gap:var(--space-3);align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.account-row:last-of-type{padding-bottom:0;border-bottom:0}.account-label,.account-value{display:block}.account-label{margin-bottom:var(--space-1);color:var(--color-muted);font-size:.88rem;font-weight:800}.account-value{color:var(--color-text);font-weight:800;overflow-wrap:anywhere}.account-form{padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:#fffaf4c7}.account-success{margin:0;padding:var(--space-3);border:1px solid rgba(47,111,67,.24);border-radius:var(--radius-md);background:var(--color-success-bg);color:var(--color-success);font-size:.92rem;font-weight:700;line-height:1.45}.menu-actions{padding:0 var(--space-5) var(--space-5)}.page,.home{display:flex;flex-direction:column;gap:var(--space-6)}.home{gap:var(--space-5)}.page-header{display:flex;flex-direction:column;gap:var(--space-2);max-width:44rem}.page-header h1{margin:0;font-size:clamp(2rem,7vw,3.15rem);line-height:1.05}.page-header p{margin:0;color:var(--color-muted);font-size:1rem;line-height:1.55}.eyebrow{color:var(--color-primary-strong)!important;font-size:.75rem!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.page-grid{display:grid;gap:var(--space-5)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border);background:#fffaf4b3}.panel-header h2,.form-panel h2{margin:0;font-size:1.12rem}.panel-header span{min-width:2rem;padding:var(--space-1) var(--space-2);border-radius:999px;background:var(--color-surface-strong);color:var(--color-muted);font-size:.82rem;font-weight:800;text-align:center}.home-header{align-items:flex-start;padding-top:var(--space-2)}.home-header h1{font-size:1.85rem;line-height:1.12}.home-primary-action{display:flex;flex-direction:column;align-items:stretch}.home-search-form{gap:var(--space-3)}.home-actions{display:grid;gap:var(--space-4)}.home-actions h2{margin:0;font-size:1.1rem}.home-action-grid{display:grid;gap:var(--space-4)}.home-card{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);min-height:5.5rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);text-decoration:none}.home-card:hover,.home-card:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.home-card span{font-size:1rem;font-weight:800}.home-card small{color:var(--color-muted);font-size:.96rem;line-height:1.5}form{display:flex;flex-direction:column;gap:var(--space-4)}.form-panel{padding:var(--space-5)}.inline-add-location{padding:var(--space-5) var(--space-5) 0}.inline-add-location>.location-form{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:#fffaf4c7;box-shadow:none}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label,.field-label{color:var(--color-text);font-size:.9rem;font-weight:700}.search-row{display:flex;flex-direction:column;gap:var(--space-2)}.search-row input{flex:1}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:2.75rem}.password-toggle{position:absolute;right:0;top:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;min-height:unset;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-muted);cursor:pointer}.password-toggle:hover{color:var(--color-text);background:transparent}.password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;color:var(--color-text);background:transparent}input,textarea,select{width:100%;min-height:3rem;padding:.78rem .85rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit}select{-moz-appearance:auto;appearance:auto;-webkit-appearance:menulist;color-scheme:light}select option{background:var(--color-surface-raised);color:var(--color-text)}textarea{min-height:5rem;resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid rgba(200,111,43,.24);border-color:var(--color-primary)}input:disabled,textarea:disabled,select:disabled{background:#eee6da;color:#7b746b;cursor:not-allowed}.location-picker{position:relative}.location-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:3rem;padding:.78rem .85rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-weight:500;text-align:left;box-shadow:none}.location-picker-trigger:hover,.location-picker-trigger:focus-visible{background:var(--color-surface-raised);border-color:var(--color-primary)}.location-picker-chevron{flex:0 0 auto;width:1.25rem;height:1.25rem;color:var(--color-muted);fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.location-picker-options{display:grid;gap:var(--space-2);max-height:18rem;overflow-y:auto;margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.location-picker-option-row{position:relative;display:flex;align-items:center;width:calc(100% - (var(--location-depth, 0) * 1.5rem));gap:var(--space-2);margin-left:calc(var(--location-depth, 0) * 1.5rem)}.location-picker-option{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-start;width:auto;min-width:0;min-height:3rem;padding:.7rem .8rem;border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-text);text-align:left;box-shadow:none}.location-picker-option-root{min-height:3rem;font-weight:900}.location-picker-option-child{min-height:2.55rem;padding-top:.55rem;padding-bottom:.55rem;font-size:.94rem;font-weight:650}.location-picker-option-name{display:block}.location-picker-expand{flex:0 0 auto;width:2.75rem;min-width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-muted);box-shadow:none}.location-picker-expand:hover,.location-picker-expand:focus-visible{border-color:var(--color-primary);background:var(--color-surface-raised);color:var(--color-primary-strong)}.location-picker-expand-icon{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;transition:transform .12s ease}.location-picker-expand-icon-open{transform:rotate(90deg)}.location-picker-option:hover,.location-picker-option:focus-visible{border-color:var(--color-primary);background:var(--color-surface-raised);color:var(--color-text)}.location-picker-option[aria-pressed=true],.location-picker-option[aria-pressed=true]:hover,.location-picker-option[aria-pressed=true]:focus-visible{border-color:var(--color-primary-strong);background:var(--color-primary-soft);color:var(--color-primary-strong)}.list{display:grid;gap:var(--space-3);margin:0;padding:var(--space-5);list-style:none}.list li{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.list strong{display:block;font-size:1.05rem}.list-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.item-card{position:relative}.item-card-content{min-width:0}.item-card-title{padding-right:4.5rem;line-height:1.25;overflow-wrap:anywhere}.quantity,.item-card-quantity{flex:0 0 auto;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:.85rem;font-weight:800}.item-card-quantity{position:static;justify-self:end;margin:0;white-space:nowrap}.item-card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-3);margin-top:var(--space-3);width:100%}.item-card-location{min-width:0;margin:0;color:var(--color-muted);font-size:.92rem;line-height:1.45}.detail{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:.92rem;line-height:1.45}.location-tree{gap:var(--space-2)}.location-tree li{padding:0;border:0;background:transparent}.location-node{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.location-card-content{min-width:0}.location-card-header{display:flex;align-items:flex-start;gap:var(--space-3);width:100%}.location-card-title{flex:1;min-width:0;padding-right:5rem;line-height:1.25;overflow-wrap:anywhere}.location-card-title-link{display:block;min-width:0;color:inherit;text-decoration:none}.location-card-title-link:hover,.location-card-title-link:focus-visible{color:var(--color-primary-strong)}.location-card-actions{position:absolute;top:.75rem;right:.85rem;display:flex;gap:.15rem;align-items:flex-start}.location-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border);background:transparent;color:var(--color-primary);padding:.2rem .6rem;min-height:auto;width:auto;max-width:100%;font-size:.8rem;font-weight:600;line-height:1.2;text-align:left;text-decoration:none;white-space:normal;border-radius:var(--radius-sm);box-shadow:none;justify-self:start;align-self:end}.location-action strong{display:inline;font-weight:900}.location-action:hover{background:var(--color-primary-soft);color:var(--color-primary-strong);border-color:var(--color-border-strong)}.location-action:focus-visible{background:var(--color-primary-soft);color:var(--color-primary-strong);border-color:var(--color-border-strong);outline:2px solid var(--color-primary);outline-offset:3px}.location-card-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:0;border:0;background:transparent;color:var(--color-muted);border-radius:var(--radius-sm);box-shadow:none}.location-card-action svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.location-card-action:hover,.location-card-action:focus-visible{background:var(--color-primary-soft);color:var(--color-primary-strong)}.location-inline-form,.location-delete-confirmation{display:grid;gap:var(--space-3);padding-top:var(--space-2)}.location-inline-actions,.form-actions{display:flex;flex-direction:column;gap:var(--space-2)}.location-delete-confirmation p{margin:0;font-weight:800}.location-delete-confirmation .error{display:grid;gap:var(--space-1)}.danger-button{border-color:var(--color-danger);background:var(--color-danger)}.danger-button:hover,.danger-button:focus-visible{border-color:var(--color-danger);background:var(--color-danger)}.location-tree-children{display:grid;gap:var(--space-2);margin:var(--space-2) 0 0 var(--space-3);padding:0 0 0 var(--space-4);border-left:2px solid var(--color-border-strong);list-style:none}.location-list-actions{padding:0 var(--space-5) var(--space-5)}button{width:100%;min-height:3rem;padding:.78rem 1rem;border:1px solid var(--color-primary-strong);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;font:inherit;font-weight:800}button:hover,button:focus-visible{background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.secondary-button{border-color:var(--color-border-strong);background:var(--color-primary-soft);color:var(--color-primary-strong)}.secondary-button:hover,.secondary-button:focus-visible{background:var(--color-primary-soft);border-color:var(--color-primary-strong)}button:focus-visible,a:focus-visible{outline:3px solid rgba(200,111,43,.28);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.58}.error{margin:0;padding:var(--space-3);border:1px solid rgba(159,47,36,.25);border-radius:var(--radius-md);background:var(--color-danger-bg);color:var(--color-danger);font-size:.92rem;line-height:1.45}.page-error{max-width:44rem}.empty{margin:0;padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:#fffaf49e;color:var(--color-muted);font-style:italic}.search-results{padding:0}.search-context-heading{margin:0;color:var(--color-text);font-size:1.05rem;line-height:1.35}@media(min-width:768px){.app-main{padding:var(--space-8) var(--space-6) var(--space-10)}.app-sidebar{padding:var(--space-5) var(--space-6)}.home-actions{gap:var(--space-3)}.home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-row{flex-direction:row}.search-row button{width:auto;flex:0 0 auto}.location-inline-actions{flex-direction:row}.account-row{grid-template-columns:minmax(0,1fr) auto}.account-row button{width:auto}.form-actions{flex-direction:row}.form-panel,.panel-header,.list{padding:var(--space-6)}}@media(min-width:1024px){.app-shell{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:var(--space-8);max-width:calc(var(--max-app-width) + 20rem);margin:0 auto;padding:var(--space-6)}.app-sidebar{position:sticky;top:var(--space-6);align-self:start;min-height:calc(100dvh - (var(--space-6) * 2));padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.app-main{max-width:var(--max-app-width);margin:0;padding:0}.app-nav{flex-direction:column;display:flex;overflow:visible}.app-nav a{justify-content:flex-start;width:100%;padding:0 var(--space-4);font-size:1rem}.app-nav .menu-link{justify-content:center;width:2.75rem;min-width:2.75rem;padding-inline:0}.page,.home{gap:var(--space-8)}.page-grid{grid-template-columns:minmax(22.5rem,var(--form-panel-width)) minmax(0,1fr);align-items:start}.locations-browse-grid{grid-template-columns:minmax(0,1fr)}button{width:auto;align-self:flex-start}}.location-card{position:relative}.location-card-actions{position:absolute;top:.25rem;right:.35rem;display:flex;align-items:center;gap:0}.location-card .location-card-action,.item-card .location-card-action{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;margin:0;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;line-height:1}.location-card .location-card-action svg,.item-card .location-card-action svg{width:17px;height:17px;display:block}.location-card-title{padding-right:4.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;background:#1a1a2e;color:#e0e0e0}