@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Tajawal:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20,200,0,200";@import"normalize.css";@import"daterange.css";:root{--sat:	var(--android-safe-area-inset-top, env(safe-area-inset-top));--sar:	var(--android-safe-area-inset-bottom, env(safe-area-inset-bottom));--sab:	var(--android-safe-area-inset-left, env(safe-area-inset-left));--sal:	var(--android-safe-area-inset-right, env(safe-area-inset-right))}.placeholder{position:relative;overflow:hidden;direction:var(--direction);pointer-events:none}.placeholder:not(.no-hide){color:rgba(0,0,0,0)}.placeholder:not(.no-hide)>*{opacity:0}.placeholder:not(.after)::before,.placeholder.after::after{position:absolute;top:-50%;right:0;bottom:-50%;left:50%;z-index:1;width:400%;margin-left:-200%;background:linear-gradient(-80deg, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 54%) 50% 50%;animation:placeholder-animation 2s linear infinite;content:" ";pointer-events:none;transform:translate3d(-30%, 0, 0)}.placeholder.delay:not(.after)::before,.placeholder.delay.after::after{animation-delay:.2s}@keyframes placeholder-animation{0%{transform:translate3d(-30%, 0, 0)}100%{transform:translate3d(30%, 0, 0)}}html,body{height:100%;width:100%;overflow:hidden;direction:var(--direction);background:#fafafa;font-family:var(--main-font),sans-serif;font-size:var(--default-font-size);box-sizing:border-box;line-height:var(--default-font-line-height);color:#272932}*,*:before,*:after{box-sizing:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none}*:not(input):not(textarea):not(button){-webkit-user-select:none;-webkit-touch-callout:none}.clearfix::after{display:block;content:"";clear:both}.full-height{height:100%}.full-width{width:100%}.full-view{height:100%;width:100%}.float-left{float:left}.float-right{float:right}.fixed-full-view{height:100%;width:100%;position:fixed;top:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.center{margin-left:auto;margin-right:auto}.center-content{text-align:center;justify-content:center}.vertical-center-view{display:flex;align-items:center;justify-content:center}.safety-padding{padding-left:10%;padding-right:10%}.safety-margin{margin-left:10%;margin-right:10%}.scroll-view{max-height:100%;overflow-y:scroll}button{background-color:#e67e22;border-radius:24px;height:48px;padding:0 24px;border:none;color:#fff;font-size:1.1em;box-sizing:border-box;display:flex;align-items:center;align-self:center;justify-content:center;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,color .1s ease;position:relative;cursor:pointer}button:active{animation:button-active-animation .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}button.loading{color:rgba(0,0,0,0);pointer-events:none}button.loading::after{content:"";position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);height:24px;width:24px;border-radius:50%;border:3px solid;border-color:#fff rgba(0,0,0,0) #fff rgba(0,0,0,0);animation:button-loading-animation 1.2s linear infinite}button.text{background-color:rgba(0,0,0,0);color:#d35400;font-size:1em;padding:0;height:auto}button.text.loading{color:rgba(0,0,0,0)}button.text.loading::after{border-color:#d35400 rgba(0,0,0,0) #d35400 rgba(0,0,0,0)}button.disabled{filter:grayscale(100);pointer-events:none;opacity:.6}@keyframes button-loading-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes button-active-animation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.98}100%{transform:scale(1);opacity:1}}input,select{box-sizing:border-box;-webkit-appearance:none;border:none;border-radius:4px;width:100%;height:48px;box-shadow:0 0 0 1px rgba(0,0,0,.1);padding:0 .7em;font-size:1.1rem;background-color:#fafafa;color:#272932;caret-color:#d35400;transition:box-shadow .3s ease}input::placeholder{font-size:.9em;color:#888;transition:color .3s ease;padding-left:.2em}input:focus,select:focus{background-color:#fff;outline:none;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 0 5px rgba(0,0,0,.1) inset}input:focus::placeholder{color:#bbb}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.checkbox{height:20px;width:20px;background-color:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;position:relative;cursor:pointer}.checkbox:hover:after,.checkbox.checked:after{content:"check";font-family:"Material Symbols Rounded";font-size:16px;line-height:20px;color:#eee;position:absolute;height:100%;width:100%;left:0;top:0;text-align:center}.checkbox.checked{background-color:#e67e22}.checkbox.checked:after{color:#fff}.checklist{display:flex;flex-direction:row;flex-wrap:wrap}.checklist .check-item{display:flex;align-items:center;flex-basis:100%}.checklist .check-item.disabled{pointer-events:none}.checklist .check-item .checkbox{margin:4px}.checklist .check-item .check-label{padding-left:12px}.checklist.columns-2 .check-item{flex-basis:50%}.checklist.columns-3 .check-item{flex-basis:33.333%}.checklist.columns-4 .check-item{flex-basis:25%}.box{background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:12px}.box .box-header{padding:16px;box-shadow:0 1px 0 rgba(0,0,0,.1);color:#555;display:flex;align-items:center;position:relative;background-color:rgba(0,0,0,.02)}.box .box-header .box-close{width:50px;height:100%;position:absolute;right:0;top:0;box-shadow:-1px 0 0 rgba(0,0,0,.05);cursor:pointer;background-color:rgba(0,0,0,.02);border-radius:0 12px 0 0}.box .box-header .box-close:after{content:"close";font-family:"Material Symbols Rounded";position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center;font-size:1.5em;transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);color:#777}.box .box-header .box-close:hover:after{transform:rotate(90deg)}.box .box-header:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:1.3em;padding-right:12px;margin-right:12px;color:#777;box-shadow:1px 0 0 rgba(0,0,0,.1)}.box .box-padding{padding:16px}#dialogs{position:absolute;height:100%;width:100%;top:0;left:0;z-index:1000;visibility:hidden;transition:background-color .3s ease;-webkit-backdrop-filter:blur(2px)}#dialogs .dialog{position:absolute;height:100%;width:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}#dialogs .dialog .view{background-color:rgba(255,255,255,.95);min-width:200px;max-width:400px;border-radius:6px;box-shadow:0 0 2px rgba(0,0,0,.2),0 0 40px -10px rgba(0,0,0,.1);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;transform:translate3d(0, 50px, 0);opacity:0}#dialogs .dialog .view .content{padding:24px;font-size:1.1em}#dialogs .dialog .view .options{margin:16px 0;margin-top:32px;margin-bottom:0;display:flex;flex-direction:column;gap:8px;flex-basis:50%;font-size:16px}#dialogs .dialog .view .options .option{padding:16px;background-color:rgba(0,0,0,.04);border-radius:8px}#dialogs .dialog .view .actions button{background-color:rgba(0,0,0,.02);width:100%;float:left;box-shadow:0 -2px 2px rgba(0,0,0,.1) inset,0 2px 2px rgba(0,0,0,.1) inset;color:#d35400;border-radius:0;font-size:1em;white-space:nowrap}#dialogs .dialog .view .actions button.full-width{width:100% !important;border-top:2px solid rgba(0,0,0,.05);box-shadow:none}#dialogs .dialog .view .actions button:first-child{border-radius:0 0 0 4px}#dialogs .dialog .view .actions button:last-child{border-radius:0 0 4px 0}#dialogs .dialog .view .actions button:first-child:last-child{border-radius:0 0 4px 4px}#dialogs .dialog .view .actions button:hover{box-shadow:0 0 0 rgba(0,0,0,.1) inset,0 0 0 rgba(0,0,0,.1) inset;transform:scale(1)}#dialogs .dialog .view .actions button.positive{color:#27ae60}#dialogs .dialog .view .actions button.negative{color:#e74c3c}#dialogs .dialog .view .actions button.neutral{color:#272932}#dialogs .dialog .view.visible{transform:translate3d(0, 0, 0);opacity:1}#dialogs .dialog .view.stacked{transform:translate3d(0, -50px, 0);opacity:0}#dialogs.visible{visibility:visible;background-color:rgba(0,0,0,.3)}.progress-bar{width:100%;height:4px;background-color:rgba(0,0,0,.05);border-radius:2px;overflow:hidden}.progress-bar .bar{width:0;background-color:#d35400;height:4px;border-radius:2px;transition:width var(--duration) linear;--duration: .3s}.progress-bar.no-transition .bar{transition:none}.progress-bar.reverse .bar{width:100%}.progress-bar.started .bar{width:100%}.progress-bar.reverse.started .bar{width:0}.card{background-color:#fff;padding:12px;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.1)}.single-stat{display:flex;justify-content:space-between;align-items:center;padding:24px}.single-stat .stat{flex-grow:1}.single-stat .stat .info{font-size:1.4em;padding-bottom:4px}.single-stat .stat .label{font-size:.8em;color:#999}.single-stat .material-icon{color:#1abc9c;font-size:1.4em;flex-grow:0;flex-shrink:0;padding:12px;border-radius:50%;background-color:rgba(0,0,0,.02);margin-right:20px}.toolbar{border-radius:8px;flex-basis:100% !important;display:flex;align-items:center;min-height:32px}.toolbar .title{font-weight:500;font-size:1.1em;padding-left:12px}.toolbar .daterange{display:flex;align-items:center;padding-left:0;margin-left:auto;height:32px;padding-left:16px;background-color:#fff;border-radius:16px;font-size:.9em;box-shadow:0 0 2px rgba(0,0,0,.2)}.toolbar .daterange .material-icon{margin-left:12px;padding-right:10px}[tooltip]{position:relative}[tooltip]:hover{z-index:10}[tooltip]:before{content:attr(tooltip);position:absolute;font-family:var(--main-font);padding:8px 12px;position:absolute;left:50%;bottom:calc(100% + 8px);opacity:0;pointer-events:none;transform:translate3d(-50%, 8px, 0);transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);text-align:center;border-radius:16px;font-size:12px;box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 20px rgba(0,0,0,.03);min-width:100px;background-color:var(--tooltip-background, inherit);color:var(--tooltip-color, #FFFFFF);white-space:nowrap}[tooltip]:after{content:"";position:absolute;width:8px;height:8px;background-color:var(--tooltip-background, inherit);border-radius:50%;left:calc(50% - 4px);top:calc(-8px - 4px);transform:translate3d(0, 8px, 0);opacity:0;transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99)}[tooltip]:hover:after{transform:translate3d(0, 0, 0);opacity:1}[tooltip]:hover:before{transform:translate3d(-50%, 0, 0);opacity:1}[tooltip][tooltip-right]:before{left:0;transform:translate3d(0, 8px, 0)}[tooltip][tooltip-right]:hover:before{transform:translate3d(0, 0, 0)}[tooltip][tooltip-left]:before{left:auto;right:0;transform:translate3d(0, 8px, 0)}[tooltip][tooltip-left]:hover:before{transform:translate3d(0, 0, 0)}.datatable{width:100%}.datatable table{width:100%;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.1);background-color:#fcfcfc;border:none;border-spacing:0;position:relative}.datatable table.placeholder{min-height:600px}.datatable table th,.datatable table td{vertical-align:middle;box-shadow:1px 0 0 rgba(0,0,0,.03);height:40px}.datatable table th.head-checkbox,.datatable table th.row-checkbox,.datatable table td.head-checkbox,.datatable table td.row-checkbox{width:40px;padding:0;vertical-align:middle}.datatable table th.head-checkbox .checkbox,.datatable table th.row-checkbox .checkbox,.datatable table td.head-checkbox .checkbox,.datatable table td.row-checkbox .checkbox{margin-left:auto;margin-right:auto}.datatable table th{font-weight:500;transition:background-color .3s;font-size:.9em;position:relative;padding:8px 24px 8px 12px}.datatable table th.search{padding:0;position:relative}.datatable table th.search input,.datatable table th.search select{width:100%;height:100%;box-shadow:none;background-color:rgba(0,0,0,0);font-size:1em;padding-left:32px;padding-right:24px}.datatable table th.search input::placeholder{font-size:1em}.datatable table th.search select:invalid{color:#999}.datatable table th.search:before{content:"search";font-family:"Material Symbols Rounded";font-size:1.5em;position:absolute;height:100%;width:32px;left:0;display:flex;align-items:center;justify-content:center;color:#ccc;pointer-events:none}.datatable table th.search.select:before{content:"filter_alt"}.datatable table th.search.date:before{content:"calendar_today"}.datatable table th.search.active:before{color:#1abc9c}.datatable table th.actions{width:0;padding:0;vertical-align:top}.datatable table th.actions .action{height:100%;width:100%;background-color:#1abc9c;color:#fff;padding:0 12px;position:relative;z-index:1;box-shadow:0 -1px 0 rgba(255,255,255,.2) inset;display:flex;align-items:center;justify-content:space-between;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .3s;min-width:120px;white-space:nowrap}.datatable table th.actions .action.first{opacity:1;pointer-events:all;border-radius:0 8px 0 0}.datatable table th.actions .action.last:not(.first){border-radius:0 0 10px 10px;box-shadow:none}.datatable table th.actions .action:after{content:attr(icon);font-family:"Material Symbols Rounded";font-size:1.2em;padding-left:12px}.datatable table th.actions .action.succes{background-color:#1abc9c}.datatable table th.actions .action.warning{background-color:#d9822b}.datatable table th.actions .action.failure{background-color:#e42429}.datatable table th.actions:hover .action{opacity:1;pointer-events:all}.datatable table th:hover{background-color:#f5f5f5}.datatable table th .order{width:16px;height:calc(100% - 8px);position:absolute;right:0;top:0;box-shadow:0 0 0 1px rgba(0,0,0,.03);border-radius:8px;overflow:hidden;margin:4px;background-color:rgba(0,0,0,.02)}.datatable table th .order .asc,.datatable table th .order .desc{height:50%;width:100%;text-align:center;font-family:"Material Symbols Rounded";font-size:.8em;transition:background-color .3s,opacity .3s,line-height .3s;cursor:pointer;opacity:.5;display:flex;align-items:center;justify-content:center}.datatable table th .order .asc:hover,.datatable table th .order .asc.active,.datatable table th .order .desc:hover,.datatable table th .order .desc.active{background-color:#1abc9c;color:#fff;opacity:1}.datatable table th .order .asc.asc,.datatable table th .order .desc.asc{box-shadow:0 1px 0 rgba(0,0,0,.03)}.datatable table thead{text-align:left}.datatable table thead th{position:sticky !important;top:12px;background-color:#fff;z-index:1;box-shadow:0 2px 0px rgba(0,0,0,.05),0 -1px 0 rgba(0,0,0,.05),1px 0 0 rgba(0,0,0,.05) inset}.datatable table thead th:first-child{border-radius:8px 0 0 0;box-shadow:0 2px 0px rgba(0,0,0,.05),0 -1px 0 rgba(0,0,0,.05)}.datatable table thead th:last-child{border-radius:0 8px 0 0}.datatable table tbody{font-size:.9em}.datatable table tbody.loading{position:relative}.datatable table tbody.loading:before{content:"Wizardry in progress ...";background-color:rgba(255,255,255,.97);color:#888;font-size:.9em;position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding-top:calc(12px + 0px);justify-content:center;align-items:center;z-index:1000;background-color:rgba(255,255,255,.9)}.datatable table tbody.loading:after{content:"";display:block;position:absolute;top:calc(50% - (24px/2 + 24px));left:calc(50% - 24px/2);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #d35400;border-color:#d35400 rgba(0,0,0,0) #d35400 rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}.datatable table tbody .empty-placeholer{min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#999}.datatable table tbody .empty-placeholer .material-icon{font-size:3em;padding-bottom:16px}.datatable table tbody tr{transition:background-color .3s;box-shadow:0 -1px 0 rgba(0,0,0,.03)}.datatable table tbody tr:hover{background-color:rgba(0,0,0,.03)}.datatable table tbody tr td{padding:8px 12px 8px 12px}.datatable table tbody tr td.nowrap{white-space:nowrap}.datatable table tbody tr td.min-width{width:0}.datatable table tbody tr td.align-right{text-align:right}.datatable table tbody tr td.actions{padding:12px}.datatable table tbody tr td.actions .actions-wrapper{display:flex;gap:12px;justify-content:flex-end;height:auto;max-width:100%;min-width:100%;white-space:nowrap;width:fit-content;justify-content:center}.datatable table tbody tr td.actions .actions-wrapper .action{padding:8px;border-radius:50%;font-family:"Material Symbols Rounded";line-height:1em;background-color:rgba(0,0,0,.03);font-size:1.5em;cursor:pointer;transition:background-color .3s,color .3s;color:#888}.datatable table tbody tr td.actions .actions-wrapper .action.view:hover{background-color:#1abc9c;color:#fff}.datatable table tbody tr td.actions .actions-wrapper .action.edit:hover{background-color:#d9822b;color:#fff}.datatable table tbody tr td.actions .actions-wrapper .action.delete:hover{background-color:#e42429;color:#fff}.datatable table tfoot{text-align:left}.datatable table tfoot td{position:sticky !important;bottom:12px;background-color:#fff;z-index:1;box-shadow:0 -2px 0px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05);border-radius:0 0 8px 8px}.datatable table tfoot .footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 8px 12px}.datatable table tfoot .footer .counts{font-size:.9em;color:#666;min-width:230px}.datatable table tfoot .footer .counts span{font-weight:bold}.datatable table tfoot .footer .pagination{display:flex;align-items:center;justify-content:center;gap:12px}.datatable table tfoot .footer .pagination .next,.datatable table tfoot .footer .pagination .previous,.datatable table tfoot .footer .pagination .page{height:32px;min-width:32px;line-height:32px;border-radius:16px;text-align:center;display:inline-block;cursor:pointer;transition:background-color .3s,color .3s;padding:0 8px}.datatable table tfoot .footer .pagination .next,.datatable table tfoot .footer .pagination .previous{font-family:"Material Symbols Rounded";font-size:1.1em}.datatable table tfoot .footer .pagination .next:hover,.datatable table tfoot .footer .pagination .previous:hover{background-color:rgba(0,0,0,.04)}.datatable table tfoot .footer .pagination .pages{display:flex;gap:8px}.datatable table tfoot .footer .pagination .pages .page{color:#666;font-size:.85em;background-color:rgba(0,0,0,.01)}.datatable table tfoot .footer .pagination .pages .page.loading{background-color:rgba(0,0,0,.01) !important;color:rgba(0,0,0,0);cursor:default;pointer-events:none;position:relative}.datatable table tfoot .footer .pagination .pages .page.loading:after{content:"";display:block;position:absolute;top:calc(50% - (16px/2 + 0px));left:calc(50% - 16px/2);height:16px;width:16px;box-sizing:border-box;border-radius:50%;border:2px solid #d35400;border-color:#d35400 rgba(0,0,0,0) #d35400 rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}.datatable table tfoot .footer .pagination .pages .page:hover,.datatable table tfoot .footer .pagination .pages .page.active{background-color:#e67e22;color:#fff}.datatable table tfoot .footer .pagination .pages .page:hover.active,.datatable table tfoot .footer .pagination .pages .page.active.active{pointer-events:none}.datatable table tfoot .footer .pagination-settings{display:flex;align-items:center;font-size:.9em;min-width:230px;justify-content:right}.datatable table tfoot .footer .pagination-settings select{margin:0 8px;height:24px;width:auto;text-align:center;font-size:1em;box-shadow:none;background-color:rgba(0,0,0,.03)}#form-lightbox{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#form-lightbox.visible{opacity:1;pointer-events:all}#form-lightbox .form-box{max-width:1000px;margin:auto;font-size:.9em}#form-lightbox .form-box .form{display:flex;gap:16px;flex-wrap:wrap;max-height:80vh;overflow-y:auto}#form-lightbox .form-box .form .form-group{display:flex;flex-wrap:wrap;flex-basis:100%;gap:16px}#form-lightbox .form-box .form .form-row{flex-basis:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}#form-lightbox .form-box .form .form-row input,#form-lightbox .form-box .form .form-row select{height:36px;font-size:1em;background-color:rgba(0,0,0,.02);box-shadow:0 0 3px rgba(0,0,0,.1) inset;transition:background-color .3s,box-shadow .3s}#form-lightbox .form-box .form .form-row input:focus,#form-lightbox .form-box .form .form-row select:focus{background-color:rgba(0,0,0,.04);box-shadow:0 0 3px rgba(0,0,0,.1) inset,0 0 0 1px rgba(0,0,0,.05) inset}#form-lightbox .form-box .form .form-row input.error,#form-lightbox .form-box .form .form-row select.error{background-color:rgba(228,36,41,.05);box-shadow:0 0 3px rgba(228,36,41,.2) inset,0 0 0 1px #e42429 inset}#form-lightbox .form-box .form .form-row input[type=color],#form-lightbox .form-box .form .form-row select[type=color]{background-color:rgba(0,0,0,0);box-shadow:none;padding:0}#form-lightbox .form-box .form .form-row input[type=color]::-webkit-color-swatch,#form-lightbox .form-box .form .form-row input[type=color]::-webkit-color-swatch-wrapper,#form-lightbox .form-box .form .form-row select[type=color]::-webkit-color-swatch,#form-lightbox .form-box .form .form-row select[type=color]::-webkit-color-swatch-wrapper{border:none;border-radius:18px;padding:0;background-color:rgba(0,0,0,0);box-shadow:0 0 3px rgba(0,0,0,.1)}#form-lightbox .form-box .form .form-row .select-wrapper{position:relative}#form-lightbox .form-box .form .form-row .select-wrapper.error select{background-color:rgba(228,36,41,.05);box-shadow:0 0 3px rgba(228,36,41,.2) inset,0 0 0 1px #e42429 inset}#form-lightbox .form-box .form .form-row .select-wrapper:after{content:"unfold_more";font-family:"Material Symbols Rounded";font-size:1.3em;transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);color:#bbb;padding-right:8px;position:absolute;right:8px;top:calc(50% - 8px);height:16px;width:16px}#form-lightbox .form-box .form .form-row .checklist.error .checkbox{box-shadow:0 0 0 1px #e42429 inset}#form-lightbox .form-box .form .form-field{flex-grow:1;position:relative;--tooltip-background: #e42429;--tooltip-color: #FFF}#form-lightbox .form-box .form .form-label{padding-bottom:6px;font-size:.9em}#form-lightbox .form-box .form .oneof2{flex-basis:calc(50% - 16px/2)}#form-lightbox .form-box .form .oneof3{flex-basis:calc(33.333% - 2*(16px/3))}#form-lightbox .form-box .form .actions{width:100%;padding-top:12px;display:flex;justify-content:right;gap:16px;background-color:#fff;box-shadow:0 -1px rgba(0,0,0,.1);margin-top:24px}#form-lightbox .form-box .form .actions button{height:32px;font-size:1em;padding:0 16px}#form-lightbox .form-box .form .actions button.success{background-color:#1abc9c}#form-lightbox .form-box .form .actions button.failure{background-color:#e42429}#form-lightbox .form-box .form .actions button.warning{background-color:#d9822b}#form-lightbox .form-box .form .actions button[icon]{padding-right:48px}#form-lightbox .form-box .form .actions button[icon]:not(.loading):after{content:attr(icon);font-family:"Material Symbols Rounded";font-size:1.2em;margin-left:12px;padding-left:8px;color:#fff;box-shadow:-1px 0 0 rgba(255,255,255,.3);position:absolute;right:12px}#form-lightbox .form-box .form .actions button.loading:after{height:16px;width:16px;left:calc(50% - 8px);top:calc(50% - 8px);border-width:2px}#form-lightbox .form-box .form .form-error{padding-top:6px;font-size:.8em;color:#e42429}#form-lightbox .form-box .form .file-upload{display:flex;justify-content:center;align-items:center;border-radius:4px;transition:background-color .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);min-width:160px;cursor:pointer;height:100%}#form-lightbox .form-box .form .file-upload:not(.preview-mode),#form-lightbox .form-box .form .file-upload.preview-mode.drag-mode,#form-lightbox .form-box .form .file-upload.preview-mode:hover{background-image:linear-gradient(90deg, #1abc9c 50%, transparent 50%),linear-gradient(90deg, #1abc9c 50%, transparent 50%),linear-gradient(0deg, #1abc9c 50%, transparent 50%),linear-gradient(0deg, #1abc9c 50%, transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:15px 1px,15px 1px,1px 15px,1px 15px;background-position:left top,right bottom,left bottom,right top}#form-lightbox .form-box .form .file-upload .drop-text,#form-lightbox .form-box .form .file-upload .drag-text,#form-lightbox .form-box .form .file-upload .error-text{width:80%;pointer-events:none;display:flex;align-items:center;justify-content:center}#form-lightbox .form-box .form .file-upload .progress-bar{width:80%;pointer-events:none}#form-lightbox .form-box .form .file-upload .preview{height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none;color:#1abc9c;display:flex;align-items:center}#form-lightbox .form-box .form .file-upload .drop-text{color:#777}#form-lightbox .form-box .form .file-upload .drop-text:before{content:"file_upload";font-family:"Material Symbols Rounded";font-size:1.3em;transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);color:#999;padding-right:8px}#form-lightbox .form-box .form .file-upload.progress-mode .drop-text,#form-lightbox .form-box .form .file-upload.error-mode .drop-text,#form-lightbox .form-box .form .file-upload.drag-mode .drop-text,#form-lightbox .form-box .form .file-upload.preview-mode .drop-text{display:none}#form-lightbox .form-box .form .file-upload:not(.drag-mode) .drag-text{display:none}#form-lightbox .form-box .form .file-upload:not(.progress-mode) .progress-bar{display:none}#form-lightbox .form-box .form .file-upload.progress-mode{pointer-events:none;cursor:default}#form-lightbox .form-box .form .file-upload:not(.error-mode) .error-text{display:none}#form-lightbox .form-box .form .file-upload:not(.preview-mode) .preview{display:none}#form-lightbox .form-box .form .file-upload.error-mode,#form-lightbox .form-box .form .file-upload.error{background-image:linear-gradient(90deg, #e42429 50%, transparent 50%),linear-gradient(90deg, #e42429 50%, transparent 50%),linear-gradient(0deg, #e42429 50%, transparent 50%),linear-gradient(0deg, #e42429 50%, transparent 50%);background-color:rgba(228,36,41,.2)}#form-lightbox .form-box .form .file-upload.error-mode.error-mode .error-text,#form-lightbox .form-box .form .file-upload.error.error-mode .error-text{color:#e42429}#form-lightbox .form-box .form .file-upload.error-mode.error-mode .error-text:before,#form-lightbox .form-box .form .file-upload.error.error-mode .error-text:before{content:"error_outline";font-family:"Material Symbols Rounded";font-size:1.3em;transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);color:#e42429;padding-right:8px}#form-lightbox .form-box .form .file-upload.drag-mode,#form-lightbox .form-box .form .file-upload.progress-mode,#form-lightbox .form-box .form .file-upload:hover{animation:border-animation 1s infinite linear;background-color:rgba(60,167,61,.2)}#form-lightbox .form-box .form .file-upload.preview-mode.drag-mode,#form-lightbox .form-box .form .file-upload.error-mode.drag-mode{background-image:linear-gradient(90deg, #1abc9c 50%, transparent 50%),linear-gradient(90deg, #1abc9c 50%, transparent 50%),linear-gradient(0deg, #1abc9c 50%, transparent 50%),linear-gradient(0deg, #1abc9c 50%, transparent 50%)}#form-lightbox .form-box .form .file-upload.preview-mode.drag-mode .preview,#form-lightbox .form-box .form .file-upload.preview-mode.drag-mode .error-text,#form-lightbox .form-box .form .file-upload.error-mode.drag-mode .preview,#form-lightbox .form-box .form .file-upload.error-mode.drag-mode .error-text{display:none}#form-lightbox .form-box .form .file-upload.preview-mode.drag-mode .drag-text,#form-lightbox .form-box .form .file-upload.error-mode.drag-mode .drag-text{display:flex}#form-lightbox .form-box .form .file-upload:hover{background-image:linear-gradient(90deg, #1abc9c 50%, transparent 50%),linear-gradient(90deg, #1abc9c 50%, transparent 50%),linear-gradient(0deg, #1abc9c 50%, transparent 50%),linear-gradient(0deg, #1abc9c 50%, transparent 50%)}#form-lightbox .form-box .form .file-upload:hover .preview,#form-lightbox .form-box .form .file-upload:hover .error-text{display:none}#form-lightbox .form-box .form .file-upload:hover .drop-text{display:flex;color:#1abc9c}#form-lightbox .form-box .form .file-upload:hover .drop-text:before{color:#1abc9c}#form-lightbox .form-box .form.view-mode .form-row input:not([type=color]),#form-lightbox .form-box .form.view-mode .form-row select{height:auto;padding:0;box-shadow:none;background-color:rgba(0,0,0,0);font-weight:bold}#form-lightbox .form-box .form.view-mode .form-row input:not([type=color])::placeholder,#form-lightbox .form-box .form.view-mode .form-row select::placeholder{color:rgba(0,0,0,0)}#form-lightbox .form-box .form.view-mode .form-row .select-wrapper:after{display:none}#form-lightbox .form-box .form.view-mode .form-row select{pointer-events:none}#form-lightbox .form-box .form.view-mode .form-row .file-upload{pointer-events:none}#form-lightbox .form-box .form.view-mode .form-row .file-upload .preview{min-height:50px}@keyframes border-animation{0%{background-position:left top,right bottom,left bottom,right top}100%{background-position:left 15px top,right 15px bottom,left bottom 15px,right top 15px}}#app-updates{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);background-color:#fff;justify-content:center;flex-direction:column;gap:100px}#app-updates.visible{opacity:1;pointer-events:all}#app-updates .gears{position:relative;height:10vw;width:10vw}#app-updates .gears .gear{height:10vw;width:10vw;background-image:url(../img/gear.svg);animation:1s gear-rotate linear infinite;position:absolute}#app-updates .gears .gear:nth-child(1){left:-4.4vw;top:-2vw}#app-updates .gears .gear:nth-child(2){animation:1s gear-rotate-left linear infinite;top:2vw;left:4.4vw}#app-updates .new-version{display:flex;flex-direction:column;gap:100px;display:none}#app-updates .new-version p{font-size:20px;font-weight:bold}#app-updates .new-version button{font-size:18px;margin:auto;font-weight:bold;padding:32px 48px}#app-permissions{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;display:none;background-color:#fff;justify-content:center;flex-direction:column;gap:48px}#app-permissions.visible{display:flex}#app-permissions .permissions-text{text-align:center;font-size:24px;max-width:600px;line-height:1.5em}#app-permissions .permissions{display:flex;gap:48px;min-width:800px}#app-permissions .permissions>*{flex-basis:50%;padding:24px}#app-permissions .permissions>* .name{font-size:16px;white-space:nowrap;text-align:center}#app-permissions .permissions>* .material-icon{font-size:52px;text-align:center;padding:24px 0}#app-permissions .permissions>* button{color:#27ae60;box-shadow:0 0 0 2px #27ae60;background-color:rgba(0,0,0,0);margin:auto}#app-permissions .permissions>*.granted .material-icon{color:#27ae60}#app-permissions .permissions>*.granted button{pointer-events:none;opacity:.2}#app{position:relative;width:100%;height:100%;overflow:hidden;color:#3e3e3e;display:flex}#app.loading{position:relative}#app.loading:before{content:"";background-color:rgba(255,255,255,.97);color:#888;font-size:.9em;position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding-top:calc(12px + 0px);justify-content:center;align-items:center;z-index:1000}#app.loading:after{content:"";display:block;position:absolute;top:calc(50% - (24px/2 + 0px));left:calc(50% - 24px/2);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #d35400;border-color:#d35400 rgba(0,0,0,0) #d35400 rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}#app .material-icon{font-family:"Material Symbols Rounded";line-height:1.2em !important;font-size:1.2em;vertical-align:middle}#app #login{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background:linear-gradient(0deg, #3498db, #2980b9);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#app #login>svg{position:absolute;left:0;top:0;height:100%;width:100%}#app #login.visible{opacity:1;pointer-events:all}#app #login .login-box{max-width:420px;margin:auto;padding:24px;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.3);border-radius:12px;z-index:1}#app #login .login-box .logo{height:124px;line-height:100px;width:100%;font-size:50px;background:linear-gradient(120deg, #8e44ad, #3498db, #34495e);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);color:#000;text-align:center;font-weight:900}#app #login .login-box input{margin-bottom:16px}#app #login .login-box .disclaimer{font-size:.7em;line-height:1.2em;color:#999;margin-top:16px}#app #login .login-box .login-button,#app #login .login-box .reset-button{margin-top:32px;width:100%;font-weight:bold}#app #login .login-box .forgot-password,#app #login .login-box .auth-back-button{font-size:.8em;color:#e67e22;margin-right:auto;margin-left:auto;display:flex;justify-content:center;margin-top:16px;cursor:pointer}#app #login .login-box .success-reset-message{color:#1abc9c;font-weight:bold;text-align:center;padding-bottom:36px}#app #change-password{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#app #change-password.visible{opacity:1;pointer-events:all}#app #change-password .change-password-box{max-width:400px;margin:auto;font-size:.9em}#app #change-password .change-password-box .new-password-box{background-color:rgba(0,0,0,.03)}#app #change-password .change-password-box .new-password-box input{background-color:#fff}#app #change-password .change-password-box .new-password-box .requirements{font-size:.8em;padding-top:12px;display:none}#app #change-password .change-password-box .new-password-box .requirements.visible{display:block}#app #change-password .change-password-box .new-password-box .requirements .requirement{display:flex;align-items:center;color:#e42429}#app #change-password .change-password-box .new-password-box .requirements .requirement:before{content:"close";font-family:"Material Symbols Rounded";font-size:1.3em;margin-right:8px}#app #change-password .change-password-box .new-password-box .requirements .requirement.check{color:#1abc9c}#app #change-password .change-password-box .new-password-box .requirements .requirement.check:before{content:"check"}#app #change-password .change-password-box .old,#app #change-password .change-password-box .new-confirmation{margin-bottom:0}#app #change-password .change-password-box input{margin-bottom:16px;background-color:rgba(0,0,0,.01)}#app #change-password .change-password-box button{width:100%}#app #header{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.2);height:60px;width:100%;flex-shrink:0;display:flex;flex-direction:row-reverse;justify-content:end;align-items:center;z-index:2}#app #header .account{display:flex;align-items:center;font-size:.8em;margin-right:12px;background-color:rgba(0,0,0,.02);border-radius:20px;position:relative}#app #header .account .action{cursor:default}#app #header .account .profile-image{border-radius:50%;box-shadow:0 0 0 2px #fff}#app #header .account .dropdown{margin-right:0;background-color:rgba(0,0,0,0);opacity:.5}#app #header .account .menu{position:absolute;right:0;top:calc(100% + 8px );background-color:#fff;min-width:100%;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:8px;opacity:0;transform:translate3d(0, 20px, 0);transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99),opacity .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);pointer-events:none}#app #header .account .menu:before{content:"";width:100%;height:20px;position:absolute;top:-20px;left:0}#app #header .account .menu:after{content:"";width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:6px solid #fff;position:absolute;top:-6px;right:15px}#app #header .account .menu .menu-item{padding:6px 12px;white-space:nowrap;font-size:.9em;display:flex;align-items:center;box-shadow:0 1px 0 rgba(0,0,0,.05);cursor:pointer;transition:padding .3s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #header .account .menu .menu-item:hover{padding:12px}#app #header .account .menu .menu-item:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:1.3em;margin-right:12px;color:rgba(0,0,0,.4)}#app #header .account .menu .menu-item.logout{background-color:#e42429;color:#fff;box-shadow:0 0 0;border-radius:0 0 8px 8px}#app #header .account .menu .menu-item.logout:before{color:#fff}#app #header .account:hover .menu{opacity:1;transform:translate3d(0, 0, 0);pointer-events:all}#app #header .action{height:40px;width:40px;display:flex;align-items:center;justify-content:center;margin-right:12px;background-color:rgba(0,0,0,.02);border-radius:50%;font-size:20px;cursor:pointer}#app #header .sync{position:relative}#app #header .sync.active .material-icon{color:#e42429}#app #header .sync.active:after{content:attr(count);position:absolute;top:0px;right:12px;height:16px;line-height:16px;width:16px;background-color:#e42429;font-size:.5em;text-align:center;border-radius:50%;color:#fff;box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,0,0,.1)}#app #header .notifications{position:relative}#app #header .notifications.active .material-icon{color:#e42429;animation:ringing-bell linear .3s infinite}#app #header .notifications.active:after{content:attr(count);position:absolute;top:0px;right:12px;height:16px;line-height:16px;width:16px;background-color:#e42429;font-size:.5em;text-align:center;border-radius:50%;color:#fff;box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,0,0,.1)}#app #header .notifications .listing{position:absolute;left:calc(50% - 150px);top:calc(100% + 8px );background-color:#fff;width:300px;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:8px;opacity:0;transform:translate3d(0, 20px, 0);transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99),opacity .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);pointer-events:none}#app #header .notifications .listing.visible{opacity:1;transform:translate3d(0, 0, 0);pointer-events:all}#app #header .notifications .listing:before{content:"";width:100%;height:20px;position:absolute;top:-20px;left:0}#app #header .notifications .listing:after{content:"";width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:6px solid #fff;position:absolute;top:-6px;left:calc(50% - 12px)}#app #header .notifications .listing .notification{padding:12px 12px;font-size:.7em;display:flex;flex-grow:1;align-items:center;box-shadow:0 1px 0 rgba(0,0,0,.05);min-height:40px;line-height:1.4em;color:#777;transition:color .3s cubic-bezier(0.15, 0.76, 0.18, 0.99),background-color .3s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #header .notifications .listing .notification:hover{background-color:rgba(0,0,0,.02);cursor:pointer;color:#555}#app #header .notifications .listing .notification:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:1.5em;margin-left:12px;margin-right:24px;color:rgba(0,0,0,.4)}#app.native #header{height:calc(60px + var(--android-safe-area-inset-top, env(safe-area-inset-top)));padding-top:var(--android-safe-area-inset-top, env(safe-area-inset-top));background-color:#d67118;box-shadow:0 var(--android-safe-area-inset-top, env(safe-area-inset-top)) 0 rgba(0,0,0,.1) inset}#app.native #header .account{background-color:#fff}#app.native #header .account .profile-image{box-shadow:0 0 0 3px #bf6516}#app.native #header .account .dropdown{box-shadow:none;opacity:1;font-size:26px}#app.native #header .account .menu .menu-item{font-size:1.2em;padding:12px 16px}#app.native #header .account .menu .menu-item:hover{padding:16px}#app.native #header .action{background-color:#fff;box-shadow:0 0 0 3px #bf6516;font-size:30px}@keyframes ringing-bell{0%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}100%{transform:rotate(10deg)}}#app #footer{background-color:green;height:24px;width:100%}#app #menu{min-width:200px;z-index:3;background-color:#fff;display:flex;flex-direction:column}#app #menu .logo{height:60px;width:100%;background-image:url("../img/iswitch.png");background-repeat:no-repeat;background-position:center;background-size:auto 40%;flex-shrink:0;z-index:1;background-color:#fff}#app #menu .menu-wrapper{padding:12px 0 12px 12px;box-shadow:0 0 16px rgba(0,0,0,.2);flex:1}#app #menu .menu-wrapper .menu-item{font-size:.8em;padding:12px;border-radius:12px 0 0 12px;display:flex;align-items:center;margin-bottom:2px;cursor:pointer;transition:background-color .5s cubic-bezier(0.15, 0.76, 0.18, 0.99),box-shadow .5s cubic-bezier(0.15, 0.76, 0.18, 0.99),color .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #menu .menu-wrapper .menu-item:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:1.8em;margin-right:12px;color:rgba(0,0,0,.4);transition:color .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #menu .menu-wrapper .menu-item:hover{background-color:rgba(0,0,0,.02)}#app #menu .menu-wrapper .menu-item.active{box-shadow:-3px 0 0 #e67e22 inset;background-color:rgba(0,0,0,.02);color:#e67e22}#app #menu .menu-wrapper .menu-item.active:before{color:#e67e22}#app.native #menu{min-width:0;width:100px;flex-grow:0;flex-shrink:0}#app.native #menu .logo{height:calc(60px + var(--android-safe-area-inset-top, env(safe-area-inset-top)));background-color:#d67118;background-position:bottom 16px center;background-size:auto 28px;box-shadow:0 var(--android-safe-area-inset-top, env(safe-area-inset-top)) 0 rgba(0,0,0,.1) inset}#app.native #menu .menu-wrapper{background-color:#e67e22;overflow:auto}#app.native #menu .menu-wrapper .menu-item{flex-direction:column;justify-content:center;align-items:center;padding:12px;margin-bottom:8px;border-radius:4px 0 0 4px;font-size:12px;font-weight:500;color:#fff;transition:all .3s ease;background-color:rgba(255,255,255,.05);box-shadow:0 0 3px rgba(0,0,0,.2) inset;text-shadow:0 0 2px rgba(0,0,0,.2)}#app.native #menu .menu-wrapper .menu-item:before{font-size:40px;line-height:40px;margin-right:0;color:#fff}#app.native #menu .menu-wrapper .menu-item.active{box-shadow:-2px 0 3px rgba(0,0,0,.2);color:#bf6516;background-color:#fff;text-shadow:none}#app.native #menu .menu-wrapper .menu-item.active:before{color:#bf6516}#app #page-wrapper{display:flex;flex-direction:column;flex-grow:1;background-color:#fafafa}#app #page-wrapper #page{flex-grow:1;overflow:auto;z-index:1}#app.native #page-wrapper{background-color:#eee}#app #field-routing{padding:4px 12px 12px 12px;display:flex;gap:16px;flex-wrap:wrap;height:100%}#app #field-routing>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #field-routing .datatable{flex-basis:100%}#app #field-routing .datatable table{background-color:rgba(0,0,0,0);border-collapse:separate;border-spacing:0 8px;box-shadow:none}#app #field-routing .datatable table th{padding:8px 12px 8px 12px}#app #field-routing .datatable table td{min-height:56px}#app #field-routing .datatable table thead{position:sticky;top:4px;z-index:1}#app #field-routing .datatable table thead th{position:relative !important;top:auto}#app #field-routing .datatable table .top-header>th{background-color:#fff;border-radius:6px 6px 0 0}#app #field-routing .datatable table .top-header .header{height:56px;display:flex;justify-content:space-between;padding-top:8px}#app #field-routing .datatable table .top-header .header>*{display:flex;align-items:center;flex-basis:33.33%}#app #field-routing .datatable table .top-header .header .current-routing{font-size:18px;font-weight:100;gap:16px;padding-left:4px}#app #field-routing .datatable table .top-header .header .current-routing .material-icon{font-size:31px;color:#aaa;background-color:rgba(0,0,0,.03);padding:8px;border-radius:4px}#app #field-routing .datatable table .top-header .header .stats{display:flex;flex-basis:1%;gap:0;font-size:18px;padding:0;border-radius:50px;color:#888;background-color:rgba(0,0,0,.03)}#app #field-routing .datatable table .top-header .header .stats .stat{display:flex;gap:8px;box-shadow:1px 0 0 rgba(0,0,0,.2);padding:0;min-width:81px;justify-content:center}#app #field-routing .datatable table .top-header .header .stats .stat:last-child{box-shadow:none}#app #field-routing .datatable table .top-header .header .stats .stat:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:27px}#app #field-routing .datatable table .top-header .header .stats .stat.success{color:#27ae60}#app #field-routing .datatable table .top-header .header .stats .stat.failed{color:#c0392b}#app #field-routing .datatable table .top-header .header .actions{justify-content:flex-end}#app #field-routing .datatable table .top-header .header .actions .action{display:flex;border-radius:8px;padding:16px 11px 16px 16px;align-items:center;background:linear-gradient(180deg, #FFF, #F5F5F5);gap:12px;box-shadow:0 0 1px rgba(0,0,0,.2) inset}#app #field-routing .datatable table .top-header .header .actions .action:after{content:attr(icon);font-family:"Material Symbols Rounded";font-size:32px;box-shadow:-1px 0 0 rgba(0,0,0,.2);padding-left:8px}#app #field-routing .datatable table .top-labels>th{border-radius:0;box-shadow:0 3px 3px -3px rgba(0,0,0,.3) inset,0 -3px 3px -3px rgba(0,0,0,.3) inset,1px 0 0 rgba(0,0,0,.05) inset,0 -10px 0 #fff;height:50px;background-color:#f7f7f7}#app #field-routing .datatable table .empty-table{font-family:inherit;font-size:20px;text-align:center;border-radius:8px;height:160px}#app #field-routing .datatable table tbody tr td{background-color:#fff;box-shadow:-16px 0 0 -15px rgba(0,0,0,.1)}#app #field-routing .datatable table tbody tr td:first-child{box-shadow:none}#app #field-routing .datatable table tbody tr td:nth-child(1):not(.empty-table){width:56px;font-family:"Material Symbols Rounded";font-size:40px;padding:0;text-align:center;border-radius:8px 0 0 8px;box-shadow:-5px 0 3px -3px rgba(0,0,0,.2) inset}#app #field-routing .datatable table tbody tr td:nth-child(1):not(.empty-table).pending{color:#fff;background-color:#ccc}#app #field-routing .datatable table tbody tr td:nth-child(1):not(.empty-table).success{color:#fff;background-color:#27ae60}#app #field-routing .datatable table tbody tr td:nth-child(1):not(.empty-table).failed{color:#fff;background-color:#c0392b}#app #field-routing .datatable table tbody tr td:last-child:not(.empty-table){border-radius:0 8px 8px 0}#app #field-routing .datatable table tbody tr td:nth-child(2){font-family:Menlo;color:#888;width:90px;text-align:center}#app #field-routing .datatable table tbody tr td:nth-child(3){font-weight:500}#app #field-routing .datatable table tbody tr td:last-child{padding:12px;width:1%;white-space:nowrap}#app #field-routing .datatable table tbody .actions-wrapper{gap:24px;flex-basis:fit-content}#app #field-routing .datatable table tbody .actions-wrapper .action{font-size:32px;line-height:32px;padding:4px;background:linear-gradient(180deg, #FAFAFA, #EEE);box-shadow:0 0 1px rgba(0,0,0,.2) inset}#app #field-routing .datatable table tbody .actions-wrapper .action.info{color:#27ae60}#app #field-routing .datatable table tbody .actions-wrapper .action.map{color:#2c3e50}#app #field-routing .datatable table tbody .actions-wrapper .action.begin{font-size:40px;line-height:40px;padding:0px;color:#fff;background:linear-gradient(180deg, #2ecc71, #27ae60)}#app #field-routing .datatable table tbody .actions-wrapper .action.fail{color:#fff;background:linear-gradient(180deg, #f39c12, #e67e22)}#app #field-routing .datatable table tbody .properties>span{position:relative;box-shadow:0 0 3px rgba(0,0,0,.3);border-radius:50px;height:24px;line-height:24px;display:inline-flex;align-items:center;gap:8px;padding-right:8px;font-size:12px;font-weight:500;margin:4px;color:var(--color);box-shadow:0 0 0 1px inset var(--color)}#app #field-routing .datatable table tbody .properties>span:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:26px;line-height:26px;transition:color .5s cubic-bezier(0.15, 0.76, 0.18, 0.99);top:0;left:0;padding:0;height:24px;width:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;color:var(--color);box-shadow:0 0 5px rgba(0,0,0,.3),0 0 0 1px var(--color)}#app #field-routing .datatable table tbody .properties>span.dte{--color: #3498db}#app #field-routing .datatable table tbody .properties>span.large-retailer{--color: #27ae60}#app #field-routing .datatable table tbody .properties>span.lamp{--color: #9b59b6}#app #field-routing .datatable table tbody .properties>span.segment{--color: #2c3e50}#app #field-calendar{padding:12px;gap:16px;display:flex;flex-direction:column;height:100%}#app #field-calendar .navigation{background-color:#fff;border-radius:8px;display:flex;flex-basis:48px;flex-shrink:0;flex-grow:0;align-items:center;justify-content:center;box-shadow:0 0 3px rgba(0,0,0,.1);gap:24px}#app #field-calendar .navigation .previous,#app #field-calendar .navigation .next{height:40px;width:40px;background-color:rgba(0,0,0,.02);margin:4px;font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 3px rgba(0,0,0,.1);border-radius:5px;color:#888}#app #field-calendar .navigation .current{font-size:18px;font-weight:500}#app #field-calendar .body{box-shadow:0 0 3px rgba(0,0,0,.3);border-radius:8px;flex-grow:1;display:flex;flex-direction:column;background-color:#f5f5f5}#app #field-calendar .body .header{display:flex;height:48px;flex-grow:0;flex-shrink:0;align-items:center;font-weight:500;font-size:.8em}#app #field-calendar .body .header .day{flex-basis:14.2857142857%;padding-left:16px}#app #field-calendar .body .days{flex-grow:1;display:grid;grid-template-columns:repeat(7, 1fr);gap:4px;padding:4px;padding-top:0}#app #field-calendar .body .days .day{background-color:#fff;border-radius:8px;position:relative;box-shadow:0 0 2px rgba(0,0,0,.1)}#app #field-calendar .body .days .day.disabled{opacity:.5;pointer-events:none}#app #field-calendar .body .days .day.selected .d{background-color:#d35400;color:#fff}#app #field-calendar .body .days .day .d{padding:8px;border-radius:50%;background-color:rgba(0,0,0,.05);width:32px;height:32px;margin:10px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;color:#444;box-shadow:0 0 3px rgba(0,0,0,.1) inset}#app #field-calendar .body .days .day .count{bottom:8px;background-color:#e74c3c;left:8px;right:8px;font-size:11px;border-radius:50px;color:#fff;font-weight:500;text-align:center;position:absolute;height:24px;overflow:hidden}#app #field-calendar .body .days .day .count .text{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center;left:0;top:0;gap:4px}#app #field-calendar .body .days .day .count .text span{font-weight:bold}#app #field-calendar .body .days .day .count .completed{float:left;height:100%;background-color:#27ae60;position:relative}#app #field-calendar .body .days .day .count .failed{height:100%;background-color:#e67e22;position:relative;float:left}#app #field-touchpoints{padding:4px 12px 12px 12px;display:flex;gap:16px;flex-wrap:wrap}#app #field-touchpoints>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #field-touchpoints .datatable{flex-basis:100%}#app #field-touchpoints .datatable table{background-color:rgba(0,0,0,0);border-collapse:separate;border-spacing:0 8px;box-shadow:none}#app #field-touchpoints .datatable table th{padding:8px 12px 8px 12px}#app #field-touchpoints .datatable table td{min-height:56px}#app #field-touchpoints .datatable table thead{position:sticky;top:4px;z-index:1}#app #field-touchpoints .datatable table thead th{position:relative !important;top:auto}#app #field-touchpoints .datatable table .top-header>th{background-color:#fff;border-radius:6px 6px 0 0}#app #field-touchpoints .datatable table .top-header .header{height:56px;display:flex;justify-content:space-between;padding-top:8px}#app #field-touchpoints .datatable table .top-header .header>*{display:flex;align-items:center;flex-basis:33.33%}#app #field-touchpoints .datatable table .top-header .header .current-routing{font-size:18px;font-weight:100;gap:16px;padding-left:4px}#app #field-touchpoints .datatable table .top-header .header .current-routing .material-icon{font-size:31px;color:#aaa;background-color:rgba(0,0,0,.03);padding:8px;border-radius:4px}#app #field-touchpoints .datatable table .top-header .header .stats{display:flex;flex-basis:1%;gap:0;font-size:18px;padding:0;border-radius:50px;color:#888;background-color:rgba(0,0,0,.03)}#app #field-touchpoints .datatable table .top-header .header .stats .stat{display:flex;gap:8px;box-shadow:1px 0 0 rgba(0,0,0,.2);padding:0;min-width:81px;justify-content:center}#app #field-touchpoints .datatable table .top-header .header .stats .stat:last-child{box-shadow:none}#app #field-touchpoints .datatable table .top-header .header .stats .stat:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:27px}#app #field-touchpoints .datatable table .top-header .header .stats .stat.success{color:#27ae60}#app #field-touchpoints .datatable table .top-header .header .stats .stat.failed{color:#c0392b}#app #field-touchpoints .datatable table .top-header .header .actions{justify-content:flex-end}#app #field-touchpoints .datatable table .top-header .header .actions .action{display:flex;border-radius:8px;padding:16px 11px 16px 16px;align-items:center;background:linear-gradient(180deg, #FFF, #F5F5F5);gap:12px;box-shadow:0 0 1px rgba(0,0,0,.2) inset}#app #field-touchpoints .datatable table .top-header .header .actions .action:after{content:attr(icon);font-family:"Material Symbols Rounded";font-size:32px;box-shadow:-1px 0 0 rgba(0,0,0,.2);padding-left:8px}#app #field-touchpoints .datatable table .top-labels>th{border-radius:0;box-shadow:0 3px 3px -3px rgba(0,0,0,.3) inset,0 -3px 3px -3px rgba(0,0,0,.3) inset,1px 0 0 rgba(0,0,0,.05) inset,0 -10px 0 #fff;height:50px;background-color:#f7f7f7}#app #field-touchpoints .datatable table tbody tr td{background-color:#fff;box-shadow:-16px 0 0 -15px rgba(0,0,0,.1)}#app #field-touchpoints .datatable table tbody tr td:first-child{box-shadow:none}#app #field-touchpoints .datatable table tbody tr td:last-child{border-radius:0 8px 8px 0}#app #field-touchpoints .datatable table tbody tr td:nth-child(1){font-family:Menlo;color:#888;width:90px;text-align:center;border-radius:8px 0 0 8px}#app #field-touchpoints .datatable table tbody tr td:nth-child(2){font-weight:500}#app #field-touchpoints .datatable table tbody tr td:last-child{padding:12px;width:1%;white-space:nowrap}#app #field-touchpoints .datatable table tbody .actions-wrapper{gap:24px;flex-basis:fit-content}#app #field-touchpoints .datatable table tbody .actions-wrapper .action{font-size:32px;line-height:32px;padding:4px;background:linear-gradient(180deg, #FAFAFA, #EEE);box-shadow:0 0 1px rgba(0,0,0,.2) inset}#app #field-touchpoints .datatable table tbody .actions-wrapper .action.info{color:#27ae60}#app #field-touchpoints .datatable table tbody .actions-wrapper .action.map{color:#2c3e50}#app #field-touchpoints .datatable table tbody .actions-wrapper .action.begin{font-size:40px;line-height:40px;padding:0px;color:#fff;background:linear-gradient(180deg, #2ecc71, #27ae60)}#app #field-touchpoints .datatable table tbody .actions-wrapper .action.fail{color:#c0392b}#app #field-touchpoints .datatable table tbody .properties>span{position:relative;box-shadow:0 0 3px rgba(0,0,0,.3);border-radius:50px;height:32px;line-height:32px;display:inline-flex;align-items:center;gap:8px;padding-right:12px;font-weight:500;margin:4px;color:var(--color);box-shadow:0 0 0 1px inset var(--color)}#app #field-touchpoints .datatable table tbody .properties>span:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:27px;line-height:26px;transition:color .5s cubic-bezier(0.15, 0.76, 0.18, 0.99);top:0;left:0;padding:0;height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;color:var(--color);box-shadow:0 0 5px rgba(0,0,0,.3),0 0 0 1px var(--color)}#app #field-touchpoints .datatable table tbody .properties>span.dte{--color: #3498db}#app #field-touchpoints .datatable table tbody .properties>span.large-retailer{--color: #27ae60}#app #field-touchpoints .datatable table tbody .properties>span.lamp{--color: #9b59b6}#app #field-touchpoints .datatable table tbody .properties>span.segment{--color: #2c3e50}#app #field-inventory{padding:12px 12px 12px 12px;display:flex;flex-direction:column;gap:16px;height:100%;position:relative}#app #field-inventory .header{display:flex;justify-content:space-between;background-color:#fff;height:80px;padding:12px;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.1);font-weight:500;font-size:.9em}#app #field-inventory .header>*{display:flex;align-items:center;flex-basis:33.33%}#app #field-inventory .header .current-page{font-size:18px;font-weight:100;gap:16px;padding-left:4px}#app #field-inventory .header .current-page .material-icon{font-size:31px;color:#aaa;background-color:rgba(0,0,0,.03);padding:8px;border-radius:4px}#app #field-inventory .header .actions{justify-content:flex-end;flex-grow:1;gap:16px}#app #field-inventory .header .actions .action{display:flex;border-radius:8px;padding:16px 11px 16px 16px;align-items:center;background:linear-gradient(180deg, #FFF, #F5F5F5);gap:12px;box-shadow:0 0 1px rgba(0,0,0,.2) inset;white-space:nowrap}#app #field-inventory .header .actions .action:after{content:attr(icon);font-family:"Material Symbols Rounded";font-size:32px;box-shadow:-1px 0 0 rgba(0,0,0,.2);padding-left:8px}#app #field-inventory .inventory{flex-grow:1;display:grid;gap:16px;grid-template-columns:repeat(4, 1fr);place-content:flex-start;overflow-y:scroll}#app #field-inventory .inventory .item{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:rgba(0,0,0,.3) 0px 15px 20px -20px;overflow:hidden}#app #field-inventory .inventory .item .image{flex-basis:160px;background-size:contain;background-position:center;background-repeat:no-repeat}#app #field-inventory .inventory .item .name{padding:16px;text-align:center}#app #field-inventory .inventory .item .quantity{font-weight:500;padding:16px 8px;text-align:center;background-color:rgba(0,0,0,.03);box-shadow:0 3px 3px -3px rgba(0,0,0,.3) inset,0 -3px 3px -3px rgba(0,0,0,.3) inset}#app #field-inventory .inventory .item .quantity span{font-size:24px;font-weight:500;color:#555}#app #field-inventory .inventory .item .actions{flex-basis:50px;flex-grow:0;flex-shrink:0}#app #field-inventory .inventory .item .actions button{width:48px}#app #field-inventory .inventory-request,#app #field-inventory .inventory-send,#app #field-inventory .inventory-qr{position:absolute;height:100%;width:100%;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:all .3s ease;left:0;top:0}#app #field-inventory .inventory-request.visible,#app #field-inventory .inventory-send.visible,#app #field-inventory .inventory-qr.visible{opacity:1;pointer-events:all}#app #field-inventory .inventory-request .card,#app #field-inventory .inventory-send .card,#app #field-inventory .inventory-qr .card{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);padding:24px;max-width:80%}#app #field-inventory .inventory-request .card .title,#app #field-inventory .inventory-send .card .title,#app #field-inventory .inventory-qr .card .title{font-size:22px;line-height:32px;text-align:center;padding:24px;padding-bottom:36px}#app #field-inventory .inventory-request .card .title span,#app #field-inventory .inventory-send .card .title span,#app #field-inventory .inventory-qr .card .title span{font-weight:500}#app #field-inventory .inventory-request .card .item,#app #field-inventory .inventory-send .card .item,#app #field-inventory .inventory-qr .card .item{box-shadow:rgba(0,0,0,.3) 0px 15px 20px -20px,0 0 3px rgba(0,0,0,.1)}#app #field-inventory .inventory-request .card .item .image,#app #field-inventory .inventory-send .card .item .image,#app #field-inventory .inventory-qr .card .item .image{flex-basis:100px}#app #field-inventory .inventory-request .card .item .name,#app #field-inventory .inventory-send .card .item .name,#app #field-inventory .inventory-qr .card .item .name{padding:12px}#app #field-inventory .inventory-request .card .item .quantity,#app #field-inventory .inventory-send .card .item .quantity,#app #field-inventory .inventory-qr .card .item .quantity{font-weight:500;padding:12px 8px}#app #field-inventory .inventory-request .card .item .quantity input,#app #field-inventory .inventory-send .card .item .quantity input,#app #field-inventory .inventory-qr .card .item .quantity input{text-align:center;font-weight:bold;color:#d35400;height:40px;font-size:24px}#app #field-inventory .inventory-request .card .item .quantity span,#app #field-inventory .inventory-send .card .item .quantity span,#app #field-inventory .inventory-qr .card .item .quantity span{font-size:18px}#app #field-inventory .inventory-request .card .actions,#app #field-inventory .inventory-send .card .actions,#app #field-inventory .inventory-qr .card .actions{display:flex;justify-content:space-between;padding-top:48px}#app #field-inventory .inventory-request .card .actions button,#app #field-inventory .inventory-send .card .actions button,#app #field-inventory .inventory-qr .card .actions button{font-weight:500}#app #field-inventory .inventory-request .card .actions .confirm,#app #field-inventory .inventory-send .card .actions .confirm,#app #field-inventory .inventory-qr .card .actions .confirm{background-color:#1abc9c}#app #field-inventory .inventory-request .card .actions .cancel,#app #field-inventory .inventory-send .card .actions .cancel,#app #field-inventory .inventory-qr .card .actions .cancel{background-color:#e42429}#app #field-inventory .inventory-qr .card .qr-code{background-color:#fff;width:300px;margin:auto}#app #field-inventory .inventory-qr .card .qr-code img{width:100%}#app #field-inventory .inventory-qr .card .actions{justify-content:center}#app #field-inventory .inventory-qr .card .actions .confirm{padding:24px 48px}#app #field-mission{width:100%;height:100%;overflow-y:auto}#app #field-mission .mission-current-task{height:100%}#app #field-stats-las{padding:12px;display:flex;gap:16px;flex-wrap:wrap;gap:12px;flex-direction:column;height:100%;width:100%;overflow:hidden;position:relative}#app #field-stats-las .offline{position:absolute;left:0;top:0;hright:100%;width:100%;background-color:rgba(255,255,255,.9);color:#c0392b;display:none;flex-direction:column;height:100%;z-index:20;align-items:center;justify-content:center;gap:24px}#app #field-stats-las .offline .material-icon{font-size:5em}#app #field-stats-las .offline .text{font-size:1.2em}#app #field-stats-las.no-internet .offline{display:flex}#app #field-stats-las .filters{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px;background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.2);border-radius:8px}#app #field-stats-las .filters .label{padding:16px;font-weight:500}#app #field-stats-las .filters .label.team{border-radius:8px;background-image:linear-gradient(180deg, white, #EEE);box-shadow:0 0 3px rgba(0,0,0,.2);display:flex;align-items:center;padding:0;padding-right:24px;position:relative}#app #field-stats-las .filters .label.team:before{content:"sort";font-family:"Material Symbols Rounded";font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}#app #field-stats-las .filters .label.team .team-members{position:absolute;top:calc(100% + 16px);width:220px;background-color:#fff;z-index:2;box-shadow:0 0 20px rgba(0,0,0,.3);border-radius:8px;display:none}#app #field-stats-las .filters .label.team .team-members:before{bottom:100%;left:24px;border:solid rgba(0,0,0,0);content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0,0,0,0);border-bottom-color:#fff;border-width:16px;margin-left:-16px}#app #field-stats-las .filters .label.team .team-members .member{background-color:rgba(0,0,0,.03);margin:8px;padding:16px;padding-right:8px;border-radius:5px;display:flex;align-items:center;justify-content:space-between}#app #field-stats-las .filters .label.team .team-members .member:after{content:"chevron_right";font-family:"Material Symbols Rounded";font-size:32px;display:flex;align-items:center;justify-content:center}#app #field-stats-las .filters .interval{display:flex;align-items:center;justify-content:center;gap:0px;border-radius:8px;background-image:linear-gradient(180deg, white, #EEE);box-shadow:0 0 3px rgba(0,0,0,.2);margin-left:auto}#app #field-stats-las .filters .interval .material-icon{font-size:1.5em}#app #field-stats-las .filters .interval input{text-align:center;height:auto;padding:12px 24px;border-radius:8px;font-family:Menlo;color:#444;box-shadow:none;background-color:rgba(0,0,0,0);height:48px}#app #field-stats-las .filters .interval input::-webkit-date-and-time-value{margin-right:0}#app #field-stats-las .filters .reload{height:48px;width:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:28px;box-shadow:0 0 3px rgba(0,0,0,.2) inset}#app #field-stats-las .summary{display:flex;flex-basis:1%;gap:0;font-size:16px;padding:0;color:#888;background-color:#fff;border-radius:8px;box-shadow:0 0 3px rgba(0,0,0,.3) inset}#app #field-stats-las .summary .stat{display:flex;gap:12px;position:relative;padding:16px;flex-direction:column;box-shadow:11px 0 0 -10px #ddd;flex-basis:16.66666%;padding:24px 16px;padding-bottom:16px}#app #field-stats-las .summary .stat:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:32px;position:absolute;left:12px}#app #field-stats-las .summary .stat .value{font-size:2em;text-align:left;padding-left:40px}#app #field-stats-las .summary .stat .label{font-size:.8em;line-height:1.2em;padding-left:40px}#app #field-stats-las .summary .stat:last-child{box-shadow:none}#app #field-stats-las .summary .stat.success{color:#27ae60}#app #field-stats-las .summary .stat.failed{color:#c0392b}#app #field-stats-las .graph{flex-grow:1;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 0 3px rgba(0,0,0,.3) inset;min-height:auto !important}#app #field-touchpoint{display:flex;position:absolute;height:100%;width:100%;background-color:rgba(0,0,0,.3);top:0;left:0;z-index:10;align-items:center;justify-content:center;padding:16px;padding-top:calc(16px + var(--android-safe-area-inset-top, env(safe-area-inset-top)))}#app #field-touchpoint .card{padding:0;height:calc(100% - 16px);width:calc(100% - 16px);box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 10px;overflow:hidden;display:flex;position:relative}#app #field-touchpoint .card .close{position:absolute;height:72px;width:72px;right:8px;top:8px;display:flex;align-items:center;justify-content:center;font-size:48px;background-color:rgba(0,0,0,.05);border-radius:4px}#app #field-touchpoint .card .image{flex-basis:50%;background-size:cover;background-position:center;height:100%;box-shadow:0 0 10px rgba(0,0,0,.3);background-color:rgba(0,0,0,.06)}#app #field-touchpoint .card .profile{flex-basis:50%;display:flex;flex-direction:column;padding:24px;gap:24px;justify-content:center}#app #field-touchpoint .card .profile .identifier{align-self:flex-start;background-color:rgba(0,0,0,.05);padding:8px 16px;font-size:26px;height:auto;line-height:1em;font-weight:500;border-radius:8px}#app #field-touchpoint .card .profile .name{font-size:30px;line-height:38px}#app #field-touchpoint .card .profile .address{font-size:19px;line-height:1.2em;color:#888}#app #field-touchpoint .card .profile .address .city{font-weight:500}#app #field-touchpoint .card .profile .properties>span{position:relative;border-radius:50px;height:48px;line-height:48px;display:inline-flex;align-items:center;gap:16px;padding-right:24px;font-weight:500;margin:4px;color:var(--color);box-shadow:0 0 0 1px inset var(--color)}#app #field-touchpoint .card .profile .properties>span:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:32px;line-height:32px;transition:color .5s cubic-bezier(0.15, 0.76, 0.18, 0.99);top:0;left:0;padding:0;height:48px;width:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;color:var(--color);box-shadow:0 0 5px rgba(0,0,0,.3),0 0 0 1px var(--color)}#app #field-mission-task-las-activation{padding:4px 12px 12px 12px;display:flex;gap:16px;flex-wrap:wrap;height:100%}#app #field-mission-task-las-activation>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #field-mission-task-las-activation .datatable{flex-basis:100%}#app #field-mission-task-las-activation .datatable table{background-color:rgba(0,0,0,0);border-collapse:separate;border-spacing:0 8px;box-shadow:none}#app #field-mission-task-las-activation .datatable table th{padding:8px 12px 8px 12px}#app #field-mission-task-las-activation .datatable table td{min-height:56px}#app #field-mission-task-las-activation .datatable table thead{position:sticky;top:4px;z-index:1}#app #field-mission-task-las-activation .datatable table thead th{position:relative !important;top:auto}#app #field-mission-task-las-activation .datatable table tfoot{position:sticky;bottom:0;z-index:1}#app #field-mission-task-las-activation .datatable table tfoot td{border-radius:8px}#app #field-mission-task-las-activation .datatable table tfoot tr{background-color:rgba(0,0,0,0)}#app #field-mission-task-las-activation .datatable table tfoot .actions{padding:24px;display:flex;align-items:center;justify-content:space-between}#app #field-mission-task-las-activation .datatable table tfoot .actions .action{font-size:18px;z-index:1;background:linear-gradient(180deg, #2ecc71, #27ae60);padding:30px;border-radius:50px;box-shadow:0 0 0 4px rgba(0,0,0,.2)}#app #field-mission-task-las-activation .datatable table tfoot .actions .action .material-icon{font-size:38px;padding-left:12px}#app #field-mission-task-las-activation .datatable table .top-header>th{background-color:#fff;border-radius:6px 6px 0 0}#app #field-mission-task-las-activation .datatable table .top-header .header{height:56px;display:flex;justify-content:space-between;padding-top:8px}#app #field-mission-task-las-activation .datatable table .top-header .header>*{display:flex;align-items:center;flex-basis:33.33%}#app #field-mission-task-las-activation .datatable table .top-header .header .current-routing{font-size:15px;font-weight:100;gap:16px;padding-left:4px}#app #field-mission-task-las-activation .datatable table .top-header .header .current-routing .material-icon{font-size:31px;color:#aaa;background-color:rgba(0,0,0,.03);padding:8px;border-radius:4px}#app #field-mission-task-las-activation .datatable table .top-header .header .stats{display:flex;flex-basis:1%;gap:0;font-size:16px;padding:0;border-radius:50px;color:#888;background-color:rgba(0,0,0,.03);white-space:nowrap}#app #field-mission-task-las-activation .datatable table .top-header .header .stats .stat{display:flex;gap:8px;box-shadow:1px 0 0 rgba(0,0,0,.2);padding:0 12px;min-width:72px;justify-content:center}#app #field-mission-task-las-activation .datatable table .top-header .header .stats .stat:last-child{box-shadow:none}#app #field-mission-task-las-activation .datatable table .top-header .header .stats .stat:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:27px}#app #field-mission-task-las-activation .datatable table .top-header .header .stats .stat.success{color:#27ae60}#app #field-mission-task-las-activation .datatable table .top-header .header .stats .stat.failed{color:#c0392b}#app #field-mission-task-las-activation .datatable table .top-header .header .stats .stat.timer{font-family:Menlo}#app #field-mission-task-las-activation .datatable table .top-header .header .actions{justify-content:flex-end}#app #field-mission-task-las-activation .datatable table .top-header .header .actions .action{display:flex;border-radius:8px;padding:12px 11px 12px 16px;align-items:center;background:linear-gradient(180deg, #2ecc71, #27ae60);gap:12px;box-shadow:0 0 1px rgba(0,0,0,.2) inset;color:#fff;font-size:14px}#app #field-mission-task-las-activation .datatable table .top-header .header .actions .action:after{content:attr(icon);font-family:"Material Symbols Rounded";font-size:32px;box-shadow:-1px 0 0 rgba(255,255,255,.5);padding-left:8px}#app #field-mission-task-las-activation .datatable table .top-labels>th{border-radius:0;box-shadow:0 3px 3px -3px rgba(0,0,0,.3) inset,0 -3px 3px -3px rgba(0,0,0,.3) inset,1px 0 0 rgba(0,0,0,.05) inset,0 -10px 0 #fff;height:50px;background-color:#f7f7f7}#app #field-mission-task-las-activation .datatable table .empty-table{font-family:inherit;font-size:20px;text-align:center;border-radius:8px;min-height:160px;padding:80px 0}#app #field-mission-task-las-activation .datatable table .empty-table button{margin:auto;margin-top:36px;color:#c0392b;box-shadow:0 0 0 1px #c0392b;background-color:rgba(0,0,0,0);font-size:18px}#app #field-mission-task-las-activation .datatable table tbody tr td{background-color:#fff}#app #field-mission-task-las-activation .datatable table tbody tr td:nth-child(1):not(.empty-table){width:56px;font-family:"Material Symbols Rounded";font-size:40px;padding:0;text-align:center;border-radius:8px 0 0 8px;box-shadow:-5px 0 3px -3px rgba(0,0,0,.2) inset}#app #field-mission-task-las-activation .datatable table tbody tr td:nth-child(1):not(.empty-table).pending{color:#fff;background-color:#ccc}#app #field-mission-task-las-activation .datatable table tbody tr td:nth-child(1):not(.empty-table).success{color:#fff;background-color:#27ae60}#app #field-mission-task-las-activation .datatable table tbody tr td:nth-child(1):not(.empty-table).failed{color:#fff;background-color:#c0392b}#app #field-mission-task-las-activation .datatable table tbody tr td:nth-child(6){white-space:nowrap}#app #field-mission-task-las-activation .datatable table tbody tr td:nth-child(7) .reward{text-align:center;background-size:contain;background-position:center;background-repeat:no-repeat;width:56px;height:56px;margin:auto}#app #field-mission-task-las-activation .datatable table tbody tr td:last-child:not(.empty-table){padding:12px;width:1%;white-space:nowrap;border-radius:0 8px 8px 0}#app #field-mission-task-las-activation .datatable table tbody .new-activation{background-color:rgba(0,0,0,0)}#app #field-mission-task-las-activation .datatable table tbody .new-activation button{font-size:16px}#app #field-mission-task-las-activation .datatable table tbody .actions-wrapper{gap:24px;flex-basis:fit-content}#app #field-mission-task-las-activation .datatable table tbody .actions-wrapper .action{font-size:32px;line-height:32px;padding:4px;background:linear-gradient(180deg, #FAFAFA, #EEE);box-shadow:0 0 1px rgba(0,0,0,.2) inset}#app #field-mission-task-las-activation .datatable table tbody .actions-wrapper .action.info{color:#27ae60}#app #field-mission-task-las-activation .datatable table tbody .actions-wrapper .action.map{color:#2c3e50}#app #field-mission-task-las-activation .datatable table tbody .actions-wrapper .action.begin{font-size:40px;line-height:40px;padding:0px;color:#fff;background:linear-gradient(180deg, #2ecc71, #27ae60)}#app #field-mission-task-las-activation .datatable table tbody .actions-wrapper .action.fail{color:#c0392b}#app #field-mission-task-las-activation .datatable table tbody .actions-wrapper .action.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}#app #field-mission-task-las-activation .datatable table tbody .properties>span{position:relative;box-shadow:0 0 3px rgba(0,0,0,.3);border-radius:50px;height:32px;line-height:32px;display:inline-flex;align-items:center;gap:8px;padding-right:12px;font-weight:500;margin:4px;color:var(--color);box-shadow:0 0 0 1px inset var(--color)}#app #field-mission-task-las-activation .datatable table tbody .properties>span:before{content:attr(icon);font-family:"Material Symbols Rounded";font-size:27px;line-height:26px;transition:color .5s cubic-bezier(0.15, 0.76, 0.18, 0.99);top:0;left:0;padding:0;height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;color:var(--color);box-shadow:0 0 5px rgba(0,0,0,.3),0 0 0 1px var(--color)}#app #field-mission-task-las-activation .datatable table tbody .properties>span.dte{--color: #3498db}#app #field-mission-task-las-activation .datatable table tbody .properties>span.large-retailer{--color: #27ae60}#app #field-mission-task-las-activation .datatable table tbody .properties>span.lamp{--color: #9b59b6}#app #field-mission-task-las-activation .datatable table tbody .properties>span.segment{--color: #2c3e50}#app #field-mission-task-util-las-activation{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:#f5f5f5;display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;box-shadow:0 var(--android-safe-area-inset-top, env(safe-area-inset-top)) 0 inset #d35400;transform:translate3d(0, 0, 0)}#app #field-mission-task-util-las-activation .close,#app #field-mission-task-util-las-activation .previous{position:absolute;font-size:50px;z-index:1;background-color:rgba(0,0,0,.03);color:#888;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.1) inset;top:calc(var(--android-safe-area-inset-top, env(safe-area-inset-top)) + 32px);height:80px;width:80px;display:flex;align-items:center;justify-content:center}#app #field-mission-task-util-las-activation .close.close,#app #field-mission-task-util-las-activation .previous.close{right:32px}#app #field-mission-task-util-las-activation .close.previous,#app #field-mission-task-util-las-activation .previous.previous{left:32px;display:none}#app #field-mission-task-util-las-activation .close.previous.visible,#app #field-mission-task-util-las-activation .previous.previous.visible{display:flex}#app #field-mission-task-util-las-activation.visible{opacity:1;pointer-events:all}#app #field-mission-task-util-las-activation .steps .step{position:absolute;height:100%;width:100%;left:0;top:0;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding-top:calc(var(--android-safe-area-inset-top, env(safe-area-inset-top)) + 16px + 80px);transition:all .3s ease}#app #field-mission-task-util-las-activation .steps .step.visible{opacity:1;pointer-events:all;transform:scale(1) translate3d(0, 0, 0)}#app #field-mission-task-util-las-activation .steps .step .title{font-size:26px;position:absolute;height:80px;top:calc(var(--android-safe-area-inset-top, env(safe-area-inset-top)) + 32px);width:600px;left:calc(50% - 300px);background-color:#fff;border-radius:50px;box-shadow:0 0 20px inset rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-weight:500}#app #field-mission-task-util-las-activation .steps .step .options{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;min-width:60%;max-width:80%;position:relative}#app #field-mission-task-util-las-activation .steps .step .options .option{border-radius:8px;font-size:18px;background:linear-gradient(180deg, #FFF, #F5F5F5);display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:32px 0;font-weight:500;box-shadow:0 0 0 2px rgba(0,0,0,.05)}#app #field-mission-task-util-las-activation .steps .step .options .option.disabled{opacity:.1 !important;pointer-events:none}#app #field-mission-task-util-las-activation .steps .step .options .option:active{animation:button-active-animation .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #field-mission-task-util-las-activation .steps .step .options .option .material-icon{display:block;font-size:40px}#app #field-mission-task-util-las-activation .steps .step .options.gender .option.man{color:#2980b9}#app #field-mission-task-util-las-activation .steps .step .options.gender .option.woman{color:#eb4d4b}#app #field-mission-task-util-las-activation .steps .step .options.tmo .option{background-size:60% auto;background-repeat:no-repeat;background-position:center;height:100px}#app #field-mission-task-util-las-activation .steps .step .options.tmo .option.active{background-color:#fff;box-shadow:rgba(0,0,0,.3) 0px 25px 20px -20px,0 0 3px rgba(0,0,0,.3)}#app #field-mission-task-util-las-activation .steps .step .options.sku{gap:32px;min-height:320px}#app #field-mission-task-util-las-activation .steps .step .options.sku .option{height:0;padding-bottom:125%;background-size:100% 100%;border-radius:4px;box-shadow:rgba(0,0,0,.45) 0px 25px 20px -20px,0 0 3px rgba(0,0,0,.3)}#app #field-mission-task-util-las-activation .steps .step .options.quantity{gap:16px;padding-left:64px}#app #field-mission-task-util-las-activation .steps .step .options.quantity .option{padding:42px 24px;display:flex;flex-direction:column;font-size:13px;line-height:13px}#app #field-mission-task-util-las-activation .steps .step .options.quantity .option span{font-size:30px;color:#27ae60;gap:0;line-height:30px}#app #field-mission-task-util-las-activation .steps .step .options.label-sticks:before,#app #field-mission-task-util-las-activation .steps .step .options.label-packs:before{content:"Sticks";position:absolute;writing-mode:vertical-rl;height:100%;width:48px;background-color:rgba(0,0,0,.03);border-radius:8px;left:0;font-size:24px;display:flex;align-items:center;justify-content:center;transform:rotate(180deg)}#app #field-mission-task-util-las-activation .steps .step .options.label-packs:before{content:"Paquets"}#app #field-mission-task-util-las-activation .steps .step .options.fail-reason{padding:24px;grid-template-columns:repeat(2, 1fr)}#app #field-mission-task-util-las-activation .steps .step .options.fail-reason .option{min-height:180px;padding:0 56px}#app #field-mission-task-util-las-activation .steps .step .failed-switch{color:#c0392b;margin-top:24px;font-size:22px;padding:31px;border-radius:50px;background:linear-gradient(180deg, #FFF, #F5F5F5);box-shadow:0 0 0 2px rgba(0,0,0,.05);padding-right:16px}#app #field-mission-task-util-las-activation .steps .step .failed-switch .material-icon{font-size:40px;margin-left:12px}#app #field-mission-task-util-las-activation .steps .step .unique-code{position:relative}#app #field-mission-task-util-las-activation .steps .step .unique-code.loading:after{content:"";display:block;position:absolute;top:calc(50% - (24px/2 + 0px));left:calc(50% - 24px/2);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #d35400;border-color:#d35400 rgba(0,0,0,0) #d35400 rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001;top:calc(50% - 24px);left:calc(50% - 24px);height:48px;width:48px}#app #field-mission-task-util-las-activation .steps .step .unique-code [name=unique-code]{font-size:36px;background-image:url(../img/unique-code.png);max-width:400px;height:250px;background-color:rgba(0,0,0,0);box-shadow:none;text-align:center;font-weight:100;background-size:contain;background-position:center;text-transform:uppercase}#app #field-mission-task-util-las-activation .steps .step .unique-code [name=unique-code].verified{color:#27ae60;font-weight:bold}#app #field-mission-task-util-las-activation .steps .step .unique-code.loading [name=unique-code]{opacity:.2}#app #field-mission-task-util-las-activation .steps .step .offline-code{color:#27ae60;margin-top:24px;font-size:22px;padding:31px;border-radius:50px;background:linear-gradient(180deg, #FFF, #F5F5F5);box-shadow:0 0 0 2px rgba(0,0,0,.05);padding-right:16px;position:absolute;bottom:80px;opacity:0;pointer-events:none}#app #field-mission-task-util-las-activation .steps .step .offline-code .material-icon{font-size:40px;margin-left:12px}#app #field-mission-task-util-las-activation .steps .step .offline-code.visible{opacity:1;pointer-events:all}#app #field-mission-task-util-las-activation .steps .step .wheel{position:relative;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px #f1c40f,0 0 20px 0px rgba(0,0,0,.5)}#app #field-mission-task-util-las-activation .steps .step .wheel .container{width:500px;height:500px;background-color:#ccc;border-radius:50%;position:relative;overflow:hidden;transition:transform 5s cubic-bezier(0.75, 0, 0.24, 1.03);border:4px dashed #fff;box-shadow:0 0 5px #000;background-color:#f1c40f;transform:rotate(0deg)}#app #field-mission-task-util-las-activation .steps .step .wheel .container .reward{height:100%;width:100%;position:absolute;clip-path:var(--clip-path);transform-origin:center;text-align:center;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;font-family:sans-serif;color:#fff;filter:drop-shadow(0 0 3px #FFF);padding-top:50%;background-size:auto 140px,auto;background-position:center 36px,center;background-repeat:no-repeat;color:rgba(0,0,0,0)}#app #field-mission-task-util-las-activation .steps .step .wheel .container .reward:nth-child(1){background-color:#27ae60;transform:rotate(0deg)}#app #field-mission-task-util-las-activation .steps .step .wheel .container .reward:nth-child(2){background-color:#c0392b;transform:rotate(90deg)}#app #field-mission-task-util-las-activation .steps .step .wheel .container .reward:nth-child(3){background-color:#8e44ad;transform:rotate(180deg)}#app #field-mission-task-util-las-activation .steps .step .wheel .container .reward:nth-child(4){background-color:#f39c12;transform:rotate(270deg)}#app #field-mission-task-util-las-activation .steps .step .wheel .container .reward.won{transition:all .3s ease;z-index:1}#app #field-mission-task-util-las-activation .steps .step .wheel .spin{height:100px;width:100px;background:linear-gradient(180deg, #FFF, #F5F5F5);z-index:25;position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 0 0 6px rgba(255,255,255,.2);transform:scale(0.8);font-weight:bold}#app #field-mission-task-util-las-activation .steps .step .wheel .spin.spinnable{animation:spinnable 2s linear infinite}#app #field-mission-task-util-las-activation .steps .step .wheel .arrow{width:0;height:0;border-left:30px solid rgba(0,0,0,0);border-right:30px solid rgba(0,0,0,0);border-top:42px solid #f1c40f;position:absolute;left:calc(50% - 30px);top:0;z-index:3;filter:drop-shadow(0px 5px 0 #FFF)}#app #field-mission-task-util-las-activation .steps .step .wheel.revealed .spin,#app #field-mission-task-util-las-activation .steps .step .wheel.revealed .arrow{opacity:0}#app #field-mission-task-util-las-activation .steps .step .wheel.revealed .reward.won{clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0);background-size:auto 220px,auto;background-position:center 100px,center;color:#fff;font-size:26px}#app #field-mission-task-util-las-activation .steps .step .finish-switch{color:#27ae60;margin-top:24px;font-size:22px;padding:31px;border-radius:50px;background:linear-gradient(180deg, #FFF, #F5F5F5);box-shadow:0 0 0 2px rgba(0,0,0,.05);padding-right:16px;position:absolute;bottom:80px;opacity:0;pointer-events:none;position:absolute;cursor:pointer;right:56px;bottom:56px}#app #field-mission-task-util-las-activation .steps .step .finish-switch .material-icon{font-size:40px;margin-left:12px}#app #field-mission-task-util-las-activation .steps .step .finish-switch.visible{opacity:1;pointer-events:all}#app #field-mission-task-util-las-activation .steps .step .won-reward{height:400px;width:400px;background-size:contain;background-position:center;background-repeat:no-repeat}#app #field-mission-task-util-las-activation .steps .step.completed .option,#app #field-mission-task-util-las-activation .steps .step .completed .option{opacity:.3;filter:grayscale(1)}#app #field-mission-task-util-las-activation .steps .step.completed .option.active,#app #field-mission-task-util-las-activation .steps .step .completed .option.active{opacity:1;filter:none}#app #dash-routing-uploads{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #dash-routing-uploads>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #dash-routing-uploads .datatable{flex-basis:100%}#app #dash-routing-uploads .datatable .status{color:#fff;padding:8px 12px;display:flex;gap:6px;border-radius:28px}#app #dash-routing-uploads .datatable .status.pending{background-color:#f5f5f5;color:#777}#app #dash-routing-uploads .datatable .status.error{background-color:#c0392b}#app #dash-routing-uploads .datatable .status.processed{background-color:#27ae60}#app #dash-routing-uploads .datatable .status.canceled{background-color:#e74c3c}#app #dash-missions{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #dash-missions>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #dash-missions .datatable{flex-basis:100%}#app #dash-missions .datatable .status{color:#fff;padding:8px 12px;display:flex;gap:6px;border-radius:28px}#app #dash-missions .datatable .status.pending{background-color:#f5f5f5;color:#777}#app #dash-missions .datatable .status.failed{background-color:#c0392b}#app #dash-missions .datatable .status.processed{background-color:#27ae60}#app #dash-visits{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #dash-visits>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #dash-visits .datatable{flex-basis:100%}#app #dash-visits .datatable .status{color:#fff;padding:8px 12px;display:flex;gap:6px;border-radius:28px}#app #dash-visits .datatable .status.pending{background-color:#f5f5f5;color:#777}#app #dash-visits .datatable .status.failed{background-color:#c0392b}#app #dash-visits .datatable .status.processed{background-color:#27ae60}#app #dash-las-activations{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #dash-las-activations>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #dash-las-activations .datatable{flex-basis:100%}#app #dash-las-activations .datatable .status{color:#fff;padding:8px 12px;display:flex;gap:6px;border-radius:28px}#app #dash-las-activations .datatable .status.fidelity{background-color:#f5f5f5;color:#777}#app #dash-las-activations .datatable .status.failure{background-color:#c0392b}#app #dash-las-activations .datatable .status.switch{background-color:#27ae60}#app #dash-inventory{padding:12px 12px 12px 12px;display:flex;flex-direction:column;gap:16px;height:100%;position:relative}#app #dash-inventory .header{display:flex;justify-content:space-between;background-color:#fff;height:80px;padding:12px;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.1);font-weight:500;font-size:.9em}#app #dash-inventory .header>*{display:flex;align-items:center;flex-basis:33.33%}#app #dash-inventory .header .current-page{font-size:18px;font-weight:100;gap:16px;padding-left:4px}#app #dash-inventory .header .current-page .material-icon{font-size:31px;color:#aaa;background-color:rgba(0,0,0,.03);padding:8px;border-radius:4px}#app #dash-inventory .header .actions{justify-content:flex-end;flex-grow:1;gap:16px}#app #dash-inventory .header .actions .action{display:flex;border-radius:8px;padding:16px 11px 16px 16px;align-items:center;background:linear-gradient(180deg, #FFF, #F5F5F5);gap:12px;box-shadow:0 0 1px rgba(0,0,0,.2) inset;white-space:nowrap}#app #dash-inventory .header .actions .action:after{content:attr(icon);font-family:"Material Symbols Rounded";font-size:32px;box-shadow:-1px 0 0 rgba(0,0,0,.2);padding-left:8px}#app #dash-inventory .inventory{flex-grow:1;display:grid;gap:16px;grid-template-columns:repeat(4, 1fr);place-content:flex-start;overflow-y:scroll}#app #dash-inventory .inventory .item{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:rgba(0,0,0,.3) 0px 15px 20px -20px;overflow:hidden}#app #dash-inventory .inventory .item .image{flex-basis:160px;background-size:contain;background-position:center;background-repeat:no-repeat}#app #dash-inventory .inventory .item .name{padding:16px;text-align:center}#app #dash-inventory .inventory .item .quantity{font-weight:500;padding:16px 8px;text-align:center;background-color:rgba(0,0,0,.03);box-shadow:0 3px 3px -3px rgba(0,0,0,.3) inset,0 -3px 3px -3px rgba(0,0,0,.3) inset}#app #dash-inventory .inventory .item .quantity span{font-size:24px;font-weight:500;color:#555}#app #dash-inventory .inventory .item .actions{flex-basis:50px;flex-grow:0;flex-shrink:0}#app #dash-inventory .inventory .item .actions button{width:48px}#app #dash-inventory .inventory-request,#app #dash-inventory .inventory-send,#app #dash-inventory .inventory-qr{position:absolute;height:100%;width:100%;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:all .3s ease;left:0;top:0}#app #dash-inventory .inventory-request.visible,#app #dash-inventory .inventory-send.visible,#app #dash-inventory .inventory-qr.visible{opacity:1;pointer-events:all}#app #dash-inventory .inventory-request .card,#app #dash-inventory .inventory-send .card,#app #dash-inventory .inventory-qr .card{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);padding:24px;max-width:80%}#app #dash-inventory .inventory-request .card .title,#app #dash-inventory .inventory-send .card .title,#app #dash-inventory .inventory-qr .card .title{font-size:22px;line-height:32px;text-align:center;padding:24px;padding-bottom:36px}#app #dash-inventory .inventory-request .card .title span,#app #dash-inventory .inventory-send .card .title span,#app #dash-inventory .inventory-qr .card .title span{font-weight:500}#app #dash-inventory .inventory-request .card .item,#app #dash-inventory .inventory-send .card .item,#app #dash-inventory .inventory-qr .card .item{box-shadow:rgba(0,0,0,.3) 0px 15px 20px -20px,0 0 3px rgba(0,0,0,.1)}#app #dash-inventory .inventory-request .card .item .image,#app #dash-inventory .inventory-send .card .item .image,#app #dash-inventory .inventory-qr .card .item .image{flex-basis:100px}#app #dash-inventory .inventory-request .card .item .name,#app #dash-inventory .inventory-send .card .item .name,#app #dash-inventory .inventory-qr .card .item .name{padding:12px}#app #dash-inventory .inventory-request .card .item .quantity,#app #dash-inventory .inventory-send .card .item .quantity,#app #dash-inventory .inventory-qr .card .item .quantity{font-weight:500;padding:12px 8px}#app #dash-inventory .inventory-request .card .item .quantity input,#app #dash-inventory .inventory-send .card .item .quantity input,#app #dash-inventory .inventory-qr .card .item .quantity input{text-align:center;font-weight:bold;color:#d35400;height:40px;font-size:24px}#app #dash-inventory .inventory-request .card .item .quantity span,#app #dash-inventory .inventory-send .card .item .quantity span,#app #dash-inventory .inventory-qr .card .item .quantity span{font-size:18px}#app #dash-inventory .inventory-request .card .actions,#app #dash-inventory .inventory-send .card .actions,#app #dash-inventory .inventory-qr .card .actions{display:flex;justify-content:space-between;padding-top:48px}#app #dash-inventory .inventory-request .card .actions button,#app #dash-inventory .inventory-send .card .actions button,#app #dash-inventory .inventory-qr .card .actions button{font-weight:500}#app #dash-inventory .inventory-request .card .actions .confirm,#app #dash-inventory .inventory-send .card .actions .confirm,#app #dash-inventory .inventory-qr .card .actions .confirm{background-color:#1abc9c}#app #dash-inventory .inventory-request .card .actions .cancel,#app #dash-inventory .inventory-send .card .actions .cancel,#app #dash-inventory .inventory-qr .card .actions .cancel{background-color:#e42429}#app #dash-inventory .inventory-qr .card .qr-code{background-color:#fff;width:300px;margin:auto}#app #dash-inventory .inventory-qr .card .qr-code img{width:100%}#app #dash-inventory .inventory-qr .card .actions{justify-content:center}#app #dash-inventory .inventory-qr .card .actions .confirm{padding:24px 48px}#app #home{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #home>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #home .full-width{flex-basis:100%}#app #download-box{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#app #download-box.visible{opacity:1;pointer-events:all}#app #download-box .download-box{min-width:400px;margin:auto;font-size:.9em;overflow:hidden}#app #download-box .download-box.loading{position:relative}#app #download-box .download-box.loading:before{content:"Wizardry in progress ...";background-color:rgba(255,255,255,.97);color:#888;font-size:.9em;position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding-top:calc(12px + 16px);justify-content:center;align-items:center;z-index:1000;background-color:#fff}#app #download-box .download-box.loading:after{content:"";display:block;position:absolute;top:calc(50% - (24px/2 + 16px));left:calc(50% - 24px/2);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #d35400;border-color:#d35400 rgba(0,0,0,0) #d35400 rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}#app #download-box .download-box .file-box{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;height:100%;padding:50px}#app #download-box .download-box .file-box .material-icon{color:#1abc9c;font-size:4em;padding-bottom:24px}#app #download-box .download-box .file-box .filename{color:#1abc9c;padding-bottom:30px;font-weight:bold}#app #download-box .download-box .file-box a{text-decoration:none}#app #download-box .download-box .file-box a button{height:40px}#qr-scanner,#qr-scanner video{position:absolute;height:100%;width:100%;left:0;top:0;background-color:#000;z-index:100}#qr-scanner .close,#qr-scanner video .close{font-family:"Material Symbols Rounded";position:absolute;height:80px;width:80px;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;z-index:101;right:0;top:0;background-color:rgba(255,255,255,.05)}@keyframes infinite-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes gear-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(-180deg)}}@keyframes gear-rotate-left{0%{transform:rotate(30deg)}100%{transform:rotate(210deg)}}@keyframes spinnable{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}