*,*:before,*:after{box-sizing:border-box;margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3{overflow-wrap:break-word;text-wrap:balance}:root{scroll-behavior:smooth;font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1;interpolate-size:allow-keywords;--gray-0: hsl(0 0% 99%);--gray-1: hsl(0 0% 94%);--gray-2: hsl(0 0% 88%);--gray-3: hsl(0 0% 80%);--gray-4: hsl(0 0% 60%);--gray-5: hsl(0 0% 40%);--gray-6: hsl(0 0% 20%);--bg: var(--gray-1);--surface: var(--gray-0);--muted: var(--gray-3);--text: var(--gray-6);--subtle: var(--gray-5);--border: var(--gray-2);--border-subtle: var(--gray-1);--ring: hsl(220 75% 50%);--font-size-sm: .75rem;--font-size-base: 1rem;--font-size-lg: 1.15rem;--font-size-xl: 1.25rem;--font-size-xxl: 2rem}@media(prefers-color-scheme:dark){:root{--gray-0: hsl(210 8% 6%);--gray-1: hsl(210 7% 10%);--gray-2: hsl(210 6% 16%);--gray-3: hsl(210 6% 28%);--gray-4: hsl(210 5% 44%);--gray-5: hsl(210 6% 66%);--gray-6: hsl(210 8% 92%);--bg: var(--gray-0);--surface: var(--gray-1);--muted: var(--gray-3);--text: var(--gray-6);--subtle: var(--gray-5);--border: var(--gray-2);--border-subtle: var(--gray-1)}}*{scrollbar-color:var(--gray-1) var(--gray-0)}body{line-height:1.5;background:var(--bg);color:var(--text);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);-webkit-font-smoothing:antialiased}p,.small{font-size:var(--font-size-sm);color:var(--subtle);text-wrap:pretty}h1{font-size:var(--font-size-xxl);font-weight:800;letter-spacing:-.035em;margin-block:.5em}h2{font-size:var(--font-size-xl);font-weight:600;margin-bottom:.5em;letter-spacing:-.025rem}h3{font-size:var(--font-size-lg);font-weight:500;margin-bottom:.25em}hr{margin-block:.5rem;border:1px solid var(--gray-2)}button,.btn,a{cursor:pointer;display:block;text-align:center;text-decoration:none;border-radius:.25rem}:is(button,.btn,a):active{transition:transform .15s cubic-bezier(.175,.885,.32,1.275);transform:scale(.975)}:is(button,.btn,a):focus-visible{transition:.5s box-shadow cubic-bezier(.075,.82,.165,1);box-shadow:0 0 0 2px var(--ring);outline:none}:is(button,.btn,a):focus-visible *:focus{outline:none}.subtle{background-color:var(--gray-2);border:none;padding:.5rem;border-radius:.5rem;color:var(--gray-6)}.primary{background-color:var(--gray-6);color:var(--gray-1);border-radius:.5rem;border:none;padding:.5rem}.unset{all:unset}svg:not(.checkbox-icon){fill:var(--subtle);stroke:var(--subtle)}.full{width:100%}.ghost{background:none;border:none;color:inherit;field-sizing:content}details{margin-bottom:.75rem}details::details-content{margin-top:.5rem;block-size:0;transition:block-size .5s cubic-bezier(.075,.82,.165,1),content-visibility .5s cubic-bezier(.075,.82,.165,1);transition-behavior:allow-discrete}details[open]::details-content{block-size:auto}details:not([open])>*:not(summary){transition:opacity .25s cubic-bezier(.075,.82,.165,1),.25s transform cubic-bezier(.075,.82,.165,1);opacity:0;filter:blur(.25rem);transform:scale(.95)}details[open]>*:not(summary){transition:opacity .25s cubic-bezier(.075,.82,.165,1),.25s transform cubic-bezier(.075,.82,.165,1);opacity:1;filter:blur(0);transform:scale(1)}details summary{display:flex;align-items:center;gap:.5rem;cursor:pointer;list-style:none;padding:.25rem 0;-webkit-user-select:none;user-select:none;position:relative;transition:all .5s cubic-bezier(.075,.82,.165,1)}details summary svg{transform:rotate(90deg);position:absolute;right:.5rem;fill:var(--subtle)}details[open]{margin-bottom:1rem}details[open] svg{transform:rotate(-90deg)}details summary::marker,details summary::-webkit-details-marker{display:none}details[open] summary:before{transform:rotate(90deg)}.card{background-color:var(--surface);border:1px solid var(--gray-2);border-radius:.75rem}a.disabled{pointer-events:none;color:var(--subtle)}.focus-ring:has(:focus-within){transition:.5s box-shadow cubic-bezier(.075,.82,.165,1);box-shadow:0 0 0 2px var(--ring);z-index:1;outline:none}.focus-ring:has(:focus-within) *:focus{outline:none}.fade-overflow{--foreground: rgb(255 255 255);--mask-size: 32px;--mask-start: 0px;--mask-end: var(--mask-size);--dir-start: 100% var(--mask-start);--dir-end: 100% var(--mask-end);scrollbar-width:none;scrollbar-color:var(--gray-2) transparent;overflow-y:auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude;animation-name:reveal-mask,unreveal-mask;animation-timeline:scroll(self),scroll(self);animation-range:0 var(--scroll-buffer),calc(100% - var(--scroll-buffer)) 100%;animation-fill-mode:both;--scroll-buffer: 40px}@keyframes reveal-mask{0%{--mask-start: 0px}to{--mask-start: var(--mask-size)}}@keyframes unreveal-mask{0%{--mask-end: var(--mask-size)}to{--mask-end: 0px}}.fade-overflow.y{--dir-start: 100% var(--mask-start);--dir-end: 100% var(--mask-end);-webkit-mask-image:linear-gradient(to top,transparent,var(--foreground) 90%),linear-gradient(to bottom,transparent 0%,var(--foreground) 100%),linear-gradient(var(--foreground),var(--foreground));mask-image:linear-gradient(to top,transparent,var(--foreground) 90%),linear-gradient(to bottom,transparent 0%,var(--foreground) 100%),linear-gradient(var(--foreground),var(--foreground));-webkit-mask-size:100% var(--mask-start),100% var(--mask-end),100% 100%;mask-size:100% var(--mask-start),100% var(--mask-end),100% 100%;-webkit-mask-position:0 0,0 100%,0 0;mask-position:0 0,0 100%,0 0}.fade-overflow.x{--dir-start: var(--mask-start) 100%;--dir-end: var(--mask-end) 100%;-webkit-mask-image:linear-gradient(to right,transparent,var(--foreground) 90%),linear-gradient(to left,transparent 0%,var(--foreground) 100%),linear-gradient(var(--foreground),var(--foreground));mask-image:linear-gradient(to right,transparent,var(--foreground) 90%),linear-gradient(to left,transparent 0%,var(--foreground) 100%),linear-gradient(var(--foreground),var(--foreground));-webkit-mask-size:var(--mask-start) 100%,var(--mask-end) 100%,100% 100%;mask-size:var(--mask-start) 100%,var(--mask-end) 100%,100% 100%;-webkit-mask-position:0 0,100% 0,0 0;mask-position:0 0,100% 0,0 0}.invisible{height:0;width:0;position:absolute}ul.unstyled{list-style:none;padding:0}a.unstyled{text-decoration:none;color:inherit}.bottom{height:fit-content}.opening{transition:transform .5s cubic-bezier(.075,.82,.165,1),opacity .5s cubic-bezier(.075,.82,.165,1)}@starting-style{.opening.bottom{transform:translateY(-.5rem);opacity:0}}input.invisible{position:absolute;height:0px;width:0px;opacity:0}.input-search{flex:1;display:flex;align-items:center;padding-inline:.5rem}.input-search input{flex:1;padding:.5rem}header:has(.input-search){margin-bottom:1rem}.flex{display:flex;align-items:center;gap:.5rem}.flex.sb{justify-content:space-between}.bottom{margin-bottom:1rem}.title{padding:.25rem .5rem}.chevron-link{gap:0;color:var(--subtle)}button.position.bottom{position:sticky;bottom:1rem;z-index:10;box-shadow:40px 40px 20px -10px var(--bg)}#form-login{display:flex;flex-direction:column;justify-content:center;gap:.75rem;max-width:420px;margin-top:.75rem;background-color:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem}#form-login input{padding:.5rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg);color:var(--text)}.list-preview .list-item{position:relative;margin-bottom:4rem;padding:.75rem}.list-preview .list-item:after,.list-preview .list-item:before{content:"";position:absolute;inset:0;transform:scale(.95) translateY(1.25rem);border-radius:1rem;background-color:var(--surface);border:1px solid var(--border);z-index:-1;box-shadow:#0000003d 0 3px 8px}.list-preview .list-item:before{transform:scale(.9) translateY(2.5rem)}.list-item:not(:focus){box-shadow:#0000003d 0 3px 8px}.list-preview{display:grid}.home-list .label{text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-size-sm);color:var(--subtle);margin:0}.home-list-body{display:flex;flex-wrap:wrap;gap:.35rem}.home-layout .input-search{padding:0 1rem 0 .5rem}.home-layout-header{display:flex;justify-content:space-between;align-items:center;margin-block:.5rem .25rem}.home-layout-header a{display:flex;color:var(--subtle)}ul:has(.action){display:flex;flex-direction:column;gap:.5rem}.action{padding:.75rem;width:100%;justify-content:space-between}.backdrop:not(:popover-open),.backdrop:popover-open{all:unset;display:block;position:absolute;inset:0;width:100%;height:100svh;margin:0!important;overflow:hidden}.backdrop:not(:popover-open){transition:background .25s cubic-bezier(.075,.82,.165,1);background-color:#0000;pointer-events:none}.backdrop:not(:popover-open) .sheet{transform:translateY(100%)}.backdrop:popover-open{transition:background .25 cubic-bezier(.075,.82,.165,1);background-color:#00000080}.backdrop:popover-open .sheet{transform:translateY(0)}.sheet{transition:transform .75s cubic-bezier(.075,.82,.165,1)}html.sheet-open,body.sheet-open{overscroll-behavior:none;overflow:hidden}body.sheet-open #root{transform:scale(.95);transition:transform 1s cubic-bezier(.075,.82,.165,1);will-change:transform}body:not(.sheet-open) #root{transform:scale(1);transition:transform 1s cubic-bezier(.075,.82,.165,1);will-change:transform}.sheet{background-color:var(--gray-1);inset:auto 0 0;position:absolute;display:flex;flex-direction:column;width:100%;border-top-left-radius:1rem;border-top-right-radius:1rem}.sheet>*{width:min(750px,100%);margin-inline:auto}.sheet header{justify-content:space-between;position:relative;-webkit-user-select:none;user-select:none;padding-block:1.5rem .5rem}.sheet header svg{fill:var(--subtle)}.sheet header:after{content:"";background-color:var(--gray-2);height:.35rem;width:3rem;border-radius:100vh;position:absolute;left:50%;transform:translate(-50%) translateY(-1.75rem)}.sheet section{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gray-2) transparent;align-self:stretch!important;height:100%}.sheet footer{padding:.5rem .5rem 1rem}#root>header{height:fit-content;background:var(--bg);-webkit-backdrop-filter:saturate(1.2) blur(4px);backdrop-filter:saturate(1.2) blur(4px);margin:0}#root>header nav{display:flex;align-items:center;justify-content:space-between;padding-block:.75rem}#root>header nav a{text-decoration:none;color:inherit}#root>header nav .brand{font-size:1.15rem;font-weight:600;letter-spacing:-.03rem}.avatar-button{border:none;background:transparent;padding:0;display:flex;align-items:center;cursor:pointer}#root>header nav #avatar{background-color:var(--gray-2);border:1px solid var(--border);border-radius:100vh;width:2rem;aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-size:.95rem;color:var(--text)}.container{width:min(750px,calc(100% - 2rem));margin-inline:auto}:root,body{height:100%;margin:0}#root{display:flex;flex-direction:column;height:100svh}main{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:1rem}.state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem}.state>*{max-width:24ch;text-align:center}header.flex{display:flex;align-items:center;justify-content:space-between;color:var(--text)}header.flex h1{font-size:1.75rem}.account-sheet{display:grid;gap:.75rem}.account-row{display:grid;gap:.35rem}.account-field{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .25rem .5rem .75rem;border-radius:.75rem;border:1px solid var(--border);margin-bottom:1rem}.account-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{display:inline-flex;align-items:center;gap:.4rem;justify-content:center;width:100%}.list{list-style:none;padding:0}.list li{border-top:1px solid var(--gray-2);width:100%;display:flex;justify-content:space-between;align-items:center;transition:background-color .12s ease}.list li svg{fill:var(--gray-4)}.list li button{padding:.625rem .5rem}.list li label{padding:.75rem 1rem}.list li:hover,.list li:focus{background-color:var(--gray-1);outline:none}.list a{text-decoration:none;color:inherit;width:100%}#product-list{list-style:none;padding:0}#product-list label{display:flex;gap:.75rem;align-items:start;color:var(--subtle);width:100%;transition:background-color .12s ease,color .12s ease}#product-list span{border:2px solid var(--gray-2);border-radius:.25rem;padding:.15rem;height:1.35rem;min-width:1.35rem}#product-list label:has(input:checked) span{background-color:var(--gray-2)}#product-list svg{fill:none}#list-page{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.5rem;scrollbar-width:none;padding-bottom:1rem}#list-page header{display:unset;margin:unset}.list-item{padding:1rem;display:flex;flex-direction:column;margin:0;height:auto}.list-demo{position:relative;-webkit-mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 2rem),transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 2rem),transparent 100%)}.list-demo li{font-size:var(--font-size-sm);overflow-x:hidden;white-space:nowrap;color:var(--subtle)}.list-demo li:before{content:"✓";font-size:1rem;padding-right:.25rem;color:var(--subtle)}.empty{width:100%;height:200px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:400}.table-container{overflow:auto}.table-container header,.table-container .row{display:grid;grid-template-columns:repeat(6,160px);width:max-content}:is(.table-container header,.table-container .row)>*{border-right:1px solid var(--gray-3);border-bottom:1px solid var(--gray-3);padding:.5rem}.table-container header{position:sticky;top:0;z-index:1}.table-container .row li:last-of-type{border-right:none}.table-container h3{width:100%;background-color:var(--gray-2)}.table-container ul{list-style:none;padding:0}.table-container ul li{font-family:Jetbrains Mono}.table-container ul li:nth-child(odd) .row{background-color:color-mix(in lab,var(--gray-2) 35%,transparent)}#import-input{display:inline-flex;align-items:center;justify-content:center;width:100%;height:300px;border:1px dashed var(--gray-2);border-radius:1rem;margin-top:.5rem;background:color-mix(in lab,var(--surface) 70%,transparent)}#import-input p{max-width:28ch;margin:auto;text-align:center}.import-details{margin-block:2rem;max-width:28ch}.import-details button,.import-details h3{margin-block:.5rem}.import-preview{margin-block:2rem}.filter-row{display:flex;justify-content:flex-end}.filter-wrapper{position:relative;display:inline-flex;anchor-name:--filter}.filter-popover{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;width:260px;padding:.25rem .25rem .5rem;inset:unset;position:absolute;position-anchor:--filter;top:anchor(bottom);right:anchor(right);box-shadow:0 18px 38px #0000001f;transform-origin:right top;transition:transform .22s cubic-bezier(.075,.82,.165,1),opacity .22s cubic-bezier(.075,.82,.165,1)}@starting-style{.filter-popover{opacity:0;transform:translateY(-4px) scale(.98)}}.filter-popover header{display:flex;align-items:center;color:var(--text);justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border);margin:0}.filter-groups{display:grid;gap:.35rem;padding-top:.25rem}.filter-group+.filter-group{border-top:1px solid var(--border);padding-top:.35rem}.filter-label{padding:.35rem .75rem .15rem;font-size:var(--font-size-sm);color:var(--subtle);letter-spacing:.04em}.filter-popover ul,.filter-sheet ul{list-style:none;margin:0;padding:.25rem .5rem}.checkbox-option{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:.6rem;cursor:pointer;transition:background-color .12s ease,color .12s ease}.checkbox-option input{accent-color:var(--text);margin:0}.checkbox-option:hover{background-color:var(--border)}.checkbox-option span{color:var(--text)}.filter-sheet{padding:0 0 .75rem}.popup{text-align:left;color:var(--text)}.supplier-info{margin-bottom:1.25rem;padding:0}.supplier-info__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.supplier-info__eyebrow{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;color:var(--subtle);margin:0}.supplier-info h2{margin:.15rem 0 0;font-size:1.1rem}.supplier-info__tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.supplier-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.supplier-sheet-actions{display:flex;flex-direction:column;gap:.75rem}@media(max-width:640px){.supplier-info{padding:.75rem}}.command-grid>*{margin-bottom:1.25rem}.command-card{width:100%;border:1px solid var(--border);border-radius:1rem;overflow:hidden;overflow-x:auto;scrollbar-width:none}.command-table{width:100%;border-collapse:collapse;border-spacing:0;background-color:var(--surface)}.command-table thead{border-bottom:1px solid var(--border)}.command-table td,.command-table th{padding:.5rem .65rem;white-space:nowrap;text-align:left}.command-table tr:not(:last-of-type){border-bottom:1px solid var(--border)}.command-table input[type=number]{width:100%}.command-table td.dimmed{color:var(--subtle)}.command-table .column-toggle{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.command-table .column-toggle span{border:1px solid var(--muted);border-radius:.25rem;padding:.1rem}.command-table .column-toggle span svg{height:1rem}.send-field{display:flex;flex-direction:column}.send-mode-wrapper{display:flex;justify-content:space-between;padding-inline:.5rem}.send-mode-wrapper input,.send-mode-wrapper select,.send-mode-wrapper option{padding:.5rem;background-color:var(--surface);color:inherit;border:none;margin-right:.5rem}.send-mode-wrapper input{flex:1;background:none}.send-actions{margin-block:1rem;display:flex;gap:.5rem}.send-actions button{padding:.5rem}.send-actions .primary{flex:1}