body,html{font-family:-apple-system,sans-serif;-webkit-overflow-scrolling:touch !important;overflow:auto !important;height:100% !important}.v-green{color:#00d474}.v-blue{color:#45a0ff}.v-red{color:#ff45a0}.v-dark-red{color:#c10000}a,a:active{color:#45a0ff}pre{font-family:ui-monospace,monospace;font-size:15px;line-height:20px;background:#eee;padding:7px 10px;border-radius:10px;white-space:pre-wrap}.button{display:inline-block;padding:4px 7px;background:#45a0ff;color:#fff;text-decoration:none;border-radius:5px;border:none;font-size:1em;cursor:pointer}.button.light{background:rgba(0,0,0,0);color:#45a0ff;border:1px solid #45a0ff}main{width:95%;max-width:700px;margin:0 auto}main>h1{color:#45a0ff}.selector{margin:0;padding:0;display:flex;align-items:center;gap:10px}.selector li{display:inline-block;font-weight:bold;border-radius:5px}.selector li a{text-decoration:none;color:#000}.selector li a:visited{color:#000}.selector li.selected{background:#45a0ff;padding:2px 5px}.selector li.selected a{color:#fff}#date-select{cursor:pointer}#date-selector{margin-top:10px;padding-left:5px;transition:height .5s;overflow:hidden;height:28px;display:flex;align-items:center}#date-selector input[name=y]{width:60px}#date-selector form{display:flex;align-items:center;gap:4px}#date-selector form *{display:inline-block}#date-selector form button{background:#45a0ff;border:none;border-radius:5px;height:19px;color:#fff}#date-selector.hidden{height:0px}#overview{display:flex;column-gap:20px;row-gap:10px;flex-wrap:wrap;margin:10px 0}#overview .amount h5{font-weight:normal;margin:0}#overview .amount p{font-size:36px;margin:0}#overview .amount.small p{font-size:24px}#overview *:nth-child(3){flex-basis:100%}.actions{margin:30px 0;display:flex;gap:8px}div.table{display:flex;flex-direction:column;border-top:3px solid #b3b3b3;background:#f7f7f7}div.table .row{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;box-sizing:border-box;color:#333;padding:2px 8px;transition:height .5s,padding .5s;height:23px;overflow:hidden;cursor:s-resize;gap:5px;position:relative}div.table .row:nth-child(even){background:#f2f2f2}div.table .row.open{padding:8px 8px;cursor:n-resize;justify-content:flex-end}div.table .row.open .description{flex-basis:auto}div.table .row.open .description .desc{white-space:normal}div.table .row .description{flex:1 1 10px;min-width:0;display:flex;gap:5px}div.table .row .description .ball{width:10px;height:10px;border-radius:5px;margin-top:4.5px}div.table .row .description .desc{flex:1 1 50px;line-height:19px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}div.table .row .value{flex:0 0 auto;display:flex;align-items:center;max-height:18px;padding-top:1px;font-size:.85em}div.table .row .value .date{font-family:"Menlo";text-align:right;color:#ccc;transform:translateY(0.25px);margin-right:5px}div.table .row .value .money-sign{font-size:1.1em;color:#b3b3b3;transform:translateX(5px)}div.table .row .value .money{width:75px;text-align:right;font-family:"Menlo";white-space:normal}div.table .row .more-info{flex:0 1 100%;color:gray;padding-left:15px;padding-bottom:2px;position:relative}div.table .row .more-info .row-actions{position:absolute;top:0;height:18px;right:0;padding:0;display:flex;gap:5px;justify-content:flex-end}div.table .row .more-info .row-actions a{display:block;height:18px;width:18px;cursor:pointer}div.table .row .more-info .row-actions a svg{width:100%;height:100%;color:#45a0ff}.statement h1{margin-top:1em;margin-bottom:.5em}.statement .bar{width:100%;height:30px;background:gray;font-size:0;margin-bottom:20px}.statement .bar div{display:inline-block;height:100%}.statement .table{margin-bottom:32px}main.add{max-width:500px}#add-entry input[type=text]{width:100%}#add-entry #display{text-align:center;font-size:60px;margin-bottom:10px;padding:0}#add-entry #display,#add-entry #display:focus{border:0;outline:none}#add-entry input[name=description]{font-size:24px;padding:5px 10px;box-sizing:border-box}#add-entry input[name=time]{font-size:16px;padding:5px 10px;box-sizing:border-box;margin:0 auto 14px auto;width:200px;display:block}#add-entry input[name=time],#add-entry input[name=time]:focus{border:0;outline:none}#add-entry .categories{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:26px 0;margin-bottom:26px;border-bottom:1px solid #e6e6e6}#add-entry .categories>span{flex:0 0 auto;border:1px solid var(--color);padding:3px 6px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:4px}#add-entry .categories>span span{display:inline-block;width:10px;height:10px;border-radius:5px;background:var(--color)}#add-entry .categories>span.selected{background:var(--color);color:var(--text)}#add-entry .categories>span.selected span{background:#fff}#add-entry .categories p{margin-bottom:0}#add-entry .actions{margin:10px 0;justify-content:center}#add-entry .actions #in,#add-entry .actions #out{display:inline-block;padding:2px 8px;color:gray;border:1px solid #ccc;border-radius:5px;cursor:pointer;transition:color .2s,border-color .2s}#add-entry .actions #in.selected,#add-entry .actions #out.selected{color:#45a0ff;border-color:#45a0ff}#add-order p{margin-bottom:0}#add-order input{font-size:18px;width:100%;box-sizing:border-box;margin:4px auto}#add-order #market-input input{display:inline-block;width:50%;font-weight:bold}#add-order #market-input input,#add-order #market-input input:focus{outline:none;border:none}#add-order #status{display:flex;gap:4px}#add-order #status span{display:inline-block;padding:2px 5px;background:#000;color:#fff;border-radius:4px}#add-order #status span.green{background:#00d474}#add-order #status span.red{background:#ff45a0}#add-order #status span.blue{background:#45a0ff}#add-order #status span.yellow{background:#fba400}#add-order #values{display:grid;grid-template-columns:100px 3fr 60px;margin-top:6px;column-gap:8px}#add-order #time{margin-top:6px}#add-order .actions{margin:20px 0;justify-content:flex-end}#add-order .actions button{color:#45a0ff;border-color:#45a0ff;background:#fff;border:1px solid #45a0ff}main.market{max-width:500px}main.market h1{margin-bottom:.67em}main.market #total{font-size:2em;font-weight:bold;position:relative}main.market #total span{position:absolute;bottom:.67em;right:0}main.market .history{transition:height .2s;height:0px;overflow:hidden}main.market .history h2{margin-top:0}main.market .history>div{display:flex;flex-direction:column;border-top:3px solid #b3b3b3;margin-bottom:20px}main.market .history>div .row{display:grid;grid-template-columns:40px 1fr 80px;padding:4px 6px;background:#fafafa}main.market .history>div .row>span:last-child{text-align:right;font-family:"Menlo";font-size:.85em}main.market .history>div .row span span{color:gray;font-style:italic;font-size:.9em}main.market .history>div .row:nth-child(even){background:#f2f2f2}main.market .products{position:relative}main.market .products h2{margin-top:0}main.market .products .barcode{color:#000;position:absolute;width:1.2em;height:1.2em;display:block;top:.2em;right:0em;border:1px solid #bbb;padding:.1em .3em;border-radius:.3em}main.market .products>div{display:flex;flex-direction:column;border-top:3px solid #abd4ff}main.market .products>div .row{display:grid;grid-template-columns:1fr 80px auto auto;padding:2px 4px;background:#f8fbff}main.market .products>div .row:nth-child(even){background:#e8f3ff}main.market .products>div .row span span{color:gray;font-style:italic;font-size:.9em}main.market .products>div .row>span:nth-child(4n-2),main.market .products>div .row>span:nth-child(4n-1){text-align:right;font-family:"Menlo";font-size:.85em;margin-right:10px;transform:translateY(0.25px)}main.market .products>div .row>span:last-child{display:inline-block;width:8px;height:8px;background:gray;border-radius:10px;border:3px solid gray;transform:translateY(1px);position:relative;cursor:pointer}main.market .products>div .row>span:last-child:before,main.market .products>div .row>span:last-child:after{content:"";position:absolute;top:3px;left:0;right:0;height:2px;background:#fff}main.market .products>div .row>span:last-child:before{transform:rotate(45deg)}main.market .products>div .row>span:last-child:after{transform:rotate(-45deg)}div.suggestions{position:relative}div.suggestions ul{padding:0;margin:10px 5px;border-radius:12px;box-shadow:0px 2px 5px #ccc;position:absolute;overflow:hidden;width:calc(100% - 10px);list-style-type:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.6);transition:height .2s;height:0px}div.suggestions ul li{height:29px;line-height:30px;padding:0 10px;border-bottom:1px solid #e6e6e6;cursor:pointer}div.suggestions ul li:hover,div.suggestions ul li.selected{background:rgba(69,160,255,.1)}div.suggestions ul li:last-child{border-bottom:none}form .text{font-size:1em;padding:5px 10px;box-sizing:border-box;display:block;border:1px solid #ccc;margin-bottom:.7em;border-radius:6px;width:100%;max-width:300px}main.login form{margin:1em 0}main.login form .button{display:block;margin-top:1em}main.categories .c-table .row{margin:.4em auto}main.categories .c-table .row .color{display:inline-block;width:.8em;height:.8em;border-radius:1em;background:var(--color);transform:translateY(0.1em);margin-right:.1em}main.categories .c-table .row .action .edit svg{display:inline-block;width:1em;height:1em;transform:translateY(0.15em)}main.categories form{display:flex;gap:.6em}main.categories form .text{display:inline-block;margin-bottom:0}main.categories form input[type=color]{visibility:hidden;width:100%;height:100%;display:inline-block}main.categories form label{background:#78bb41;height:30px;width:30px;display:inline-block;border-radius:5px;cursor:pointer}main.categories #add-new{display:none}section.success,section.error{padding:4px 10px;font-size:14px;border-radius:16px}section.success ul,section.error ul{padding-left:24px;margin:6px 0}section.success{background:#c0ffe2;border:1px solid #00d474}section.error{background:#ffdeee;border:1px solid #ff45a0}table.technical-dictionary{border-collapse:collapse}table.technical-dictionary tr td{vertical-align:bottom}table.technical-dictionary tr td:first-child{font-family:"Menlo",monospace;font-size:.8em;padding-right:10px}main.barcode{position:relative}main.barcode .codes .row{display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd;font-size:.9em;padding:.3em;gap:.7em}main.barcode .codes .row.header{font-weight:bold;border-bottom:2px solid #333}main.barcode .codes .row.header .id{color:#000}main.barcode .codes .row .id{width:2em;color:gray}main.barcode .codes .row .name{display:flex;flex-grow:1;flex-direction:column;gap:.4em}main.barcode .codes .row .data{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3em;padding:.1em 0 .1em .5em;border-left:3px solid #ddd;color:gray}main.barcode .codes .row .data .size{cursor:pointer}main.barcode .codes .row .data .code{display:block;text-align:center;font-family:ui-monospace,monospace;font-size:.9em;background:#eee;border-radius:.2em;padding:0em .2em}main.barcode .prompt{position:fixed;top:3em;left:50%;transform:translate3d(-50%, 0, 0);width:calc(100% - 4em);background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px);border:.7px solid #ccc;max-width:400px;height:3.7em;padding:1em;margin:1em 0;border-radius:1em;box-shadow:0px 10px 40px #bbb;text-align:right}main.barcode .prompt.hidden{display:none}main.barcode .prompt input{display:block;width:100%;box-sizing:border-box;font-size:1.2em;margin-bottom:.5em}main.barcode .prompt a{font-size:.9em;margin-left:1em}