html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media(min-width:400px){.container{width:85%;padding:0}}@media(min-width:550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:Raleway,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media(min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}.button,button,input[type=submit],input[type=reset],input[type=button]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,.button:focus,button:focus,input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=submit].button-primary,input[type=reset].button-primary,input[type=button].button-primary{color:#fff;background-color:#33c3f0;border-color:#33c3f0}.button.button-primary:hover,button.button-primary:hover,input[type=submit].button-primary:hover,input[type=reset].button-primary:hover,input[type=button].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type=submit].button-primary:focus,input[type=reset].button-primary:focus,input[type=button].button-primary:focus{color:#fff;background-color:#1eaedb;border-color:#1eaedb}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea,select{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}button,.button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}:root{--su-white: #ffffff;--su-black: #000000;--su-light-gray: #808080;--su-light-light-gray: #c4c4c4;--su-mid-gray: #242424;--su-dark-mid-gray: #1B1B1B;--su-dark-gray: #121212;--su-yellow: #c7c700;background-color:var(--background)}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden;font-size:16px}@media(prefers-color-scheme:light){:root{--background: #e8e800;--background-inner: var(--su-white);--mid-backdrop: var(--su-light-light-gray);--panel-backdrop: var(--su-white);--highlight-outline: var(--su-black);--outline: var(--su-mid-gray);--text: var(--su-dark-gray);--highlight-text: var(--su-black);--chrome-bg: #f5f5f5;--chrome-bg-secondary: #e0e0e0;--chrome-border: #bbb;--chrome-text: #333;--chrome-text-muted: #666;--chrome-text-hover: #111;--chrome-col-divider: #c0c0c0;--chrome-hover-bg: rgba(180, 180, 0, .12);--table-row: #ffffff;--table-row-alt: #f2f2f2;--table-row-hover: #fffde6;--table-row-border: #e0e0e0;--table-row-text: #1a1a1a}}@media(prefers-color-scheme:dark){:root{--background: var(--su-dark-gray);--background-inner: var(--su-dark-gray);--mid-backdrop: var(--su-dark-mid-gray);--panel-backdrop: var(--su-mid-gray);--highlight-outline: var(--su-yellow);--outline: var(--su-light-gray);--text: var(--su-mid-gray);--highlight-text: var(--su-light-gray);--chrome-bg: #1a1a1a;--chrome-bg-secondary: #2a2a2a;--chrome-border: #555;--chrome-text: #bbb;--chrome-text-muted: #888;--chrome-text-hover: #e0e0e0;--chrome-col-divider: #3a3a3a;--chrome-hover-bg: rgba(199, 199, 0, .08);--table-row: #1e1e1e;--table-row-alt: #262626;--table-row-hover: rgba(199, 199, 0, .08);--table-row-border: #333;--table-row-text: #ddd}}button,.button{line-height:1}[data-theme=light]{--background: #e8e800;--background-inner: var(--su-white);--mid-backdrop: var(--su-light-light-gray);--panel-backdrop: var(--su-white);--highlight-outline: var(--su-black);--outline: var(--su-mid-gray);--text: var(--su-dark-gray);--highlight-text: var(--su-black);--chrome-bg: #f5f5f5;--chrome-bg-secondary: #e0e0e0;--chrome-border: #bbb;--chrome-text: #333;--chrome-text-muted: #666;--chrome-text-hover: #111;--chrome-col-divider: #c0c0c0;--chrome-hover-bg: rgba(180, 180, 0, .12);--table-row: #ffffff;--table-row-alt: #f2f2f2;--table-row-hover: #fffde6;--table-row-border: #e0e0e0;--table-row-text: #1a1a1a}[data-theme=dark]{--background: var(--su-dark-gray);--background-inner: var(--su-dark-gray);--mid-backdrop: var(--su-dark-mid-gray);--panel-backdrop: var(--su-mid-gray);--highlight-outline: var(--su-yellow);--outline: var(--su-light-gray);--text: var(--su-mid-gray);--highlight-text: var(--su-light-gray);--chrome-bg: #1a1a1a;--chrome-bg-secondary: #2a2a2a;--chrome-border: #555;--chrome-text: #bbb;--chrome-text-muted: #888;--chrome-text-hover: #e0e0e0;--chrome-col-divider: #3a3a3a;--chrome-hover-bg: rgba(199, 199, 0, .08);--table-row: #1e1e1e;--table-row-alt: #262626;--table-row-hover: rgba(199, 199, 0, .08);--table-row-border: #333;--table-row-text: #ddd}@keyframes spinner-spin{to{transform:rotate(360deg)}}.spinner{width:36px;height:36px;border:3px solid rgba(128,128,128,.2);border-top-color:var(--su-yellow);border-radius:50%;animation:spinner-spin .75s linear infinite}.spinner--sm{width:14px;height:14px;border-width:2px}.page-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background-color:var(--chrome-bg)}.page-loading-title{font-size:1.4rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--chrome-text);opacity:.6}@media(max-width:768px){html,body,#root{overflow:hidden}}.table-view-outer{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.table-view-toolbar-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background-color:var(--chrome-bg);border-bottom:1px solid var(--chrome-border);flex-shrink:0}input[type=search].table-search{flex:1;min-width:120px;padding:5px 12px;font-size:1em;background-color:var(--chrome-bg-secondary);color:var(--chrome-text);border:1px solid var(--chrome-border);border-radius:8px;outline:none;margin-bottom:0;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none;line-height:1.5;box-sizing:border-box;height:auto}.table-search::placeholder{color:var(--chrome-text-muted);opacity:.7}.table-search:focus{border-color:var(--su-yellow);box-shadow:0 0 0 2px #c7c70026}.table-view-wrapper{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;width:100%;background-color:var(--table-row);display:flex;flex-direction:column;align-items:stretch}.table-view-wrapper::-webkit-scrollbar{width:10px;height:10px}.table-view-wrapper::-webkit-scrollbar-track{background-color:var(--chrome-bg)}.table-view-wrapper::-webkit-scrollbar-thumb{background-color:var(--chrome-text-muted);border-radius:4px;border:2px solid var(--chrome-bg)}.table-view-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--su-yellow)}.table-view-wrapper::-webkit-scrollbar-corner{background-color:var(--chrome-bg)}.table-view-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background-color:var(--chrome-bg);border-top:2px solid var(--su-yellow);flex-shrink:0}.pagination-button{padding:4px 14px;font-size:.78em;line-height:1;background-color:transparent;color:var(--chrome-text);border:1px solid var(--chrome-border);border-radius:4px;cursor:pointer;margin-bottom:0;transition:color .15s,border-color .15s}.pagination-button:hover{color:var(--su-yellow);border-color:var(--su-yellow);background-color:transparent}.pagination-button:disabled,.pagination-button:disabled:hover{opacity:.35;cursor:default;pointer-events:none}.pagination-info{font-size:.78em;color:var(--chrome-text-muted)}.table-view{border-collapse:separate;border-spacing:0;font-family:sans-serif;font-size:1.05em;width:100%;min-width:600px;table-layout:auto;margin-bottom:0;align-self:flex-start}.table-view thead tr{background-color:var(--chrome-bg-secondary);color:var(--chrome-text);text-align:left}.table-view th,.table-view td{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:11px 20px;border-right:1px solid var(--chrome-col-divider)}.table-view th{font-size:.9em;font-weight:600;letter-spacing:.5px;text-transform:uppercase;position:sticky;top:0;background-color:var(--chrome-bg-secondary);z-index:2;box-shadow:inset -1px 0 0 var(--chrome-col-divider)}.table-view th:last-child{box-shadow:none}.table-view td{font-size:.95em;color:var(--table-row-text);background-color:var(--table-row);border-bottom:1px solid var(--table-row-border)}.table-view th:last-child{border-right:none}.table-view td:last-child{border-right:none}.table-view tbody tr:nth-child(2n) td{background-color:var(--table-row-alt)}.table-view tbody tr:hover td{background-color:var(--table-row-hover)}.table-view tbody tr:last-child td{border-bottom:none}.row-checkbox{width:15px;height:15px;cursor:pointer;accent-color:var(--su-yellow);margin:0}.row-selected td{background-color:#c7c70026!important}.pagination-divider{width:1px;height:18px;background-color:var(--chrome-border);flex-shrink:0}.action-button{color:var(--su-yellow);border-color:var(--su-yellow)}.action-button:hover{background-color:#c7c7001f;color:var(--su-yellow);border-color:var(--su-yellow)}.deselect-button:hover{color:#ccc;border-color:#666;background-color:transparent}.table-loading{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background-color:var(--table-row)}.pagination-button:focus{color:var(--chrome-text);border-color:var(--chrome-border);outline:none}.edit-mode-active:focus{color:var(--su-yellow);border-color:var(--su-yellow)}.edit-mode-button{color:#bbb;border-color:#555}.edit-mode-active{color:var(--su-yellow);border-color:var(--su-yellow);background-color:#c7c7001a}.edit-mode-active:hover{background-color:#c7c7002e}.table-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.table-sort-controls{display:flex;align-items:center;gap:4px}.table-sort-label{font-size:.85em;color:var(--chrome-text-muted);margin-right:2px}.table-sort-btn{font-size:.8em;padding:4px 10px;line-height:1;margin-bottom:0;background-color:transparent;color:var(--chrome-text-muted);border:1px solid var(--chrome-border);border-radius:4px;cursor:pointer;transition:color .15s,border-color .15s}.table-sort-btn:hover{color:var(--su-yellow);border-color:var(--su-yellow);background-color:transparent}.table-sort-btn[data-active]{color:var(--su-yellow);border-color:var(--su-yellow)}.table-search-error{font-size:.75em;color:#e05555}@media(max-width:768px){.table-view th,.table-view td{padding:8px 10px;font-size:.85em}.table-view-pagination{padding:6px 10px;gap:8px}.pagination-button{padding:6px 10px;font-size:.72em}.table-view th:nth-child(1),.table-view td:nth-child(1),.table-view th:nth-child(2),.table-view td:nth-child(2),.table-view th:nth-child(3),.table-view td:nth-child(3),.table-view th:nth-child(4),.table-view td:nth-child(4),.table-view th:nth-child(5),.table-view td:nth-child(5),.table-view th:nth-child(6),.table-view td:nth-child(6),.table-view th:nth-child(7),.table-view td:nth-child(7){width:auto}}.add-item-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:#0000008c;animation:additem-fadein .15s ease}@keyframes additem-fadein{0%{opacity:0}to{opacity:1}}.add-item-modal{background-color:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:12px;width:380px;max-width:calc(100vw - 32px);box-shadow:0 8px 32px #00000059;animation:additem-slidein .15s ease}@keyframes additem-slidein{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.add-item-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.add-item-modal-title{margin:0;font-size:1.1em;font-weight:700;color:var(--chrome-text)}.add-item-close{all:unset;cursor:pointer;font-size:1.1em;color:var(--chrome-text-muted);padding:4px 8px;border-radius:6px;transition:color .15s,background .15s}.add-item-close:hover{color:var(--chrome-text);background-color:var(--chrome-hover-bg)}.add-item-form{display:flex;flex-direction:column;padding:16px 20px 20px;gap:12px}input[type=text].add-item-input{padding:10px 12px;border:1px solid var(--chrome-border);border-radius:8px;font-size:.9em;background-color:var(--chrome-bg-secondary);color:var(--chrome-text);transition:border-color .15s}.add-item-input::placeholder{color:var(--chrome-text-muted)}.add-item-input:focus{outline:none;border-color:var(--su-yellow)}.add-item-input:disabled{opacity:.5;cursor:not-allowed}.add-item-actions{display:flex;gap:10px;margin-top:4px}.add-item-btn{all:unset;cursor:pointer;padding:10px 20px;border-radius:8px;font-size:.85em;font-weight:600;text-align:center;transition:background .15s,border-color .15s,color .15s;flex:1;display:inline-flex;align-items:center;justify-content:center}.add-item-btn:disabled{opacity:.6;cursor:not-allowed}.add-item-btn--primary{background-color:var(--su-yellow);color:#000;border:1px solid var(--su-yellow)}.add-item-btn--primary:hover{background-color:#d4c200}.add-item-btn--secondary{background-color:var(--chrome-bg-secondary);color:var(--chrome-text);border:1px solid var(--chrome-border)}.add-item-btn--secondary:hover{border-color:var(--su-yellow);color:var(--su-yellow)}.add-item-dialog{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background-color:#00000073}.add-item-dialog-box{background-color:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:10px;padding:24px 28px;text-align:center;color:var(--chrome-text);box-shadow:0 4px 20px #0000004d}.add-item-dialog-box p{margin:0 0 16px;font-size:1em;font-weight:600}.add-item-dialog-buttons{display:flex;gap:10px;justify-content:center}.export-label{font-size:.82em;font-weight:600;color:var(--chrome-text-muted)}.export-error{font-size:.82em;color:#e05555;font-weight:500}input[type=date].add-item-input{padding:10px 12px;border:1px solid var(--chrome-border);border-radius:8px;font-size:.9em;background-color:var(--chrome-bg-secondary);color:var(--chrome-text);transition:border-color .15s;color-scheme:dark}[data-theme=light] input[type=date].add-item-input{color-scheme:light}@media(max-width:768px){.add-item-modal{width:100%;max-width:calc(100vw - 24px)}.add-item-input{font-size:16px}}.checkout-modal{width:460px}.checkout-modal-empty{padding:24px 20px;color:var(--chrome-text-muted);font-style:italic;text-align:center}.checkout-modal-items{padding:8px 20px;display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}.checkout-modal-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--chrome-bg-secondary);border:1px solid var(--chrome-border);border-radius:6px}.checkout-modal-item-name{color:var(--chrome-text);font-size:.9em}.checkout-modal-item-qty{color:var(--su-yellow);font-weight:600;font-size:.9em;flex-shrink:0;margin-left:12px}.checkout-modal-footer{padding:12px 20px 20px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--chrome-border);margin-top:8px}.checkout-modal-total{font-size:.85em;color:var(--chrome-text-muted);text-align:right}.sort-dropdown{position:relative;flex-shrink:0}.sort-dropdown-toggle{display:inline-flex;align-items:center;gap:3px;padding:5px 10px;font-size:.82em;line-height:1;background-color:transparent;color:var(--chrome-text-muted);border:1px solid var(--chrome-border);border-radius:4px;cursor:pointer;margin-bottom:0;transition:color .15s,border-color .15s;white-space:nowrap}.sort-dropdown-toggle:hover{color:var(--su-yellow);border-color:var(--su-yellow);background-color:transparent}.sort-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:120px;background-color:var(--chrome-bg-secondary);border:1px solid var(--chrome-border);border-radius:6px;box-shadow:0 6px 20px #0000004d;z-index:100;overflow:hidden;display:flex;flex-direction:column}.sort-dropdown-item{display:block;width:100%;text-align:left;padding:8px 14px;background:none;border:none;border-radius:0;font-size:.82em;color:var(--chrome-text-muted);cursor:pointer;margin-bottom:0;transition:background-color .15s,color .15s;white-space:nowrap}.sort-dropdown-item:hover{background-color:var(--chrome-hover-bg);color:var(--chrome-text-hover)}.sort-dropdown-item[data-active]{color:var(--su-yellow)}.sort-dropdown-item:focus:not(:focus-visible):not(:hover){background-color:transparent;color:var(--chrome-text-muted)}.admin-view{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 32px;display:flex;flex-direction:column;gap:32px}.admin-view::-webkit-scrollbar{width:10px}.admin-view::-webkit-scrollbar-track{background-color:var(--chrome-bg)}.admin-view::-webkit-scrollbar-thumb{background-color:var(--chrome-text-muted);border-radius:4px;border:2px solid var(--chrome-bg)}.admin-view::-webkit-scrollbar-thumb:hover{background-color:var(--su-yellow)}.admin-section::-webkit-scrollbar{height:10px}.admin-section::-webkit-scrollbar-track{background-color:var(--chrome-bg-secondary)}.admin-section::-webkit-scrollbar-thumb{background-color:var(--chrome-text-muted);border-radius:4px;border:2px solid var(--chrome-bg-secondary)}.admin-section::-webkit-scrollbar-thumb:hover{background-color:var(--su-yellow)}.admin-section::-webkit-scrollbar-corner{background-color:var(--chrome-bg-secondary)}.admin-section{background:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:8px;padding:20px 24px;max-width:720px;overflow-x:auto;box-sizing:border-box}.admin-section-heading{font-size:.74em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-text-muted);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--chrome-border);opacity:.7}.admin-loading{display:flex;justify-content:center;padding:24px}.admin-table{width:100%;border-collapse:collapse;font-size:.85em;margin-bottom:0}.admin-table thead tr{background:var(--chrome-bg-secondary)}.admin-table th{color:var(--chrome-text-muted);font-weight:600;text-transform:uppercase;font-size:.76em;letter-spacing:.05em;padding:8px 12px;text-align:left;border-bottom:1px solid var(--chrome-border)}.admin-table td{padding:9px 12px;color:var(--chrome-text);border-bottom:1px solid var(--chrome-border);opacity:.85}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background-color:var(--chrome-hover-bg);opacity:1}.admin-id-cell{font-family:monospace;font-size:.88em;opacity:.55!important}.admin-select{background-color:var(--chrome-bg-secondary);color:var(--chrome-text);border:1px solid var(--chrome-border);border-radius:4px;padding:3px 8px;font-size:.88em;outline:none;cursor:pointer;margin-bottom:0}.admin-select:focus{border-color:var(--su-yellow)}.admin-current-row td{opacity:1!important}.admin-current-badge{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:99px;background-color:var(--su-yellow);color:#111;font-size:.72em;font-weight:700;vertical-align:middle}.admin-revoke-button{padding:3px 12px;font-size:.78em;background:transparent;color:var(--chrome-text-muted);border:1px solid var(--chrome-border);border-radius:4px;cursor:pointer;margin-bottom:0;transition:color .15s,border-color .15s}.admin-revoke-button:hover:not(:disabled){color:#e05;border-color:#e05}.admin-revoke-button:disabled{opacity:.3;cursor:default}.admin-form{display:flex;flex-direction:column;gap:12px}.admin-form-row{display:flex;align-items:center;gap:12px}.admin-form-label{font-size:.82em;color:var(--chrome-text-muted);width:120px;flex-shrink:0}.admin-form-input{flex:1;padding:5px 10px;font-size:.85em;background-color:var(--chrome-bg-secondary)!important;color:var(--chrome-text)!important;border:1px solid var(--chrome-border)!important;border-radius:4px;outline:none;margin-bottom:0;height:auto!important;transition:border-color .15s;max-width:320px;appearance:none;-webkit-appearance:none}.admin-form-input:focus{border-color:var(--su-yellow)!important}.admin-form-input:focus{border-color:var(--su-yellow)}.admin-form-actions{display:flex;align-items:center;gap:12px;margin-top:4px;margin-left:132px}.admin-submit-button{padding:6px 20px;font-size:.82em;font-weight:600;background-color:var(--su-yellow);color:#000;border:none;border-radius:4px;cursor:pointer;margin-bottom:0;transition:opacity .15s}.admin-submit-button:hover:not(:disabled){opacity:.85}.admin-submit-button:disabled{opacity:.5;cursor:default}.admin-error{font-size:.8em;color:#e05}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center}.dialog-box{background:#fff;padding:20px;border-radius:10px;text-align:center}.dialog-buttons{margin-top:10px;display:flex;gap:10p;justify-content:center}@media(max-width:768px){.admin-view{padding:16px;gap:20px}.admin-section{padding:14px 16px;max-width:100%}.admin-form-row{flex-direction:column;align-items:stretch;gap:4px}.admin-form-label{width:auto}.admin-form-input{max-width:100%}.admin-form-actions{margin-left:0}.admin-table{font-size:.78em}.admin-table th,.admin-table td{padding:6px 8px}.dialog-box{width:90vw;max-width:90vw}}.settings-view{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px;display:flex;flex-direction:column;align-items:flex-start}.settings-card{background:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:8px;padding:28px 32px;width:100%;max-width:480px;box-sizing:border-box}.settings-heading{font-size:.74em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-text-muted);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--chrome-border);opacity:.7}.settings-group{margin-bottom:24px}.settings-label{display:block;font-size:.85em;font-weight:600;color:var(--chrome-text);margin-bottom:4px}.settings-description{font-size:.78em;color:var(--chrome-text-muted);margin-bottom:8px;opacity:.8}.settings-input{width:120px;padding:6px 10px;font-size:.85em;background-color:var(--chrome-bg-secondary)!important;color:var(--chrome-text)!important;border:1px solid var(--chrome-border)!important;border-radius:4px;outline:none;margin-bottom:0;height:auto!important;transition:border-color .15s;appearance:none;-webkit-appearance:none}.settings-input:focus{border-color:var(--su-yellow)!important}.settings-input:focus{border-color:var(--su-yellow)}.settings-footer{margin-top:8px;display:flex;gap:12px;align-items:center}.settings-save-button{padding:7px 22px;font-size:.82em;background-color:var(--su-yellow);color:#000;border:none;border-radius:4px;cursor:pointer;margin-bottom:0;transition:opacity .15s;font-weight:600}.settings-save-button:hover:not(:disabled){opacity:.85}.settings-save-button:disabled{opacity:.5;cursor:default}@media(max-width:768px){.settings-view{padding:16px}.settings-card{padding:18px 16px;max-width:100%}.settings-input{width:100%;font-size:16px}}#container{--margin: 16px;position:relative;background-color:var(--background);border:2px solid var(--highlight-outline);width:calc(100vw - 2 * var(--margin));height:calc(100vh - 2 * var(--margin));box-sizing:border-box;margin:var(--margin);display:flex;flex-direction:column;border-radius:6px;overflow:hidden;box-shadow:0 4px 24px #00000059}#header{border-bottom:3px solid var(--su-yellow);display:flex;justify-content:space-between;align-items:center;background-color:var(--chrome-bg);padding:16px 20px}#header-top{display:flex;justify-content:space-between;align-items:center;background-color:var(--chrome-bg);padding:14px 20px}#title{font-size:1.4rem;font-weight:700;color:var(--chrome-text);letter-spacing:1px;text-transform:uppercase}#header-toolbar{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;max-width:480px;padding:0 16px}#header-top-right{display:flex;align-items:center;gap:10px}.sidebar-toggle{display:none;background:none;border:1px solid var(--chrome-border);border-radius:4px;color:var(--chrome-text);font-size:1.1em;padding:4px 8px;cursor:pointer;margin-bottom:0;line-height:1;flex-shrink:0}.sidebar-toggle:hover{color:var(--su-yellow);border-color:var(--su-yellow);background:transparent}.header-button{display:inline-flex;align-items:center;gap:4px;font-size:.95em;background-color:transparent;color:var(--chrome-text);border:1px solid var(--chrome-border);border-radius:4px;padding:5px 12px;cursor:pointer;margin-bottom:0;transition:color .15s,border-color .15s}#body-header{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--mid-backdrop);border-bottom:2px solid var(--panel-backdrop)}#body-left{background-color:var(--chrome-bg);border-right:3px solid var(--su-yellow);width:160px;flex-shrink:0;display:flex;flex-direction:column;padding:8px 0}#table-view{flex-grow:1;display:flex;flex-direction:column;color:#fff}.body-header-button{height:100%;color:var(--highlight-outline);font-size:.65em}#add-item,#export-to-xls{height:20;border-color:var(--highlight-text);background-color:var(--panel-backdrop);margin-bottom:0}.body-left-button{display:block;width:100%;background:none;border:none;border-left:3px solid transparent;border-radius:0;color:var(--chrome-text-muted);text-align:left;padding:10px 18px;font-size:.82em;cursor:pointer;margin-bottom:0;box-sizing:border-box;transition:color .15s,background-color .15s,border-color .15s}.body-left-button:hover,.body-left-button[data-active]{background-color:var(--chrome-hover-bg);border-left-color:var(--su-yellow);color:var(--chrome-text-hover)}.body-left-button:disabled{cursor:default;opacity:.55}.body-left-button--sm{font-size:.72em;padding:7px 18px;opacity:.75}.body-left-button--sm:hover,.body-left-button--sm[data-active]{opacity:1}.body-left-spacer{flex:1}.body-left-divider{border:none;border-top:1px solid var(--chrome-border);margin:4px 16px;opacity:.4}.body-left-section-label{display:block;font-size:.68em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-text-muted);padding:8px 18px 2px;opacity:.6}.body-left-sub-button{padding-left:28px;font-size:.78em}.user-menu{position:relative}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--su-yellow);color:#1a1a1a;font-size:.7em;font-weight:700;border:none;cursor:pointer;margin-bottom:0;display:flex;align-items:center;justify-content:center;transition:opacity .15s;padding:0;line-height:1}.user-avatar:hover{opacity:.85;background-color:var(--su-yellow);color:#1a1a1a}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:1.5px solid rgba(199,199,0,.6);box-sizing:border-box}.user-avatar:focus-visible{outline:2px solid var(--su-yellow);outline-offset:2px}.user-avatar:focus:not(:focus-visible):not(:hover){opacity:1;background-color:var(--su-yellow);color:#1a1a1a}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--chrome-bg-secondary);border:1px solid var(--chrome-border);border-radius:6px;box-shadow:0 6px 20px #0000004d;z-index:100;overflow:hidden}.user-menu-email{padding:12px 16px 2px;font-size:.78em;color:var(--chrome-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-badge{padding:2px 16px 10px;font-size:.68em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--su-yellow);opacity:.85}.user-menu-divider{border:none;border-top:1px solid var(--chrome-border);margin:0;opacity:.5}.user-menu-item{display:block;width:100%;text-align:left;padding:10px 16px;background:none;border:none;border-radius:0;font-size:.82em;color:var(--chrome-text-muted);cursor:pointer;margin-bottom:0;transition:background-color .15s,color .15s}.user-menu-item:hover{background-color:var(--chrome-hover-bg);color:var(--chrome-text-hover)}.user-menu-item:focus:not(:focus-visible):not(:hover){background-color:transparent;color:var(--chrome-text-muted)}#body{flex-grow:1;min-height:0;display:flex;flex-direction:row;background-color:var(--chrome-bg)}#placeholder-panel{flex:1;display:flex;align-items:center;justify-content:center;color:var(--chrome-text-muted);font-size:1rem;font-style:italic}#database-view{flex-grow:1;color:var(--highlight-text);padding:16px;border-collapse:separate}#page-navigation,#quick-statistics{color:var(--highlight-text)}.table-entry-button{border:0}.reports-view{padding:20px;color:var(--highlight-text)}.reports-view h2{margin-top:0;margin-bottom:30px;color:var(--highlight-text);font-size:1.5em}.reports-view h3{margin-top:30px;margin-bottom:15px;color:var(--su-yellow);font-size:1.2em}.reports-section{margin-bottom:40px}.reports-list{display:flex;flex-direction:column;gap:15px}.report-card{background-color:var(--chrome-bg-secondary);border:1px solid var(--chrome-border);border-radius:8px;padding:15px}.report-card.unresolved{border-left:4px solid var(--su-yellow)}.report-card.resolved{opacity:.7}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.report-user{font-weight:600;color:var(--chrome-text)}.report-date{font-size:.85em;color:var(--chrome-text-muted)}.report-message{color:var(--chrome-text);line-height:1.4;margin-bottom:10px;white-space:pre-wrap}.report-status{color:var(--su-yellow);font-size:.9em;font-weight:500}.report-actions{display:flex;justify-content:flex-end}.resolve-button{background-color:var(--su-yellow);color:#1a1a1a;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:.85em;font-weight:600;transition:opacity .15s}.resolve-button:hover{opacity:.85}.no-reports{text-align:center;color:var(--chrome-text-muted);font-style:italic;padding:40px}.loading{text-align:center;color:var(--chrome-text-muted);padding:40px}#wp-footer,.wp-add-btn{display:none}@media(max-width:1024px){#body-left{width:130px}.body-left-button{padding:8px 14px;font-size:.78em}.body-left-sub-button{padding-left:20px;font-size:.74em}#header{padding:10px 14px}#title{font-size:1.15rem}}@media(max-width:768px){#container{--margin: 0px;border-radius:0;border:none;width:100%;height:100vh;height:100dvh;margin:0}#header{flex-wrap:wrap;padding:10px 12px;gap:8px}.sidebar-toggle+#title{margin-right:auto}#header-toolbar{order:3;flex:1 1 100%;justify-content:flex-start}#title{font-size:1rem}.header-button{font-size:.82em;padding:5px 8px}.sidebar-toggle{display:flex}#body{position:relative}.sidebar-backdrop{position:absolute;inset:0;z-index:49;background-color:#00000073}#body-left{position:absolute;top:0;left:0;height:100%;z-index:50;width:75%;max-width:260px;flex-direction:column;flex-wrap:nowrap;border-right:3px solid var(--su-yellow);border-bottom:none;padding:8px 0;gap:0;overflow-y:auto;overflow-x:hidden;box-shadow:4px 0 20px #0006}#body-left.sidebar-collapsed{display:none}.body-left-section-label,.body-left-spacer,.body-left-divider{display:block}.body-left-button{display:block;width:100%;border-left:3px solid transparent;border-top:none;border-right:none;border-bottom:none;border-radius:0;padding:10px 16px;font-size:.82em;white-space:nowrap;text-align:left}.body-left-button:hover,.body-left-button[data-active]{border-color:transparent;border-left-color:var(--su-yellow)}.body-left-sub-button{padding-left:20px}.body-left-button--sm{font-size:.75em;padding:8px 16px}.body-left-button-additem{display:block}.wp-add-btn{display:flex;align-items:center;justify-content:center;position:absolute;bottom:6px;right:12px;z-index:10;width:32px;height:32px;border-radius:50%;border:2px solid var(--su-yellow);background-color:var(--chrome-bg);color:var(--su-yellow);font-size:1.1em;font-weight:700;cursor:pointer;padding:0;margin-bottom:0;line-height:1;transition:background-color .15s,color .15s}.wp-add-btn:hover{background-color:var(--su-yellow);color:#1a1a00}.user-menu-dropdown{right:0;min-width:180px}}@media(max-width:480px){.header-separator{display:none}.user-avatar{width:28px;height:28px}}#container{--margin: 16px;background-color:var(--su-dark-gray);border:2px solid var(--su-yellow);width:calc(100vw - 2 * var(--margin));height:calc(100vh - 2 * var(--margin));box-sizing:border-box;margin:var(--margin);display:flex;flex-direction:column;border-radius:5px;overflow:hidden}.pantry-page #header{border-bottom:3px solid var(--su-yellow);display:flex;align-items:center;gap:12px;background-color:var(--chrome-bg);padding:16px 20px;flex-shrink:0}#header-center{flex:1 1 0;min-width:0;display:flex;flex-direction:row;align-items:center;gap:10px}.search-row{display:flex;align-items:center;gap:6px;flex:1 1 0;min-width:0}.pantry-page #header-top{display:flex;justify-content:space-between;align-items:center;background-color:var(--chrome-bg);padding:16px}.pantry-page #title{font-size:1.4rem;font-weight:700;color:var(--chrome-text);letter-spacing:1px;text-transform:uppercase}.pantry-page #header-top-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.nav-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-separator{width:1px;height:22px;background-color:var(--chrome-border);flex-shrink:0}.pantry-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--chrome-bg-secondary);border:2px solid var(--chrome-text-muted);flex-shrink:0;font-size:.9em;font-weight:600;color:var(--chrome-text-muted);-webkit-user-select:none;user-select:none}.pantry-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.pantry-avatar-guest{font-size:1.1em;color:var(--chrome-text-muted)}.pantry-avatar-initials{font-size:.9em}.pantry-avatar-btn{cursor:pointer;background:none;padding:0;margin-bottom:0;transition:opacity .15s}.pantry-avatar-btn:hover{opacity:.8}.pantry-user-menu{position:relative;flex-shrink:0}.pantry-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background-color:var(--chrome-bg-secondary);border:1px solid var(--chrome-border);border-radius:6px;box-shadow:0 6px 20px #0000004d;z-index:100;overflow:hidden}.pantry-menu-email{padding:12px 16px 2px;font-size:.78em;color:var(--chrome-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pantry-menu-badge{padding:2px 16px 10px;font-size:.68em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--su-yellow);opacity:.85}.pantry-menu-divider{border:none;border-top:1px solid var(--chrome-border);margin:0;opacity:.5}.pantry-menu-item{display:block;width:100%;text-align:left;padding:10px 16px;background:none;border:none;border-radius:0;font-size:.82em;color:var(--chrome-text-muted);cursor:pointer;margin-bottom:0;transition:background-color .15s,color .15s}.pantry-menu-item:hover{background-color:var(--chrome-hover-bg, rgba(255,255,255,.07));color:var(--chrome-text)}.header-button{display:inline-flex;align-items:center;gap:4px;font-size:.95em;background-color:transparent;color:var(--chrome-text);border:1px solid var(--chrome-border);border-radius:4px;padding:8px 12px;height:auto!important;line-height:normal!important;cursor:pointer;margin-bottom:0;transition:color .15s,border-color .15s}.header-button:hover,.header-button:focus-visible{color:var(--su-yellow);border-color:var(--su-yellow);background-color:transparent}.header-button:focus:not(:focus-visible):not(:hover){color:var(--chrome-text);border-color:var(--chrome-border);background-color:transparent}.header-button[data-active]{border-color:var(--su-yellow);background-color:#c7c7001f}#body-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background-color:var(--su-dark-mid-gray);border-bottom:2px solid var(--su-mid-gray);font-size:1.5em;flex-shrink:0}.cart-group{display:flex;align-items:center;gap:6px}.cart-icon{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:8px;border:1px solid var(--chrome-text-muted);background-color:var(--chrome-bg-secondary);font-size:.9em}.cart-label{font-size:1em;color:var(--chrome-text-muted)}.cart-actions{display:flex;align-items:center;gap:8px}.cart-clear-btn{margin-bottom:0;font-size:.78em;padding:8px 10px;height:auto!important;line-height:normal!important;border-color:#c04444;color:#c04444;background-color:#c0444414}.cart-clear-btn:hover{border-color:#e05555;color:#e05555;background-color:#c044442e}.cart-checkout-btn{margin-bottom:0;font-size:.78em;padding:8px 12px;height:auto!important;line-height:normal!important;border-color:var(--su-yellow);color:var(--su-yellow);background-color:#c7c70014}.cart-checkout-btn:hover{background-color:#c7c7002e;border-color:var(--su-yellow);color:var(--su-yellow)}.cart-badge{background-color:var(--su-yellow);color:#1a1a00;border-radius:999px;padding:1px 6px;margin-left:4px;margin-right:4px;font-size:14px;font-weight:700;display:inline-block;min-width:20px;text-align:center;line-height:1.4}[data-theme=light] .cart-badge{background-color:#7a6600;color:#fff}#view{flex-grow:1;display:flex;flex-direction:column}.body-header-button{height:100%;color:var(--su-yellow);font-size:.5em}#add-item,#export-to-xls{height:20;border-color:var(--su-light-gray);background-color:var(--su-mid-gray);margin-bottom:0}#body{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:row}#database-view{flex-grow:1;color:var(--su-light-gray);padding:16px;border-collapse:separate}#page-navigation,#quick-statistics{color:var(--su-light-gray)}.table-entry-button{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--chrome-border);padding:4px 10px;border-radius:6px;background-color:var(--chrome-bg-secondary);color:var(--chrome-text);transition:background .2s,border-color .2s,color .2s}.table-entry-button:hover{background-color:var(--chrome-hover-bg);border-color:var(--su-yellow);color:var(--su-yellow)}.table-entry-button:active{background-color:var(--chrome-hover-bg);opacity:.75}#theme-toggle{position:static;font-size:.7em;padding:5px 12px;border-radius:999px;border:1px solid var(--chrome-border);background-color:var(--chrome-bg-secondary);color:var(--chrome-text-muted);cursor:pointer;margin-bottom:0;transition:border-color .15s,color .15s;flex-shrink:0;min-width:5.5em;text-align:center}#footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px;flex-shrink:0;z-index:10;border-top:1px solid var(--chrome-border)}#footer-left{display:flex;align-items:center;gap:10px;justify-self:start}#pagination-slot{display:flex;align-items:center;justify-self:center}#pagination-slot .pantry-pagination{border-top:none;padding:0}#anon-note{font-size:.72em;color:var(--chrome-text-muted);opacity:.75}#theme-toggle:hover,#theme-toggle[data-active]{border-color:var(--su-yellow);color:var(--su-yellow)}[data-theme=light] #container{background-color:var(--chrome-bg);border-color:#9a8200}[data-theme=light] .pantry-page #header{background-color:var(--chrome-bg-secondary);border-bottom-color:#9a8200}[data-theme=light] .pantry-page #header-top{background-color:var(--chrome-bg-secondary)}[data-theme=light] .pantry-page #title{color:var(--chrome-text-hover)}.pantry-page #header-center input[type=text]{flex:1 1 0;min-width:0;max-width:420px;height:auto;margin:0;background-color:var(--chrome-bg-secondary);color:var(--chrome-text);border:1px solid var(--chrome-border);border-radius:8px;padding:5px 12px;font-size:1em;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;line-height:1.5}.pantry-page #header-center input[type=text]::placeholder{color:var(--chrome-text-muted)}.pantry-page #header-center input[type=text]:focus{border-color:var(--su-yellow);box-shadow:0 0 0 2px #c7c70026}[data-theme=light] .pantry-page #header-center input[type=text]{background-color:var(--chrome-bg);color:var(--chrome-text);border-color:var(--chrome-border)}[data-theme=light] .pantry-page #header-center input[type=text]:focus{border-color:#9a8200;box-shadow:0 0 0 2px #6e5a001f}[data-theme=light] .header-button{color:#7a6600;border-color:var(--chrome-border);background-color:var(--chrome-bg)}[data-theme=light] .header-button[data-active]{border-color:#9a8200;background-color:#6e5a001a}[data-theme=light] #body-header{background-color:var(--chrome-bg-secondary);border-bottom-color:var(--chrome-border)}[data-theme=light] .cart-icon{border-color:#9a8200;background-color:var(--chrome-bg);color:var(--chrome-text-hover)}[data-theme=light] .cart-checkout-btn{border-color:#9a8200;color:#7a6600;background-color:#6e5a0014}[data-theme=light] .cart-checkout-btn:hover{background-color:#6e5a002e}[data-theme=light] #theme-toggle{border-color:var(--chrome-border);color:var(--chrome-text-muted);background-color:var(--chrome-bg)}[data-theme=light] #theme-toggle:hover,[data-theme=light] #theme-toggle[data-active]{border-color:#9a8200;color:#7a6600}[data-theme=light] #user-view,[data-theme=light] #log-out{border-color:var(--chrome-border);background-color:var(--chrome-bg-secondary)}@media(max-width:1024px){.pantry-page #header{padding:12px 14px;gap:8px}#header-center{gap:6px}.pantry-page #header-center input[type=text]{max-width:280px;font-size:.9em;padding:4px 10px}.cart-icon{font-size:.8em;padding:2px 8px}.cart-clear-btn,.cart-checkout-btn{font-size:.7em;padding:6px 8px}}@media(max-width:768px){.pantry-page #container{--margin: 0px;border-radius:0;border:none;width:100%;height:100vh;height:100dvh;margin:0}.pantry-page #header{flex-wrap:wrap;padding:10px 12px;gap:6px}.pantry-page #title{font-size:1.1rem;flex:1;order:1}.nav-group{order:1;gap:6px}.pantry-page #header-top-right{order:2;flex:1 1 100%;justify-content:flex-start;flex-wrap:nowrap;gap:6px}#header-center{order:3;flex:1 1 100%}.search-row{width:100%}.pantry-page #header-center input[type=text]{max-width:100%;width:100%;font-size:.9em}.cart-group{flex-wrap:nowrap;gap:4px;overflow:hidden}.cart-label{display:none}.cart-icon{font-size:.8em;padding:2px 6px}.cart-clear-btn,.cart-checkout-btn{font-size:.7em;padding:5px 8px;white-space:nowrap}.header-button{font-size:.75em;padding:4px 6px;white-space:nowrap}#body-header{padding:6px 10px;font-size:1.2em}#footer{padding:4px 12px}#footer-left{gap:6px}#anon-note{font-size:.65em}#theme-toggle{font-size:.65em;padding:4px 10px}.theme-name{display:none}}@media(max-width:480px){.pantry-page #title{font-size:.95rem}.header-separator{display:none}.pantry-avatar{width:28px;height:28px}}.pantry-grid-outer{flex:1 1 0;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.pantry-grid-loading,.pantry-grid-empty,.pantry-grid-error{flex:1;display:flex;align-items:center;justify-content:center;color:var(--chrome-text-muted);font-size:1.1em}.pantry-grid-error{color:#e05555}.pantry-grid{flex:1 0 auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(175px,100%),1fr));grid-auto-rows:minmax(280px,1fr);gap:16px}.pantry-grid-outer::-webkit-scrollbar{width:10px}.pantry-grid-outer::-webkit-scrollbar-track{background-color:var(--chrome-bg)}.pantry-grid-outer::-webkit-scrollbar-thumb{background-color:var(--chrome-text-muted);border-radius:4px;border:2px solid var(--chrome-bg)}.pantry-grid-outer::-webkit-scrollbar-thumb:hover{background-color:var(--su-yellow)}.pantry-card{background-color:var(--chrome-bg-secondary);border:1px solid var(--chrome-border);border-radius:10px;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.pantry-card:hover{border-color:var(--su-yellow);box-shadow:0 2px 14px #c7c7001f}.pantry-card--oos{opacity:.5}.pantry-card-image{width:100%;height:150px;background-color:var(--chrome-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border-radius:10px 10px 0 0}.pantry-card-image img{width:100%;height:100%;object-fit:contain;padding:8px}.pantry-card-image-placeholder{font-size:3rem;opacity:.25}.pantry-card-body{flex:1;padding:10px 12px 6px;display:flex;flex-direction:column}.pantry-card-name{font-size:.9em;font-weight:600;color:var(--chrome-text-hover);line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pantry-card-brand{font-size:.82em;color:var(--chrome-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.pantry-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px;overflow:hidden;position:relative;max-height:calc(2*(1.1em + 6px))}.pantry-card-tag-more-wrap{position:relative;flex-shrink:0;display:inline-flex;align-items:center}.pantry-card-tag-more-wrap .pantry-card-tags-popover,.pantry-card-tag-more-wrap:hover .pantry-card-tags-popover{display:none}.pantry-card-tag{font-size:.63em;padding:2px 6px;border-radius:999px;background-color:#c7c7001a;color:var(--su-yellow);border:1px solid rgba(199,199,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.pantry-card-tag--more{position:relative;cursor:pointer;background-color:#c7c7002e;flex-shrink:0;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center}.pantry-card-tag--more:hover{background-color:#c7c70052}.pantry-card-tags-popover{position:fixed;display:flex;flex-wrap:wrap;gap:4px;background-color:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:6px;padding:8px 10px;z-index:9999;box-shadow:0 4px 16px #0000008c;max-width:200px;pointer-events:auto}.pantry-card-qty{font-size:.8em;color:var(--chrome-text-muted);margin-top:auto;padding-top:6px}.pantry-card-qty--oos{color:#e05555;font-weight:600}.pantry-card-actions{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-top:1px solid var(--chrome-border);background-color:var(--chrome-bg);flex-shrink:0;box-sizing:border-box}.pantry-card-btn{all:unset;cursor:pointer;width:28px;height:28px;border-radius:50%;border:1px solid var(--chrome-border);background-color:var(--chrome-bg-secondary);color:var(--chrome-text);font-size:1.25em;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.pantry-card-btn:hover:not(:disabled){border-color:var(--su-yellow);color:var(--su-yellow);background-color:#c7c70014}.pantry-card-btn:disabled{opacity:.25;cursor:default}.pantry-card-btn--add:not(:disabled){border-color:var(--su-yellow);color:var(--su-yellow)}.pantry-card-cart-qty{font-size:.85em;font-weight:700;color:var(--su-yellow);min-width:18px;text-align:center}.pantry-pagination{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 16px;border-top:1px solid var(--chrome-border)}.pantry-pagination-btn{all:unset;cursor:pointer;padding:6px 16px;border-radius:6px;border:1px solid var(--chrome-border);background-color:var(--chrome-bg-secondary);color:var(--chrome-text);font-size:.85em;transition:background .15s,border-color .15s,color .15s}.pantry-pagination-btn:hover:not(:disabled){border-color:var(--su-yellow);color:var(--su-yellow);background-color:#c7c70014}.pantry-pagination-btn:disabled{opacity:.3;cursor:default}.pantry-pagination-info{font-size:.85em;color:var(--chrome-text-muted);min-width:60px;text-align:center}[data-theme=light] .pantry-card{border-color:#ccc;box-shadow:0 1px 4px #00000014}@media(max-width:1024px){.pantry-grid{padding:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(155px,100%),1fr))}.pantry-card-image{height:120px}.pantry-card-body{padding:8px 10px 4px}.pantry-pagination{gap:10px;padding:8px 12px}}@media(max-width:768px){.pantry-grid{padding:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))}.pantry-card-image{height:100px}.pantry-card-name{font-size:.82em}.pantry-card-brand{font-size:.68em}.pantry-card-tag{font-size:.58em;padding:1px 4px}.pantry-card-qty{font-size:.65em;padding-top:12px}.pantry-card-actions{padding:8px 10px;gap:8px}.pantry-card-btn{width:32px;height:32px;font-size:1.1em}.pantry-pagination{gap:8px;padding:8px 10px}.pantry-pagination-btn{padding:6px 12px;font-size:.78em}.pantry-pagination-info{font-size:.78em}}@media(max-width:480px){.pantry-grid{grid-template-columns:repeat(auto-fill,minmax(min(120px,100%),1fr));padding:8px;gap:8px}.pantry-card-image{height:80px}.pantry-card-body{padding:6px 8px 4px}}[data-theme=light] .pantry-card:hover{border-color:#9a8200;box-shadow:0 2px 14px #7864002e}[data-theme=light] .pantry-card-image{background-color:#ebebeb}[data-theme=light] .pantry-card-tag{background-color:#6e5a001a;color:#5e4d00;border-color:#6e5a0059}[data-theme=light] .pantry-card-tag--more{background-color:#6e5a0026}[data-theme=light] .pantry-card-tag--more:hover{background-color:#6e5a0047}[data-theme=light] .pantry-card-btn--add:not(:disabled){border-color:#9a8200;color:#7a6600}[data-theme=light] .pantry-card-btn:hover:not(:disabled){border-color:#9a8200;color:#7a6600;background-color:#6e5a001a}[data-theme=light] .pantry-card-cart-qty{color:#7a6600}[data-theme=light] .pantry-pagination-btn:hover:not(:disabled){border-color:#9a8200;color:#7a6600;background-color:#6e5a0014}[data-theme=light] .pantry-grid::-webkit-scrollbar-thumb:hover{background-color:#9a8200}