*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:100%;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:"Open Sans",sans-serif}html,body{height:100%}main{padding:1em}a{color:blue}.text-center{text-align:center}#login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em}#login img{max-width:100%}#login form{background:#fff;border:1px solid #eee;padding:1.5em;border-radius:8px;width:400px;max-width:100%;box-shadow:0 2px 5px rgba(0,0,0,.1)}#login form fieldset{margin-bottom:.8em}#login form fieldset label{display:block;margin-bottom:.2em}#login form fieldset input{padding:.4em .8em;border:1px solid #ccc;font-size:1.2em;width:100%}a{color:blue}#filters{opacity:0;pointer-events:none;z-index:10;overflow:auto;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.2);transition:opacity .2s}#filters .filters-options{padding:2em;background:#fff;display:inline-flex;flex-direction:column;gap:1em;height:100%;border-right:1px solid #eee;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s;transform:translateX(-100%)}.show-filters #filters{opacity:1;pointer-events:all}.show-filters #filters .filters-options{transform:translateX(0)}nav{box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1;top:0;position:sticky;background:#fff;display:flex;padding:1em;gap:.8em;align-items:center;border-bottom:1px solid #ccc}nav h1{font-weight:bold;font-size:1.1em}nav .space{margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;appearance:none;border:0;background:#f39609;font-size:.8em;font-weight:bold;height:28px;padding:0 1em;border-radius:20px;text-decoration:none;color:#fff;transition:background-color .4s}.btn:hover{background:#d9000f;cursor:pointer}.btn:disabled,.btn.disabled{opacity:.6;pointer-events:none}.shipped-toggle{display:inline-flex;width:22px;aspect-ratio:1;border-radius:50px;background-size:75% auto;background-position:center;background-repeat:no-repeat;transition:all .3s;border:2px dashed transparent}.shipped-toggle:hover{background-color:rgba(0,0,0,.1);border-color:currentColor}.shipped-toggle[data-shipped="1"]{color:#28a745;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2328a745" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>')}.shipped-toggle[data-shipped="0"]{color:#dc3545;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23dc3545" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>')}tfoot{position:sticky;bottom:0;background:#fff}.order-details{max-width:1200px;margin:auto;padding:0}.order-details h4{font-weight:bold;text-transform:uppercase;margin-bottom:8px}.order-details-header{display:grid;gap:1.5em;grid-template-columns:1fr 1fr;padding-bottom:1.5em}.order-details-contents{padding-bottom:1.5em}.order-details table{width:100%;border-collapse:collapse}.order-details table th{text-align:left;font-weight:600;background:#eee}.order-details table th,.order-details table td{padding:.3em .5em;border:1px solid #eee}/*# sourceMappingURL=main.css.map */