@font-face{font-family:HarmonyOS Sans;src:url(/fonts/HarmonyOS_Sans_Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:HarmonyOS Sans;src:url(/fonts/HarmonyOS_Sans_Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:HarmonyOS Sans;src:url(/fonts/HarmonyOS_Sans_Bold.ttf) format("truetype");font-weight:700}html,body{font-family:HarmonyOS Sans,PingFang SC,Microsoft YaHei,sans-serif!important;margin:0;padding:0}.app{display:flex;flex-direction:column;padding:0;background:linear-gradient(180deg,#eef3fa,#d2d9e1)}.app-main{height:394px;overflow:hidden}.main-content{height:100%;display:flex}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#cecccc0d;border-radius:2px}::-webkit-scrollbar-thumb{background:#f0ecec0d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#f0eded0d}::-webkit-scrollbar-button{display:none}.toast-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding-top:80px}.toast{display:flex;align-items:center;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:16px;font-weight:500;min-width:300px;max-width:500px;animation:toastSlideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast.toast-success{background:#f6fff7e6;border:1px solid rgba(82,196,26,.3);color:#52c41a}.toast.toast-error{background:#fff2f0e6;border:1px solid rgba(255,77,79,.3);color:#ff4d4f}.toast.toast-warning{background:#fffbe6e6;border:1px solid rgba(250,219,20,.3);color:#faad14}.toast.toast-info{background:#e6f4ffe6;border:1px solid rgba(24,144,255,.3);color:#1890ff}.toast-icon{width:20px;height:20px;margin-right:12px;background-size:contain;background-repeat:no-repeat;background-position:center}.toast-success .toast-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2352c41a'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.997-6l7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16z'/%3E%3C/svg%3E")}.toast-error .toast-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4d4f'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm3.536-6.535l-1.415 1.414L12 14.828l-2.121 2.122-1.415-1.415L10.586 12 8.464 9.879l1.415-1.415L12 10.586l2.121-2.122 1.415 1.415L13.414 12l2.122 2.121z'/%3E%3C/svg%3E")}.toast-warning .toast-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23faad14'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.828-15.828l-6 6L6.586 13.586l5.172-5.172L10.344 13.586 12 12l1.657 1.657-5.172 5.172 1.414 1.414 6-6L14.586 10.414l-5.172 5.172L10.828 14.414 12 13.586l1.172.828-1.414 1.414z'/%3E%3C/svg%3E")}.toast-info .toast-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231890ff'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E")}.toast-message{flex:1}@keyframes toastSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}.toast.toast-exit{animation:toastSlideOut .3s ease-out forwards}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:98%;background-color:#33343bcc;z-index:9999;display:flex;justify-content:center;align-items:center;overflow:hidden}.loading-container{width:600px;height:360px;background-color:#fff;background-image:url(/assets/loading-nI3REYhT.gif);background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;padding:20px 30px;box-sizing:border-box}.loading-content{font-size:28px;font-weight:700;line-height:36px;text-align:center;color:#333;width:100%}.app-header{min-height:56px;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:15px}.logo{width:50px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.logo img{width:100%;height:100%;object-fit:fill}.client-name{font-family:Oswald;font-size:18px;font-weight:700;line-height:22px;text-transform:uppercase;letter-spacing:-.5px}.header-right{display:flex;align-items:center}.date-info{display:flex;gap:10px;font-size:14px;align-items:center;justify-items:center}.date-info .status{width:14px;height:14px;border-radius:33px;background-color:#e74c3c}.date-info .status.connected{background-color:#2ecc71}.date-info .status.disconnected{background-color:#e74c3c}.date-info .print-tag-status{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.date-info .print-tag-status svg{display:block;fill:currentColor}.date-info .print-tag-status.enabled{color:#1f9d55;background:#2ecc7124}.date-info .print-tag-status.disabled{color:#9ca3af;background:#e74c3c1f}.date-info .date{font-weight:600;text-transform:uppercase}.date-info .week-day{color:#bdc3c7}.date-info .time{font-family:Courier New,monospace;font-weight:700}.task-pool-sidebar{padding:8px 8px 8px 16px;overflow-y:auto}.task-pool-sidebar h3{margin:0 0 15px;font-size:16px;border-bottom:1px solid #bdc3c7;padding-bottom:8px}.pool-list{display:flex;flex-direction:column;gap:6px;height:100%}.pool-list .pool-item{left:16px;top:8px;width:129px;min-height:150px;border-radius:12px;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5.33px;gap:5.333333492279053px;flex-grow:1;align-self:stretch;background:linear-gradient(180deg,#fff,#fff0 95%);box-sizing:border-box;border:2px solid white;border-image:linear-gradient(180deg,#fff0,#fff) 2}.pool-item:hover{border-color:#3498db;background:#e3f2fd}.pool-item.active{background:linear-gradient(180deg,#1a72f6,#3b5cdd 95%);box-sizing:border-box;border:2px solid #E6F6FF;color:#fff}.pool-name{font-family:Oswald;font-size:19.2px;font-weight:500;line-height:25.6px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto}.pool-task-count{font-size:24px;font-weight:500;line-height:24px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;font-feature-settings:"kern" on}.pool-item.active .pool-task-count{color:#fffc}.task-pool-sidebar::-webkit-scrollbar{display:none}.task-item{height:85.25px;border-radius:12px;opacity:1;display:flex;flex-direction:row;align-items:center;padding:12px;gap:10px;flex-grow:1;align-self:stretch;background:linear-gradient(180deg,#ededed,#fff);box-sizing:border-box;border:2px solid #FFFFFF;cursor:pointer;transition:all .3s}.task-item .task-no{font-size:16px;font-weight:500;line-height:14px;text-align:center;text-transform:uppercase;letter-spacing:0em;color:#33343b}.task-item .task-item-empty{display:flex;flex-grow:1;align-items:center;justify-content:center;font-size:24px;font-weight:500;line-height:24px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#c3cad3}.task-item.selected{border-color:#0000db4d;transform:translateY(-4px);box-shadow:0 8px 20px #3498db4d;transition:all .3s ease}.task-item.complete,.task-item.ready{background:linear-gradient(180deg,#ecfff3,#fff);box-sizing:border-box}.task-item.processing{background:linear-gradient(180deg,#fffaef,#fff);box-sizing:border-box}.task-basic-info{display:flex;align-items:center;gap:10px;min-width:300px}.task-basic-info-title{font-size:10px;font-weight:500;line-height:10px;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#8391a4}.task-basic-info-content{font-family:Oswald;font-size:14px;font-weight:500;line-height:14px;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#33343b}.task-number{width:99px;max-height:61.25px;border-radius:8px;opacity:1;display:flex;flex-direction:column;padding:16px 10px;gap:5px;flex-grow:1;font-size:14px;box-shadow:0 4px 10px #d0d7e3}.planned-output,.specification,.length{max-width:50px;max-height:61.25px;border-radius:8px;opacity:1;display:flex;flex-direction:column;padding:16px 10px;gap:5px;font-size:14px;box-shadow:0 4px 10px #d0d7e3}.length{max-width:60px;min-width:56px}.task-detail-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:2px;flex:1}.detail-item{display:flex;flex-direction:column;gap:2px;font-size:12px}.detail-item .preceding-task-info{display:flex;align-items:center;flex-direction:row;gap:3px}.detail-item .status{border:1px solid;border-radius:13px;text-transform:uppercase;padding:0 8px}.detail-item .status.unprocessed{color:#6c757d;border-color:#6c757d;box-shadow:none}.detail-item .status.processing{color:#f6b025;border-color:#f6b025;box-shadow:0 4px 10px #f6b025}.detail-item .status.complete{color:#50d681;border-color:#50d681;box-shadow:0 4px 10px #50d681}.detail-item .status.ready{color:#1d05f5;border-color:#1d05f5;box-shadow:0 4px 10px #1d05f5}.task-status-section{min-height:61.25px;opacity:1;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:4.266666889190674px;align-self:stretch}.production-status{width:140px;height:48px;border-radius:12px;opacity:1;display:flex;flex-direction:row;align-items:center;justify-content:start;padding:0 10px;gap:12px;flex-grow:1;box-sizing:border-box;border:2px solid #FFFFFF;text-transform:uppercase}.production-status.complete{color:#155724;box-shadow:0 4px 10px #155724}.production-status.processing{color:#856404;box-shadow:0 4px 10px #d6aa54}.production-status-dot.processing{background:#ffc452;box-shadow:0 4px 10px #d6aa544d}.production-status-dot.complete{background:#50d681;box-shadow:0 4px 10px #50d8814d}.production-status-dot.unprocessed{display:none}.production-status-dot{width:12px;height:12px;opacity:1;background:#50d681;box-shadow:0 4px 10px #8dffb7;border-radius:33px}.task-actions{display:flex;gap:8px}.dispatch-btn{padding:6px 12px;background:#27ae60;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.dispatch-btn:hover{background:#229954}.carousel-container{display:flex;flex-direction:column}.carousel-content{flex:1;display:flex;align-items:flex-start}.carousel-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%}.slide-carousel-container{position:relative;width:100%;overflow:hidden;height:18px}.slide-carousel-track{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.33,1,.68,1);will-change:transform}.slide-carousel-item{flex-shrink:0;height:18px;display:flex;align-items:center;text-align:left;width:100%}.slide-carousel-item-content{text-align:left}.carousel-indicators{display:flex;justify-content:flex-start;margin-top:4px}.indicator{width:6px;height:6px;border-radius:50%;background-color:#ccc;margin:0 2px;transition:all .3s ease;opacity:.5}.indicator.active{background-color:#007bff;transform:scale(1.2);opacity:1}.task-list-area{flex:1;display:flex;flex-direction:column;padding:8px 8px 8px 0}.task-list-header{height:50px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bdc3c7;background:#f8f9fa}.task-list-header h3{margin:0;font-size:16px;color:#2c3e50}.list-controls{font-size:12px;color:#7f8c8d}.task-items-container{overflow-y:auto;padding:8px 8px 8px 0;display:flex;flex-direction:column;gap:8px}.scroll-controls{width:49px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 16px 8px 0}.scroll-controls img{width:100%;height:100%;object-fit:contain}.scroll-controls .scroll-btn{width:49px;min-height:178.5px;border-radius:12px;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5.33px;gap:5.333333492279053px;flex-grow:1;align-self:stretch;background:linear-gradient(180deg,#fff,#fff0 95%);box-sizing:border-box;border:2px solid white;transition:all .3s ease-in-out}.scroll-controls .scroll-btn:active{background:linear-gradient(180deg,#fff0,#fff 95%)}.selected-task-info{flex:1}.print-status{display:flex;flex-direction:row;align-items:center;gap:4px;height:21.11px;border-radius:7.58px;padding:2.53px 7.58px;gap:7.577202796936035px;background:linear-gradient(180deg,#fff8f7 3%,#ffc1ba00);box-sizing:border-box;border:1.26px solid #FFFFFF;box-shadow:0 2.53px 6.31px #ff645233;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.task-info-title-codes{position:relative;overflow:hidden;width:470px;height:29px;display:flex;flex-direction:row}.task-info-title-codes-carousel{width:100%;height:100%;position:relative}.carousel-container{display:flex;transition:transform .5s ease-in-out;height:29px}.carousel-item{flex:0 0 145px;height:100%;min-width:145px}.task-info-title-code{width:145px;height:29px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#ededed);box-sizing:border-box;border:2px solid #FFFFFF;flex-shrink:0}.carousel-indicators{display:flex;justify-content:center;gap:6px;margin-top:4px}.task-info-chart{display:flex;align-items:center;justify-content:center;width:314px;height:230px;border-radius:12px;opacity:1;flex-grow:1;align-self:stretch;padding:4px;background:#f8fafc;box-sizing:border-box;border:2px solid #FFFFFF}.task-info-chart img{width:100%;height:100%;object-fit:contain}.task-info-detail{width:174px;height:222px;border-radius:12px;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px;align-self:stretch;background:#fdfdfd}.task-info-detail-item{width:166px;height:53px;border-radius:12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:4px 12px;flex-grow:1;align-self:stretch;background:linear-gradient(180deg,#ededed,#fff);box-sizing:border-box;border:2px solid #FFFFFF}.task-info-detail-title{height:22px;opacity:1;font-size:13px;font-weight:400;line-height:22px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#33343b}.task-info-detail-content{height:14px;opacity:1;font-size:24px;font-weight:500;line-height:14px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#33343b}.scrolling-cards-container{width:470px;overflow:hidden;position:relative;height:29px}.scrolling-cards-content{display:flex;animation:scroll 15s linear infinite}.scrolling-card{flex:0 0 145px;margin-right:12px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.loading-wrapper{position:relative}.loading-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.loading-spin{display:inline-block;position:relative;width:32px;height:32px}.loading-dot{position:absolute;width:8px;height:8px;background:#1890ff;border-radius:50%;animation:loadingFade 1s infinite linear}.loading-dot:nth-child(1){top:0;left:0}.loading-dot:nth-child(2){top:0;right:0;animation-delay:.25s}.loading-dot:nth-child(3){bottom:0;right:0;animation-delay:.5s}.loading-dot:nth-child(4){bottom:0;left:0;animation-delay:.75s}@keyframes loadingFade{0%,to{opacity:.3}50%{opacity:1}}.labor-raw-machine-info{display:flex;flex-direction:column;gap:10px}.labor-info{width:310px;min-height:75px;border-radius:12px;opacity:1;display:flex;flex-direction:row;padding:20px 12px;gap:4px;background:#f8fafc;box-sizing:border-box;border:2px solid #FFFFFF}.labor-info-title{flex:1;min-width:0;height:32px;display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.labor-info-title-icon{width:32px;height:32px;flex-shrink:0;transform:rotate(180deg);border-radius:88.55px;opacity:1}.labor-info-title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;color:#33343b}.labor-info-title-icon img{width:100%;height:100%;object-fit:cover}.labor-info-task-range{width:192px;height:30px;opacity:1;display:flex;flex-direction:row;align-items:center;padding:0;gap:16px}.task-range-item{width:80px;height:30px;opacity:1;display:flex;flex-direction:column;padding:0;gap:4px}.labor-info-task-range-title{font-size:10px;font-weight:500;line-height:10px;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#8391a4}.labor-info-task-range-content{font-size:14px;font-weight:500;line-height:16px;text-align:left;letter-spacing:0em;font-variation-settings:"opsz" auto;font-feature-settings:"kern" on;color:#33343b}.raw-info{width:310px;height:147px;border-radius:12px;opacity:1;display:flex;flex-direction:column;padding:8px 12px;gap:8px;flex-grow:1;align-self:stretch;background:#f8fafc;box-sizing:border-box;border:2px solid #FFFFFF}.raw-info .raw-info-content-warning{display:flex;flex-direction:column;align-items:center;justify-content:center}.raw-info .raw-info-content-warning img{width:48px;height:48px}.raw-info .raw-info-content-warning img.circle{width:32px;height:32px}.raw-info .raw-info-content-warning span{font-size:12px;font-weight:700;line-height:14px;text-align:center}.raw-info .raw-info-content-warning.top-offset{position:relative;margin-top:-30px}.raw-info .raw-info-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;gap:4px}.raw-info .raw-info-footer .title{font-size:10px;font-weight:500;line-height:10px;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#8391a4}.raw-info .raw-info-footer .content{font-size:18px;font-weight:500;line-height:16px;text-align:center;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#33343b}.raw-info-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.raw-info-title img{width:100%;height:100%;object-fit:cover}.raw-info-title-left{display:flex;flex-direction:row;align-items:center;gap:8px}.raw-info-title-icon{width:32px;height:32.7px}.raw-info-title-edit{width:32px;height:32px;border-radius:12px;opacity:1;background:linear-gradient(180deg,#ededed,#fff);box-sizing:border-box}.raw-info-manufacture{display:flex;flex-direction:column;padding:0;gap:4px;align-items:start}.raw-info-manufacture-title{font-size:10px;font-weight:500;line-height:10px;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#8391a4}.raw-info-manufacture-content{font-size:15px;font-weight:500;line-height:16px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;font-feature-settings:"kern" on;color:#33343b}.raw-info-code-batch{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;align-self:stretch}.machine-info{width:310px;height:70px;border-radius:12px;opacity:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 16px;align-self:stretch;background:#f8fafc;box-sizing:border-box;border:2px solid #FFFFFF}.machine-info-left{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:start}.machine-info-left .name{font-size:18px;font-weight:700;line-height:22px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;font-feature-settings:"kern" on;color:#33343b}.machine-info-left .status{width:61px;height:16px;border-radius:11px;box-sizing:border-box;border:1px solid;font-size:12px;font-weight:400;line-height:16px;text-transform:uppercase;letter-spacing:0em;text-align:center}.machine-info-left .status.running{border-color:#50d681;color:#50d681}.machine-info-left .status.idle{border-color:#ffc107;color:#ffc107}.machine-info-left .status.offline{border-color:#6c757d;color:#6c757d}.machine-info-left .status.error{border-color:#dc3545;color:#dc3545}.machine-info-right{border-radius:12px;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;background:#edf1f8;box-sizing:border-box;border:1px solid #E2E8F0}.machine-info-right span{font-size:16px;font-weight:700;line-height:22px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;font-feature-settings:"kern" on;color:#33343b}.labor-info h4,.raw-info h4,.machine-info h4{margin:0 0 10px;font-size:14px;font-weight:600;color:#2c3e50;border-bottom:1px solid #E9ECEF;padding-bottom:5px}.labor-content,.raw-content,.machine-content{font-size:12px;color:#6c757d;line-height:1.4}.machine-options-container{display:flex;flex-direction:row;width:100%;gap:16px}.machine-options-container .machine-option{width:156px;height:108px;border-radius:12px;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5.33px;gap:5.333333492279053px;flex-grow:1;align-self:stretch;background:linear-gradient(180deg,#fff,#fff0 95%);font-size:24px;font-weight:500;line-height:30px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#33343b}.machine-options-container .machine-option:active{background:linear-gradient(180deg,#9e9e9e00,#fff 95%)}.dialog-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-container{border-radius:12px;opacity:1;background:linear-gradient(180deg,#eef3fa,#d2d9e1);display:flex;flex-direction:column;width:600px;height:360px}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e8e8e8}.dialog-title{width:100%;color:#333;font-size:18px;font-weight:700;line-height:36px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;font-feature-settings:"kern" on}.dialog-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;transition:color .3s}.dialog-close-btn:hover{color:#333}.dialog-content{padding:24px;overflow-y:auto;flex:1}.dialog-wrapper{animation:dialogFadeIn .3s ease-out}.dialog-container{animation:dialogZoomIn .3s ease-out}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogZoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.task-operation-btn{display:flex;flex-direction:column;padding:0;gap:8px;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.task-btn{font-size:25px;font-weight:600;line-height:32px;text-align:center;color:#33343b;width:160px;height:99px;border-radius:12px;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5.33px;gap:5.333333492279053px;flex-grow:1;align-self:stretch;box-sizing:border-box;transition:all .15s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform}.task-btn:disabled{background-color:light-dark(rgba(239,239,239,.3),rgba(19,1,1,.3));color:light-dark(rgba(16,16,16,.3),rgba(255,255,255,.3));border-color:light-dark(rgba(118,118,118,.3),rgba(195,195,195,.3));cursor:not-allowed}.task-btn:disabled:active{transform:none;box-shadow:none}.task-btn:active{transform:translateY(2px) scale(.98);box-shadow:0 2px 4px #0003}.task-start{background:linear-gradient(180deg,#32de7f,#82ffba);border:2px solid #FFFFFF}.task-complete,.task-other{background:linear-gradient(180deg,#fff0,#fff 95%);border:2px solid #FFFFFF}.app-footer{height:300px;padding:0 16px 16px}.footer-content{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.task-info-title{width:100%;height:75px;border-radius:12px;opacity:1;display:flex;flex-direction:column;padding:8px 12px;gap:8px;align-self:stretch;background:#f8fafc;box-sizing:border-box;border:2px solid #FFFFFF}.task-info-title-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.print-status{display:flex;flex-direction:row;align-items:center;gap:4px;height:21.11px;border-radius:7.58px;padding:2.53px 7.58px;gap:7.577202796936035px;background:linear-gradient(180deg,#fff8f7 3%,#ffc1ba00);box-sizing:border-box;border:1.26px solid #FFFFFF;box-shadow:0 2.53px 6.31px #ff645233}.print-status-dot{width:7.56px;height:7.41px;opacity:1;border-radius:33px;background:#ff5252;box-shadow:0 2.53px 6.31px #d6aa544d}.print-status-text{font-size:10.1px;font-weight:500;line-height:16.16px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#ff6f5e}.task-info-content{width:100%;display:flex;flex-direction:row;gap:12px;margin-top:8px}.no-task-selected{display:flex;align-items:center;justify-content:center;height:100px;color:#bdc3c7;font-style:italic}.other-dialog-container .machine-options-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:16px}.other-dialog-container .machine-options-container .machine-option{width:100px;height:80px;border-radius:12px;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5.33px;gap:5.333333492279053px;flex-grow:1;align-self:stretch;background:linear-gradient(180deg,#fff,#fff0 95%);font-size:24px;font-weight:500;line-height:30px;text-align:center;text-transform:uppercase;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#33343b}.other-dialog-container .machine-options-container .machine-option:active{background:linear-gradient(180deg,#9e9e9e00,#fff 95%)}.other-dialog-container .tag-print-dialog .dialog-content{overflow:hidden}.other-dialog-container .tag-print-guide{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08);font-size:13px;font-weight:500;color:#8391a4}.other-dialog-container .tag-print-guide .guide-arrow{color:#c3cad3;font-size:12px}.other-dialog-container .tag-print-container{display:flex;flex-direction:row;gap:16px;align-items:stretch}.other-dialog-container .tag-print-container .tag-print-input{flex:1;display:flex;flex-direction:column;gap:12px}.other-dialog-container .tag-print-container .tag-print-input .tag-print-label{font-size:10px;font-weight:500;text-transform:uppercase;color:#8391a4}.other-dialog-container .tag-print-container .tag-print-input input{width:100%;height:48px;padding:0 16px;border-radius:12px;border:2px solid #FFFFFF;background:linear-gradient(180deg,#ededed,#fff);font-size:18px;font-weight:500;text-transform:uppercase;color:#33343b;outline:none;box-sizing:border-box}.other-dialog-container .tag-print-container .tag-print-input input::placeholder{color:#bdc3c7;text-transform:none;font-size:14px}.other-dialog-container .tag-print-container .tag-print-input input:focus{border-color:#1a72f6}.other-dialog-container .tag-print-container .tag-print-input .tag-print-keyboard{flex:1;display:flex;align-items:stretch;border-radius:12px;border:2px solid #FFFFFF;overflow:hidden}.other-dialog-container .tag-print-container .tag-print-input .tag-print-keyboard .hg-theme-default{width:100%;height:100%;display:flex;flex-direction:column;padding:8px;background-color:#ececec;box-sizing:border-box;border-radius:0}.other-dialog-container .tag-print-container .tag-print-input .tag-print-keyboard .hg-theme-default .hg-row{flex:1;margin-bottom:6px}.other-dialog-container .tag-print-container .tag-print-input .tag-print-keyboard .hg-theme-default .hg-row:last-child{margin-bottom:0}.other-dialog-container .tag-print-container .tag-print-input .tag-print-keyboard .hg-theme-default .hg-button{height:auto;font-size:20px;border-radius:8px}.other-dialog-container .tag-print-container .tag-print-input .tag-print-keyboard .hg-theme-default .hg-button.hg-enter-btn{background:linear-gradient(180deg,#2eb67d,#15803d);color:#fff;font-weight:700}.other-dialog-container .tag-print-container .tag-print-input .tag-print-keyboard .hg-theme-default .hg-button.hg-enter-btn.hg-activeButton{background:linear-gradient(180deg,#15803d,#0f5e2c);transform:scale(.96)}.other-dialog-container .tag-print-container .tag-print-card{display:flex;flex-direction:column;gap:12px;flex-shrink:0;width:480px}.other-dialog-container .tag-print-container .tag-print-card .tag-print-preview{height:330px;border-radius:12px;border:2px solid #FFFFFF;background:#f8fafc;overflow:hidden}.other-dialog-container .tag-print-container .tag-print-card .tag-print-preview iframe{width:100%;height:100%;border:none;overflow:hidden}.other-dialog-container .tag-print-container .tag-print-card .tag-print-preview .tag-print-empty{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.other-dialog-container .tag-print-container .tag-print-card .tag-print-preview .tag-print-empty span{font-size:18px;font-weight:500;color:#c3cad3;text-transform:uppercase}.other-dialog-container .tag-print-container .tag-print-card .tag-print-btn{width:100%;height:48px;border-radius:12px;border:2px solid #FFFFFF;background:linear-gradient(180deg,#2eb67d,#15803d);font-size:18px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s ease-in-out}.other-dialog-container .tag-print-container .tag-print-card .tag-print-btn:active{transform:translateY(2px) scale(.98);background:linear-gradient(180deg,#15803d,#0f5e2c)}.other-dialog-container .settings-panel{width:100%}.other-dialog-container .settings-panel .settings-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-radius:12px;background:linear-gradient(180deg,#fffffffa,#f0f4f8e6)}.other-dialog-container .settings-panel .settings-item-label{display:flex;flex-direction:column;gap:6px}.other-dialog-container .settings-panel .settings-item-title{font-size:24px;font-weight:600;color:#33343b}.other-dialog-container .settings-panel .settings-item-desc{font-size:14px;color:#6b7280}.other-dialog-container .settings-panel .settings-item-actions{display:flex;align-items:center}.other-dialog-container .settings-panel .settings-toggle{min-width:96px;height:48px;border:none;border-radius:24px;font-size:20px;font-weight:700;color:#fff}.other-dialog-container .settings-panel .settings-toggle.enabled{background:linear-gradient(180deg,#2eb67d,#15803d)}.other-dialog-container .settings-panel .settings-toggle.disabled{background:linear-gradient(180deg,#9ca3af,#4b5563)}/*!
 * 
 *   react-simple-keyboard v3.8.141
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 *//*!
 * 
 *   simple-keyboard v3.8.93
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}