@charset "UTF-8";@font-face{font-family:Nunito;font-style:normal;font-weight:200;src:local("Nunito ExtraLight"),local("Nunito-ExtraLight"),url(/assets/Nunito-ExtraLight-CzD0wFeL.ttf) format("truetype");font-display:block}@font-face{font-family:Nunito;font-style:normal;font-weight:300;src:local("Nunito Light"),local("Nunito-Light"),url(/assets/Nunito-Light-CFkSxSOc.ttf) format("truetype");font-display:block}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:local("Nunito Regular"),local("Nunito-Regular"),url(/assets/Nunito-Regular-BzIFT1ox.ttf) format("truetype");font-display:block}@font-face{font-family:Nunito;font-style:normal;font-weight:500;src:local("Nunito medium"),local("Nunito-Medium"),url(/assets/Nunito-Medium-L5wTUp6G.ttf) format("truetype");font-display:block}@font-face{font-family:Nunito;font-style:normal;font-weight:600;src:local("Nunito SemiBold"),local("Nunito-SemiBold"),url(/assets/Nunito-SemiBold-BDYPXFJ_.ttf) format("truetype");font-display:block}@font-face{font-family:Nunito;font-style:normal;font-weight:700;src:local("Nunito Bold"),local("Nunito-Bold"),url(/assets/Nunito-Bold-CZ01jYvx.ttf) format("truetype");font-display:block}@font-face{font-family:Nunito;font-style:normal;font-weight:800;src:local("Nunito ExtraBold"),local("Nunito-ExtraBold"),url(/assets/Nunito-ExtraBold-DusrvNCE.ttf) format("truetype");font-display:block}@font-face{font-family:Nunito;font-style:normal;font-weight:900;src:local("Nunito Black"),local("Nunito-Black"),url(/assets/Nunito-Black-DHv_wkcN.ttf) format("truetype");font-display:block}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:100;src:local("Noto Sans TC Thin"),local("NotoSansTC-Thin"),url(/assets/NotoSansTC-Thin-C7xBkvzf.ttf) format("truetype");font-display:block}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:200;src:local("Noto Sans TC ExtraLight"),local("NotoSansTC-ExtraLight"),url(/assets/NotoSansTC-ExtraLight-3k9AA3Bg.ttf) format("truetype");font-display:block}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:300;src:local("Noto Sans TC Light"),local("NotoSansTC-Light"),url(/assets/NotoSansTC-Light-DU0Ax5SA.ttf) format("truetype");font-display:block}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:400;src:local("Noto Sans TC Regular"),local("NotoSansTC-Regular"),url(/assets/NotoSansTC-Regular-D_KqNx5F.ttf) format("truetype");font-display:block}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:500;src:local("Noto Sans TC Medium"),local("NotoSansTC-Medium"),url(/assets/NotoSansTC-Medium-DZzs5O3u.ttf) format("truetype");font-display:block}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:600;src:local("Noto Sans TC SemiBold"),local("NotoSansTC-SemiBold"),url(/assets/NotoSansTC-SemiBold-B9IYJO2r.ttf) format("truetype");font-display:block}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:700;src:local("Noto Sans TC Bold"),local("NotoSansTC-Bold"),url(/assets/NotoSansTC-Bold-CeiDrUlm.ttf) format("truetype");font-display:block}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:800;src:local("Noto Sans TC ExtraBold"),local("NotoSansTC-ExtraBold"),url(/assets/NotoSansTC-ExtraBold-AaSvkS1H.ttf) format("truetype");font-display:block}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:900;src:local("Noto Sans TC Black"),local("NotoSansTC-Black"),url(/assets/NotoSansTC-Black-Bo1ZJYxZ.ttf) format("truetype");font-display:block}:root{width:100%;min-height:100vh;font-family:Nunito,Noto Sans TC;color:#595959}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100%}body #root{min-height:100vh}.base-data-table .MuiDataGrid-row.Mui-selected{background-color:#d0f0ff!important}.base-title{display:flex;align-items:center}.base-title h1{font-size:22px;line-height:2rem}.base-title .title-icon{margin-right:1rem;margin-top:3px}.base-title .title-icon svg{font-size:1.6rem}.base-dialog{min-width:250px;max-width:450px}.base-dialog .dialog-content{display:flex;justify-content:center}.base-dialog .dialog-actions .cancel-button{border:#dc3545 solid 2px;color:#dc3545}@media screen and (min-width: 768px){.base-dialog{min-width:300px;max-width:500px;padding:0 .5rem .5rem}}@media screen and (min-width: 992px){.base-dialog{min-width:600px;max-width:800px;width:auto}}.admin-paper .card-header{display:flex;justify-content:space-between;align-items:center}.admin-paper .card-header-add{display:flex;justify-content:flex-start;align-items:center;gap:16px}.admin-paper .card-textfield-wrapper{display:flex;justify-content:flex-start;gap:16px}.overview-card-wrapper{position:relative;flex:1;min-height:100px}.overview-card-wrapper .overview-card{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease-out,transform .3s ease-out}.overview-card-wrapper.is-loading .overview-card.skeleton{opacity:1;transform:translateY(0)}.overview-card-wrapper.is-loading .overview-card:not(.skeleton){opacity:0;transform:translateY(6px);pointer-events:none}.overview-card-wrapper.is-loaded .overview-card.skeleton{opacity:0;transform:translateY(-6px)}.overview-card-wrapper.is-loaded .overview-card:not(.skeleton){opacity:1;transform:translateY(0);pointer-events:auto}.overview-card{flex:1;display:flex;justify-content:space-between;align-items:center;padding:1rem;min-height:100px;font-weight:700;color:#333;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.overview-card.skeleton{position:relative;pointer-events:none;overflow:hidden;min-width:300px;background:linear-gradient(145deg,#e8f0fb,#d8e5f7 45%,#f4f7fc);box-shadow:0 4px 16px rgba(30,60,120,.06),0 0 18px rgba(150,180,230,.22);backdrop-filter:blur(4px)}.overview-card.skeleton:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.55) 45%,transparent 100%);transform:translate(-120%);animation:cardShimmer 1.6s ease-in-out infinite}.overview-card.skeleton .overview-card-text{min-width:0}.overview-card.skeleton .MuiSkeleton-root{background-color:rgba(160,180,220,.28);border-radius:8px}.overview-card.skeleton .MuiSkeleton-text{margin-bottom:.4rem}.overview-card.skeleton .overview-card-icon{background:transparent}.overview-card.skeleton .overview-card-icon .MuiSkeleton-root{border-radius:50%}.overview-card.clickable{cursor:pointer}.overview-card .overview-card-text{white-space:nowrap;color:#fff;font-weight:700}.overview-card .overview-card-text .overview-card-value .integer{font-size:1.7rem}.overview-card .overview-card-text .overview-card-value .decimal{margin-left:2px;font-size:1rem}.overview-card .overview-card-text .overview-card-value .percentage{font-size:1.2rem;margin-left:1rem}.overview-card .overview-card-text .overview-card-title{font-size:1rem;font-weight:800}.overview-card .overview-card-icon{min-width:3.5rem;width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;margin-left:1rem}.overview-card .overview-card-icon svg{font-size:1.7rem}.overview-card.good-status{background-color:#00d22e}.overview-card.good-status svg{color:#00d22e}.overview-card.risk-status{background-color:#ffd110}.overview-card.risk-status svg{color:#ffd110}.overview-card.danger-status{background-color:#d32f2f}.overview-card.danger-status svg{color:#d32f2f}@keyframes cardShimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}@media screen and (min-width: 768px){.overview-card-wrapper{min-height:130px}.overview-card,.overview-card.skeleton{min-height:130px;padding:1rem 2rem}.overview-card .overview-card-text .overview-card-value .integer,.overview-card.skeleton .overview-card-text .overview-card-value .integer{font-size:2.2rem}.overview-card .overview-card-text .overview-card-value .decimal,.overview-card.skeleton .overview-card-text .overview-card-value .decimal{margin-left:3px;font-size:1.5rem}.overview-card .overview-card-text .overview-card-value .percentage,.overview-card.skeleton .overview-card-text .overview-card-value .percentage{font-size:1.5rem;margin-left:1rem}.overview-card .overview-card-icon,.overview-card.skeleton .overview-card-icon{min-width:4rem;width:4rem;height:4rem}.overview-card .overview-card-icon svg,.overview-card.skeleton .overview-card-icon svg{font-size:2rem}}@media screen and (min-width: 992px){.overview-card-wrapper{min-height:130px}.overview-card,.overview-card.skeleton{padding:2rem}.overview-card .overview-card-text .overview-card-value,.overview-card.skeleton .overview-card-text .overview-card-value{font-weight:800}.overview-card .overview-card-text .overview-card-value .integer,.overview-card.skeleton .overview-card-text .overview-card-value .integer{font-size:2.7rem}.overview-card .overview-card-text .overview-card-value .decimal,.overview-card.skeleton .overview-card-text .overview-card-value .decimal{margin-left:3px;font-size:2rem}.overview-card .overview-card-text .overview-card-value .percentage,.overview-card.skeleton .overview-card-text .overview-card-value .percentage{font-size:2rem;margin-left:1rem}.overview-card .overview-card-text .overview-card-title,.overview-card.skeleton .overview-card-text .overview-card-title{font-size:1.2rem}}@media screen and (min-width: 1200px){.overview-card-wrapper{min-height:150px}.overview-card,.overview-card.skeleton{min-height:150px;padding:2rem 2.5rem}.overview-card .overview-card-text .overview-card-value,.overview-card.skeleton .overview-card-text .overview-card-value{font-weight:800}.overview-card .overview-card-text .overview-card-value .integer,.overview-card.skeleton .overview-card-text .overview-card-value .integer{font-size:2.8rem}.overview-card .overview-card-text .overview-card-value .decimal,.overview-card.skeleton .overview-card-text .overview-card-value .decimal{margin-left:3px;font-size:2.1rem}.overview-card .overview-card-text .overview-card-value .percentage,.overview-card.skeleton .overview-card-text .overview-card-value .percentage{font-size:2.1rem;margin-left:1rem}.overview-card .overview-card-icon,.overview-card.skeleton .overview-card-icon{min-width:4.5rem;width:4.5rem;height:4.5rem}.overview-card .overview-card-icon svg,.overview-card.skeleton .overview-card-icon svg{font-size:2.5rem}}@media screen and (min-width: 1600px){.overview-card{padding:2rem 3rem}}.overview-section .overview-cards-wrapper{display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width: 768px){.overview-section .overview-cards-wrapper{gap:2rem}}@media screen and (min-width: 992px){.overview-section .overview-cards-wrapper{flex-flow:row wrap;justify-content:space-between}}.store-page .store-list-card .card-header{display:flex;justify-content:space-between;align-items:center}.store-management-container .MuiFormControl-root{margin-bottom:.2rem}.store-management-container .MuiSelect-outlined{font-size:1rem;color:#333}#store-select-listbox{max-height:none}.store-overview-page .overview-section .overview-cards-wrapper{display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width: 768px){.store-overview-page .overview-section .overview-cards-wrapper{gap:2rem}}@media screen and (min-width: 992px){.store-overview-page .overview-section .overview-cards-wrapper{flex-flow:row wrap;justify-content:space-between}}.device-page{display:block;width:100%;overflow:visible;padding:1rem}.device-page .table-card .table-box .actions-box{display:flex;justify-content:space-between;margin-bottom:1rem}.MuiAccordionSummary-content,.MuiAccordionSummary-contentGutters{margin:0}.accordion-header{display:flex;align-items:center;gap:.5rem}.accordion-header h4{font-size:1.2rem;font-weight:700}.filter-box .filter-fields{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:.5rem}.filter-box .filter-buttons{display:flex;justify-content:flex-end}.filter-box .filter-buttons .search-button,.filter-box .filter-buttons .clear-button{margin-top:.3rem;margin-left:.5rem}@media screen and (min-width: 768px){.filter-box .filter-fields{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 992px){.filter-box .filter-fields{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1200px){.filter-box .filter-fields{grid-template-columns:repeat(4,1fr)}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-prev:after,.swiper-button-next:after{font-size:24px;font-weight:700;color:rgba(0,0,0,.8)}.swiper-pagination-bullet-active{background:#0d99ff;opacity:1}.card-icon-button.MuiIconButton-root{border-radius:5px;padding:6px}.card-icon-button.MuiIconButton-root.primary{background-color:#d0f0ff}.card-icon-button.MuiIconButton-root.error{background-color:#ffc8c8}.card-icon-button.MuiIconButton-root:hover.primary{background-color:#bbdefb}.card-icon-button.MuiIconButton-root:hover.error{background-color:#ffacac}.layout-cards-container{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media screen and (min-width: 768px){.layout-cards-container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.layout-cards-container{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media screen and (min-width: 1600px){.layout-cards-container{grid-template-columns:repeat(4,1fr);gap:2rem}}.flash-highlight{animation:fade-bg .6s ease-out}@keyframes fade-bg{0%{background:#0d99ff}to{background:transparent}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:9999}.loading-overlay .spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top:6px solid #fff;border-radius:50%;animation:spin .4s linear infinite}.app-layout{display:flex;width:100%;min-height:100vh}.app-layout section{width:100%}.app-layout section main{background-color:#d9d9d9;padding:10px 15px;min-height:calc(100% - 50px);overflow:auto}header{display:flex;justify-content:space-between;align-items:center;padding:0 30px;height:50px;width:100%;background-color:#f2f2f2;color:#595959}header .sidebar-toggler{display:flex}header .info-icon-btn{display:flex}header .account-info-chips{display:none}.app-header .MuiIconButton-root{margin:0 4px;height:36px;width:36px;border-radius:8px}@media screen and (min-width: 768px){header .sidebar-toggler{display:none}header .info-icon-btn{display:none}header .account-info-chips{display:flex}}.sidebar-area{position:relative;background-color:#333;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;z-index:2}.sidebar-area .collapse-button{display:none;position:absolute;top:50px;right:-15px;height:fit-content;border:#333 solid 4px;border-radius:50%;background-color:#0d99ff;transform:translateY(-50%);z-index:4;width:30px;height:30px}.sidebar-area .collapse-button button{width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .5s ease-out}.sidebar-area .collapse-button button.collapsed{transform:rotate(-540deg) translate(-1px)}.sidebar-area .sidebar-header{display:flex;justify-content:center;align-items:center;height:50px;width:100%;background-color:#333;color:#fff;padding:0 20px}.sidebar-area .sidebar-header .logo{display:flex;justify-content:center;align-items:center;width:90px}.sidebar-area .sidebar-header .logo img{width:100%}.sidebar-area .sidebar-footer-mobile,.sidebar-area .sidebar-footer-desktop{display:flex;flex-direction:column;text-decoration:none;color:#fff}.sidebar-area .sidebar-footer-mobile .version-text,.sidebar-area .sidebar-footer-desktop .version-text{text-align:center}.sidebar-area .sidebar-footer-mobile .link-wrapper,.sidebar-area .sidebar-footer-desktop .link-wrapper{width:100%;display:flex;justify-content:center;padding:10px 0}.sidebar-area .sidebar-footer-mobile .link-wrapper .version-link,.sidebar-area .sidebar-footer-desktop .link-wrapper .version-link{text-decoration:none;color:#fff}.sidebar-area .sidebar-footer-mobile .link-wrapper .hidden,.sidebar-area .sidebar-footer-desktop .link-wrapper .hidden{display:none}.sidebar-area .sidebar-footer-mobile .link-wrapper .divider,.sidebar-area .sidebar-footer-desktop .link-wrapper .divider{margin:0 10px}.sidebar-area .sidebar-footer-desktop{display:none}@media screen and (min-width: 768px){.sidebar-area .collapse-button{display:flex;align-items:center;justify-content:center}.sidebar-area .sidebar-footer-mobile{display:none}.sidebar-area .sidebar-footer-desktop{display:flex;width:100%;transition:all .3s ease}.sidebar-area .sidebar-footer-desktop.collapsed{width:0;transform:translate(-100%) scale(0)}}.filter-type-title{color:rgba(0,0,0,.6);font-weight:400;font-size:1rem;line-height:1.4375em;padding:0;position:relative}.product-page{display:block;width:100%;overflow:visible}.product-page .header-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.product-page .header-row h3{margin:0;font-size:22px;font-weight:700}.product-page .filter-dropdown{margin-bottom:1rem}.product-page .filter-dropdown .MuiFormControl-root{width:100%}.product-page .filter-card{margin-bottom:2rem;padding:1.5rem;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:8px}.product-page .filter-card .filter-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.product-page .filter-card .filter-header h4{font-size:1.2rem;font-weight:700}.product-page .filter-card .filter-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:100rem;margin-bottom:1.5rem}.product-page .filter-card .filter-fields>div{display:flex;flex-direction:column;justify-content:space-between;min-height:4.5rem}.product-page .filter-card .filter-fields .field-with-checkbox{display:grid;grid-template-columns:3fr auto;gap:.5rem;align-items:center}.product-page .filter-card .filter-fields .field-with-checkbox .MuiFormControlLabel-root{margin:0}.product-page .filter-card .filter-fields .field-with-checkbox input,.product-page .filter-card .filter-fields .field-with-checkbox label{width:100%}.product-page .filter-card .filter-fields .MuiFormControl-root,.product-page .filter-card .filter-fields .MuiTextField-root{width:100%;box-sizing:border-box}.product-page .filter-card .filter-checkboxes{display:flex!important;align-items:flex-start!important;gap:1rem;margin-bottom:1.5rem}.product-page .filter-card .filter-checkboxes .last-job-status-row{display:flex;align-items:center;gap:1rem}.product-page .filter-card .filter-checkboxes .last-job-status-row h4{font-size:1.2rem;font-weight:700;margin:0;white-space:nowrap;color:#333}.product-page .filter-card .filter-checkboxes .last-job-status-row .MuiFormControlLabel-root{display:flex!important;align-items:center}.product-page .filter-card .filter-checkboxes .last-job-status-row .MuiFormControlLabel-root .MuiTypography-root{font-size:1rem}.product-page .filter-card .filter-buttons{display:flex;justify-content:flex-end}.product-page .filter-card .filter-buttons .search-button{margin-left:.5rem}.product-page .table-card{margin-bottom:2rem;padding:1.5rem;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:8px}.product-page .table-card .table-box .actions-box{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;align-items:flex-start}.product-page .table-card .table-box .actions-box .actions-buttons{display:flex;flex-wrap:wrap;gap:.5rem;flex:1 1 auto}.product-page .table-card .table-box .actions-box>.MuiBox-root{flex-shrink:0;margin-left:auto;display:flex;gap:.5rem}.product-page .table-card .table-box .MuiDataGrid-root{border:none}.product-page .table-card .table-box .MuiDataGrid-root .MuiDataGrid-columnHeaders{background-color:#ffecc7;font-weight:700}.product-page .table-card .table-box .MuiDataGrid-root .MuiDataGrid-footerContainer{justify-content:flex-end}.product-page .dialog-content{padding:2rem}.product-page .dialog-content .dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.product-page .dialog-content .dialog-grid p{font-size:22px;margin:.5rem 0}.device-page{display:block;width:100%;overflow:visible}.device-page .header-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.device-page .header-row h3{margin:0;font-size:22px;font-weight:700}.device-page .filter-dropdown{margin-bottom:1rem}.device-page .filter-dropdown .MuiFormControl-root{width:100%}.device-page .filter-card{margin-bottom:2rem;padding:1.5rem;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:8px}.device-page .filter-card .filter-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.device-page .filter-card .filter-header h4{font-size:1.2rem;font-weight:700}.device-page .filter-card .filter-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:100rem;margin-bottom:1.5rem}.device-page .filter-card .filter-fields>div{display:flex;flex-direction:column;justify-content:space-between;min-height:4.5rem}.device-page .filter-card .filter-fields .field-with-checkbox{display:grid;grid-template-columns:3fr auto;gap:.5rem;align-items:center}.device-page .filter-card .filter-fields .field-with-checkbox .MuiFormControlLabel-root{margin:0}.device-page .filter-card .filter-fields .field-with-checkbox input,.device-page .filter-card .filter-fields .field-with-checkbox label{width:100%}.device-page .filter-card .filter-fields .MuiFormControl-root,.device-page .filter-card .filter-fields .MuiTextField-root{width:100%;box-sizing:border-box}.device-page .filter-card .filter-checkboxes{display:flex!important;align-items:flex-start!important;gap:1rem;margin-bottom:1.5rem}.device-page .filter-card .filter-checkboxes .last-job-status-row{display:flex;align-items:center;gap:1rem}.device-page .filter-card .filter-checkboxes .last-job-status-row h4{font-size:1.2rem;font-weight:700;margin:0;white-space:nowrap;color:#333}.device-page .filter-card .filter-checkboxes .last-job-status-row .MuiFormControlLabel-root{display:flex!important;align-items:center}.device-page .filter-card .filter-checkboxes .last-job-status-row .MuiFormControlLabel-root .MuiTypography-root{font-size:1rem}.device-page .filter-card .filter-buttons{display:flex;justify-content:flex-end}.device-page .filter-card .filter-buttons .search-button{margin-left:.5rem}.device-page .table-card{margin-bottom:2rem;padding:1.5rem;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:8px}.device-page .table-card .table-box .actions-box{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;align-items:flex-start}.device-page .table-card .table-box .actions-box .actions-buttons{display:flex;flex-wrap:wrap;gap:.5rem;flex:1 1 auto}.device-page .table-card .table-box .actions-box>.MuiBox-root{flex-shrink:0;margin-left:auto;display:flex;gap:.5rem}.device-page .table-card .table-box .MuiDataGrid-root{border:none}.device-page .table-card .table-box .MuiDataGrid-root .MuiDataGrid-columnHeaders{background-color:#ffecc7;font-weight:700}.device-page .table-card .table-box .MuiDataGrid-root .MuiDataGrid-footerContainer{justify-content:flex-end}.device-page .dialog-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.device-page .dialog-content h4{font-size:1.2rem;font-weight:700}.device-page .dialog-content img{width:100%;border:1px solid #ccc;border-radius:4px}#product-select-listbox{max-height:none}@media (max-width: 768px){.actions-box{flex-direction:column}.actions-box .actions-buttons{width:100%;justify-content:flex-start}.actions-box>.MuiBox-root{justify-content:flex-start}}.registration-page .actions-box{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.registration-page .actions-box .actions-box-left,.registration-page .actions-box .actions-box-right{width:100%;gap:.5rem}.registration-page .actions-box .actions-box-left{display:flex;flex-wrap:wrap}.registration-page .actions-box .actions-box-left .actions-buttons{display:flex;gap:.5rem}.registration-page .actions-box .actions-box-right{display:flex;flex-wrap:wrap}.registration-page .MuiDataGrid-root{border:none}.registration-page .MuiDataGrid-root .MuiDataGrid-columnHeaders{background-color:#ffecc7;font-weight:700}.registration-page .MuiDataGrid-root .MuiDataGrid-footerContainer{justify-content:flex-end}.MuiDataGrid-row.ap-row{background-color:#f0f0f0}.MuiDataGrid-row.ap-row:hover{background-color:#f0f0f0!important}.MuiDataGrid-row.ap-row .MuiDataGrid-cellCheckbox>.MuiCheckbox-root{display:none}@media screen and (min-width: 576px){.registration-page .actions-box .actions-box-left{align-items:center;gap:.5rem}}@media screen and (min-width: 1360px){.registration-page .actions-box{flex-direction:row}.registration-page .actions-box .actions-box-left{flex-direction:row;flex-wrap:nowrap}.registration-page .actions-box .actions-box-right{align-items:center;justify-content:end}}.highlight-new-row{animation:highlightFade 2s ease-in-out}@keyframes highlightFade{0%{background-color:rgba(25,118,210,.2)}to{background-color:transparent}}.started-title{font-size:2rem;font-weight:800;text-align:center;position:relative;display:inline-block;z-index:0}.started-title:after{content:"";position:absolute;bottom:0;left:-5%;border-radius:10px;background-color:#ffe600;width:110%;height:50%;z-index:-1}.started-description{text-align:center;font-size:1rem}@media (min-width: 576px){.started-title{font-size:2.4rem}.started-description{font-size:1.2rem}}.dialog-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dialog-content h4{font-size:1.2rem;font-weight:700}.dialog-content img{width:100%;border:1px solid #ccc;border-radius:4px}.big-icon-button.MuiIconButton-root{border:3px solid #0d99ff;color:#0d99ff;border-radius:10px;padding:3px 6px}.big-icon-button.MuiIconButton-root svg{font-size:1.6rem}.big-icon-button.MuiIconButton-root:hover{background-color:#e7f4fe;border:3px solid #1f75fe;color:#1f75fe}body{margin:0;padding:0}.blocking-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.2);z-index:9999;cursor:not-allowed}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#d9d9d9}.login-logo{width:180px;height:auto;margin-bottom:2.5rem}.login-logo-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:30px}@media screen and (max-width: 576px){.login-logo-container{margin-top:20px}}.login-container{width:90%;max-width:480px;padding-inline:4rem;background:#fff;border-radius:30px;box-shadow:0 4px 12px rgba(0,0,0,.15);text-align:center}.login-header{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0}.line{height:2px;background-color:#595959;flex:1}.login-signin{font-size:24px;color:#595959;font-weight:600;margin:0 1rem;white-space:nowrap}.login-form input,.login-form .MuiInputBase-root{width:100%;max-width:380px;margin:0 auto}.button-group{display:flex;justify-content:center;gap:20px;margin:20px 0}.button-group .login-button{width:180px;padding:6px 0;color:#fff!important;background:#0d99ff;transition:background-color .3s ease}.button-group .register-button{width:180px;padding:6px 0;border:2px solid #0d99ff;transition:background-color .3s ease}.button-group .reset-button{width:60%;padding:6px 0;transition:background-color .3s ease}.error-message{color:red;font-size:14px;margin:5px 0}.forgot-password-link{display:block;margin-top:30px;margin-bottom:20px;text-align:right;font-size:12px;color:#595959;text-decoration:none}.login-container{border-radius:30px!important}.corporation-selection-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.corporation-selection-page select{margin:20px 0;padding:10px;border:1px solid #ddd;border-radius:5px}.header-row{display:flex;align-items:center}.header-row .corporation-icon{margin-right:8px;font-size:32px}.corporation-selection-page-loading{display:flex;justify-content:center;align-items:center;height:calc(100vh - 50px)}.corporation-selection-page-loading .loading-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.corporation-selection-page{display:flex;border-radius:8px;justify-content:center;align-items:center;height:100vh;background-color:#d9d9d9}.corporation-selection-page .corporation-selection-container{width:650px;padding:2rem;border-radius:8px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}.corporation-selection-page .corporation-selection-container .header-row{display:flex;justify-content:flex-start;margin-bottom:1rem}.corporation-selection-page .corporation-selection-container .header-row h3{margin:0;font-size:1.25rem;font-weight:700}.corporation-selection-page .corporation-selection-container .MuiFormControl-root{margin-bottom:1rem}.corporation-selection-page .corporation-selection-container .no-corporations-warning{margin-top:16px;text-align:center;font-size:16px;color:#d32f2f}.corporation-selection-page .corporation-selection-container .button-row{display:flex;justify-content:flex-end;gap:16px;margin-top:1rem}.corporation-selection-page .corporation-selection-container .button-row .confirm-button{padding:.5rem 1rem;font-size:.875rem}.logout-button{font-size:.875rem;color:#fff;border:none;margin-left:auto;display:flex;align-items:center;padding:8px 16px;border-radius:4px;cursor:pointer}:root{--primary-color: #0d99ff;--secondary-color: #1f75fe;--success-color: #00d22e;--error-color: #d32f2f;--warning-color: #ffd110;--confirm-btn-color: #28a745;--cancel-btn-color: #dc3545;--light-blue-color-1: #bbdefb;--light-blue-color-2: #e7f4fe;--light-blue-color-3: #d0f0ff;--dark-grey: #333;--red-color: #d32f2f;--light-red-color-1: #ffc8c8;--light-red-color-2: #ffacac;--text-color: #595959;--warning-text-color: #393939;--bg-color-1: #d9d9d9;--bg-color-2: #f5f5f5}body,html{margin:0;padding:0;overflow-x:hidden;width:100%}.mobile-container{max-width:100vw;min-height:100vh;overflow-x:hidden;margin:0 auto;padding:8px 16px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column}.mobile-container .header-container{display:flex;flex-direction:column;z-index:100;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.mobile-container .header-container .back-button-wrapper{position:fixed;top:0;left:0;right:0;background-color:#fff;border-bottom:1px solid #d9d9d9;z-index:101}.mobile-container .header-container .back-button-wrapper .back-button{display:block;width:100%;margin-top:2px;margin-bottom:2px;text-align:left;font-size:12px;font-weight:700;color:#0d99ff;background:none;border:none;cursor:pointer}.mobile-container .header-container .back-button-wrapper .back-button:hover{background-color:#f5f5f5}.mobile-container .header-container header{display:flex;position:fixed;justify-content:space-between;align-items:center;background-color:#fff;margin-bottom:2px;margin-top:12px}.mobile-container .header-container header .logo{height:25px;max-width:120px;object-fit:contain;margin-left:-12px}.mobile-container .header-container header .language-select{padding:4px;border-radius:4px;border:1px solid #1f75fe;background-color:#d9d9d9}.mobile-container .header-container header .store-id{font-size:12px;color:#333}.mobile-container .tabs-wrapper{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:62px;padding:0 16px;margin-bottom:16px;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:#fff;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden}.mobile-container .tabs{display:inline-flex;align-items:center;gap:8px;min-width:max-content;padding-bottom:10px}.mobile-container .tabs .tab{flex:0 0 auto;padding:10px 16px;font-size:14px;font-weight:700;text-align:center;background-color:#d9d9d9;color:#595959;border-radius:8px;border:none;cursor:pointer;white-space:nowrap;transition:background-color .2s ease}.mobile-container .tabs .tab.active{background-color:#0d99ff;color:#d9d9d9}.mobile-container .tabs .tab:hover:not(.active){background-color:#ccc}.mobile-container .tabs-wrapper::-webkit-scrollbar{display:none}.mobile-container .scanner-controls{display:flex;justify-content:center;gap:8px;margin:2px 0}.mobile-container .scanner-controls .scanner-btn,.mobile-container .scanner-controls .camera-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:30px;height:30px;font-size:12px;border:none;border-radius:6px;cursor:pointer}.mobile-container .scanner-controls .scanner-btn.active,.mobile-container .scanner-controls .camera-btn.active{background-color:#0d99ff;color:#fff}.mobile-container .scanner-controls .scanner-btn:not(.active),.mobile-container .scanner-controls .camera-btn:not(.active){background-color:#d9d9d9}.mobile-container .scanner-controls .camera-select{margin-left:8px;padding:4px 8px;font-size:14px;border:1px solid #1f75fe;border-radius:4px;background-color:#d9d9d9;cursor:pointer;outline:none;max-width:200px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-container .scanner-controls .camera-select:hover{border-color:#0d99ff}.mobile-container .scanner-controls .camera-select:focus{box-shadow:0 0 3px #0d99ff;border-color:#0d99ff}.mobile-container .scanner-controls .camera-select option{font-size:14px}.mobile-container .camera-box{position:relative;margin:16px auto;width:90%;max-width:400px;aspect-ratio:16/9;border-radius:8px;border:2px solid #1f75fe;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.mobile-container .camera-box video,.mobile-container .camera-box .barcode-scanner{width:100%;height:100%;object-fit:cover;z-index:1}.mobile-container .camera-box .scanner-text{position:absolute;font-size:16px;font-weight:700;color:#fff;z-index:2;bottom:16px}.mobile-container .camera-box-1{position:relative;margin:16px auto;width:95%;max-width:400px;aspect-ratio:2;border-radius:8px;border:2px solid #1f75fe;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.mobile-container .scanner-box{position:relative;margin:16px auto;width:90%;max-width:400px;aspect-ratio:16/9;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.mobile-container .scanner-box .scanner-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.01;pointer-events:none;z-index:1}.mobile-container .scanner-box .scanner-text{font-size:16px;font-weight:700;color:#000;z-index:2;text-align:center}.mobile-container .scanner-box .corner{position:absolute;width:32px;height:32px;border:4px solid #0078d4;z-index:3}.mobile-container .scanner-box .top-left{top:0;left:0;border-right:none;border-bottom:none}.mobile-container .scanner-box .top-right{top:0;right:0;border-left:none;border-bottom:none}.mobile-container .scanner-box .bottom-left{bottom:0;left:0;border-right:none;border-top:none}.mobile-container .scanner-box .bottom-right{bottom:0;right:0;border-left:none;border-top:none}.mobile-container .input-group{margin-bottom:6px}.mobile-container .input-group label{display:block;font-size:14px;margin-bottom:4px;color:#595959;font-weight:700}.mobile-container .input-group .input-wrapper{display:flex;align-items:center;gap:8px;width:100%}.mobile-container .input-group .input-with-icon{flex:1;display:flex;align-items:center;border:1px solid #1f75fe;border-radius:4px;background-color:#fff;overflow:hidden}.mobile-container .input-group .input-with-icon .icon{font-size:32px;width:40px;height:40px;padding:6px;color:#333;display:flex;align-items:center;justify-content:center}.mobile-container .input-group .input-with-icon input{flex:1;border:none;padding:14px;outline:none;font-size:16px;background:#fff}.mobile-container .input-group .delete-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;width:40px;height:40px}.mobile-container .input-group .delete-btn .icon{font-size:32px;color:#d32f2f;display:flex;align-items:center;justify-content:center}.mobile-container .input-group .delete-btn:hover{color:#aa2525}.mobile-container .keyboard-btn{background:none;border:none;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-container .keyboard-btn .icon{font-size:24px;color:#0d99ff;transition:color .3s ease}.mobile-container .keyboard-btn:hover .icon{color:#007ed9}.mobile-container .keyboard-btn:active .icon{color:#0060a6}.mobile-container .input-group.style-selection{margin-bottom:6px}.mobile-container .input-group.style-selection label{display:block;font-size:14px;margin-bottom:4px;font-weight:700}.mobile-container .input-group.style-selection .input-with-button{display:flex;align-items:center;gap:8px;width:100%}.mobile-container .input-group.style-selection .input-with-button select{flex:1;padding:8px 12px;border:1px solid #1f75fe;border-radius:4px;font-size:14px;background-color:#fff}.mobile-container .input-group.style-selection .input-with-button .preview-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:700;background-color:#0d99ff;color:#d9d9d9;border:none;border-radius:4px;cursor:pointer}.mobile-container .input-group.style-selection .input-with-button .preview-btn:hover{background-color:#0a7ed1}.mobile-container .input-group.style-selection .input-with-button .preview-btn .icon{font-size:16px}.mobile-container .btn-ready{background-color:#d9d9d9;color:#595959;font-family:Nunito,Noto Sans TC;font-weight:700;font-size:14px;padding:8px 16px;border:none;border-radius:4px;margin-bottom:2px;cursor:not-allowed}.mobile-container .btn-ready.sending{background-color:#ffe492}.mobile-container .btn-ready.success{background-color:#7ff79b}.mobile-container .btn-ready.failed{background-color:#f8bab3}.mobile-container .product-barcode-section{margin-top:.5px;margin-bottom:12px}.mobile-container .product-barcode-section label{font-family:Nunito,Noto Sans TC;font-size:14px;color:#595959;font-weight:700;margin-bottom:4px;display:block}.mobile-container .product-barcode-section .numbered-input{display:flex;align-items:stretch;gap:.5rem}.mobile-container .product-barcode-section .numbered-input .number-label{background-color:#a3c585;color:#fff;font-weight:700;text-align:center;width:3rem;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ccc;font-size:14px}.mobile-container .product-barcode-section .numbered-input .numbered-input-field{flex:1;margin:0;display:flex}.mobile-container .product-barcode-section .numbered-input .numbered-input-field .input-group{flex:1;margin:0;min-width:100%}.mobile-container .product-barcode-section .numbered-input .numbered-input-field .input-group .input-with-icon{flex:1;display:flex;max-width:600px;align-items:center;border:1px solid #ccc;border-radius:0 4px 4px 0;overflow:hidden}.mobile-container .product-barcode-section .numbered-input .numbered-input-field .input-group .input-with-icon .icon{font-size:1.2rem;padding:0 .5rem;background-color:#f8f9fa;border-right:1px solid #ccc;display:flex;align-items:center;justify-content:center}.mobile-container .product-barcode-section .numbered-input .numbered-input-field .input-group .input-with-icon input{flex:1;height:100%;border:none;padding:.5rem;font-size:1rem;outline:none}.mobile-container .product-barcode-section .numbered-input .numbered-input-field .input-group .input-with-icon input:focus{border-color:#4a90e2;box-shadow:0 0 3px #4a90e2}.mobile-container .product-barcode-section .product-info.empty-product{background-color:#fab75f;color:#000;padding:8px;border-radius:6px;font-weight:700}.mobile-container .product-barcode-section.multi-assoc{display:flex;flex-direction:column;margin-bottom:0}.mobile-container .product-barcode-section.multi-assoc .multi-assoc-container{max-height:200px;overflow:auto}.mobile-container .product-barcode-section.multi-assoc .multi-assoc-container .numbered-input{margin-bottom:12px}.mobile-container .association-checkbox.MuiFormControlLabel-root{margin:0}.mobile-container .association-checkbox.MuiFormControlLabel-root .css-xa89bz-MuiTypography-root{font-size:14px;color:#595959;font-weight:700}.mobile-container .history-container h3{font-weight:700;margin-bottom:6px;color:#595959;margin-top:6px;line-height:1;font-size:14px}.mobile-container .history-container .history-box{padding:12px;height:200px;overflow-y:auto;border:1px solid #1f75fe;border-radius:8px;background-color:#fff}.mobile-container .history-container .history-box ul{list-style:none;margin:0;padding:0}.mobile-container .history-container .history-box ul .history-item{margin-bottom:12px;padding:8px;border-radius:6px;border:1px solid transparent}.mobile-container .history-container .history-box ul .history-item.success{background-color:#e6f9e6;border-color:#c3e6cb;color:#155724}.mobile-container .history-container .history-box ul .history-item.empty-product,.mobile-container .history-container .history-box ul .history-item.warning{background-color:#fab75f;color:#000;border-color:#d98f3b}.mobile-container .history-container .history-box ul .history-item.failed{background-color:#fdecea;border-color:#f5c6cb;color:#721c24}.mobile-container .history-container .history-box ul .history-item .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.mobile-container .history-container .history-box ul .history-item .history-header .esl-mac{font-weight:700;font-size:14px}.mobile-container .history-container .history-box ul .history-item .history-header .timestamp{font-size:12px;color:#888}.mobile-container .history-container .history-box ul .history-item .history-status{font-size:14px;line-height:1.4}.mobile-container .history-container .history-box ul .history-item .history-status .status-label{font-weight:700;margin-right:4px}.mobile-container .history-container .history-box ul .history-item .history-status .error-text{font-style:italic;color:#dc3545}.mobile-container .history-container .history-box p{font-size:14px;color:#333;margin:0;text-align:center}.mobile-container .stock-stauts-info{border:1px solid #1f75fe;margin:20px 0;padding:10px;border-radius:10px}.mobile-container .stock-stauts-info .stock-stauts-btn{margin-top:10px;display:flex;justify-content:end}.mobile-container .stock-stauts-info .stock-stauts-btn button{margin-left:10px}.mobile-overlay{display:none!important;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:9999;cursor:not-allowed}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-overlay p{margin-top:10px;font-size:1.2rem;font-weight:700;color:#333}.credits-page-container .logo{width:10rem}.credits-page-container .logo img{width:100%}.changelog-page-container .logo{width:10rem}.changelog-page-container .logo img{width:100%}
