.dropzone{position:relative;width:480px;height:300px;margin:var(--space-4) auto}.dropzone label{display:flex;justify-content:center;align-items:center;height:100%;width:100%;color:#8c8c8c;background-color:var(--color-light-0);border:2px dashed #bcbcbc;border-radius:15px;cursor:pointer}.dropzone label.highlight{border-color:#9c27b0}.dropzone input[type=file]{display:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;transition:background-color .3s}.button:disabled{background-color:var(--color-light-3);cursor:not-allowed}.button.primary{padding:calc(var(--space-1) + var(--space-2)) var(--space-3);background-color:var(--color-primary-1);color:var(--color-light-0);border:1px solid var(--color-primary-1);border-radius:5px;font-size:var(--fontsize-1)}.button.primary:hover{border-color:var(--color-primary-2)}.button.primary:active{transform:translateY(1px)}.button.primary:disabled{background-color:var(--color-light-3)}.button.primary:disabled:active{transform:none}.button.secondary{padding:calc(var(--space-1) + var(--space-2)) var(--space-3);background-color:var(--color-secondary-1);color:var(--color-light-0);border:1px solid var(--color-secondary-1);border-radius:5px;font-size:var(--fontsize-1)}.button.secondary:hover{border-color:var(--color-secondary-2)}.button.secondary:active{transform:translateY(1px)}.button.secondary:disabled{background-color:var(--color-light-3)}.button.secondary:disabled:active{transform:none}.button.plain{padding:calc(var(--space-1) + var(--space-2)) var(--space-3);background-color:var(--color-light-0);color:var(--color-dark-2);border:1px solid var(--color-dark-0);border-radius:5px;font-size:var(--fontsize-1);transition:color .3s,border-color .3s}.button.plain:hover{color:var(--color-primary-1);border-color:var(--color-primary-1)}.button.plain:active{transform:translateY(1px)}.button.icon{padding:0;color:#00b7a1;background-color:transparent;border:none;font-size:var(--fontsize-2)}.button.icon-dark{padding:0;color:var(--color-dark-1);background-color:transparent;border:none;font-size:var(--fontsize-2)}.button.icon:disabled{background-color:transparent}.table-filter{display:flex}.table-filter input{width:100%;min-height:38px;padding:0 var(--space-3);border:1px solid var(--color-light-2);border-radius:3px;transition:border-color .2s linear;will-change:border-color}.table-filter input:focus{outline:none;border-color:var(--color-accent-1)}.link{display:inline-flex;align-items:center;gap:var(--space-2);-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:color .3s}.link.disabled{cursor:not-allowed}.link.primary{padding:var(--space-2) calc(var(--space-1) + var(--space-2));background-color:var(--color-primary-1);color:var(--color-light-0);border:none;border-radius:5px;font-size:var(--fontsize-1);cursor:pointer;transition:background-color .3s}.link.primary:hover{background-color:var(--color-primary-0)}.link.plain{padding:calc(var(--space-1) + var(--space-2)) var(--space-3);background-color:var(--color-light-0);color:var(--color-dark-2);border:1px solid var(--color-dark-0);border-radius:5px;font-size:var(--fontsize-1);transition:color .3s,border-color .3s}.link.plain:hover{color:var(--color-primary-1);border-color:var(--color-primary-1)}.link.plain:active{transform:translateY(1px)}.link.icon,.link.icon-dark{display:flex;justify-content:center;align-items:center;height:100%;padding:var(--space-3)}.link.icon{color:var(--color-light-1)}.link.icon-dark{color:var(--color-dark-1)}.link.icon.disabled,.link.icon-dark.disabled{cursor:not-allowed}.link.row-icon{display:flex;justify-content:center;align-items:center;color:var(--color-dark-1);transition:color .3s}.link.row-icon:hover{color:var(--color-secondary-1)}.loader{width:48px;height:48px;border:5px solid var(--color-light-1);border-bottom-color:var(--color-secondary-1);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-container{display:flex;flex-direction:column;gap:var(--space-2)}.table{position:relative;width:100%;overflow-x:auto}.table table{width:100%;border:1px solid var(--color-light-2);border-collapse:collapse}.table thead{border-bottom:1px solid var(--color-light-2)}.table th{padding:calc(var(--space-1) + var(--space-2)) var(--space-3);background-color:var(--color-light-0);text-align:left;font-size:var(--fontsize-1);white-space:nowrap}.table tbody tr.empty div{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:var(--space-6);color:var(--color-dark-0)}.table td{padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--fontsize-1);background-color:var(--color-light-0)}.table td.odd{background-color:var(--color-light-1)}.table td.nowrap{white-space:nowrap}.table td.align-right,.table th.align-right{text-align:right}.table td.freeze-right,.table th.freeze-right{position:sticky;right:0;z-index:1}.table td div.panel{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2)}.table__footer{padding:var(--space-3) 0 0;text-align:right}.order{position:fixed;top:110vh;left:0;z-index:1;width:100%;height:100vh;background-color:var(--color-light-0);opacity:0;transition:top .3s,opacity .3s}.order.open{top:0;opacity:1}.order__footer{position:absolute;left:0;bottom:0;width:100%;border-top:1px solid var(--color-light-3)}.order__footer__content{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-3)}