.slot-card{transition:all .3s;width:60px;height:60px;padding:4px}.slot-card .ant-card-body{padding:4px;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap}.slot-card.slot-empty{opacity:.6}.slot-card .slot-number{text-align:center;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}.monitor-grid{width:100%}.monitor-grid .stats-bar{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.monitor-grid .latest-placement{background:#fff7e6;border:2px solid #ffd591;padding:15px 20px;border-radius:8px;margin-bottom:20px;text-align:center}.monitor-grid .slots-grid{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #00000014}.desktop-app{width:100%;min-height:100vh;background:#f0f2f5}.desktop-app .app-header{background:#fff;padding:8px 40px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;align-items:center}.desktop-app .app-header h1{margin:0;font-size:18px;color:#1890ff}.desktop-app .app-content{padding:20px 40px}.mobile-scan-container{padding:0 1.25rem 1rem;display:flex;flex-direction:column}.mobile-scan-container .header{text-align:center;padding:1rem 0;flex-shrink:0}.mobile-scan-container .placement-info,.mobile-scan-container .current-sn-info{background:#fff;border-radius:.75rem;margin-bottom:1.25rem;box-shadow:0 .25rem .75rem #0000001a;flex-shrink:0}.mobile-scan-container .placement-slot{font-size:4.5rem;font-weight:700;color:#f5222d;line-height:1;margin:.625rem 0}.mobile-scan-container .button-container{position:fixed;bottom:0;left:0;right:0;display:flex;gap:.625rem;padding:.75rem 1.25rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -.125rem .5rem #0000001a;z-index:100;flex-shrink:0}.mobile-scan-container .scan-button{flex:1;height:3rem;border-radius:.5rem;border:none;font-size:1.125rem;font-weight:700;color:#fff!important;cursor:pointer;transition:all .3s}.mobile-scan-container .place-button{background:linear-gradient(135deg,#52c41a,#73d13d)!important}.mobile-scan-container .place-button:hover{background:linear-gradient(135deg,#73d13d,#95de64)!important}.mobile-scan-container .remove-button{background:linear-gradient(135deg,#ff4d4f,#ff7875)!important}.mobile-scan-container .remove-button:hover{background:linear-gradient(135deg,#ff7875,#eb9a95)!important}.mobile-scan-container .query-button{background:linear-gradient(135deg,#1890ff,#40a9ff)!important;border-color:#1890ff!important}.mobile-scan-container .query-button:hover{background:linear-gradient(135deg,#40a9ff,#69c0ff)!important}.mobile-scan-container .info-section{flex-shrink:0;margin-bottom:.5rem;background:#fff;border-radius:.75rem;padding:.75rem;box-shadow:0 .25rem .75rem #0000001a}.mobile-scan-container .info-section .ant-collapse{background:transparent}.mobile-scan-container .info-section .ant-collapse-item{border:none}.mobile-scan-container .info-section .ant-collapse-header{padding:8px 0!important;background:#1890ff1a;border-radius:6px;margin-bottom:4px}.mobile-scan-container .info-section .ant-collapse-content{background:#1890ff0d;border-radius:6px}.mobile-scan-container .info-section .ant-collapse-content-box{padding:8px 12px!important}.mobile-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.75rem,1fr));gap:.5rem;padding-bottom:.5rem}.mobile-slot-card{aspect-ratio:1;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;position:relative;border:.125rem solid transparent;transition:all .2s}.mobile-slot-card.clickable{cursor:pointer}.mobile-slot-card.clickable:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.mobile-slot-card.clickable:active{transform:scale(.95)}.mobile-slot-card .slot-number{font-size:.875rem;font-weight:700;line-height:1}.mobile-slot-card .slot-info{margin-top:.125rem}.mobile-slot-card .slot-time{font-size:.625rem;font-weight:400;line-height:1}.mobile-slot-card .slot-quantity{font-size:.5rem;font-weight:700;line-height:1;color:#1890ff;margin-top:.0625rem}.mobile-slot-empty{background-color:#f5f5f5;color:#999;border-color:#d9d9d9}.mobile-slot-processing{background-color:#f6ffed;color:#389e0d;border-color:#b7eb8f}.mobile-slot-warning{background-color:#fffbe6;color:#d48806;border-color:#ffe58f}.mobile-slot-overtime{background-color:#fff2f0;color:#cf1322;border-color:#ffccc7}.mobile-slot-completed{background-color:#f0f0f0;color:#666;border-color:#d9d9d9}@media (max-width: 30rem){.mobile-slots-overview{padding:.75rem}.mobile-slots-grid{grid-template-columns:repeat(auto-fill,minmax(3.125rem,1fr));gap:.375rem}.mobile-slot-card{font-size:.6875rem}.mobile-slot-card .slot-number{font-size:.75rem}.mobile-slot-card .slot-time{font-size:.5625rem}.mobile-slot-card .slot-quantity{font-size:.4375rem}}.mobile-list-view{display:flex;flex-direction:column;min-height:100%}.mobile-list-view .list-toolbar{flex-shrink:0;padding:.625rem;background:#fff;border-bottom:.0625rem solid #f0f0f0;position:sticky;top:55px;z-index:9;transition:box-shadow .3s ease}.mobile-list-view .list-toolbar.sticky{box-shadow:0 .125rem .5rem #0000001a}.mobile-list-view .filter-panel{flex-shrink:0;padding:.75rem;background:#fafafa;border-bottom:.0625rem solid #f0f0f0}.mobile-list-view .filter-panel.sticky{position:sticky;top:120px;z-index:8;box-shadow:0 .125rem .5rem #0000001a}.mobile-list-view .filter-item{display:flex;align-items:center;gap:.5rem}.mobile-list-view .battery-list{flex:1;background:#fff}.mobile-list-view .battery-list-item{padding:.5rem .625rem!important;cursor:pointer;transition:background-color .2s;border-bottom:.0625rem solid #f0f0f0!important}.mobile-list-view .battery-list-item:active{background-color:#f5f5f5}.mobile-list-view .list-item-content{width:100%;display:flex;align-items:center;gap:.75rem}.mobile-list-view .item-left{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;width:8rem}.mobile-list-view .slot-number,.mobile-list-view .slot-time{display:flex;align-items:center}.mobile-list-view .item-right{flex:1;min-width:0}.mobile-list-view .item-right .ant-space{gap:3px!important}.mobile-list-view .battery-list .ant-list-empty-text{padding:2rem;color:#999}.mobile-app{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.mobile-app .mobile-main-content{flex:1;display:flex;flex-direction:column}.mobile-app .mobile-main-content>div{flex:1;display:flex;flex-direction:column}.mobile-app .mobile-scan-section{flex-shrink:0}.mobile-app .mobile-slots-section{flex:1;padding:0 1.25rem 1.25rem}.mobile-app .mobile-slots-container{background:#fff;border-radius:.75rem;box-shadow:0 .25rem .75rem #0000001a;display:flex;flex-direction:column;padding:1rem;min-height:auto}.mobile-app .mobile-slots-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:.0625rem solid #f0f0f0;flex-shrink:0;position:sticky;top:0;background:#fff;z-index:10;transition:box-shadow .3s ease}.mobile-app .mobile-slots-header.sticky{box-shadow:0 .125rem .5rem #0000001a;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.mobile-app .mobile-slots-header .header-left{display:flex;flex-direction:column;gap:.25rem}.mobile-app .spray-code-notice,.mobile-app .spray-code-template{background:#f5f5f5;min-height:100vh;margin:0;padding:16px}.leafer-canvas-editor{position:relative;overflow:hidden;background:#fff}.leafer-toolbar{padding:8px 12px;background:#fafafa;border-bottom:1px solid #d9d9d9;display:flex;align-items:center}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar-button{padding:4px 12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;line-height:1.5;transition:all .2s}.toolbar-button:hover{border-color:#4096ff;color:#4096ff}.toolbar-button:active{border-color:#0958d9;color:#0958d9}.toolbar-button:disabled{opacity:.5;cursor:not-allowed}.toolbar-button:disabled:hover{border-color:#d9d9d9;color:inherit}.leafer-container{width:100%;height:100%;min-height:400px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.leafer-container canvas{display:block}.leafer-canvas-editor.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#fff;border:none;border-radius:0;overflow:hidden}.leafer-canvas-editor.fullscreen .leafer-toolbar{position:relative;z-index:10000;background:#fafafa}.leafer-container.fullscreen{position:relative;width:100%;height:calc(100vh - 45px);min-height:400px;z-index:9999;background:#fff;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.editor-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 16px;background:#000000bf;color:#fff;border-radius:4px;font-size:14px}.editor-status{padding:4px 12px;background:#fafafa;border-top:1px solid #d9d9d9;font-size:12px;color:#666;text-align:center}.text-properties-panel{border-bottom:1px solid #ddd;background:#f5f5f5}.text-properties-panel input,.text-properties-panel select{border:1px solid #ccc;border-radius:3px;font-size:12px}.text-properties-panel label{font-weight:500;color:#333}.preset-icons-panel-wrapper{border-bottom:1px solid #ddd}.spray-code-notice{padding:16px;background:#fff;min-height:100vh}.notice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.notice-header h4{margin:0;color:#1890ff}.notice-list{max-height:calc(100vh - 200px);overflow-y:auto}.notice-card-title{display:flex;justify-content:space-between;align-items:center;width:100%}.notice-card-content{padding:8px 0}.notice-info{margin-bottom:8px;font-size:14px}.approval-status{margin-top:12px;padding-top:8px;border-top:1px solid #f0f0f0}.photo-gallery{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 768px){.spray-code-notice{padding:12px}.notice-header{flex-direction:column;gap:12px;align-items:stretch}.notice-card-title{flex-direction:column;align-items:flex-start;gap:8px}.ant-card-extra{margin-left:0!important}.ant-space{flex-wrap:wrap}.detail-item{font-size:14px}}.ant-tag{margin-bottom:4px}.ant-upload-select-picture-card,.ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px}.ant-image{border-radius:4px;border:1px solid #d9d9d9}.spray-code-template{padding:16px;background:#fff;min-height:100vh}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.template-header h4{margin:0;color:#1890ff}.template-list{max-height:calc(100vh - 200px);overflow-y:auto}.template-card-title{display:flex;align-items:center;width:100%}.template-card-content{padding:8px 0}.template-info{margin-bottom:8px;font-size:14px}.detail-section{margin-bottom:16px}.detail-item{margin-bottom:12px;padding:8px 0;border-bottom:1px solid #f0f0f0}.detail-item:last-child{border-bottom:none}.detail-content{padding:12px;background:#f9f9f9;border-radius:4px;border-left:4px solid #1890ff;white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.spray-code-template{padding:12px}.template-header{flex-direction:column;gap:12px;align-items:stretch}.template-card-title{flex-direction:column;align-items:flex-start;gap:4px}.ant-card-extra{margin-left:0!important}.ant-space{flex-wrap:wrap}.detail-item{font-size:14px}.detail-content{font-size:14px;padding:8px}}.ant-card{box-shadow:0 2px 8px #0000001a;border-radius:8px;transition:box-shadow .3s ease}.ant-card:hover{box-shadow:0 4px 12px #00000026}.ant-space-item .ant-btn{font-size:12px;height:28px;padding:0 8px}.ant-form-item{margin-bottom:16px}.ant-form-item-label{font-weight:500}.ant-form-inline .ant-form-item{margin-bottom:8px}.ant-modal-body{max-height:70vh;overflow-y:auto}.ant-typography{word-break:break-word}.template-detail h5{color:#1890ff;border-bottom:2px solid #1890ff;padding-bottom:8px;margin-bottom:16px}.spray-code-management{padding:16px;background:#f5f5f5;min-height:100vh}.spray-code-management .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{background:#f5f5f5;border:1px solid #d9d9d9;border-bottom:none;margin-right:4px}.spray-code-management .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active{background:#fff;border-bottom-color:#fff}.spray-code-management .ant-tabs-nav{margin-bottom:0}.spray-code-management .ant-tabs-content-holder{border:1px solid #d9d9d9;border-top:none;background:#fff;margin-top:-1px}.spray-code-notice-print{width:100%;min-height:100vh;background:#f5f5f5;padding:20px}.print-controls{position:fixed;top:20px;right:20px;z-index:1000;background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 8px #00000026}.print-content{max-width:210mm;margin:0 auto;background:#fff;padding:20mm;box-shadow:0 0 10px #0000001a;font-family:Microsoft YaHei,Arial,sans-serif;font-size:12px;line-height:1.4}.print-header{text-align:center;margin-bottom:20px;border-bottom:2px solid #000;padding-bottom:10px;position:relative}.print-header h1{font-size:18px;font-weight:700;margin:0;padding:0}.print-date{position:absolute;right:0;top:0;font-size:12px}.print-table{width:100%;border-collapse:collapse;margin-bottom:15px;border:2px solid #000}.print-table th,.print-table td{border:1px solid #000;padding:8px;text-align:left;vertical-align:top}.print-table th{background-color:#f0f0f0;font-weight:700;text-align:center}.main-info .label{background-color:#f0f0f0;font-weight:700;width:15%;text-align:center}.main-info .value{width:20%;padding-left:10px}.product-info th{text-align:center;vertical-align:middle}.product-info .requirements{font-size:10px;line-height:1.3;padding:5px}.spray-content{margin-bottom:20px}.spray-content th{height:40px;font-size:14px}.spray-code-cell{width:70%;padding:15px}.spray-code-content-rich{font-family:Arial,sans-serif;font-size:12px;line-height:1.4;min-height:300px;height:300px;overflow:hidden}.spray-code-content-rich img{max-width:100%;height:auto;max-height:100px;object-fit:contain;margin:5px 0}.spray-code-content-rich p{margin:5px 0}.spray-code-content-rich h1,.spray-code-content-rich h2,.spray-code-content-rich h3{margin:8px 0 4px;font-weight:700}.spray-code-content-rich ul,.spray-code-content-rich ol{margin:5px 0;padding-left:20px}.spray-code-content-rich blockquote{margin:5px 0;padding-left:10px;border-left:3px solid #ccc;font-style:italic}.spray-code-content{display:flex;align-items:center;justify-content:space-between;min-height:80px;font-family:Arial,sans-serif}.logo-section{display:flex;flex-direction:column;align-items:center;margin-right:15px}.logo{font-size:24px;font-weight:700;border:2px solid #000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.ty-section{display:flex;flex-direction:column;align-items:center;font-size:10px}.code-section{flex:1;text-align:center;margin:0 15px}.model-code{font-size:16px;font-weight:700;margin-bottom:5px}.specs{display:flex;justify-content:space-around;font-size:12px}.voltage-section{display:flex;flex-direction:column;align-items:center;margin:0 15px}.voltage{font-size:14px;font-weight:700;margin-bottom:5px}.code{font-size:12px;margin-bottom:5px}.production-date{font-size:10px}.ce-section{display:flex;flex-direction:column;align-items:center}.ce-mark{font-size:18px;font-weight:700;border:2px solid #000;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.additional-info{font-size:8px;text-align:center;line-height:1.2}.barcode-content{text-align:center;font-size:14px;font-weight:700;vertical-align:middle}.approval-section{margin:20px 0;padding:15px;border:1px solid #ddd;background-color:#f9f9f9}.approval-section h3{margin:0 0 10px;font-size:14px}.approval-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.approval-item{display:flex;align-items:center;gap:5px}.approval-label{font-weight:700}.approval-status.approved{color:#52c41a;font-weight:700}.approval-status.pending{color:#faad14}.trial-photos-section{margin:20px 0}.trial-photos-section h3{margin:0 0 10px;font-size:14px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.photo-item img{width:100%;height:auto;border:1px solid #ddd;border-radius:4px}.print-footer{margin-top:30px;padding-top:15px;border-top:1px solid #ddd;font-size:10px;color:#666}.footer-info{display:flex;justify-content:space-between;flex-wrap:wrap}.print-loading,.print-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;font-size:16px}.print-loading .ant-spin{margin-bottom:20px}@media print{.no-print{display:none!important}.spray-code-notice-print{background:#fff;padding:0}.print-content{max-width:none;margin:0;padding:15mm;box-shadow:none;page-break-inside:avoid}.print-table{page-break-inside:avoid}.print-content{font-size:11px}.print-header h1{font-size:16px}.photos-grid{grid-template-columns:repeat(2,1fr)}.photo-item img{max-height:100px;object-fit:contain}.spray-code-content-rich{font-size:10px}.spray-code-content-rich img{max-height:60px;page-break-inside:avoid}.spray-code-content-rich h1,.spray-code-content-rich h2,.spray-code-content-rich h3{page-break-after:avoid}}@media (max-width: 768px){.spray-code-notice-print{padding:10px}.print-content{padding:15px}.print-controls{position:relative;top:auto;right:auto;margin-bottom:20px;text-align:center}.spray-code-content{flex-direction:column;gap:10px}.approval-grid{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100vh}