.App{width:100%;max-width:100%;margin:0 auto;font-family:sans-serif;text-align:left}.App-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background-color:#1a1a1a;padding:16px 20px;color:#fff;margin-bottom:20px;border-radius:8px;position:sticky;top:0;z-index:20}.header-left{display:flex;flex-direction:column;gap:12px;min-width:0}.header-left h1{font-size:24px;margin:0}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.top-nav{display:flex;flex-wrap:wrap;gap:8px}button,.add-button{background-color:#f15922;color:#fff;border:none;padding:9px 14px;border-radius:5px;cursor:pointer;font-weight:700;white-space:nowrap}button:hover,.add-button:hover{opacity:.9}button:disabled{cursor:not-allowed;opacity:.6}.nav-button{background-color:#333;color:#fff;text-decoration:none;padding:9px 14px;border-radius:5px;font-weight:700;display:inline-block}.nav-button.active{background-color:#f15922}.logout-button{flex:0 0 auto;background-color:#555}.secondary-button{background-color:#555}.danger-button{background-color:#b3261e}.page-section{position:relative}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.page-header h2{margin:0;font-size:22px}.page-subtitle{margin:6px 0 0;color:#aaa}.back-link{display:inline-block;margin-bottom:8px;color:#f15922}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.secondary-link{background-color:#555}.quantity-input{max-width:120px}.quantity-editor{display:flex;align-items:center;gap:8px}.save-status{min-width:54px;color:#aaa;font-size:12px}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:14px;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:14px}.filters label{display:grid;gap:6px;min-width:180px}.filters label span{color:#ddd;font-size:13px;font-weight:700}.inline-filter{display:flex!important;grid-template-columns:unset;flex-direction:row;align-items:center;min-width:auto!important;padding-bottom:7px}.filter-count{color:#ddd;font-weight:700;padding-bottom:9px}.table-wrap{width:100%;max-width:100%;overflow-x:auto;border:1px solid #333;border-radius:8px}table{width:100%;border-collapse:collapse;background-color:#1a1a1a;min-width:900px}th,td{border-bottom:1px solid #333;padding:10px;text-align:left;vertical-align:middle}th{background-color:#2c2c2c;color:#f15922;font-size:13px;text-transform:uppercase}input[type=text],input[type=number],input[type=password],select{width:100%;min-width:110px;padding:8px;box-sizing:border-box;border:1px solid #555;border-radius:4px;background-color:#333;color:#fff}input[type=checkbox]{transform:scale(1.25);accent-color:#F15922}.center-cell{text-align:center}.item-photo{width:50px;height:50px;object-fit:cover;cursor:pointer;border-radius:4px}.floating-add-button{position:fixed;right:28px;bottom:28px;z-index:15;min-width:120px;box-shadow:0 8px 20px #00000073}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b8;display:flex;justify-content:center;align-items:center;padding:20px;z-index:30}.modal-content{background:#2c2c2c;padding:20px;border-radius:8px;border:1px solid #F15922;max-width:620px;width:min(620px,100%);max-height:calc(100vh - 48px);overflow-y:auto}.modal-content h3{margin-top:0}.modal-content img{max-width:100%;max-height:300px;margin-bottom:10px}.form-modal{display:grid;gap:14px}.form-field{display:grid;gap:6px;text-align:left}.checkbox-field{grid-template-columns:1fr auto;align-items:center}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.login-container{max-width:400px;margin:50px auto;padding:2rem;background:#1a1a1a;border-radius:8px;text-align:center}.login-container input{margin-top:1rem;margin-bottom:1rem}.error-message{color:#ff8a80;margin:10px 0}.public-page{display:grid;gap:18px;padding:20px;border-radius:8px}.public-page.dark-theme{background-color:#000;color:#fff}.public-page.light-theme{background-color:#fff;color:#000}.public-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;padding:18px;background:linear-gradient(180deg,#1f1f1f,#171717);border:1px solid #333;border-radius:8px}.eyebrow{margin:0 0 8px;color:#f15922;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.public-hero h2{margin:0 0 10px;font-size:24px}.public-copy{margin:0;color:#cfcfcf;max-width:56ch}.public-search{display:grid;gap:12px;align-content:start;padding:16px;background:#151515;border:1px solid #333;border-radius:8px}.public-search label{display:grid;gap:6px}.public-search span{color:#ddd;font-size:13px;font-weight:700}.public-search button{justify-self:start}.public-search input{min-width:0;font-size:16px}.public-empty{padding:20px;border:1px dashed #444;border-radius:8px;color:#cfcfcf;background:#141414}.public-results{display:grid;gap:16px}.public-meta{display:flex;flex-wrap:wrap;gap:12px}.public-meta div{min-width:180px;padding:12px 14px;border:1px solid #333;border-radius:8px;background:#141414;display:grid;gap:6px}.public-meta span{color:#aaa;font-size:12px;text-transform:uppercase}.public-meta strong{font-size:16px}.public-accordion-list{display:grid;gap:12px}.public-accordion-list.nested{gap:10px}.accordion-card{border:1px solid #333;border-radius:8px;background:#151515;overflow:hidden}.accordion-card[open]{border-color:#444}.accordion-card.nested-card{background:#101010}.accordion-summary{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;font-weight:700;align-items:center}.accordion-summary::-webkit-details-marker{display:none}.summary-count{color:#aaa;font-size:12px;font-weight:600;white-space:nowrap}.accordion-body{display:grid;gap:14px;padding:0 14px 14px}.subsection h3{margin:14px 0 10px;font-size:14px;text-transform:uppercase;color:#f15922}.plain-list{margin:0;padding-left:18px;display:grid;gap:6px}.plain-list li label{display:inline-flex;align-items:flex-start;gap:10px;line-height:1.35}.plain-list .shopping-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0}.shopping-item-main{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.shopping-item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.compact-button{padding:6px 9px;font-size:12px}.item-price,.not-found-badge{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;white-space:nowrap}.item-price{background:#8fefc826;color:#8fefc8}.not-found-badge{background:#ffd36a26;color:#ffd36a}.not-found-item>.shopping-item-main>label{opacity:.65}.price-modal{max-width:440px}.price-modal input[type=number]{font-size:20px}.modal-error{margin:0}.checked-line{text-decoration:line-through;opacity:.6}.plain-list li label input[type=checkbox]{margin-top:2px;flex:0 0 auto}.public-page input[type=checkbox]{transform:scale(1.2)}.muted{color:#9a9a9a;margin:0}.public-page input{min-width:0}.public-page .public-search input{width:100%}.public-page .public-search input[type=password]{letter-spacing:.2em}.public-page .public-results .accordion-body .accordion-card{margin-top:8px}.success-message{color:#8fefc8;margin:10px 0}.status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.status-draft_pending{background:#f1592226;color:#ffb08e}.status-approved_sent{background:#8fefc826;color:#8fefc8}.status-modified{background:#ffd36a26;color:#ffd36a}.action-button{background-color:#f15922;color:#fff;text-decoration:none;padding:6px 12px;border-radius:4px;font-size:14px;display:inline-block}.action-button:hover{opacity:.9}.theme-toggle-container{display:flex;justify-content:flex-end;margin-bottom:10px}.theme-toggle-button{background:transparent;border:1px solid;padding:6px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.theme-toggle-button:hover{background-color:#ffffff1a}.dark-theme .theme-toggle-button{color:#fff}.light-theme .theme-toggle-button{color:#000}.public-page.light-theme{--bg-color: #f9f9f9;--text-color: #333;--hero-bg: #fff;--card-bg: #fff;--border-color: #ddd;--muted-text: #666;--accent-color: #F15922}.public-page.light-theme{background-color:var(--bg-color);color:var(--text-color)}.public-page.light-theme .public-hero{background:var(--hero-bg);border-color:var(--border-color);color:var(--text-color)}.public-page.light-theme .public-copy{color:var(--muted-text)}.public-page.light-theme .public-search{background:var(--hero-bg);border-color:var(--border-color)}.public-page.light-theme .public-search span{color:var(--text-color)}.public-page.light-theme .public-search input{background-color:#fff;color:#333;border:1px solid #ccc}.public-page.light-theme .public-empty{background:var(--hero-bg);border-color:var(--border-color);color:var(--muted-text)}.public-page.light-theme .public-meta div{background:var(--hero-bg);border-color:var(--border-color)}.public-page.light-theme .public-meta span{color:var(--muted-text)}.public-page.light-theme .accordion-card{background:var(--card-bg);border-color:var(--border-color)}.public-page.light-theme .accordion-card.nested-card{background:#f4f4f4}.public-page.light-theme .accordion-card[open]{border-color:#bbb}.public-page.light-theme .summary-count,.public-page.light-theme .muted{color:var(--muted-text)}.public-page.light-theme .item-price{background:#e1f5ec;color:#12613f}.public-page.light-theme .not-found-badge{background:#fff0c2;color:#765000}.public-page.light-theme .price-modal{background:#fff;color:#333}.public-page.light-theme .price-modal input{background:#fff;color:#333;border-color:#bbb}.public-page.light-theme .theme-toggle-button{border-color:#333;color:#333}.public-page.light-theme .theme-toggle-button:hover{background-color:#0000000d}@media (max-width: 720px){.App-header{flex-direction:column}.header-right{align-self:flex-start;flex-direction:row}.floating-add-button{right:16px;bottom:16px}.public-hero{grid-template-columns:1fr}.public-search{padding:14px}.public-search button{width:100%;justify-self:stretch}.accordion-summary{flex-wrap:wrap;align-items:flex-start}.summary-count{white-space:normal;text-align:right}.plain-list{padding-left:12px}.plain-list li label{gap:8px}.plain-list .shopping-item{flex-direction:column}.shopping-item-actions{width:100%;justify-content:flex-start}}.stats-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:6px}.stat-label{font-size:13px;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:700;color:#f15922}*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#000;color:#fff}#root{width:100%;max-width:1400px;margin:0 auto;padding:2rem}@media (max-width: 720px){#root{padding:1rem}}