.summary-plan{background-color:#fff;box-shadow:0 4px 20px #0000001a;font-family:Microsoft YaHei,Arial,sans-serif;height:1000px;margin:0 auto;overflow:hidden;position:relative;width:1400px}.summary-plan .summary-container{bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0}.summary-plan .summary-loading{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;height:100%;justify-content:center}.summary-plan .summary-loading .loading-spinner{height:60px;margin-bottom:20px;width:60px}.summary-plan .summary-loading .loading-spinner .spinner-inner{animation:spin 1s linear infinite;border:4px solid #007bff33;border-radius:50%;border-top-color:#007bff;height:100%;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.summary-plan .summary-loading .loading-text{color:#495057;font-size:16px;font-weight:500}.summary-plan .summary-error{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px}.summary-plan .summary-error .error-icon{color:#000;font-size:48px;margin-bottom:20px}.summary-plan .summary-error .error-message{color:#000;font-size:16px;line-height:1.5;margin-bottom:20px;max-width:80%;text-align:center}.summary-plan .summary-error .retry-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s}.summary-plan .summary-error .retry-button:hover{background-color:#0056b3}.summary-plan .summary-header{background-color:#fff;border-bottom:2px solid #000;padding:10px 0}.summary-plan .summary-header .header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.summary-plan .summary-header .header-top .company-info{margin:0 auto;text-align:center}.summary-plan .summary-header .header-top .company-info .company-name{color:#000;font-size:18px;font-weight:700;margin-bottom:4px}.summary-plan .summary-header .header-top .company-info .company-english{color:#000;font-size:12px;margin-bottom:4px}.summary-plan .summary-header .header-top .company-info .document-title{color:#000;font-size:14px;font-weight:700;text-transform:uppercase}.summary-plan .summary-header .header-top .export-controls .export-pdf-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:background-color .2s}.summary-plan .summary-header .header-top .export-controls .export-pdf-btn:hover{background-color:#c82333}.summary-plan .summary-header .vessel-info-table{background-color:#fff;border-radius:4px;margin-bottom:10px;padding:10px}.summary-plan .summary-header .vessel-info-table .info-grid{grid-gap:15px;display:grid;font-size:12px;gap:15px;grid-template-columns:repeat(3,1fr)}.summary-plan .summary-header .vessel-info-table .info-grid .info-column{display:flex;flex-direction:column;gap:8px}.summary-plan .summary-header .vessel-info-table .info-grid .info-column .info-row{align-items:center;display:flex;gap:8px}.summary-plan .summary-header .vessel-info-table .info-grid .info-column .info-row .info-label{color:#000;font-weight:700;min-width:140px}.summary-plan .summary-header .vessel-info-table .info-grid .info-column .info-row .info-value{color:#000;flex:1 1}.summary-plan .summary-deck{background-color:#e8f4fc;border:1px solid #000;border-top:none}.summary-plan .summary-deck .deck-content{align-items:center;background-color:#fff;border-radius:4px;display:flex;height:100%;justify-content:center;overflow:hidden}.summary-plan .summary-deck .deck-content .deck-empty{align-items:center;color:#000;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center}.summary-plan .summary-deck .deck-content .deck-empty .missing-icon{font-size:32px;margin-bottom:10px}.summary-plan .summary-deck .deck-content svg{height:100%;max-height:100%;max-width:100%;width:100%}.summary-plan .summary-hatches{background-color:#f8f9fa;border-bottom:1px solid #000;position:relative}.summary-plan .summary-hatches .hatch-container{align-items:center;display:flex;justify-content:center}.summary-plan .summary-hatches .hatch-container .hatch-svg-container,.summary-plan .summary-hatches .hatch-container .hatch-svg-container svg{height:100%;width:100%}.summary-plan .summary-hatches .hatch-container .no-hatch-data{align-items:center;background-color:#fff;border:1px dashed #ccc;border-radius:4px;color:#000;display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:center;width:100%}.summary-plan .summary-hatches .hatch-container .no-hatch-data .missing-icon{font-size:24px;margin-bottom:8px}.summary-plan .summary-hatches .hatch-container .no-hatch-data .missing-text{color:#000;font-size:10px;margin-top:4px}.summary-plan .summary-signature{align-items:center;background-color:#fff;display:flex;gap:30px;padding:0 20px}.summary-plan .summary-signature .captain-signature{align-items:center;display:flex;flex:1 1;gap:10px}.summary-plan .summary-signature .captain-signature .signature-label{color:#000;font-weight:700;min-width:80px}.summary-plan .summary-signature .captain-signature .signature-line{border-bottom:1px solid #000;flex:1 1;height:44px}.summary-plan .summary-signature .remarks{align-items:center;display:flex;flex:2 1;gap:10px}.summary-plan .summary-signature .remarks .remarks-label{color:#000;font-weight:700;min-width:80px}.summary-plan .summary-signature .remarks .remarks-box{border-bottom:1px solid #000;flex:1 1;height:50px}@media(max-width:1400px){.summary-plan{transform:scale(.9);transform-origin:top center}}@media(max-width:1200px){.summary-plan{transform:scale(.8)}}@media(max-width:992px){.summary-plan{transform:scale(.7)}}@media print{.summary-plan{border:1px solid #000;box-shadow:none}.summary-plan .export-controls{display:none!important}}
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.Ye2Guding{box-sizing:border-box;font-family:Microsoft YaHei,Arial,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.Ye2Guding .container{display:flex;height:100vh}.Ye2Guding .container .left-panel{background:#f8f9fa;display:flex;flex:0 0 60%;flex-direction:column;height:100vh}.Ye2Guding .container .left-panel .header-section{align-items:center;background:#fff;display:flex;flex-shrink:0;height:auto;justify-content:center;min-height:15%;padding:10px}.Ye2Guding .container .left-panel .header-section .header-content{align-items:center;display:flex;flex-direction:column;gap:10px;max-width:800px;width:100%}.Ye2Guding .container .left-panel .header-section .header-content .header-title{color:#000;font-size:28px;font-weight:700;margin-bottom:5px;text-align:center}.Ye2Guding .container .left-panel .header-section .header-content .header-info{grid-gap:15px;display:grid;font-size:14px;gap:15px;grid-template-columns:1fr 1fr;width:100%}.Ye2Guding .container .left-panel .header-section .header-content .header-info .info-column{display:flex;flex-direction:column;gap:5px}.Ye2Guding .container .left-panel .header-section .header-content .header-info .info-column .info-row{align-items:center;display:flex;justify-content:space-between;padding:2px 0}.Ye2Guding .container .left-panel .header-section .header-content .header-info .info-column .info-row .info-label{color:#333;font-weight:700}.Ye2Guding .container .left-panel .header-section .header-content .header-info .info-column .info-row .info-value{color:#000;font-weight:400}.Ye2Guding .container .left-panel .drop-section{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:10px}.Ye2Guding .container .left-panel .drop-section .drop-area{background:#fff;border:2px solid #000;border-radius:0;box-shadow:0 2px 8px #0000001a;cursor:crosshair;height:842px;margin:0 auto;max-height:842px!important;max-width:595px!important;min-height:842px!important;min-width:595px!important;overflow:hidden;position:relative;transform-origin:0 0;transition:all .3s ease;width:595px}.Ye2Guding .container .left-panel .drop-section .drop-area .grid-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.Ye2Guding .container .left-panel .drop-section .drop-area .grid-numbers{height:100%;pointer-events:none;position:absolute;right:0;top:0;width:30px;z-index:2}.Ye2Guding .container .left-panel .drop-section .drop-area .grid-numbers .grid-number{background:#ffffffb3;color:#666;font-family:Consolas,Monaco,monospace;font-size:10px;line-height:1;padding:0 2px;position:absolute;right:0;-webkit-user-select:none;user-select:none}.Ye2Guding .container .left-panel .drop-section .drop-area .grid-numbers .grid-number:nth-child(5n+1){background:#ffffffe6;color:#333;font-weight:700}.Ye2Guding .container .left-panel .drop-section .drop-area .bill-box{z-index:20}.Ye2Guding .container .left-panel .drop-section .drop-area .icon{z-index:50}.Ye2Guding .container .left-panel .drop-section .drop-area.erasable{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540;cursor:not-allowed!important}.Ye2Guding .container .left-panel .drop-section .drop-area.icon-mode{cursor:crosshair}.Ye2Guding .container .left-panel .drop-section .drop-area .drawing-canvas,.Ye2Guding .container .left-panel .drop-section .drop-area .drawing-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:40}.Ye2Guding .container .left-panel .drop-section .drop-area .icon-preview{display:none;pointer-events:none;position:absolute;z-index:9999}.Ye2Guding .container .left-panel .drop-section .drop-area .icon-preview .icon-preview-inner{height:30px;opacity:.7;position:absolute;transform:translate(-50%,-50%);width:30px;z-index:100}.Ye2Guding .container .left-panel .drop-section .drop-area .icon-preview .icon-preview-inner.triangle{background:#000;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.Ye2Guding .container .left-panel .drop-section .drop-area .icon-preview .icon-preview-inner.circle{background:#000;border-radius:50%}.Ye2Guding .container .left-panel .drop-section .drop-area .icon-preview .icon-preview-inner.star{background:#000;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.Ye2Guding .container .left-panel .drop-section .drop-area .icon-preview .icon-preview-inner.square{background:#000}.Ye2Guding .container .left-panel .drop-section .drop-area.icon-mode:hover .icon-preview{display:block}.Ye2Guding .container .right-panel{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;height:100vh}.Ye2Guding .container .right-panel .tools-section{background:#e9ecef;border-bottom:1px solid #dee2e6;flex-shrink:0;padding:15px 20px}.Ye2Guding .container .right-panel .tools-section .tools{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn,.Ye2Guding .container .right-panel .tools-section .tools .export-btn,.Ye2Guding .container .right-panel .tools-section .tools .icon-select,.Ye2Guding .container .right-panel .tools-section .tools .line-btn,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn{background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.line-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.line-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.line-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.line-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.line-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.line-btn.active{background:#007bff;border-color:#007bff;color:#fff}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.draw-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.draw-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.draw-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.draw-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.draw-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.draw-btn.active{background:#6c757d;border-color:#6c757d;color:#fff}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.erase-btn,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.erase-btn,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.erase-btn,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.erase-btn,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.erase-btn,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.erase-btn{background:#dc3545;border-color:#dc3545;color:#fff}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.erase-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.erase-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.erase-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.erase-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.erase-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.erase-btn:hover{background:#c82333;border-color:#c82333}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.erase-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.erase-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.erase-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.erase-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.erase-btn.active,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.erase-btn.active{background:#bd2130;border-color:#bd2130;box-shadow:0 0 0 2px #dc354540}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.draw-btn,.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.pattern-box-btn,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.draw-btn,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.pattern-box-btn,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.draw-btn,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.pattern-box-btn,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.draw-btn,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.pattern-box-btn,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.draw-btn,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.pattern-box-btn,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.draw-btn,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.pattern-box-btn{background:#28a745;border-color:#28a745;color:#fff}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.draw-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.pattern-box-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.draw-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.pattern-box-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.draw-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.pattern-box-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.draw-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.pattern-box-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.draw-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.pattern-box-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.draw-btn:hover,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.pattern-box-btn:hover{opacity:.9}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.export-btn,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.export-btn,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.export-btn,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.export-btn,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.export-btn,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.export-btn{background:#17a2b8;border-color:#17a2b8;color:#fff}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.export-btn:hover:not(:disabled),.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.export-btn:hover:not(:disabled),.Ye2Guding .container .right-panel .tools-section .tools .export-btn.export-btn:hover:not(:disabled),.Ye2Guding .container .right-panel .tools-section .tools .icon-select.export-btn:hover:not(:disabled),.Ye2Guding .container .right-panel .tools-section .tools .line-btn.export-btn:hover:not(:disabled),.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.export-btn:hover:not(:disabled){background:#138496;border-color:#138496}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.export-btn:disabled,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.export-btn:disabled,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.export-btn:disabled,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.export-btn:disabled,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.export-btn:disabled,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.export-btn:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.Ye2Guding .container .right-panel .tools-section .tools .draw-btn.export-btn.exporting,.Ye2Guding .container .right-panel .tools-section .tools .erase-btn.export-btn.exporting,.Ye2Guding .container .right-panel .tools-section .tools .export-btn.export-btn.exporting,.Ye2Guding .container .right-panel .tools-section .tools .icon-select.export-btn.exporting,.Ye2Guding .container .right-panel .tools-section .tools .line-btn.export-btn.exporting,.Ye2Guding .container .right-panel .tools-section .tools .pattern-box-btn.export-btn.exporting{background:#6c757d;border-color:#6c757d}.Ye2Guding .container .right-panel .tools-section .tools .line-buttons{display:flex;gap:8px}.Ye2Guding .container .right-panel .tools-section .tools .icon-select{min-width:120px}.Ye2Guding .container .right-panel .bills-list{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px}.Ye2Guding .container .right-panel .bills-list h3{border-bottom:2px solid #007bff;color:#333;font-size:18px;margin-bottom:15px;padding-bottom:8px}.Ye2Guding .container .right-panel .bills-list .bills-header{grid-gap:10px;background:#e9ecef;border-radius:4px;display:grid;font-size:14px;font-weight:700;gap:10px;grid-template-columns:60px 100px 80px 100px 100px 100px 1fr;margin-bottom:10px;padding:10px}.Ye2Guding .container .right-panel .bills-list .bills-container{flex:1 1;overflow-y:auto}.Ye2Guding .container .right-panel .bills-list .bills-container .bill-row{grid-gap:10px;align-items:center;border-bottom:1px solid #dee2e6;cursor:pointer;display:grid;font-size:14px;gap:10px;grid-template-columns:60px 100px 80px 100px 100px 100px 1fr;padding:12px 10px;transition:background-color .2s}.Ye2Guding .container .right-panel .bills-list .bills-container .bill-row:hover{background:#f8f9fa}.Ye2Guding .container .right-panel .bills-list .bills-container .bill-row.selected{background:#d4edda;border-color:#c3e6cb}.Ye2Guding .container .right-panel .bills-list .bills-container .bill-row.disabled{background:#f8d7da;color:#721c24;cursor:not-allowed}.Ye2Guding .container .right-panel .bills-list .bills-container .bill-row .bill-cell{align-items:center;display:flex}.Ye2Guding .container .right-panel .bills-list .bills-container .bill-row .bill-cell input[type=checkbox]{margin:0}.Ye2Guding .container .right-panel .bills-list .selection-info{align-items:center;background:#e9ecef;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;margin-top:15px;padding:12px}.Ye2Guding .container .right-panel .bills-list .selection-info .drag-hint{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.Ye2Guding .container .right-panel .bills-list .selection-info .drag-hint:hover{background:#0056b3}.Ye2Guding .container .bill-box{background:#fff;border:2px solid #000;border-radius:0;box-shadow:0 4px 8px #0000001a;cursor:move;min-height:120px;min-width:200px;overflow:visible;position:absolute;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;resize:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.Ye2Guding .container .bill-box.dragging{box-shadow:0 6px 12px #0003;opacity:.8;z-index:100}.Ye2Guding .container .bill-box.resizing{opacity:.9}.Ye2Guding .container .bill-box.pattern-box{position:relative}.Ye2Guding .container .bill-box.pattern-box .pattern-background{background:repeating-linear-gradient(45deg,#0000,#0000 15px,#000 0,#000 17px);background-repeat:repeat;background-size:20px 20px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.Ye2Guding .container .bill-box.pattern-box .delete-btn,.Ye2Guding .container .bill-box.pattern-box .resize-handle,.Ye2Guding .container .bill-box.pattern-box .rotate-btn{position:absolute;z-index:1}.Ye2Guding .container .bill-box.erasable{cursor:not-allowed!important}.Ye2Guding .container .bill-box.erasable:hover{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354540!important}.Ye2Guding .container .bill-box .box-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;pointer-events:none;width:100%}.Ye2Guding .container .bill-box .box-content .edit-mode{height:100%;pointer-events:all;width:100%}.Ye2Guding .container .bill-box .box-content .edit-mode .content-editor{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:14px;height:calc(100% - 40px);padding:8px;resize:none;width:100%}.Ye2Guding .container .bill-box .box-content .edit-mode .edit-controls{display:flex;gap:8px;margin-top:8px}.Ye2Guding .container .bill-box .box-content .edit-mode .edit-controls button{background:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:4px 8px}.Ye2Guding .container .bill-box .box-content .edit-mode .edit-controls button:hover{background:#e9ecef}.Ye2Guding .container .bill-box .box-content .box-row{padding:4px 0}.Ye2Guding .container .bill-box .box-content .box-row:last-child{margin-bottom:0}.Ye2Guding .container .bill-box .box-content .box-row.discharge-port{border-bottom:1px solid #e9ecef;color:#000;font-size:18px;font-weight:700;padding-bottom:8px;text-align:center}.Ye2Guding .container .bill-box .box-content .box-row.bill-numbers{background:#fff;border-radius:4px;color:#000;font-size:14px;padding:6px;text-align:center;word-break:break-all}.Ye2Guding .container .bill-box .box-content .box-row.cargo-names{color:#000;font-size:13px;font-style:italic;line-height:1.4;text-align:center}.Ye2Guding .container .bill-box .box-content .box-row.totals{background:#fff;border-radius:4px;color:#000;font-size:12px;font-weight:700;padding:6px;text-align:center}.Ye2Guding .container .bill-box .delete-btn,.Ye2Guding .container .bill-box .rotate-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;opacity:0;position:absolute;transition:opacity .2s;width:24px;z-index:10}.Ye2Guding .container .bill-box .resize-handle{background:#007bff;border:1px solid #fff;border-radius:1px;height:8px;opacity:0;position:absolute;transition:opacity .2s;width:8px;z-index:10}.Ye2Guding .container .bill-box .resize-handle.n{cursor:n-resize;left:50%;top:-4px;transform:translateX(-50%)}.Ye2Guding .container .bill-box .resize-handle.s{bottom:-4px;cursor:s-resize;left:50%;transform:translateX(-50%)}.Ye2Guding .container .bill-box .resize-handle.e{cursor:e-resize;right:-4px;top:50%;transform:translateY(-50%)}.Ye2Guding .container .bill-box .resize-handle.w{cursor:w-resize;left:-4px;top:50%;transform:translateY(-50%)}.Ye2Guding .container .bill-box .resize-handle.ne{cursor:ne-resize;right:-4px;top:-4px}.Ye2Guding .container .bill-box .resize-handle.nw{cursor:nw-resize;left:-4px;top:-4px}.Ye2Guding .container .bill-box .resize-handle.se{bottom:-4px;cursor:se-resize;right:-4px}.Ye2Guding .container .bill-box .resize-handle.sw{bottom:-4px;cursor:sw-resize;left:-4px}.Ye2Guding .container .bill-box .box-controls{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:6px;left:50%;min-width:150px;padding:8px;position:absolute;top:-80px;transform:translateX(-50%);z-index:1000}.Ye2Guding .container .bill-box .box-controls .control-group{align-items:center;display:flex;font-size:12px;gap:6px}.Ye2Guding .container .bill-box .box-controls .control-group label{align-items:center;display:flex;gap:4px;white-space:nowrap}.Ye2Guding .container .bill-box .box-controls .control-group .color-picker{border:1px solid #ccc;border-radius:2px;cursor:pointer;height:20px;width:30px}.Ye2Guding .container .bill-box .box-controls .control-group .transparent-btn{background:#f8f9fa;border:1px solid #ccc;border-radius:2px;cursor:pointer;font-size:10px;padding:2px 6px}.Ye2Guding .container .bill-box .box-controls .control-group .transparent-btn:hover{background:#e9ecef}.Ye2Guding .container .bill-box .box-controls .control-group button{background:#f8f9fa;border:1px solid #ccc;border-radius:2px;cursor:pointer;font-size:10px;padding:2px 6px}.Ye2Guding .container .bill-box .box-controls .control-group button:hover{background:#e9ecef}.Ye2Guding .container .bill-box:hover .delete-btn,.Ye2Guding .container .bill-box:hover .resize-handle,.Ye2Guding .container .bill-box:hover .rotate-btn{opacity:1}.Ye2Guding .container .bill-box .delete-btn{right:-8px;top:-8px}.Ye2Guding .container .bill-box .rotate-btn{background:#ffc107;color:#212529;left:-8px;top:-8px}.Ye2Guding .container .icon{cursor:grab;position:absolute;transition:all .2s;z-index:50}.Ye2Guding .container .icon.selected{outline:2px solid red;outline-offset:2px;z-index:60}.Ye2Guding .container .icon.hovered{outline:2px dashed #007bff;outline-offset:2px}.Ye2Guding .container .icon.dragging{box-shadow:0 4px 12px #0003;cursor:grabbing;outline:3px solid #ff6b6b;outline-offset:2px;transform:scale(1.1);z-index:70}.Ye2Guding .container .icon.triangle{background:#000;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.Ye2Guding .container .icon.circle{background:#000;border-radius:50%}.Ye2Guding .container .icon.star{background:#000;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.Ye2Guding .container .icon.square{background:#000}.Ye2Guding .container .icon.erasable{cursor:not-allowed!important}.Ye2Guding .container .icon.erasable:hover{outline:2px solid #dc3545!important;outline-offset:2px}.Ye2Guding .container .icon:active{cursor:grabbing}.Ye2Guding .container .line-group{pointer-events:all}.Ye2Guding .container .line{cursor:move;pointer-events:all;transition:all .2s}.Ye2Guding .container .line:hover{stroke-width:3px!important;filter:drop-shadow(0 0 3px rgba(0,123,255,.5))}.Ye2Guding .container .line.selected{filter:drop-shadow(0 0 5px rgba(255,0,0,.7))}.Ye2Guding .container .line.selected:hover{stroke-width:3px!important}.Ye2Guding .container .line.hovered{stroke-width:3px!important;filter:drop-shadow(0 0 3px rgba(255,107,107,.5))}.Ye2Guding .container .line.dragging{stroke-width:4px!important;cursor:grabbing;filter:drop-shadow(0 0 8px rgba(255,0,0,.8))}.Ye2Guding .container .line.erasable{cursor:not-allowed!important}.Ye2Guding .container .line.erasable:hover{filter:drop-shadow(0 0 3px rgba(220,53,69,.5))!important}.Ye2Guding .container .line-handle{cursor:move;pointer-events:all;transition:all .2s}.Ye2Guding .container .line-handle:hover{r:8;fill:#ff6b6b;stroke-width:3px}.Ye2Guding .container .line-endpoint{pointer-events:all;transition:opacity .2s ease}.Ye2Guding .container .line-endpoint:hover{opacity:1!important}.Ye2Guding .container .bills-container::-webkit-scrollbar{width:6px}.Ye2Guding .container .bills-container::-webkit-scrollbar-track{background:#f1f1f1}.Ye2Guding .container .bills-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.Ye2Guding .container .bills-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.Ye2Guding .container .erasable.bill-box,.Ye2Guding .container .erasable.icon,.Ye2Guding .container .erasable.line{transition:all .2s ease}@media print{body *{visibility:hidden}.left-panel,.left-panel *{color-adjust:exact!important;-webkit-print-color-adjust:exact!important;visibility:visible}.left-panel{left:0;margin:0;max-width:none;padding:0;position:absolute;top:0;width:100%}.icon,.icon *,.left-panel,.left-panel *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;visibility:visible!important}}.DeckDrawing{box-sizing:border-box;font-family:Microsoft YaHei,Arial,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0}.DeckDrawing .container{display:flex;flex-direction:column;height:100%}.DeckDrawing .container .top-panel{border-bottom:2px solid #ccc;display:flex;flex:0 0 auto;flex-direction:column;min-height:50%}.DeckDrawing .container .top-panel .header-section{align-items:center;background:#fff;display:flex;flex-shrink:0;height:auto;justify-content:center;min-height:12%;padding:8px 10px}.DeckDrawing .container .top-panel .header-section .header-content{align-items:center;display:flex;flex-direction:column;gap:8px;max-width:800px;width:100%}.DeckDrawing .container .top-panel .header-section .header-content .header-title{color:#000;font-size:24px;font-weight:700;margin-bottom:4px;text-align:center}.DeckDrawing .container .top-panel .header-section .header-content .header-info{grid-gap:12px;display:grid;font-size:13px;gap:12px;grid-template-columns:1fr 1fr;width:100%}.DeckDrawing .container .top-panel .header-section .header-content .header-info .info-column{display:flex;flex-direction:column;gap:4px}.DeckDrawing .container .top-panel .header-section .header-content .header-info .info-column .info-row{align-items:center;display:flex;justify-content:space-between;padding:2px 0}.DeckDrawing .container .top-panel .header-section .header-content .header-info .info-column .info-row .info-label{color:#333;font-weight:700}.DeckDrawing .container .top-panel .header-section .header-content .header-info .info-column .info-row .info-value{color:#000;font-weight:400}.DeckDrawing .container .top-panel .drop-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:auto;padding:10px}.DeckDrawing .container .top-panel .drop-section .drop-area{background:#fff;border:2px solid #000;border-radius:0;box-shadow:0 2px 8px #0000001a;cursor:crosshair;height:286px;max-height:286px!important;max-width:1400px!important;min-height:286px!important;min-width:1400px!important;overflow:hidden;position:relative;transform-origin:0 0;transition:all .3s ease;width:1400px}.DeckDrawing .container .top-panel .drop-section .drop-area .grid-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.DeckDrawing .container .top-panel .drop-section .drop-area .grid-numbers{height:100%;pointer-events:none;position:absolute;right:0;top:0;width:30px;z-index:2}.DeckDrawing .container .top-panel .drop-section .drop-area .grid-numbers .grid-number{background:#ffffffb3;color:#666;font-family:Consolas,Monaco,monospace;font-size:10px;line-height:1;padding:0 2px;position:absolute;right:0;-webkit-user-select:none;user-select:none}.DeckDrawing .container .top-panel .drop-section .drop-area .grid-numbers .grid-number:nth-child(5n+1){background:#ffffffe6;color:#333;font-weight:700}.DeckDrawing .container .top-panel .drop-section .drop-area .bill-box{z-index:20}.DeckDrawing .container .top-panel .drop-section .drop-area .icon{z-index:50}.DeckDrawing .container .top-panel .drop-section .drop-area.erasable{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540;cursor:not-allowed!important}.DeckDrawing .container .top-panel .drop-section .drop-area.icon-mode{cursor:crosshair}.DeckDrawing .container .top-panel .drop-section .drop-area .drawing-canvas,.DeckDrawing .container .top-panel .drop-section .drop-area .drawing-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:40}.DeckDrawing .container .top-panel .drop-section .drop-area .icon-preview{display:none;pointer-events:none;position:absolute;z-index:9999}.DeckDrawing .container .top-panel .drop-section .drop-area .icon-preview .icon-preview-inner{height:30px;opacity:.7;position:absolute;transform:translate(-50%,-50%);width:30px;z-index:100}.DeckDrawing .container .top-panel .drop-section .drop-area .icon-preview .icon-preview-inner.triangle{background:#000;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.DeckDrawing .container .top-panel .drop-section .drop-area .icon-preview .icon-preview-inner.circle{background:#000;border-radius:50%}.DeckDrawing .container .top-panel .drop-section .drop-area .icon-preview .icon-preview-inner.star{background:#000;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.DeckDrawing .container .top-panel .drop-section .drop-area .icon-preview .icon-preview-inner.square{background:#000}.DeckDrawing .container .top-panel .drop-section .drop-area.icon-mode:hover .icon-preview{display:block}.DeckDrawing .container .bottom-panel{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;max-height:50%;min-height:30vh}.DeckDrawing .container .bottom-panel .tools-section{background:#e9ecef;border-bottom:1px solid #dee2e6;flex-shrink:0;padding:10px 15px}.DeckDrawing .container .bottom-panel .tools-section .tools{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn{background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s ease}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.line-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.line-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.line-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.line-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.line-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.line-btn.active{background:#007bff;border-color:#007bff;color:#fff}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.draw-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.draw-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.draw-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.draw-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.draw-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.draw-btn.active{background:#6c757d;border-color:#6c757d;color:#fff}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.erase-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.erase-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.erase-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.erase-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.erase-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.erase-btn{background:#dc3545;border-color:#dc3545;color:#fff}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.erase-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.erase-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.erase-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.erase-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.erase-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.erase-btn:hover{background:#c82333;border-color:#c82333}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.erase-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.erase-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.erase-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.erase-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.erase-btn.active,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.erase-btn.active{background:#bd2130;border-color:#bd2130;box-shadow:0 0 0 2px #dc354540}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.draw-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.pattern-box-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.draw-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.pattern-box-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.draw-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.pattern-box-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.draw-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.pattern-box-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.draw-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.pattern-box-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.draw-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.pattern-box-btn{background:#28a745;border-color:#28a745;color:#fff}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.draw-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.pattern-box-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.draw-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.pattern-box-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.draw-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.pattern-box-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.draw-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.pattern-box-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.draw-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.pattern-box-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.draw-btn:hover,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.pattern-box-btn:hover{opacity:.9}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.export-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.export-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.export-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.export-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.export-btn,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.export-btn{background:#17a2b8;border-color:#17a2b8;color:#fff}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.export-btn:hover:not(:disabled),.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.export-btn:hover:not(:disabled),.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.export-btn:hover:not(:disabled),.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.export-btn:hover:not(:disabled),.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.export-btn:hover:not(:disabled),.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.export-btn:hover:not(:disabled){background:#138496;border-color:#138496}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.export-btn:disabled,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.export-btn:disabled,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.export-btn:disabled,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.export-btn:disabled,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.export-btn:disabled,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.export-btn:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.DeckDrawing .container .bottom-panel .tools-section .tools .draw-btn.export-btn.exporting,.DeckDrawing .container .bottom-panel .tools-section .tools .erase-btn.export-btn.exporting,.DeckDrawing .container .bottom-panel .tools-section .tools .export-btn.export-btn.exporting,.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select.export-btn.exporting,.DeckDrawing .container .bottom-panel .tools-section .tools .line-btn.export-btn.exporting,.DeckDrawing .container .bottom-panel .tools-section .tools .pattern-box-btn.export-btn.exporting{background:#6c757d;border-color:#6c757d}.DeckDrawing .container .bottom-panel .tools-section .tools .line-buttons{display:flex;gap:6px}.DeckDrawing .container .bottom-panel .tools-section .tools .icon-select{min-width:100px}.DeckDrawing .container .bottom-panel .bills-list{display:flex;flex:1 1;flex-direction:column;margin:0 auto;min-height:200px;overflow:hidden;padding:15px}.DeckDrawing .container .bottom-panel .bills-list .bills-header{grid-gap:8px;background:#e9ecef;border-radius:4px;display:grid;font-size:13px;font-weight:700;gap:8px;grid-template-columns:50px 90px 70px 90px 90px 90px 1fr;margin-bottom:8px;padding:8px}.DeckDrawing .container .bottom-panel .bills-list .bills-container{flex:1 1;min-height:150px;overflow-y:auto}.DeckDrawing .container .bottom-panel .bills-list .bills-container .bill-row{grid-gap:8px;align-items:center;border-bottom:1px solid #dee2e6;cursor:pointer;display:grid;font-size:13px;gap:8px;grid-template-columns:50px 90px 70px 90px 90px 90px 1fr;padding:10px 8px;transition:background-color .2s}.DeckDrawing .container .bottom-panel .bills-list .bills-container .bill-row:hover{background:#f8f9fa}.DeckDrawing .container .bottom-panel .bills-list .bills-container .bill-row.selected{background:#d4edda;border-color:#c3e6cb}.DeckDrawing .container .bottom-panel .bills-list .bills-container .bill-row.disabled{background:#f8d7da;color:#721c24;cursor:not-allowed;opacity:.6}.DeckDrawing .container .bottom-panel .bills-list .bills-container .bill-row .bill-cell{align-items:center;display:flex}.DeckDrawing .container .bottom-panel .bills-list .bills-container .bill-row .bill-cell input[type=checkbox]{margin:0}.DeckDrawing .container .bottom-panel .bills-list .selection-info{align-items:center;background:#e9ecef;border-radius:4px;display:flex;flex-shrink:0;font-size:13px;justify-content:space-between;margin-top:12px;padding:10px}.DeckDrawing .container .bottom-panel .bills-list .selection-info .drag-hint{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.DeckDrawing .container .bottom-panel .bills-list .selection-info .drag-hint:hover{background:#0056b3}.DeckDrawing .container .bill-box{background:#fff;border:2px solid #000;border-radius:0;box-shadow:0 4px 8px #0000001a;cursor:move;min-height:120px;min-width:200px;overflow:visible;position:absolute;resize:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.DeckDrawing .container .bill-box.dragging{box-shadow:0 6px 12px #0003;opacity:.8;z-index:100}.DeckDrawing .container .bill-box.resizing{opacity:.9}.DeckDrawing .container .bill-box.pattern-box{background:#0000;overflow:hidden}.DeckDrawing .container .bill-box.pattern-box .pattern-background{background:repeating-linear-gradient(45deg,#0000,#0000 15px,#000 0,#000 17px);background-size:24.04px 24.04px;border-radius:0;height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}.DeckDrawing .container .bill-box.erasable{cursor:not-allowed!important}.DeckDrawing .container .bill-box.erasable:hover{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354540!important}.DeckDrawing .container .bill-box .box-content{display:flex;flex-direction:column;height:100%;justify-content:center;pointer-events:none;width:100%}.DeckDrawing .container .bill-box .box-content .edit-mode{height:100%;pointer-events:all;width:100%}.DeckDrawing .container .bill-box .box-content .edit-mode .content-editor{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:14px;height:calc(100% - 40px);padding:8px;resize:none;width:100%}.DeckDrawing .container .bill-box .box-content .edit-mode .edit-controls{display:flex;gap:8px;margin-top:8px}.DeckDrawing .container .bill-box .box-content .edit-mode .edit-controls button{background:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:4px 8px}.DeckDrawing .container .bill-box .box-content .edit-mode .edit-controls button:hover{background:#e9ecef}.DeckDrawing .container .bill-box .box-content .box-row:last-child{margin-bottom:0}.DeckDrawing .container .bill-box .box-content .box-row.discharge-port{border-bottom:1px solid #e9ecef;color:#000;font-size:18px;font-weight:700;text-align:center}.DeckDrawing .container .bill-box .box-content .box-row.bill-numbers{background:#fff;border-radius:4px;color:#000;font-size:14px;padding:6px;text-align:center;word-break:break-all}.DeckDrawing .container .bill-box .box-content .box-row.cargo-names{color:#000;font-size:13px;font-style:italic;line-height:1.4;text-align:center}.DeckDrawing .container .bill-box .box-content .box-row.totals{background:#fff;border-radius:4px;color:#000;font-size:12px;font-weight:700;padding:6px;text-align:center}.DeckDrawing .container .bill-box .delete-btn,.DeckDrawing .container .bill-box .rotate-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;opacity:0;position:absolute;transition:opacity .2s;width:24px;z-index:10}.DeckDrawing .container .bill-box .resize-handle{background:#007bff;border:1px solid #fff;border-radius:1px;height:8px;opacity:0;position:absolute;transition:opacity .2s;width:8px;z-index:10}.DeckDrawing .container .bill-box .resize-handle.n{cursor:n-resize;left:50%;top:-4px;transform:translateX(-50%)}.DeckDrawing .container .bill-box .resize-handle.s{bottom:-4px;cursor:s-resize;left:50%;transform:translateX(-50%)}.DeckDrawing .container .bill-box .resize-handle.e{cursor:e-resize;right:-4px;top:50%;transform:translateY(-50%)}.DeckDrawing .container .bill-box .resize-handle.w{cursor:w-resize;left:-4px;top:50%;transform:translateY(-50%)}.DeckDrawing .container .bill-box .resize-handle.ne{cursor:ne-resize;right:-4px;top:-4px}.DeckDrawing .container .bill-box .resize-handle.nw{cursor:nw-resize;left:-4px;top:-4px}.DeckDrawing .container .bill-box .resize-handle.se{bottom:-4px;cursor:se-resize;right:-4px}.DeckDrawing .container .bill-box .resize-handle.sw{bottom:-4px;cursor:sw-resize;left:-4px}.DeckDrawing .container .bill-box .box-controls{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:6px;left:50%;min-width:150px;padding:8px;position:absolute;top:-80px;transform:translateX(-50%);z-index:1000}.DeckDrawing .container .bill-box .box-controls .control-group{align-items:center;display:flex;font-size:12px;gap:6px}.DeckDrawing .container .bill-box .box-controls .control-group label{align-items:center;display:flex;gap:4px;white-space:nowrap}.DeckDrawing .container .bill-box .box-controls .control-group .color-picker{border:1px solid #ccc;border-radius:2px;cursor:pointer;height:20px;width:30px}.DeckDrawing .container .bill-box .box-controls .control-group .transparent-btn{background:#f8f9fa;border:1px solid #ccc;border-radius:2px;cursor:pointer;font-size:10px;padding:2px 6px}.DeckDrawing .container .bill-box .box-controls .control-group .transparent-btn:hover{background:#e9ecef}.DeckDrawing .container .bill-box .box-controls .control-group button{background:#f8f9fa;border:1px solid #ccc;border-radius:2px;cursor:pointer;font-size:10px;padding:2px 6px}.DeckDrawing .container .bill-box .box-controls .control-group button:hover{background:#e9ecef}.DeckDrawing .container .bill-box:hover .delete-btn,.DeckDrawing .container .bill-box:hover .resize-handle,.DeckDrawing .container .bill-box:hover .rotate-btn{opacity:1}.DeckDrawing .container .bill-box .delete-btn{right:-8px;top:-8px}.DeckDrawing .container .bill-box .rotate-btn{background:#ffc107;color:#212529;left:-8px;top:-8px}.DeckDrawing .container .icon{cursor:grab;position:absolute;transition:all .2s;z-index:50}.DeckDrawing .container .icon.selected{outline:2px solid red;outline-offset:2px;z-index:60}.DeckDrawing .container .icon.hovered{outline:2px dashed #007bff;outline-offset:2px}.DeckDrawing .container .icon.dragging{box-shadow:0 4px 12px #0003;cursor:grabbing;outline:3px solid #ff6b6b;outline-offset:2px;transform:scale(1.1);z-index:70}.DeckDrawing .container .icon.triangle{background:#000;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.DeckDrawing .container .icon.circle{background:#000;border-radius:50%}.DeckDrawing .container .icon.star{background:#000;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.DeckDrawing .container .icon.square{background:#000}.DeckDrawing .container .icon.erasable{cursor:not-allowed!important}.DeckDrawing .container .icon.erasable:hover{outline:2px solid #dc3545!important;outline-offset:2px}.DeckDrawing .container .icon:active{cursor:grabbing}.DeckDrawing .container .line-group{pointer-events:all}.DeckDrawing .container .line{cursor:move;pointer-events:all;transition:all .2s}.DeckDrawing .container .line:hover{stroke-width:3px!important;filter:drop-shadow(0 0 3px rgba(0,123,255,.5))}.DeckDrawing .container .line.selected{filter:drop-shadow(0 0 5px rgba(255,0,0,.7))}.DeckDrawing .container .line.selected:hover{stroke-width:3px!important}.DeckDrawing .container .line.hovered{stroke-width:3px!important;filter:drop-shadow(0 0 3px rgba(255,107,107,.5))}.DeckDrawing .container .line.dragging{stroke-width:4px!important;cursor:grabbing;filter:drop-shadow(0 0 8px rgba(255,0,0,.8))}.DeckDrawing .container .line.erasable{cursor:not-allowed!important}.DeckDrawing .container .line.erasable:hover{filter:drop-shadow(0 0 3px rgba(220,53,69,.5))!important}.DeckDrawing .container .line-handle{cursor:move;pointer-events:all;transition:all .2s}.DeckDrawing .container .line-handle:hover{r:8;fill:#ff6b6b;stroke-width:3px}.DeckDrawing .container .line-endpoint{pointer-events:all;transition:opacity .2s ease}.DeckDrawing .container .line-endpoint:hover{opacity:1!important}.DeckDrawing .container .bills-container::-webkit-scrollbar{width:6px}.DeckDrawing .container .bills-container::-webkit-scrollbar-track{background:#f1f1f1}.DeckDrawing .container .bills-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.DeckDrawing .container .bills-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.DeckDrawing .container .erasable.bill-box,.DeckDrawing .container .erasable.icon,.DeckDrawing .container .erasable.line{transition:all .2s ease}@media(max-width:1200px){.DeckDrawing .container .top-panel{flex:0 0 auto;min-height:50%}.DeckDrawing .container .top-panel .drop-area{height:250px;max-width:1000px;width:100%}.DeckDrawing .container .bottom-panel{flex:1 1;max-height:50%}.DeckDrawing .container .bottom-panel .bills-list .bill-row,.DeckDrawing .container .bottom-panel .bills-list .bills-header{font-size:12px;grid-template-columns:45px 85px 65px 85px 85px 85px 1fr}}@media(max-width:992px){.DeckDrawing .container .top-panel{flex:0 0 auto;min-height:45%}.DeckDrawing .container .top-panel .header-section{min-height:15%;padding:10px}.DeckDrawing .container .top-panel .header-section .header-content .header-title{font-size:22px}.DeckDrawing .container .top-panel .header-section .header-content .header-info{font-size:12px;gap:8px}.DeckDrawing .container .top-panel .drop-area{height:200px;max-width:800px;width:100%}.DeckDrawing .container .bottom-panel{flex:1 1;max-height:55%}.DeckDrawing .container .bottom-panel .bills-list{padding:12px}.DeckDrawing .container .bottom-panel .bills-list .bill-row,.DeckDrawing .container .bottom-panel .bills-list .bills-header{font-size:12px;gap:6px;grid-template-columns:40px 80px 60px 80px 80px 80px 1fr}}@media(max-width:768px){.DeckDrawing .container .top-panel{flex:0 0 auto;min-height:40%}.DeckDrawing .container .top-panel .header-section{padding:8px}.DeckDrawing .container .top-panel .header-section .header-content .header-title{font-size:20px}.DeckDrawing .container .top-panel .header-section .header-content .header-info{font-size:11px;gap:6px;grid-template-columns:1fr}.DeckDrawing .container .top-panel .drop-area{height:180px;max-width:600px;width:100%}.DeckDrawing .container .bottom-panel .tools-section{padding:8px 12px}.DeckDrawing .container .bottom-panel .tools-section .tools{flex-direction:row;flex-wrap:wrap;gap:8px}.DeckDrawing .container .bottom-panel .tools-section .tools .line-buttons{flex-wrap:wrap}.DeckDrawing .container .bottom-panel .bills-list{padding:10px}.DeckDrawing .container .bottom-panel .bills-list .bill-row,.DeckDrawing .container .bottom-panel .bills-list .bills-header{font-size:11px;gap:5px;grid-template-columns:35px 75px 55px 75px 75px 75px 1fr}}@media(max-width:480px){.DeckDrawing .container .top-panel{flex:0 0 auto;min-height:35%}.DeckDrawing .container .top-panel .drop-area{height:150px;max-width:400px;width:100%}.DeckDrawing .container .bottom-panel .bills-list .bill-row,.DeckDrawing .container .bottom-panel .bills-list .bills-header{font-size:10px;gap:4px;grid-template-columns:30px 70px 50px 70px 70px 70px 1fr}}@media print{.DeckDrawing .container .bottom-panel{display:none!important}.DeckDrawing .container .top-panel{border-bottom:none!important;flex:1 1!important;height:auto!important;min-height:auto!important}.DeckDrawing .container .top-panel .header-section{border-bottom:3px solid #000!important;min-height:auto!important;padding:20px!important}.DeckDrawing .container .top-panel .drop-area{border:2px solid #000!important;box-shadow:none!important;height:286px!important;width:1400px!important}.DeckDrawing .container .top-panel .drop-area .grid-background,.DeckDrawing .container .top-panel .drop-area .grid-numbers,.box-controls,.delete-btn,.grid-background,.grid-numbers,.icon-preview,.line-handle,.resize-handle,.rotate-btn{display:none!important}}@media(prefers-contrast:high){.DeckDrawing .container .top-panel .header-section{border-bottom:3px solid #000}.DeckDrawing .container .top-panel .drop-area{border:3px solid #000}.DeckDrawing .container .bill-box{border:3px solid #007bff}.DeckDrawing .container .icon.selected{outline:3px solid red}.DeckDrawing .container .icon.dragging{outline:4px solid red}.DeckDrawing .container .line.selected{stroke-width:3px}.DeckDrawing .container .line.dragging{stroke-width:4px}}@media(prefers-reduced-motion:reduce){.DeckDrawing .container .bill-box,.DeckDrawing .container .box-controls,.DeckDrawing .container .delete-btn,.DeckDrawing .container .icon,.DeckDrawing .container .line,.DeckDrawing .container .resize-handle,.DeckDrawing .container .rotate-btn,.DeckDrawing .container .tools button{transition:none!important}}.icon-preview{--mouse-x:0;--mouse-y:0;left:var(--mouse-x);top:var(--mouse-y)}.export-mode.DeckDrawing{height:auto!important;margin:0!important;overflow:visible!important;padding:0!important;transform:none!important;transform-origin:0 0!important;width:100%!important}.export-mode.DeckDrawing .container{flex-direction:column!important;height:auto!important;transform:none!important;width:100%!important}.export-mode.DeckDrawing .container .top-panel{border:none!important;flex:none!important;height:auto!important;margin:0!important;padding:0!important;width:100%!important}.export-mode.DeckDrawing .container .top-panel .header-section{border-bottom:2px solid #000!important;height:auto!important;max-height:100px!important;min-height:100px!important;padding:10px 15px!important}.export-mode.DeckDrawing .container .top-panel .header-section .header-content{max-width:none!important;width:100%!important}.export-mode.DeckDrawing .container .top-panel .drop-section{height:286px!important;overflow:visible!important;padding:10px!important}.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area{border:1px solid #000!important;box-shadow:none!important;height:286px!important;margin:0 auto!important;max-height:286px!important;max-width:1400px!important;min-height:286px!important;min-width:1400px!important;scale:1!important;transform:none!important;width:1400px!important}.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area .box-controls,.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area .delete-btn,.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area .grid-background,.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area .grid-numbers,.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area .icon-preview,.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area .line-handle,.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area .resize-handle,.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area .rotate-btn{display:none!important;opacity:0!important;visibility:hidden!important}.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area .bill-box,.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area .icon,.export-mode.DeckDrawing .container .top-panel .drop-section .drop-area .line{opacity:1!important;visibility:visible!important}.export-mode.DeckDrawing .container .bottom-panel{display:none!important}@media print{.DeckDrawing .container .top-panel .header-section{border-bottom:2px solid #000!important;padding:15px!important}.DeckDrawing .container .top-panel .header-section .header-title{font-size:22px!important}.DeckDrawing .container .top-panel .header-section .header-info{font-size:12px!important}.DeckDrawing .container .top-panel .drop-area{border:1px solid #000!important;height:286px!important;width:1400px!important}.DeckDrawing .container .top-panel .drop-area .bill-box{border:1px solid #000!important}.DeckDrawing .container .bottom-panel,.DeckDrawing .container .top-panel .drop-area .box-controls,.DeckDrawing .container .top-panel .drop-area .delete-btn,.DeckDrawing .container .top-panel .drop-area .grid-background,.DeckDrawing .container .top-panel .drop-area .grid-numbers,.DeckDrawing .container .top-panel .drop-area .icon-preview,.DeckDrawing .container .top-panel .drop-area .line-handle,.DeckDrawing .container .top-panel .drop-area .resize-handle,.DeckDrawing .container .top-panel .drop-area .rotate-btn{display:none!important}}.pd-2{padding:2px}.pd-l-2{padding-left:2px}.pd-r-2{padding-right:2px}.pd-t-2{padding-top:2px}.pd-b-2{padding-bottom:2px}.pd-4{padding:4px}.pd-l-4{padding-left:4px}.pd-r-4{padding-right:4px}.pd-t-4{padding-top:4px}.pd-b-4{padding-bottom:4px}.pd-6{padding:6px}.pd-l-6{padding-left:6px}.pd-r-6{padding-right:6px}.pd-t-6{padding-top:6px}.pd-b-6{padding-bottom:6px}.pd-8{padding:8px}.pd-l-8{padding-left:8px}.pd-r-8{padding-right:8px}.pd-t-8{padding-top:8px}.pd-b-8{padding-bottom:8px}.pd-10{padding:10px}.pd-l-10{padding-left:10px}.pd-r-10{padding-right:10px}.pd-t-10{padding-top:10px}.pd-b-10{padding-bottom:10px}.pd-12{padding:12px}.pd-l-12{padding-left:12px}.pd-r-12{padding-right:12px}.pd-t-12{padding-top:12px}.pd-b-12{padding-bottom:12px}.pd-14{padding:14px}.pd-l-14{padding-left:14px}.pd-r-14{padding-right:14px}.pd-t-14{padding-top:14px}.pd-b-14{padding-bottom:14px}.pd-16{padding:16px}.pd-l-16{padding-left:16px}.pd-r-16{padding-right:16px}.pd-t-16{padding-top:16px}.pd-b-16{padding-bottom:16px}.pd-18{padding:18px}.pd-l-18{padding-left:18px}.pd-r-18{padding-right:18px}.pd-t-18{padding-top:18px}.pd-b-18{padding-bottom:18px}.pd-20{padding:20px}.pd-l-20{padding-left:20px}.pd-r-20{padding-right:20px}.pd-t-20{padding-top:20px}.pd-b-20{padding-bottom:20px}.pd-22{padding:22px}.pd-l-22{padding-left:22px}.pd-r-22{padding-right:22px}.pd-t-22{padding-top:22px}.pd-b-22{padding-bottom:22px}.pd-24{padding:24px}.pd-l-24{padding-left:24px}.pd-r-24{padding-right:24px}.pd-t-24{padding-top:24px}.pd-b-24{padding-bottom:24px}.pd-26{padding:26px}.pd-l-26{padding-left:26px}.pd-r-26{padding-right:26px}.pd-t-26{padding-top:26px}.pd-b-26{padding-bottom:26px}.pd-28{padding:28px}.pd-l-28{padding-left:28px}.pd-r-28{padding-right:28px}.pd-t-28{padding-top:28px}.pd-b-28{padding-bottom:28px}.pd-30{padding:30px}.pd-l-30{padding-left:30px}.pd-r-30{padding-right:30px}.pd-t-30{padding-top:30px}.pd-b-30{padding-bottom:30px}.pd-32{padding:32px}.pd-l-32{padding-left:32px}.pd-r-32{padding-right:32px}.pd-t-32{padding-top:32px}.pd-b-32{padding-bottom:32px}.pd-34{padding:34px}.pd-l-34{padding-left:34px}.pd-r-34{padding-right:34px}.pd-t-34{padding-top:34px}.pd-b-34{padding-bottom:34px}.pd-36{padding:36px}.pd-l-36{padding-left:36px}.pd-r-36{padding-right:36px}.pd-t-36{padding-top:36px}.pd-b-36{padding-bottom:36px}.pd-38{padding:38px}.pd-l-38{padding-left:38px}.pd-r-38{padding-right:38px}.pd-t-38{padding-top:38px}.pd-b-38{padding-bottom:38px}.pd-40{padding:40px}.pd-l-40{padding-left:40px}.pd-r-40{padding-right:40px}.pd-t-40{padding-top:40px}.pd-b-40{padding-bottom:40px}.pd-42{padding:42px}.pd-l-42{padding-left:42px}.pd-r-42{padding-right:42px}.pd-t-42{padding-top:42px}.pd-b-42{padding-bottom:42px}.pd-44{padding:44px}.pd-l-44{padding-left:44px}.pd-r-44{padding-right:44px}.pd-t-44{padding-top:44px}.pd-b-44{padding-bottom:44px}.pd-46{padding:46px}.pd-l-46{padding-left:46px}.pd-r-46{padding-right:46px}.pd-t-46{padding-top:46px}.pd-b-46{padding-bottom:46px}.pd-48{padding:48px}.pd-l-48{padding-left:48px}.pd-r-48{padding-right:48px}.pd-t-48{padding-top:48px}.pd-b-48{padding-bottom:48px}.pd-50{padding:50px}.pd-l-50{padding-left:50px}.pd-r-50{padding-right:50px}.pd-t-50{padding-top:50px}.pd-b-50{padding-bottom:50px}.mg-2{margin:2px}.mg-l-2{margin-left:2px}.mg-r-2{margin-right:2px}.mg-t-2{margin-top:2px}.mg-b-2{margin-bottom:2px}.mg-4{margin:4px}.mg-l-4{margin-left:4px}.mg-r-4{margin-right:4px}.mg-t-4{margin-top:4px}.mg-b-4{margin-bottom:4px}.mg-6{margin:6px}.mg-l-6{margin-left:6px}.mg-r-6{margin-right:6px}.mg-t-6{margin-top:6px}.mg-b-6{margin-bottom:6px}.mg-8{margin:8px}.mg-l-8{margin-left:8px}.mg-r-8{margin-right:8px}.mg-t-8{margin-top:8px}.mg-b-8{margin-bottom:8px}.mg-10{margin:10px}.mg-l-10{margin-left:10px}.mg-r-10{margin-right:10px}.mg-t-10{margin-top:10px}.mg-b-10{margin-bottom:10px}.mg-12{margin:12px}.mg-l-12{margin-left:12px}.mg-r-12{margin-right:12px}.mg-t-12{margin-top:12px}.mg-b-12{margin-bottom:12px}.mg-14{margin:14px}.mg-l-14{margin-left:14px}.mg-r-14{margin-right:14px}.mg-t-14{margin-top:14px}.mg-b-14{margin-bottom:14px}.mg-16{margin:16px}.mg-l-16{margin-left:16px}.mg-r-16{margin-right:16px}.mg-t-16{margin-top:16px}.mg-b-16{margin-bottom:16px}.mg-18{margin:18px}.mg-l-18{margin-left:18px}.mg-r-18{margin-right:18px}.mg-t-18{margin-top:18px}.mg-b-18{margin-bottom:18px}.mg-20{margin:20px}.mg-l-20{margin-left:20px}.mg-r-20{margin-right:20px}.mg-t-20{margin-top:20px}.mg-b-20{margin-bottom:20px}.mg-22{margin:22px}.mg-l-22{margin-left:22px}.mg-r-22{margin-right:22px}.mg-t-22{margin-top:22px}.mg-b-22{margin-bottom:22px}.mg-24{margin:24px}.mg-l-24{margin-left:24px}.mg-r-24{margin-right:24px}.mg-t-24{margin-top:24px}.mg-b-24{margin-bottom:24px}.mg-26{margin:26px}.mg-l-26{margin-left:26px}.mg-r-26{margin-right:26px}.mg-t-26{margin-top:26px}.mg-b-26{margin-bottom:26px}.mg-28{margin:28px}.mg-l-28{margin-left:28px}.mg-r-28{margin-right:28px}.mg-t-28{margin-top:28px}.mg-b-28{margin-bottom:28px}.mg-30{margin:30px}.mg-l-30{margin-left:30px}.mg-r-30{margin-right:30px}.mg-t-30{margin-top:30px}.mg-b-30{margin-bottom:30px}.mg-32{margin:32px}.mg-l-32{margin-left:32px}.mg-r-32{margin-right:32px}.mg-t-32{margin-top:32px}.mg-b-32{margin-bottom:32px}.mg-34{margin:34px}.mg-l-34{margin-left:34px}.mg-r-34{margin-right:34px}.mg-t-34{margin-top:34px}.mg-b-34{margin-bottom:34px}.mg-36{margin:36px}.mg-l-36{margin-left:36px}.mg-r-36{margin-right:36px}.mg-t-36{margin-top:36px}.mg-b-36{margin-bottom:36px}.mg-38{margin:38px}.mg-l-38{margin-left:38px}.mg-r-38{margin-right:38px}.mg-t-38{margin-top:38px}.mg-b-38{margin-bottom:38px}.mg-40{margin:40px}.mg-l-40{margin-left:40px}.mg-r-40{margin-right:40px}.mg-t-40{margin-top:40px}.mg-b-40{margin-bottom:40px}.mg-42{margin:42px}.mg-l-42{margin-left:42px}.mg-r-42{margin-right:42px}.mg-t-42{margin-top:42px}.mg-b-42{margin-bottom:42px}.mg-44{margin:44px}.mg-l-44{margin-left:44px}.mg-r-44{margin-right:44px}.mg-t-44{margin-top:44px}.mg-b-44{margin-bottom:44px}.mg-46{margin:46px}.mg-l-46{margin-left:46px}.mg-r-46{margin-right:46px}.mg-t-46{margin-top:46px}.mg-b-46{margin-bottom:46px}.mg-48{margin:48px}.mg-l-48{margin-left:48px}.mg-r-48{margin-right:48px}.mg-t-48{margin-top:48px}.mg-b-48{margin-bottom:48px}.mg-50{margin:50px}.mg-l-50{margin-left:50px}.mg-r-50{margin-right:50px}.mg-t-50{margin-top:50px}.mg-b-50{margin-bottom:50px}.layout{height:100%;overflow:hidden;width:100%}.layout .PAGE_SIDER{background-color:#00599c;bottom:0;height:100vh;inset-inline-start:0;overflow:auto;position:-webkit-sticky;position:sticky;scrollbar-gutter:stable;scrollbar-width:thin;top:0}.layout .PAGE_SIDER .ant-layout-sider-trigger{background-color:#00599c;border-top:1px solid #ccc;color:#fff}.layout .PAGE_SIDER .ant-layout-sider-children{overflow:auto}.layout .content-layout{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.layout .content-layout .page-header{background-color:#00599c;border-bottom:1px solid #eee;color:#fff;display:flex;height:42px;padding:0 20px}.layout .content-layout .header-left{flex:1 1}.layout .content-layout .header-face{line-height:42px}.layout .content-layout .header-face .user-avatar{background-color:#fd7e14;border:1px solid #ccc;border-radius:50%;height:32px;margin-top:5px;width:32px}.layout .content-layout .page-content{flex:1 1;overflow:auto}.layout .content-layout .page-content .content-container>div{overflow:auto;padding:1rem}.layout .content-container{height:100%}.layout .QuickNavigation{line-height:42px}.layout .QuickNavigation .ant-tag{cursor:pointer}.shipping{display:flex;height:100%;overflow:hidden;padding:0!important;width:100%}.shipping .shipping_option_area{display:flex;flex:1 1;overflow:hidden;position:relative}.shipping .shipping_info_area{display:flex;flex-direction:column;height:100%;overflow:hidden;width:280px}.shipping .shipping_info_area .container{flex:1 1;margin-top:10px;overflow-y:auto}.shipping .right_box{display:flex;flex:1 1;flex-direction:column}.shipping .shipping_rightView{flex:1 1}.shipping .shipping_rightView canvas{background-color:#ccc}.shipping .shipping_bill{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;cursor:pointer;margin-bottom:10px;-webkit-user-select:none;user-select:none}.shipping .shipping_bill .shipping_bill_header{display:flex}.shipping .shipping_bill .shipping_bill_name{color:#495057;flex:1 1;font-size:14px;font-weight:600}.shipping .shipping_bill .shipping_bill_port{color:#0d6efd;font-size:12px}.shipping .shipping_bill .shipping_bill_subtitile{display:flex}.shipping .shipping_bill .shipping_bill_BLNumber{color:#495057;flex:1 1;font-size:12px;font-weight:400}.shipping .shipping_bill .shipping_bill_number{color:#fd7e14;font-size:12px;font-weight:400}.shipping .shipping_bill .shipping_bill_desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis}.shipping .shipping_bill .shipping_bill_info{font-size:12px;font-weight:400}.shipping .shipping_bill .shipping_pack_title{display:flex}.shipping .shipping_bill .shipping_pack_title .shipping_text{color:#0d6efd;flex:1 1;font-size:12px;font-weight:500}.shipping .shipping_bill .shipping_pack_title .shipping_icon{font-size:12px}.shipping .shipping_pack{background-color:#fff;border-top:1px solid #ccc;margin-bottom:10px}.shipping .shipping_pack:last-child{margin-bottom:0}.shipping .shipping_pack .shipping_pack_header{align-items:center;display:flex}.shipping .shipping_pack .shipping_pack_color{border-radius:50%;height:18px;width:18px}.shipping .shipping_pack .shipping_pack_title{color:#6c757d;flex:1 1;font-size:12px;font-weight:600}.shipping .shipping_pack .shipping_pack_state{color:#fd7e14;font-size:12px}.shipping .shipping_pack .shipping_pack_desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis}.shipping .shipping_pack .shipping_pack_attribute{color:#495057;display:flex;flex-wrap:wrap;font-size:12px;justify-content:space-between}.shipping .areaContainer .ac_item{border-bottom:1px solid #ccc}.shipping .areaContainer .ac_header{align-items:center;color:#666;display:flex;height:30px}.shipping .areaContainer .ac_color{border:#999;border-radius:50%;height:20px;margin-right:10px;width:20px}.shipping .areaContainer .ac_title{flex:1 1}.shipping .stowage{bottom:0;left:0;position:absolute;right:0;top:52px;z-index:1}.shipping_setArea_from .ant-form-item{margin-bottom:14px}.shipping_setArea_from .ant-form-item .ant-form-item{margin-bottom:0}.areaContainer{cursor:pointer;-webkit-user-select:none;user-select:none}.areaContainer .ac_item ac_position{cursor:pointer}.GoodsDetail_name{font-size:16px;font-weight:700;margin:20px 0;text-align:center}.GoodsDetail .gtable{border-collapse:collapse;width:100%}.GoodsDetail .gtable tr td{border:1px solid #eee;font-size:13px;padding:8px 10px}.GoodsDetail .gtable .ttitle{color:#333;font-size:13px;font-weight:700}.GoodsDetail .gtable .tcontent{color:#666;font-size:12px;line-height:25px;min-height:25px}.GoodsDetail .gtable .tt{font-size:14px;font-weight:700;height:35px;line-height:35px;text-align:center}.cabinView{cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%;width:100%}.cabinView .cabinView_options{padding:10px}.cabinView .cabinView_container{height:calc(100% - 52px);overflow:hidden}.cabinView .cabinView_container canvas{position:absolute}.GoodsEdit_name{font-size:16px;font-weight:700;margin:20px 0;text-align:center}.GoodsEdit .gtable{border-collapse:collapse;width:100%}.GoodsEdit .gtable tr td{border:1px solid #eee;font-size:13px;padding:8px 10px}.GoodsEdit .gtable tr td .ant-input-number{width:100%}.GoodsEdit .gtable tr td .ant-form-item{margin-bottom:0}.GoodsEdit .gtable tr td .tAddBill{text-align:right}.GoodsEdit .gtable tr td .warn{color:red}.GoodsEdit .gtable .ttitle{color:#333;font-size:13px;font-weight:700}.GoodsEdit .gtable .tcontent{color:#666;font-size:12px;line-height:25px;min-height:25px}.GoodsEdit .gtable .tt{font-size:14px;font-weight:700;height:35px;line-height:35px;text-align:center}.GoodsEdit_footer{margin-top:20px;text-align:right}.shipManagement_detail table{border-collapse:collapse;width:100%}.shipManagement_detail table tr td{border:1px solid #eee;font-size:13px;padding:8px 10px}.shipManagement_detail table tr td .ant-input-number{width:100%}.shipManagement_detail table tr td .ant-form-item{margin-bottom:0}.shipManagement_detail table tr td .tAddBill{text-align:right}.shipManagement_detail table .ttitle{color:#333;font-size:13px;font-weight:700}.shipManagement_detail table .tcontent{color:#666;font-size:12px;line-height:25px;min-height:25px}.shipManagement_detail table .tt{font-size:14px;font-weight:700;height:35px;line-height:35px;text-align:center}.routeManagement .ant-table-cell .ant-btn{padding:4px 5px}.routeManagement_newForm .port{display:flex;flex:1 1}.routeManagement_newForm .container,.routeManagement_newForm .port .port_container{flex:1 1}.routeManagement_newForm .operation{width:88px}.routeManagement_newForm .ant-space-item{flex:1 1}.routeManagement_newForm .ant-space-item .ant-select{width:100%}.FirstMate .wrapper{margin:0 auto;padding:60px;width:70%}.Login{display:flex;flex-direction:column;height:100%;width:100%}.Login .wrapper{flex:1 1;position:relative}.Login .bg{inset:0;position:absolute}.Login .bg img{height:100%}.Login .container{bottom:0;display:flex;flex-direction:column;justify-content:center;padding:20px;position:absolute;right:10%;top:0;width:30%;z-index:1}.Login .container .title{align-items:flex-end;display:flex;margin-bottom:60px}.Login .container .title .item{color:#6c757d;cursor:pointer;font-size:24px}.Login .container .title .item:hover{color:#0d6efd;transition:all .5s}.Login .container .title .item a{color:#6c757d;text-decoration:none}.Login .container .title .active_item{color:#495057;font-size:32px;font-weight:600}.Login .container .form .ant-input{height:46px}.Login .container .form .ant-btn{height:48px;margin-top:20px}.Login .container .forgetPassword{color:#0d6efd;cursor:pointer;font-size:13px;margin-top:10px;text-align:right}.Goodsmanagement_rules .ant-card-body .ant-form-item:last-child{margin-bottom:14px}.Goodsmanagement_rules .ant-card{margin-bottom:12px}.Goodsmanagement_td_span_success{color:#52c41a}.Goodsmanagement_td_span_error{color:#dc3545}.Balance{display:flex;flex-direction:column;height:100%;overflow:hidden!important;padding:0!important;width:100%}.Balance_breadcrumb{padding:20px 0 0 20px}.Balance_wrapper{display:flex;flex:1 1;overflow:hidden!important;position:relative;width:100%}.Balance_container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;padding:20px}.Balance_container .header .ship{margin-bottom:5px}.Balance_container .header .ship table{border-collapse:collapse;font-size:12px;width:100%}.Balance_container .header .ship table tr td{border:1px solid #ddd;min-width:100px;padding:6px 5px}.Balance_container .header .port{display:flex;flex:1 1}.Balance_container .header .port table:first-child{margin-right:10px}.Balance_container .header .port table{border-collapse:collapse;font-size:12px;width:50%}.Balance_container .header .port table tr td{border:1px solid #ddd;padding:4px 5px}.Balance_container .wrapper{flex:1 1;margin-top:10px}.Balance_container .wrapper .deck{background-color:#ccc;height:30%;position:relative;width:100%}.Balance_container .wrapper .deck .title{color:#999;font-size:22px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Balance_container .wrapper .cabins{box-sizing:border-box;display:flex;height:70%;padding-top:10px}.Balance_container .wrapper .cabins .item{background-color:#ccc;flex:1 1;margin-right:10px;position:relative}.Balance_container .wrapper .cabins .item:last-child{margin-right:0}.Balance_container .wrapper .cabins .item .title{color:#999;font-size:22px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Balance_goods{background-color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px;width:300px}.Balance_goods .params{padding:10px 0}.Balance_goods .params .ant-form-item{margin-bottom:10px}.Balance_goods .wrapper{flex:1 1;overflow-y:auto;width:100%}.Balance_goods .billOfLading{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:10px;-webkit-user-select:none;user-select:none}.Balance_goods .billOfLading .title{align-items:center;display:flex;margin-top:8px}.Balance_goods .billOfLading .title .name{color:#495057;flex:1 1;font-size:14px;font-weight:600}.Balance_goods .billOfLading .title .number{color:#0d6efd;font-size:12px}.Balance_goods .billOfLading .subtitle{color:#495057;flex:1 1;font-size:12px;font-weight:400;margin-top:8px}.Balance_goods .billOfLading .select1,.Balance_goods .billOfLading .select2{display:flex;margin-top:8px}.Balance_goods .billOfLading .select1 .left,.Balance_goods .billOfLading .select1 .right,.Balance_goods .billOfLading .select2 .left,.Balance_goods .billOfLading .select2 .right{flex:1 1;font-size:12px;font-weight:400}.Balance_goods .billOfLading .showPackBtn{align-items:center;border-top:1px solid #ccc;color:#777;display:flex;margin-top:10px;padding-top:5px}.Balance_goods .billOfLading .showPackBtn .text{flex:1 1;font-size:12px}.Balance_goods .billOfLading .packlist{padding-top:10px}.Balance_goods .billOfLading .packlist .pack{color:#777;font-size:12px;line-height:20px;margin-bottom:10px}.Balance_goods .billOfLading .packlist .pack .pack_select1{display:flex}.Balance_goods .billOfLading .packlist .pack .pack_select1 .pack_name{flex:1 1;font-weight:700}.Balance_goods .moveBillOfLading{left:0;position:absolute;top:0}.Balance .cabin_container .ant-collapse-header{padding:12px 0}.Balance .cabin_container .ant-collapse-content-box{padding:10px 0}.Register{height:100%;margin:0 auto;overflow:auto;padding:42px 20% 0}.Register .title{margin-bottom:60px;text-align:center;width:100%}.Register .title .item{color:#6c757d;cursor:pointer;display:inline-block;font-size:24px}.Register .title .item:hover{color:#0d6efd;transition:all .5s}.Register .title .item a{color:#6c757d;text-decoration:none}.Register .title .active_item{color:#495057;font-size:32px;font-weight:600}.ShippingOrder .company,.ShippingOrder .order_title{font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.ShippingOrder .order_title{font-size:18px;position:relative}.ShippingOrder .order_title .code{position:absolute;right:0;top:10px}.ShippingOrder .section{display:flex;margin-bottom:16px}.ShippingOrder .section .item{display:flex;flex:1 1;margin-right:20px}.ShippingOrder .section .item:last-child{margin-right:0}.ShippingOrder .section .item .label{color:#1e90ff;margin-right:10px}.ShippingOrder .section .item .label .title{font-weight:500}.ShippingOrder .section .item .label .en_title{margin-top:6px}.ShippingOrder .section .item .value{border-bottom:1.5px solid #1e90ff;flex:1 1}.ShippingOrder .section5{width:400px}.ShippingOrder .goods{color:#1e90ff;margin-top:10px}.ShippingOrder .goods p{margin:0}.ShippingOrder .goods table{border:none;border-collapse:collapse;width:100%}.ShippingOrder .goods table tr{border-top:1px solid #1e90ff}.ShippingOrder .goods table tr td{border-right:1px solid #1e90ff}.ShippingOrder .goods table tbody{height:100px}.ShippingOrder .goods table tfoot{border-bottom:1px solid #1e90ff}.ShippingOrder .goods table tfoot tr{border:none}.ShippingOrder .remaks{border-bottom:1.5px solid #1e90ff}.ShippingOrder .remaks .content{height:200px}.SingleWindowsStowageDetail table{border-collapse:collapse;width:100%}.SingleWindowsStowageDetail table tr td{border:1px solid #ccc;color:#666;font-size:13px;padding:8px 10px;white-space:pre-line}.SingleWindowsStowageDetail table .title{color:#666;font-size:18px;font-weight:600;text-align:center}.SingleWindowsStowageDetail table .subtitle{color:#1e90ff;font-size:14px;font-weight:600}.STOWAGE .header{display:flex;height:85px;overflow:hidden}.STOWAGE .header .port{margin-right:30px;width:300px}.STOWAGE .header .port .lport{margin-bottom:20px}.STOWAGE .header .port>div{align-items:center;display:flex}.STOWAGE .header .port>div .label{width:60px}.STOWAGE .header .port>div .wrapper{flex:1 1;overflow:hidden}.STOWAGE .header .container{display:flex;flex:1 1}.STOWAGE .header .container table{border-collapse:collapse;margin-right:20px;width:100%}.STOWAGE .header .container table:last-child{margin-right:0}.STOWAGE .header .container table tr td{border:1px solid #000;color:#000;font-size:12px;padding:2px 3px;white-space:pre-line}.STOWAGE .drawing_area{display:flex;flex:1 1;flex-direction:column;margin-top:20px}.STOWAGE .drawing_area .desk{aspect-ratio:6/1;border:1px solid #000;cursor:pointer;margin-bottom:10px;position:relative}.STOWAGE .drawing_area .desk .CargoLocation{inset:0;position:absolute}.STOWAGE .drawing_area .desk_name{align-items:center;color:#999;display:flex;font-size:22px;font-weight:700;inset:0;justify-content:center;opacity:.2;position:absolute}.STOWAGE .drawing_area .cabins{display:flex}.STOWAGE .drawing_area .cabins .CargoLocation{inset:0;position:absolute}.STOWAGE .drawing_area .cabins .cabin{aspect-ratio:2/3;border:1px solid #000;cursor:pointer;flex:1 1;margin-right:10px;position:relative}.STOWAGE .drawing_area .cabins .cabin:last-child{margin-right:0}.STOWAGE .drawing_area .cabins .cabin_name{align-items:center;color:#999;display:flex;font-size:22px;font-weight:700;inset:0;justify-content:center;opacity:.2;position:absolute}.STOWAGE_CABIN{display:flex;height:100%}.STOWAGE_CABIN .drawing_area{flex:1 1}.STOWAGE_CABIN .goods_area,.STOWAGE_CABIN .stowaged_area{display:flex;flex-direction:column;overflow:hidden;width:300px}.STOWAGE_CABIN .goods_area .lading_container,.STOWAGE_CABIN .stowaged_area .lading_container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.STOWAGE_CABIN .goods_area .lading_container .lading_ports,.STOWAGE_CABIN .stowaged_area .lading_container .lading_ports{display:flex;margin-bottom:16px}.STOWAGE_CABIN .goods_area .lading_list,.STOWAGE_CABIN .stowaged_area .lading_list{height:100%;overflow:auto}.STOWAGE_CABIN .goods_area .lading,.STOWAGE_CABIN .stowaged_area .lading{background-color:#f9f9f9;border:1px solid #000;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:10px;-webkit-user-select:none;user-select:none}.STOWAGE_CABIN .goods_area .lading:last-child,.STOWAGE_CABIN .stowaged_area .lading:last-child{margin-bottom:0}.STOWAGE_CABIN .goods_area .lading .title,.STOWAGE_CABIN .stowaged_area .lading .title{align-items:center;display:flex;margin-top:8px}.STOWAGE_CABIN .goods_area .lading .title .name,.STOWAGE_CABIN .stowaged_area .lading .title .name{color:#495057;flex:1 1;font-size:14px;font-weight:600}.STOWAGE_CABIN .goods_area .lading .title .number,.STOWAGE_CABIN .stowaged_area .lading .title .number{color:#0d6efd;font-size:12px}.STOWAGE_CABIN .goods_area .lading .subtitle,.STOWAGE_CABIN .stowaged_area .lading .subtitle{color:#495057;font-size:12px;font-weight:400;margin-top:8px}.STOWAGE_CABIN .goods_area .lading .ports,.STOWAGE_CABIN .goods_area .lading .weight_and_volume,.STOWAGE_CABIN .stowaged_area .lading .ports,.STOWAGE_CABIN .stowaged_area .lading .weight_and_volume{display:flex;margin-top:8px}.STOWAGE_CABIN .goods_area .lading .ports>div,.STOWAGE_CABIN .goods_area .lading .weight_and_volume>div,.STOWAGE_CABIN .stowaged_area .lading .ports>div,.STOWAGE_CABIN .stowaged_area .lading .weight_and_volume>div{flex:1 1;font-size:12px;font-weight:400}.STOWAGE_CABIN .goods_area .lading .ports>div:first-child,.STOWAGE_CABIN .goods_area .lading .weight_and_volume>div:first-child,.STOWAGE_CABIN .stowaged_area .lading .ports>div:first-child,.STOWAGE_CABIN .stowaged_area .lading .weight_and_volume>div:first-child{margin-right:8px}.STOWAGE_CABIN .goods_area .lading .pack_opration,.STOWAGE_CABIN .stowaged_area .lading .pack_opration{align-items:center;border-top:1px solid #000;color:#777;display:flex;font-size:12px;margin-top:10px;padding-top:5px}.STOWAGE_CABIN .goods_area .lading .pack_opration .text,.STOWAGE_CABIN .stowaged_area .lading .pack_opration .text{flex:1 1}.STOWAGE_CABIN .goods_area .lading .pack,.STOWAGE_CABIN .stowaged_area .lading .pack{color:#777;font-size:12px;line-height:20px;margin-top:10px}.STOWAGE_CABIN .goods_area .lading .pack_title,.STOWAGE_CABIN .stowaged_area .lading .pack_title{display:flex}.STOWAGE_CABIN .goods_area .lading .pack_name,.STOWAGE_CABIN .stowaged_area .lading .pack_name{flex:1 1;font-weight:700}.STOWAGE_CABIN .goods_area .btn,.STOWAGE_CABIN .stowaged_area .btn{padding-top:10px}.STOWAGE_CABIN .stowaged_area{width:240px}.STOWAGE_CABIN .stowaged_area .lading .weight_and_volume{display:block}.STOWAGE_CABIN_DECK{flex-wrap:wrap;justify-content:space-between;overflow:hidden!important}.STOWAGE_CABIN_DECK .drawing_area_deck{flex:100% 1;height:20%}.STOWAGE_CABIN_DECK .drawing_area_deck .app-container{align-items:flex-start}.STOWAGE_CABIN_DECK .goods_area_deck{height:80%;margin-left:20px;order:3}.STOWAGE_CABIN_DECK .stowaged_area_deck{height:80%;order:3}.PortCounterWeight{display:flex;width:100%}.PortCounterWeight .left_table{flex:1 1;margin-right:20px}.PortCounterWeight .right_table{flex:1 1}.PortCounterWeight table{border-collapse:collapse;width:100%}.PortCounterWeight table tr td{border:1px solid #000;color:#000;font-size:12px;padding:2px 3px;white-space:pre-line}.PortCounterWeight table .title{color:#000;font-size:12px;font-weight:600;text-align:center}.PortCounterWeight table .subtitle{color:#1e90ff;font-size:12px;font-weight:600}.DailyPaperDetail .operation,.DailyPaperDetailByTime .operation{margin-bottom:20px;text-align:right}.TallyReport_paper{text-align:center}.TallyReport_paper .paper{display:inline-block;margin:0 auto;min-width:600px}.TallyReport_paper .paper .cn_company{font-size:18px;margin-bottom:16px;text-align:center}.TallyReport_paper .paper .en_company{font-weight:500;margin-bottom:14px;text-align:center}.TallyReport_paper .paper .cn_title,.TallyReport_paper .paper .en_title{font-size:14px;text-align:center}.TallyReport_paper .paper .ant-row{margin-top:12px}.TallyReport_paper .paper .ant-col{white-space:nowrap}.TallyReport_paper .paper table{border-collapse:collapse;margin-top:20px;width:100%}.TallyReport_paper .paper table thead tr td{font-weight:600}.TallyReport_paper .paper table tr td{border:1px solid #eee;font-size:13px;padding:8px 10px}.TallyReport .ant-btn{padding:0}.OverageReportDetail .ant-table-summary{background:#fafafa;border-bottom:1px solid #eee}.OverageReportDetail_row_yellow{background-color:#fadb14}.OverageReportDetail_col_td_green{background-color:#52c41a;padding:4px}.OverageReportDetail_col_td_white{background-color:#fff;padding:4px}.OverageReportDetail_col_td_red{background-color:#dc3545;display:inline-block;padding:4px}.BerthAndUnberthTime .wrapper{margin:0 auto;padding-top:60px;width:60%}.SitePhoto_row_blue{background-color:#0d6efd}.SitePhoto_row_yellow{background-color:#fadb14}.SitePhoto_row_red td:nth-child(2){background-color:#dc3545}.SitePhoto_row_purple{background-color:#6f42c1}.SitePhoto_td_green{background-color:#52c41a}.PortCaptain .ant-table-tbody .ant-btn{padding:0}.CabinAllocationDetail .cabinInfo{text-align:center}.CabinAllocationDetail .companyEnName,.CabinAllocationDetail .companyName{font-family:inherit;font-weight:700;line-height:20px;margin:10px 0;text-rendering:optimizelegibility}.CabinAllocationDetail .companyEnName{color:inherit}.CabinAllocationDetail .title{border-top:0 solid #ddd;line-height:20px;padding:0;vertical-align:top}.CabinAllocationDetail .ant-row{font-weight:300;margin-top:20px}.CabinAllocationDetail .cabinNo{margin:20px 0 10px}.CabinAllocationDetail .lading-talbe{border-collapse:collapse;width:100%}.CabinAllocationDetail .lading-talbe thead td{font-weight:500}.CabinAllocationDetail .lading-talbe .thead td{background-color:#c9c9c9}.CabinAllocationDetail .lading-talbe td,.CabinAllocationDetail .lading-talbe th{border:1px solid #d9d9d9;font-size:12px;padding:4px}.CabinAllocationTotal .cabinInfo{text-align:center}.CabinAllocationTotal .companyEnName,.CabinAllocationTotal .companyName{font-family:inherit;font-weight:700;line-height:20px;margin:10px 0;text-rendering:optimizelegibility}.CabinAllocationTotal .companyEnName{color:inherit}.CabinAllocationTotal .title{border-top:0 solid #ddd;line-height:20px;padding:0;vertical-align:top}.CabinAllocationTotal .ant-row{font-weight:300;margin-top:20px}.CabinAllocationTotal .cabinNo{margin:20px 0 10px}.CabinAllocationTotal .lading-talbe{border-collapse:collapse;margin-top:20px;width:100%}.CabinAllocationTotal .lading-talbe thead td{font-weight:500}.CabinAllocationTotal .lading-talbe .thead td{background-color:#c9c9c9}.CabinAllocationTotal .lading-talbe td,.CabinAllocationTotal .lading-talbe th{border:1px solid #d9d9d9;font-size:12px;padding:4px;text-align:center}.CabinAllocationLarge .cabinInfo{text-align:center}.CabinAllocationLarge .companyEnName,.CabinAllocationLarge .companyName{font-family:inherit;font-weight:700;line-height:20px;margin:10px 0;text-rendering:optimizelegibility}.CabinAllocationLarge .companyEnName{color:inherit}.CabinAllocationLarge .title{border-top:0 solid #ddd;line-height:20px;padding:0;vertical-align:top}.CabinAllocationLarge .ant-row{font-weight:300;margin-top:20px}.CabinAllocationLarge .cabinNo{margin:20px 0 10px}.CabinAllocationLarge .lading-talbe{border-collapse:collapse;margin-top:20px;width:100%}.CabinAllocationLarge .lading-talbe thead td{font-weight:500}.CabinAllocationLarge .lading-talbe .thead td{background-color:#c9c9c9}.CabinAllocationLarge .lading-talbe td,.CabinAllocationLarge .lading-talbe th{border:1px solid #d9d9d9;font-size:12px;padding:4px;text-align:center}.PortAllocationDetail .cabinInfo{text-align:center}.PortAllocationDetail .companyEnName,.PortAllocationDetail .companyName{font-family:inherit;font-weight:700;line-height:20px;margin:10px 0;text-rendering:optimizelegibility}.PortAllocationDetail .companyEnName{color:inherit}.PortAllocationDetail .title{border-top:0 solid #ddd;line-height:20px;padding:0;vertical-align:top}.PortAllocationDetail .ant-row{font-weight:300;margin-top:20px}.PortAllocationDetail .cabinNo{margin:20px 0 10px}.PortAllocationDetail .lading-talbe{border-collapse:collapse;width:100%}.PortAllocationDetail .lading-talbe thead td{font-weight:500}.PortAllocationDetail .lading-talbe .thead td{background-color:#c9c9c9}.PortAllocationDetail .lading-talbe td,.PortAllocationDetail .lading-talbe th{border:1px solid #d9d9d9;font-size:12px;padding:4px}.PortAllocationLarge .cabinInfo{text-align:center}.PortAllocationLarge .companyEnName,.PortAllocationLarge .companyName{font-family:inherit;font-weight:700;line-height:20px;margin:10px 0;text-rendering:optimizelegibility}.PortAllocationLarge .companyEnName{color:inherit}.PortAllocationLarge .title{border-top:0 solid #ddd;line-height:20px;padding:0;vertical-align:top}.PortAllocationLarge .ant-row{font-weight:300;margin-top:20px}.PortAllocationLarge .cabinNo{margin:20px 0 10px}.PortAllocationLarge .lading-talbe{border-collapse:collapse;margin-top:20px;width:100%}.PortAllocationLarge .lading-talbe thead td{font-weight:500}.PortAllocationLarge .lading-talbe .thead td{background-color:#c9c9c9}.PortAllocationLarge .lading-talbe td,.PortAllocationLarge .lading-talbe th{border:1px solid #d9d9d9;font-size:12px;padding:4px;text-align:center}.CrewScheduleDetail .ant-row{font-weight:300;margin-top:20px}.CrewScheduleDetail .lading-talbe{border-collapse:collapse;margin-top:20px;width:100%}.CrewScheduleDetail .lading-talbe thead td{font-weight:500}.CrewScheduleDetail .lading-talbe .thead td{background-color:#c9c9c9}.CrewScheduleDetail .lading-talbe td,.CrewScheduleDetail .lading-talbe th{border:1px solid #d9d9d9;font-size:12px;padding:4px;text-align:center}.WorkerTallyDetail .lading-talbe{border-collapse:collapse;margin-top:20px;width:100%}.WorkerTallyDetail .lading-talbe thead td{font-weight:500}.WorkerTallyDetail .lading-talbe .thead td{background-color:#c9c9c9}.WorkerTallyDetail .lading-talbe td,.WorkerTallyDetail .lading-talbe th{border:1px solid #d9d9d9;font-size:12px;padding:4px;text-align:center}.SubdivisionPlan{display:flex;max-height:100%;overflow:hidden!important;padding:20px;width:100%}.SubdivisionPlan_left{align-items:center;display:flex;flex-direction:column;margin-right:40px;width:45%}.SubdivisionPlan_right{flex:1 1;padding-bottom:10px}.SubdivisionPlan_title{width:400px}.SubdivisionPlan_title .hatch{font-size:22px;font-weight:700;margin-bottom:28px;text-align:center}.SubdivisionPlan_title .ant-row{margin-bottom:20px}.SubdivisionPlan_title .ant-col{font-size:10px;font-weight:700}.SubdivisionPlan_ladings{height:100%;margin-bottom:20px;margin-top:10px;overflow:auto}.SubdivisionPlanDeck{flex-direction:column}.SubdivisionPlanDeck .SubdivisionPlan_left{margin-bottom:20px;margin-right:0;width:100%}.SubdivisionPlanDeck .SubdivisionPlan_oprationArea{text-align:center}.SubdivisionPlanDeck .SubdivisionPlan_right{display:flex;flex-direction:column;overflow:hidden}.SubdivisionPlanDeck .SubdivisionPlan_ladings{flex:1 1;overflow:auto}.SubdivisionPlanDeck .SubdivisionPlan_hatchs{display:flex}.SubdivisionPlanDeck .SubdivisionPlan_hatch{border-right:1px solid #ccc;flex:1 1;font-size:12px;font-weight:700;margin-top:6px;text-align:center}.SubdivisionPlanDeck .SubdivisionPlan_hatch:first-child{border-left:1px solid #ccc}.CargoHoldPlan{width:100%}.CargoHoldPlan_title .companyName{font-size:24px;font-weight:700;text-align:center}.CargoHoldPlan_title .companyEnName{font-size:20px;margin-bottom:8px;text-align:center}.CargoHoldPlan_title .title{font-size:14px;margin-bottom:20px;text-align:center}.CargoHoldPlan_title .ant-row{margin-bottom:20px}.CargoHoldPlan_title .ant-col{font-size:11px;font-weight:700}.CargoHoldPlan_tables{display:flex}.CargoHoldPlan_tables table{border-collapse:collapse;margin-bottom:20px}.CargoHoldPlan_tables table thead tr td{font-weight:500}.CargoHoldPlan_tables table tr td{border:1px solid #000;font-size:10px;padding:6px 8px;text-align:center}.CargoHoldPlan_DISCHARG{margin-right:30px;width:500px}.CargoHoldPlan_cargoLs{flex:1 1}.CargoHoldPlan .mapping,.CargoHoldPlan .mapping .deck{border:1px solid #000;width:100%}.CargoHoldPlan .mapping .deck{aspect-ratio:5/1}.CargoHoldPlan .mapping .cabins{display:flex}.CargoHoldPlan .mapping .cabin{aspect-ratio:2/3;border:1px solid #000;flex:1 1;overflow:hidden;position:relative}.CargoHoldPlan .mapping .cabin_index{color:#999;font-size:10px;position:absolute;right:10px;top:10px}.CargoHoldPlan_footer{display:flex;margin-top:30px}.CargoHoldPlan_footer .block{display:flex}.CargoHoldPlan_footer .label{font-size:16px;font-weight:700}.CargoHoldPlan_footer .line{border-bottom:1px solid #000;flex:1 1}.CargoHoldPlan_footer .remark{flex:1 1;margin-right:30px}.CargoHoldPlan_footer .officer{width:500px}.FirstMateRemarksManagement_green{color:#52c41a}.Stowage{display:flex;height:100%;overflow:hidden;position:relative}.Stowage_dragarea{flex:1 1}.Stowage_ladings{box-sizing:border-box;height:100%;overflow-y:auto;padding:10px}.Stowage_lading{background-color:#fff;border:1px solid #000;border-radius:10px;cursor:grab;margin-bottom:10px;padding:12px 10px;-webkit-user-select:none;user-select:none;width:300px}.Stowage_lading_title{display:flex}.Stowage_lading_name{color:#495057;flex:1 1;font-size:14px;font-weight:600}.Stowage_lading_packagenum{color:#0d6efd;font-size:12px}.Stowage_lading_code{color:#495057;font-size:12px;font-weight:400;margin-top:8px}.Stowage_lading_row{margin-top:8px}.Stowage_lading_row .ant-col{flex:1 1;font-size:12px;font-weight:400}.Stowage_cargos_title{align-items:center;border-top:1px solid #000;color:#777;cursor:pointer;display:flex;font-size:12px;margin-top:10px;padding-top:5px}.Stowage_cargos_text{flex:1 1}.Stowage_cargo_title{color:#777;display:flex;font-size:12px;line-height:20px;margin-top:10px}.Stowage_cargo_name{flex:1 1;font-weight:700}.Stowage_cargo_row{color:#777;font-size:12px;line-height:20px;margin-top:6px}.Stowage_dragarea{align-items:center;display:flex;flex-direction:column;margin-right:40px}body,html{height:100%;margin:0;padding:0}#root{height:100%;overflow:hidden;position:relative;width:100%}.fl{float:left}.fr{float:right}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.flexCenter{align-items:center;display:flex;justify-content:center}.Tooltip_span{color:#0958d9;cursor:pointer;font-size:12px}
/*# sourceMappingURL=main.ffe66007.css.map*/