@font-face{font-family:"FontAwesome";src:url(/asset/fa-solid.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"LeagueSpartan";src:url(/asset/LeagueSpartan.ttf) format("truetype");font-weight:normal;font-style:normal}icon{font-family:FontAwesome}:focus{outline:none}*{box-sizing:border-box}html{height:100%}body{margin:165px 0 0 225px;height:calc(100% - 277.5px);width:calc(100vw - 225px);font-family:LeagueSpartan;color:#fff;background-color:#111;overflow:hidden scroll;transition:margin .25s}body>div{transition:opacity .25s .25s}body::before{content:"";position:fixed;box-shadow:inset 0 0 18.75px rgba(17,17,17,.3333333333);z-index:-2}body::after{content:"";position:fixed;right:0;bottom:0;width:calc(100% - 225px);height:calc(100% - 75px);background-color:#ddd;z-index:-1;border-radius:18.75px 0 0 0;box-shadow:inset 0 0 18.75px rgba(0,0,0,.3333333333);transition:opacity .25s .25s,width .25s,right .25s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:none;padding:2px}::-webkit-scrollbar-thumb{background:#888;border-radius:5px;width:2px}::-webkit-scrollbar-thumb:hover{background:#555}body::before,#head::after{content:"";left:0;top:0;width:100%;height:100%;filter:contrast(170%) brightness(50%);opacity:.5;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIj48ZmlsdGVyIGlkPSJub2lzZSIgeD0iMCIgeT0iMCI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNjUiIG51bU9jdGF2ZXM9IjMiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVCbGVuZCBpbjI9IlNvdXJjZUdyYXBoaWMiIG1vZGU9InNjcmVlbiIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiBmaWx0ZXI9InVybCgjbm9pc2UpIiBvcGFjaXR5PSIwLjUiLz48L3N2Zz4=");background-position:0 0;background-repeat:repeat;background-size:450px 450px;background-color:#11111f;background-attachment:fixed}#head{position:fixed;right:0;top:0;width:calc(100% - 225px);height:75px;display:grid;grid-template-rows:1fr 1fr;z-index:3;transition:width .25s,right .25s}#head::after{position:absolute;z-index:-1}#head::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#111;z-index:-2}#head span{padding:0 18.75px;line-height:37.5px}#head h1{font-size:37.5px;text-align:center;margin:0;line-height:75px}#head #head_info0,#head #head_info1{display:none}#head #head_name{grid-area:1/1/span 2}#side{position:fixed;left:0;top:75px;width:225px;height:calc(100% - 75px);display:flex;flex-direction:column;grid-area:2/1;padding:7.5px;overflow:hidden auto;z-index:2;transition:left .25s}#side p{font-weight:bold;font-size:22.5px}#side p span{float:right;opacity:.5;transition:opacity .25s}#side p span:not(.all){font-size:18.75px;line-height:22.5px}#side p span.all{font-size:15px;padding:3.75px;border-radius:7.5px;background-color:hsla(0,0%,100%,0);cursor:pointer}#side p span.all:hover{background-color:hsla(0,0%,100%,.2)}#side p span.all.on{opacity:1}#side button{font-size:22.5px;border:.75px solid #555;margin:0 7.5px;background-color:rgba(85,85,85,0);color:#aaa;font-size:18.75px;line-height:37.5px;transition:background-color .25s}#side button+button{border-top-width:0}#side button:not(.on):hover{background-color:rgba(85,85,85,.4)}#side button.on{background-color:#888;color:#333}#side p+button{border-radius:7.5px 7.5px 0 0}#side button:has(+p),#side button:last-child{border-radius:0 0 7.5px 7.5px}#logo{position:fixed;left:0;top:0;width:225px;height:75px;z-index:4;transition:.25s}#body{display:flex;flex-direction:column;color:#000;transition:opacity .25s .5s;padding-bottom:75px;min-height:100%}#body>table{margin:15px;width:calc(100% - 30px)}#body>table tr.empty{display:none}#body>table tr.empty td{text-align:center}#body>table tr.edit .noedit{display:none}#body>table tr:not(.edit) .edit{display:none}#body [contenteditable]:focus{position:relative;outline:3px solid #e00;z-index:1}#body>button{position:sticky;top:100%;margin:0 15px;background:#333;color:#fff;font-size:18.75px;font-weight:bold;padding:7.5px}#body>button:before{content:"+"}#body>button:active{background-color:#222;color:#ccc}#body:empty{text-align:center}#body:empty::before{content:"";font:75px "FontAwesome";margin-top:auto;opacity:.25}#body:empty::after{content:"Empty";margin-bottom:auto;margin-top:7.5px;font-size:30px;font-weight:bold;opacity:.25}#find{position:fixed;top:75px;right:0;width:calc(100% - 225px);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 37.5px;grid-template-rows:45px;padding:18.75px;padding-bottom:18.75px;background-color:#eee;box-shadow:0 7.5px 7.5px -7.5px #aaa;border-radius:15px 0 15px 15px;margin-bottom:7.5px;color:#555;z-index:3;transition:opacity .25s .25s,width .25s,right .25s}#find>input{grid-area:1/1/span 1/span 5;height:37.5px;border:.75px solid #aaa;border-radius:7.5px 0 7.5px 7.5px;padding:9.375px;font-size:18.75px}#find>div{display:none;flex-direction:column;border:.75px solid #aaa}#find>div input{width:18.75px;height:18.75px;margin:9.375px}#find>div label{line-height:37.5px;flex-grow:1}#find>div>div{display:flex;height:37.5px}#find>div>div:not(:first-child){margin-left:18.75px}#find>div+div{margin-left:7.5px}#find>div:has(+button){margin-right:7.5px}#find #find_orders{grid-area:2/1;border-radius:0 0 0 7.5px}#find #find_customers{grid-area:2/2}#find #find_items{grid-area:2/3}#find #find_employees{grid-area:2/4}#find #search{grid-area:1/5;margin-bottom:7.5px;border:0;background:none}#find #search::after{content:"";font-family:FontAwesome;font-size:18.75px}#find #new{grid-area:2/5;background:#333;border-radius:0 0 7.5px 0;color:#fff;display:none}#find #new::after{content:"+";font-family:FontAwesome;font-size:18.75px}#find #new:not([disabled]):active{background:#222}#find #new:not([disabled]):active::after{color:#aaa}#find #new[disabled]{background:none;color:#555;border-color:#aaa}table{width:100%;border-collapse:collapse}table tr:not(.empty):not(.edit){cursor:pointer}table tr:not(.empty):not(.edit):hover td{background-color:#ccc}table th{position:sticky;top:0;background-color:#777;color:#fff;z-index:0}table th,table td{border:.75px solid #555;padding:3.75px;height:22.5px}table td:has(>div){padding:0}table td>div{height:100%;display:flex}table tbody:nth-child(2) tr.empty{display:table-row}table a{color:inherit}table button{width:100%;height:100%;margin:0;background-color:#ddd;color:#555;font-family:FontAwesome;border:0;border-left:1.5px solid #fff;border-right:1.5px solid #bbb;transition:background-color .25s}table button:hover{background-color:#ccc}table button:active{background-color:#555;color:#ddd;border-left-color:#bbb;border-right-color:#fff}#loader{position:fixed;top:157.5px;right:0;width:calc(100% - 225px);height:calc(100% - 75px - 82.5px);background-color:#ddd;box-shadow:inset 0 0 18.75px rgba(0,0,0,.3333333333);opacity:0;pointer-events:none;transition:opacity .25s,width .25s,right .25s;z-index:2}#tabs{position:fixed;right:0;bottom:0;width:calc(100% - 225px);height:56.25px;display:flex;padding:7.5px;justify-content:center;transition:opacity .25s .5s,width .25s,right .25s;z-index:2}#tabs::before{content:"";position:fixed;right:0;bottom:0;width:calc(100% - 225px);height:calc(100% - 75px);background-color:#ddd;z-index:-1;border-radius:18.75px 0 0 0;box-shadow:inset 0 0 18.75px rgba(0,0,0,.3333333333);transition:opacity .25s .25s,width .25s,right .25s;mask-image:linear-gradient(to bottom, black 82.5px, transparent 108.75px, transparent calc(100% - 75px), rgba(0, 0, 0, 0.9333333333) calc(100% - 48.75px));-webkit-mask-image:linear-gradient(to bottom, black 82.5px, transparent 108.75px, transparent calc(100% - 75px), rgba(0, 0, 0, 0.9333333333) calc(100% - 48.75px));pointer-events:none}#tabs button{border-radius:41.25px;min-width:41.25px;border:.75px solid #555;background-color:hsla(0,0%,40%,0);color:#555;transition:background-color .25s,color .25s}#tabs button+button{margin-left:7.5px}#tabs button.more{width:82.5px}#tabs button.more::after{content:"";font-family:FontAwesome;font-size:18.75px;color:#555}#tabs button:hover{background-color:#ccc}#tabs button.on{background-color:#666;color:#fff}#tabs div{position:relative;margin-left:30px;border-radius:41.25px;border:.75px solid #555;color:#555;line-height:41.25px;width:123.75px;text-align:center;padding-right:75px}#tabs div::after{content:"per page";position:absolute;left:41.25px;top:-1.5px;width:82.5px;height:calc(100% + .75px);border:.75px solid #555;background-color:#ccc;border-radius:0 41.25px 41.25px 0}#tabs button+div::before{content:"";position:absolute;left:-15px;top:0;height:41.25px;border-left:.75px solid #555}.card{position:relative;display:grid;grid-template-columns:auto 300px;grid-template-rows:auto auto 37.5px;margin:18.75px;width:calc(100% - 37.5px);border:.75px solid #555;border-radius:7.5px;overflow:hidden;background-color:#aaa;outline:0 solid #e00;transition:margin .25s,outline .25s}.card[stage="1"]{margin-left:100%}.card[stage="2"]{height:0;margin:0;margin-left:100%}.card>div:nth-child(1){display:grid;grid-template-columns:auto auto;grid-template-rows:56.25px auto auto;grid-area:1/1;background-color:#ddd;box-shadow:0 0 7.5px #333;border-radius:0 0 7.5px 0;overflow:auto;z-index:1}.card>div:nth-child(1) h1,.card>div:nth-child(1) h2{margin:0;padding:0 15px;font-size:18.75px;line-height:56.25px;white-space:nowrap}.card>div:nth-child(1) h1{overflow:hidden;grid-area:1/1;text-overflow:ellipsis}.card>div:nth-child(1) h2{grid-area:1/2;text-align:right}.card>div:nth-child(1)>div{position:relative;grid-area:2/1/span 1/span 2;overflow:auto;padding:0 15px 7.5px 15px;mask-image:linear-gradient(to bottom, black calc(100% - 7.5px), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, black calc(100% - 7.5px), transparent 100%)}.card>div:nth-child(1) p{grid-area:3/1/span 1/span 2;text-align:center;padding:7.5px;margin:7.5px}.card>div:nth-child(1) p[contenteditable]:empty::before{content:"Enter Description Here";opacity:.5}.card>div:nth-child(2){display:grid;grid-template-columns:auto;grid-template-rows:56.25px auto 37.5px 37.5px;grid-area:1/2;z-index:0}.card>div:nth-child(2) h1,.card>div:nth-child(2) select{grid-area:1/1;margin:0;padding:0 15px;font-size:18.75px;line-height:56.25px;white-space:nowrap}.card>div:nth-child(2) select{border:0;background:none}.card>div:nth-child(2) p{grid-area:2/1;padding:7.5px}.card>div:nth-child(2) a{color:inherit;padding:0 7.5px}.card>div:nth-child(2) a::before,.card>div:nth-child(2) a::after{display:inline-block;font-family:"FontAwesome";width:37.5px;text-align:center}.card>div:nth-child(2) a.fb{grid-area:3/1}.card>div:nth-child(2) a.fb::before{content:""}.card>div:nth-child(2) a.cn{grid-area:3/1;text-align:right}.card>div:nth-child(2) a.cn::after{content:""}.card>div:nth-child(2) a.em{grid-area:4/1;text-align:right}.card>div:nth-child(2) a.em::after{content:""}.card>div:nth-child(3){display:flex;flex-direction:column;max-height:0;grid-area:2/1/span 1/span 2;background-color:#555;overflow:hidden;transition:max-height .25s}.card>div:nth-child(3)>div{position:relative;display:grid;grid-template-columns:112.5px auto auto;grid-template-rows:37.5px auto}.card>div:nth-child(3)>div::before{content:"";position:absolute;left:18px;top:0;height:100%;border-left:1.5px solid #333;z-index:0}.card>div:nth-child(3)>div .date{grid-area:1/2;padding:11.25px;color:#aaa}.card>div:nth-child(3)>div .employee{grid-area:1/3;text-align:right;padding:11.25px;color:#aaa}.card>div:nth-child(3)>div p{grid-area:2/1/span 1/span 3;margin:0;padding:11.25px;color:#fff;margin-left:37.5px}.card>div:nth-child(3)>div:last-child{display:flex;flex-direction:column;padding-left:18.75px}.card>div:nth-child(3)>div:last-child>div{opacity:.5;transition:opacity .25s}.card>div:nth-child(3)>div:last-child>div:hover{opacity:1}.card>div:nth-child(3)>div:last-child::before{border-left-style:dashed}.card>div:nth-child(4){position:relative;display:flex;grid-area:3/1/span 1/span 2;background-color:#555;z-index:0}.card>div:nth-child(4)::before{content:"";position:absolute;left:18px;top:0;height:10.5px;border-left:1.5px solid #333;mask-image:linear-gradient(to bottom, black 0, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, black 0, transparent 100%);opacity:0;transition:opacity .25s}.card>div:nth-child(4) div{grid-area:1/1;margin-right:75px}.card>div:nth-child(4) p,.card>div:nth-child(4) h1{margin:0;padding:0 15px;font-size:18.75px;line-height:37.5px;color:#fff;flex-grow:1}.card>div:nth-child(4) h1{text-align:right;flex-shrink:1}.card>div:nth-child(4) button{border:0;background:none;color:#fff;display:flex;flex-direction:column;justify-content:center;border-left:.75px solid #777;border-right:.75px solid #333}.card>div:nth-child(4) button:active{background-color:#333}.card .state{position:relative;cursor:pointer;width:15px;height:15px;border-radius:50%;border:.75px solid #333;margin:11.25px;z-index:1}.card .state::before{padding-left:18.75px;color:#fff}.card .state::after{content:"";position:absolute;left:-11.25px;top:-11.25px;width:112.5px;height:37.5px}.card .state:not([data]){background-color:#555}.card .state[data="0"]{background-color:blue}.card .state[data="0"]::before{content:"waiting"}.card .state[data="1"]{background-color:#ffff67}.card .state[data="1"]::before{content:"processing"}.card .state[data="2"]{background-color:#75fcfd}.card .state[data="2"]::before{content:"done"}.card .state[data="3"]{background-color:#75fc4c}.card .state[data="3"]::before{content:"finished"}.card .state[data="4"]{background-color:#f19937}.card .state[data="4"]::before{content:"incomplete"}.card .state[data="5"]{background-color:red}.card .state[data="5"]::before{content:"canceled"}.card .state[data="6"]{background-color:#f0f}.card .state[data="6"]::before{content:"refunded"}.card .state[data="7"]{background-color:#8efa00}.card .state[data="7"]::before{content:"paid"}.card:not(.edit) .edit{display:none}.card.edit{outline-width:3px}.card.edit .noedit{display:none}.card[data].order>div:nth-child(4)::before{opacity:1}#login{position:fixed;left:calc(50% - 37.5vmin + 75px);bottom:75px;width:calc(75vh - 150px);height:calc(75% - 150px);background-color:#ddd;border-radius:18.75px;box-shadow:inset 0 0 18.75px rgba(0,0,0,.3333333333);display:grid;grid-template-columns:auto;grid-template-rows:auto 37.5px;pointer-events:none;opacity:0}#login>div:not(:last-child){grid-area:1/1;display:flex;flex-direction:column;opacity:0;transition:opacity .25s;pointer-events:none;overflow:auto;padding:15px 0;mask-image:linear-gradient(to bottom, transparent 0, black 15px, black calc(100% - 15px), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, black 15px, black calc(100% - 15px), transparent 100%)}#login>div:not(:last-child).on{opacity:1}#login>div:not(:last-child) div{flex-direction:column}#login>div:not(:last-child) h1{margin:0;line-height:37.5px;font-size:26.25px;color:#333}#login>div:not(:last-child) h1 icon{display:inline-block;width:75px;text-align:center}#login>div:not(:last-child) input{margin:0 15px;font-size:18.75px;padding:3.75px;border-radius:7.5px;background-color:#fff;border:.75px solid #555}#login>div:not(:last-child) button{margin:15px;font-size:18.75px;padding:7.5px;border-radius:7.5px;background-color:#333;color:#fff}#login>div:not(:last-child) button:active{background:#222}#login>div:not(:last-child) button:active::after{color:#aaa}#login>div:not(:last-child) button:focus{background:#ddd;color:#333}#login>div:last-child{grid-area:2/1;display:flex;border-radius:0 0 18.75px 18.75px}#login>div:last-child button{background-color:#555;box-shadow:inset 0 0 18.75px rgba(0,0,0,.3333333333);font-size:18.75px;font-weight:bold;border:0;flex-grow:1;color:#fff;height:100%;transition:background-color .25s,box-shadow .25s,color .25s}#login>div:last-child button+button{border-left:.75px solid #333}#login>div:last-child button:hover{background-color:rgba(85,85,85,.8666666667)}#login>div:last-child button:active{background-color:#333}#login>div:last-child button:first-child{border-radius:0 0 0 18.75px}#login>div:last-child button:last-child{border-radius:0 0 18.75px 0}#login>div:last-child button icon{display:inline-block;width:37.5px;text-align:center}#login>div:last-child button.on{background:none;box-shadow:inset 0 0 0 rgba(0,0,0,.3333333333);color:#333}#popup{position:fixed;right:15px;bottom:15px;width:450px;max-width:calc(100% - 30px);z-index:3}#popup>div{overflow:visible;width:100%;max-height:0;margin-top:0;transition:max-height .5s ease,margin .25s ease}#popup>div[step="0"]{max-height:100vh;margin-top:15px}#popup>div[step="1"]{margin-left:calc(100% + 22.5px)}#popup>div>div{position:relative;border:1.5px solid #333;display:flex;flex-wrap:wrap}#popup>div>div h1,#popup>div>div p{flex-grow:1;width:100%}#popup>div>div h1{margin:0;padding:15px;background-color:#444;font-size:22.5px}#popup>div>div h1 button{float:right;width:52.5px;height:52.5px;margin:-15px}#popup>div>div p{margin:0;padding:15px;background-color:#ddd;color:#333;max-height:200px;overflow:auto}#popup>div>div button{flex-grow:1;border:0;background-color:#333;height:22.5px;color:#fff;border-left:1.5px solid #555;border-right:1.5px solid #111}#popup>div>div button:active{background-color:#222;border-left-color:#111;border-right-color:#555}#popup>div>div textarea{display:block;width:100%}#popup>div>div::before{content:"";position:absolute;left:-3.75px;top:-3.75px;width:calc(100% + 6px);height:calc(100% + 6px);border:1.5px solid #333;z-index:-1}#popup>div>div.error{border-color:#a33}#popup>div>div.error h1{background-color:#a33}#popup>div>div.error button{background-color:#a33;border-left-color:#c55;border-right-color:#811}#popup>div>div.error button:active{background-color:#922;border-left-color:#811;border-right-color:#c55}#popup>div>div.error::before{border-color:#a33}#popup>div>div.warning{border-color:#a63}#popup>div>div.warning h1{background-color:#a63}#popup>div>div.warning button{background-color:#a63;border-left-color:#c85;border-right-color:#841}#popup>div>div.warning::before{border-color:#a63}body.load{overflow:hidden}body.load>div:not(#popup),body.load::after{opacity:0;pointer-events:none}body.load #logo{width:100%;height:100%}body:not(.load).loading #loader{opacity:1;pointer-events:auto}body.login #logo{left:calc(50% - 50vmin);width:100vmin;height:25%}body.login #login{opacity:1 !important;pointer-events:auto !important}body.login #login>div:not(:last-child).on{pointer-events:auto}@media(orientation: portrait){#login{left:75px;bottom:calc(37.5% - 50vw + 75px);width:calc(100% - 150px);height:calc(100vw - 150px)}}@media screen and (max-width: 475px){#login{grid-template-rows:auto 75px}}@media screen and (max-width: 600px)and (orientation: portrait){#login{left:18.75px;bottom:calc(37.5% - 50vw + 18.75px);width:calc(100% - 37.5px);height:calc(100vw - 37.5px)}}@media screen and (max-width: 700px){body{margin-left:0;width:100vw}body::after,#find,#head,#loader,#tabs,#tabs::before{width:100%}#side{left:-225px}#head_name{display:none}body.side{margin-left:225px;width:100vw}body.side #side{left:0}body.side::after,body.side #find,body.side #head,body.side #loader,body.side #tabs,body.side #tabs::before{right:-225px}}/*# sourceMappingURL=style.css.map */