.grid-header{display:grid;grid-template-columns:repeat(11,auto);grid-template-rows:repeat(2,auto);align-items:center;justify-content:center;gap:1px 20px;width:90vw;max-width:1250px;background-color:#fff;position:sticky;top:45px;z-index:100}.grid-footer{display:grid;grid-template-columns:repeat(6,auto);grid-template-rows:repeat(4,auto);align-items:center;justify-content:center;gap:1px 20px;width:90vw;max-width:1250px;background-color:#fff;position:sticky;bottom:0;z-index:100}.grid-container-product{display:grid;grid-template-columns:repeat(11,auto);grid-template-rows:repeat(7,auto);align-items:center;justify-content:center;gap:1px 20px;width:90vw;max-width:1250px;line-height:1.3}.btn-delete-all,.btn-delete-product,.btn-edit-product,.btn-fav-all,.btn-fav-product{width:25px;max-width:25px;min-width:25px;height:25px;max-height:25px;min-height:25px;border:none;cursor:pointer;transition:.2s;outline:0;padding:0;background-color:#fff}.btn-fav-product.active{color:gold;text-shadow:0 0 5px rgba(255,215,0,.5)}.grid-container-product{animation:.3s slideUp}.grid-item-prod-1{grid-area:1/11/2/12;align-items:center;text-align:center;color:#333;font-size:13px;font-weight:600;height:25px;max-height:25px;min-height:25px;width:76px;max-width:76px;min-width:76px}.grid-item-prod-2{grid-area:1/10/2/11;align-items:center;text-align:center;color:#333;font-size:13px;font-weight:600;height:25px;max-height:25px;min-height:25px;width:76px;max-width:76px;min-width:76px}.grid-item-prod-3{grid-area:1/9/2/10;align-items:center;text-align:center;color:#333;font-size:13px;font-weight:700;height:25px;max-height:25px;min-height:25px;width:76px;max-width:76px;min-width:76px}.grid-item-prod-4{grid-area:1/8/2/9;align-items:center;text-align:center;color:#333;font-size:13px;transform:rotate(-90deg);width:10px;max-width:10px;min-width:10px}.grid-item-prod-5{grid-area:1/7/2/8;align-items:center;text-align:center;color:#333;font-size:13px;height:25px;max-height:25px;min-height:25px;width:96px;max-width:96px;min-width:96px}.grid-item-prod-6{grid-area:1/6/2/7;align-items:center;text-align:center;color:#333;font-size:13px;height:25px;max-height:25px;min-height:25px;width:auto;max-width:105px;min-width:105px}.grid-item-prod-7{grid-area:1/5/2/6;align-items:center;text-align:center;color:#333;font-size:13px;height:25px;max-height:25px;min-height:25px;width:350px;max-width:350px;min-width:350px}.grid-item-prod-8{grid-area:1/4/2/5;align-items:center;text-align:center;color:#333;font-size:13px;height:25px;max-height:25px;min-height:25px;width:130px;max-width:130px;min-width:130px}.grid-item-prod-9{grid-area:1/3/2/4;color:#333;font-size:13px;font-size:13px;height:25px;max-height:25px;min-height:25px;width:20px;max-width:20px;min-width:20px}.grid-item-prod-10{grid-area:1/2/2/3;align-items:center;text-align:center;color:#333;font-size:13px;height:25px;max-height:25px;min-height:25px;width:20px;max-width:20px;min-width:20px}.grid-item-prod-11{grid-area:1/1/2/2;align-items:center;text-align:center;color:#333;font-size:13px;width:20px;max-width:20px;min-width:20px;height:25px;max-height:25px;min-height:25px}.grid-item-prod-35{grid-area:2/1/3/12;border:1px solid #cdcdcd;font-size:13px;height:1px;max-height:1px;min-height:1px}.grid-item-prod-12{grid-area:2/4/3/5;color:#333;font-size:12px;align-items:center;text-align:center;height:15px;max-height:15px;min-height:15px}.grid-item-prod-13{grid-area:3/5/4/6;align-items:center;text-align:start;color:#06c;font-size:16px;height:25px;max-height:25px;min-height:25px;width:350px;max-width:350px;min-width:350px}.grid-item-prod-14{grid-area:3/6/4/7;align-items:center;text-align:center;color:#4d4d4d;font-size:13px;height:25px;max-height:25px;min-height:25px;width:auto;max-width:105px;min-width:105px}.grid-item-prod-15{grid-area:3/7/4/8;align-items:center;text-align:center;color:#4d4d4d;font-size:13px;height:25px;max-height:25px;min-height:25px;width:96px;max-width:96px;min-width:96px}.grid-item-prod-16{grid-area:3/9/4/10;align-items:center;text-align:center;color:#4d4d4d;font-size:13px;height:25px;max-height:25px;min-height:25px;width:76px;max-width:76px;min-width:76px;padding-top:2px}.grid-item-prod-17{grid-area:3/10/4/11;align-items:center;text-align:center;color:#ff8c08;font-size:13px;height:20px;max-height:20px;min-height:20px;width:76px;max-width:76px;min-width:76px}.grid-item-prod-18{grid-area:3/11/4/12;align-items:center;text-align:center;color:#ff8c08;font-size:13px;font-weight:700;width:76px;max-width:76px;min-width:76px;height:20px;max-height:20px;min-height:20px}.grid-item-prod-19{grid-area:1/1/2/12;font-size:13px;padding:0;height:1px;max-height:1px;min-height:1px}.grid-item-prod-20{grid-area:4/5/8/6;text-align:start;font-size:13px;color:#333;height:102px;max-height:102px;min-height:102px;width:350px;max-width:350px;min-width:350px}.grid-item-prod-21{grid-area:7/1/8/12;font-size:13px;height:1px;max-height:1px;min-height:1px}.grid-item-prod-22{grid-area:3/4/7/5;align-items:center;text-align:center;font-size:13px;color:#333;border-radius:20px;height:130px;max-height:130px;min-height:130px;width:130px;max-width:130px;min-width:130px}.grid-item-prod-23{grid-area:3/3/4/4;align-items:center;text-align:center;font-size:13px;color:#333;width:20px;max-width:20px;min-width:20px;height:20px;max-height:20px;min-height:20px}.grid-item-prod-24{grid-area:3/2/4/3;align-items:center;text-align:center;font-size:13px;color:#333;width:20px;max-width:20px;min-width:20px;height:20px;max-height:20px;min-height:20px}.grid-item-prod-25{grid-area:6/3/7/4;align-items:center;text-align:end;color:#333;font-size:12px;white-space:nowrap;transform:rotate(-90deg);width:20px;max-width:20px;min-width:20px}.grid-item-prod-26{grid-area:6/2/7/3;align-items:center;text-align:end;font-size:12px;color:#333;white-space:nowrap;transform:rotate(-90deg);width:20px;max-width:20px;min-width:20px}.grid-item-prod-27{grid-area:4/1/5/2;align-items:center;text-align:center;font-size:13px;color:#333;width:20px;max-width:20px;min-width:20px;height:20px;max-height:20px;min-height:20px}.grid-item-prod-28{grid-area:5/1/6/2;align-items:center;text-align:center;font-size:13px;color:#333;width:20px;max-width:20px;min-width:20px;height:20px;max-height:20px;min-height:20px}.grid-item-prod-29{grid-area:6/1/7/2;align-items:center;text-align:center;font-size:13px;color:#333;width:20px;max-width:20px;min-width:20px;height:20px;max-height:20px;min-height:20px}.grid-item-prod-30{grid-area:5/6/6/8;align-items:center;text-align:center;font-size:12px;color:#006;height:20px;max-height:20px;min-height:20px;padding-top:8px}.grid-item-prod-31{grid-area:6/6/7/7;align-items:center;text-align:center;font-size:13px;color:#4d4d4d;height:25px;max-height:25px;min-height:25px;width:auto;max-width:105px;min-width:50px}.grid-item-prod-32{grid-area:6/7/7/8;align-items:center;text-align:center;font-size:13px;color:#4d4d4d;height:25px;max-height:25px;min-height:25px}.grid-item-prod-33{grid-area:5/9/6/12;align-items:center;text-align:start;font-size:12px;color:#006;height:20px;max-height:20px;min-height:20px;padding-top:8px}.grid-item-prod-34{grid-area:6/9/7/12;align-items:center;text-align:start;font-size:13px;color:#4d4d4d;height:20px;max-height:20px;min-height:20px}.grid-item-prod-36{grid-area:1/1/2/12;border:1px solid #cdcdcd;font-size:13px;height:1px;max-height:1px;min-height:1px;margin-bottom:10px;width:1179px}.grid-item-prod-37{grid-area:2/1/3/2;align-items:center;text-align:start;font-size:13px;height:20px;max-height:20px;min-height:20px}.grid-item-prod-38{grid-area:2/2/3/3;align-items:center;text-align:start;font-size:13px;height:20px;max-height:20px;min-height:20px}.grid-item-prod-39{grid-area:2/3/3/4;align-items:center;text-align:start;font-size:13px;height:20px;max-height:20px;min-height:20px}.grid-item-prod-40{grid-area:2/4/3/8;align-items:center;text-align:start;font-size:13px;width:681px;max-width:681px;min-width:681px}.grid-item-prod-41{grid-area:3/4/4/8;align-items:center;text-align:start;font-size:13px;height:20px;max-height:20px;min-height:20px}.grid-item-prod-42{grid-area:2/8/4/10;align-items:center;text-align:end;font-size:16px;font-weight:700;width:152px;max-width:152px;min-width:152px}.grid-item-prod-43{grid-area:2/10/4/12;align-items:center;text-align:start;font-size:18px;color:#ff8c08;font-weight:700;width:86px;max-width:86px;min-width:86px}.btn-delete-all,.btn-delete-product,.btn-edit-product,.btn-fav-all,.btn-fav-product{transition:transform .2s,box-shadow .2s;cursor:pointer}.btn-delete-all:enabled:hover,.btn-delete-product:enabled:hover,.btn-edit-product:enabled:hover,.btn-fav-all:enabled:hover,.btn-fav-product:enabled:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-delete-all:enabled:active,.btn-delete-product:enabled:active,.btn-edit-product:enabled:active,.btn-fav-all:enabled:active,.btn-fav-product:enabled:active{transform:scale(.95)}.btn-edit-product:enabled:hover{background-color:#e0e7ff;border-color:#6c63ff}.btn-delete-all:enabled:hover,.btn-delete-product:enabled:hover{background-color:#fee2e2;border-color:#ef4444}.btn-fav-all:enabled:hover,.btn-fav-product:enabled:hover{background-color:#fef3c7;border-color:#f59e0b}:root{--primary-color-ap:#2c3e50;--accent-color-ap:#e74c3c;--border-color-ap:#ffffff;--required-color-ap-ap:#666666;--optional-color-ap:#666666;--placeholder-color-ap:#ff6a00;--button-bg-ap:#ffffff;--valid-color-ap:#2ecc71;--invalid-color-ap:#e74c3c;--checking-color-ap:#62b1ff;--warning-color-ap:#ff6a00;--window-bg-ap:linear-gradient(to bottom, #CCFFFF, #D1EAFF)}.add-prod-containeroz,.add-prod-window{box-sizing:border-box;position:relative;overflow:hidden;border-color:#4a90e2;transition:background-color .3s,box-shadow .3s,transform .2s ease-out;contain:layout;will-change:transform}.add-prod-containeroz{min-width:1260px;width:fit-content;max-width:100%;height:auto;min-height:390px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;align-content:center;gap:20px;border-radius:20px;background-color:none;contain:strict}.add-prod-window{width:min(100%,1260px);max-width:100vw;min-width:150px;max-height:min(800px,90vh);min-height:310px;height:auto;display:flex;flex-direction:column;justify-content:center;gap:10px;background:var(--window-bg-ap,linear-gradient(145deg,#f0f4ff,#fff));border-radius:25px/24px;padding:15px;overflow:auto;white-space:normal}.add-prod-window img{max-width:100%;height:50px;object-fit:contain}@media (max-width:768px){.add-prod-window{min-width:75vw;padding:15px;border-radius:15px}#window-content{grid-template-columns:1fr}}@media (max-width:480px){.add-prod-window{min-width:95vw;padding:10px;border-radius:10px}}.productListMode{display:flex;justify-content:flex-start;margin-bottom:1rem;position:sticky;top:0;z-index:100}.add-prod-title-oz{font-size:18px;color:var(--optional-color-ap);font-weight:400;margin-bottom:0;text-align:center}.add-prod-title{font-size:10px;color:var(--optional-color-ap);font-weight:400;margin-bottom:0;text-align:center}.add-prod-blocks-container{display:grid;grid-template-columns:repeat(12,auto);grid-template-rows:repeat(4,auto);gap:7px;width:100%;height:220px;position:relative}.add-prod-bt-block{background-color:#fff;border-radius:15px;padding:0;transition:box-shadow .3s,transform .2s ease-out;cursor:pointer;text-align:center;display:grid;flex-direction:column;justify-content:center;align-items:center;font-size:12px;border:2px solid #e9ecef;width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px}.add-prod-required-middle{display:block;text-align:center;width:65%}.add-prod-optional-middle{display:block;text-align:center;width:65%}.add-prod-upload-options{grid-area:1/1/2/2}.add-prod-upload-options1{grid-area:3/1/4/2}.add-prod-upload-options,.add-prod-upload-options1{display:flex;gap:8px;align-items:center;justify-content:flex-start}.add-prod-upload-option-bf,.add-prod-upload-option-fl{width:40px;height:40px;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:.2s}.add-prod-upload-option-bf:hover,.add-prod-upload-option-fl:hover{transform:scale(1.05);border-color:var(--primary);background:var(--primary-light)}.add-prod-upload-option-fl:hover{transform:scale(.95)}.add-prod-upload-option-fl.add-prod-visible{display:inline-flex;opacity:1;visibility:visible;transform:scale(1);animation:.2s ease-out btnFadeIn}.add-prod-upload-option-fl:active{transform:scale(.95);background:#ff8000}.add-prod-upload-option-bf{border-radius:15px;width:45px;height:45px}.add-prod-upload-option-bf:hover{transform:scale(1.1)}.add-prod-upload-option-bf.add-prod-visible{display:inline-flex;opacity:1;visibility:visible;transform:scale(1);animation:.2s ease-out btnFadeIn}.add-prod-upload-option-bf:active{transform:scale(.95);background:#ff8000}.add-prod-gallery-container{grid-area:1/2/5/5;display:flex;flex-direction:column;background:#fbfdff;border-radius:20px;padding:2px;height:100%;box-sizing:border-box;overflow:hidden;border:2px dashed #e9ecef;width:220px;max-width:220px;min-width:220px}.add-prod-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:15px;text-align:center;color:#666}.add-prod-upload-label svg{margin-top:8px;color:#4a90e2}#paste-area{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .3s}#paste-area:hover{background:#f5f5f5}.add-prod-preview-area{flex:1;min-height:150px;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.add-prod-empty-state{text-align:center;color:#999}.add-prod-empty-state h3{font-size:1rem;margin:.5rem 0 .25rem}.add-prod-empty-state p{font-size:.85rem;margin:0}#photoContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}#mainPreview{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px}.add-prod-photo-actions{position:absolute;top:8px;right:8px}.add-prod-thumbnail-container{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:3px;overflow-y:auto;padding:3px}.thumbnail{width:50px;height:50px;object-fit:cover;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:.2s}.thumbnail:hover{border-color:#aaa}.thumbnail.active{border-color:#007bff}@media (max-width:768px){.add-prod-thumbnails-container{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:7px;max-height:120px}.add-prod-thumbnails-container{border-width:1px}}.add-prod-preview-image:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:768px){.add-prod-preview-image{max-width:200px;max-height:200px}}.add-prod-delete-btn{width:32px;height:42px;border-radius:50%;border:none;background:rgba(255,255,255,.9);box-shadow:0 2px 6px rgba(0,0,0,.15);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.add-prod-delete-btn:hover{background:#f44336;color:#fff;transform:scale(1.05)}.add-prod-delete-btn:active{transform:scale(.95);background:#f5222d}@keyframes btnFadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.add-prod-delete-btn.add-prod-visible{display:inline-flex;opacity:1;visibility:visible;transform:scale(1);animation:.2s ease-out btnFadeIn}.add-prod-block-4{grid-area:1/5/1/8;height:100%;position:relative}.add-prod-block-5{grid-area:1/8/1/11;height:100%}.add-prod-url-input-container{position:relative;display:flex;align-items:center;width:100%;height:50px;padding:0;box-sizing:border-box}.add-prod-copy-url-container{position:relative;display:flex;align-items:center;height:50px;padding:0;box-sizing:border-box}.add-prod-copy-btn{position:absolute;right:40px;width:25px;height:25px;border-radius:100%;border:none;line-height:1;cursor:pointer;user-select:none;align-items:center;justify-content:center;background:0 0;color:#000;transition:.25s cubic-bezier(.3, 0, .1, 1)}.add-prod-copy-btn:hover{background:0 0;color:#2ecc71;transform:scale(1.1)}.add-prod-copy-btn:active{transform:scale(.95);background:0 0}.add-prod-clear-container{position:relative;display:flex;align-items:center;height:50px;padding:0;box-sizing:border-box;opacity:0;visibility:hidden;transition:.2s}.add-prod-clear-btn{position:absolute;right:5px;width:22px;height:22px;border-radius:50%;border:none;line-height:1;cursor:pointer;user-select:none;align-items:center;justify-content:center;background:0 0;color:#333;transition:.25s cubic-bezier(.3, 0, .1, 1);opacity:0;visibility:hidden;font-size:10px}.add-prod-clear-btn:hover{background:0 0;color:#ff2727;transform:scale(1.1)}.add-prod-clear-btn svg{display:block;width:15px;height:15px}.add-prod-clear-btn:active{transform:scale(.95);background:0 0}.add-prod-clearable-input{padding-right:35px!important;width:100%}.add-prod-clearable-input:not(:placeholder-shown)~.add-prod-clear-container{opacity:1;visibility:visible}@keyframes click-animation{0%{transform:translateY(0) scale(1)}50%{transform:translateY(0) scale(1.2)}100%{transform:translateY(0) scale(1)}}.add-prod-click-animation{animation:.1s click-animation}#productUrl{padding-right:0}.add-prod-copy-success{position:absolute;right:70px;background:#e5f8ed;color:#2ecc71;padding:2px 8px;border-radius:12px;font-size:12px;animation:1.5s forwards fadeOut;animation-delay:.5s}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.add-prod-block-6{grid-area:1/11/1/12;height:100%;justify-content:center;align-items:center;border-radius:11px/10px}.add-prod-block-7{grid-area:1/12/1/13;justify-content:center;align-items:center;height:100%}.add-prod-block-8{grid-area:2/5/3/7;justify-content:center;align-items:center;height:100%}.add-prod-block-9{grid-area:2/7/3/9;justify-content:center;align-items:center;height:100%}.add-prod-block-10{grid-area:2/9/3/11;justify-content:center;align-items:center;height:100%}.add-prod-block-11{grid-area:3/5/3/11;height:100%;justify-content:center;align-items:center;text-wrap:balanser;text-wrap-mode:initial;text-wrap-style:balance}#productMessage{min-height:50px;max-height:200px;height:50px;resize:vertical;overflow-y:hidden}#productMessage:focus{height:auto;max-height:50px;overflow-y:auto}.add-prod-block-12{grid-area:4/7/5/9;height:100%;justify-content:center;align-items:center}.add-prod-block-13{grid-area:4/9/5/11;height:100%;justify-content:center;align-items:center}.add-prod-block-14{grid-area:4/11/5/12;height:100%;justify-content:center;align-items:center}.add-prod-block-15{grid-area:4/12/5/13;height:100%;justify-content:center;align-items:center}.add-prod-block-16{grid-area:3/11/3/13;background:0 0;box-shadow:none;font-size:12px;align-self:center;justify-self:center;color:var(--optional-color-ap);text-align:center;padding-top:30px;box-sizing:border-box;position:relative;overflow:hidden;transition:background-color .3s;height:100%;flex-direction:column;justify-content:center;align-items:center}.add-prod-block-17{grid-area:2/11/2/13;background:0 0;box-shadow:none;font-size:12px;align-self:center;justify-self:center;color:var(--optional-color-ap);text-align:center;padding:0;box-sizing:border-box;position:relative;overflow:hidden;transition:background-color .3s;cursor:pointer;height:100%;flex-direction:column;justify-content:center;align-items:center}.add-prod-block-18{grid-area:4/5/5/7;height:100%;justify-content:center;align-items:center}.add-prod-form-group{display:flex;border-radius:15px/14px;position:relative;width:100%;height:50px}.add-prod-form-group-c{display:flex;position:relative;width:150px;height:50px}.add-prod-form-group label{position:absolute;top:2px;left:5px;padding:0 5px;font-size:12px;font-weight:600;z-index:1}.add-prod-form-group-c label{position:absolute;top:2px;font-size:12px;font-weight:600;z-index:1}.add-prod-required{color:var(--optional-color-ap)}.add-prod-required:after{content:" *"}.add-prod-optional{color:var(--optional-color-ap)}.add-prod-form-group input[type=number],.add-prod-form-group input[type=text],.add-prod-form-group input[type=url],.add-prod-form-group textarea{width:100%;height:100%;padding:20px 10px 5px;font-size:13px;font-family:Nunito,sans-serif;box-sizing:border-box;border-color:transparent}.add-prod-form-group input,.add-prod-form-group textarea{min-height:50px;resize:vertical;background-color:#ffffffeb;border-radius:15px/14px}input:hover,textarea:hover{background-color:#e8fff7}.add-prod-input-with-button{display:grid;grid-template-columns:25px auto 25px;gap:2px;padding:0;position:relative;width:auto;border-radius:10px;height:48px;overflow:hidden;background-color:transparent;align-items:center;justify-content:center;transition:.3s;cursor:pointer}.add-prod-input-with-button .add-prod-quantity-btn{width:100%;height:25px;display:flex;align-items:center;justify-content:center;border-radius:11px/10px;box-shadow:2px solid #ffb4b4;background-color:#fff;border:none;cursor:pointer;font-size:10px;font-weight:600;color:#666}.add-prod-input-with-button input{border:none;background:0 0;padding:17px 0 0;text-align:center;font-size:13px;width:100%;height:100%;cursor:pointer}.add-prod-minus-btn{background-color:#666;color:#666;border-right:1px solid #e9e9e9;padding:0}.add-prod-minus-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#ccc}.add-prod-plus-btn{background-color:#666;color:#666;border-left:1px solid #e9e9e9;padding:0}.add-prod-plus-btn:hover{color:#ff8000;box-shadow:0 2px 4px rgba(0,0,0,.1)}.add-prod-minus-btn:hover{color:#ff8000;box-shadow:0 2px 4px rgba(0,0,0,.1)}.add-prod-plus-btn:active{background-color:#00e1ff;transform:translateY(-1%) scale(.9);color:#ff8000}.add-prod-minus-btn:active{background-color:#00e1ff;transform:translateY(-1%) scale(.9);color:#ff8000}.add-prod-input-with-button:hover{border-color:#a1a1a1}.add-prod-input-with-button .add-prod-quantity-btn:hover{background-color:#d9d9d9}.add-prod-input-with-button:hover{border-color:#1890ff}.add-prod-input-with-button input{border-radius:15px/14px;background-color:#fff}.add-prod-input-with-button input:hover{background-color:#e4fff5}.add-prod-input-with-button input:focus{outline:0;background-color:#ffffffe0}.add-prod-input-with-button input:active{border:2px;border-color:2px #e8fff7}.add-prod-quantity-btn{border-radius:19px/11px}.add-prod-quantity-btn:hover{background:#dff6f6}.add-prod-quantity-btn:active{background:#cff}.add-prod-quantity-btn.add-prod-decrease{border-right:0px solid #00f7ff}.add-prod-quantity-btn.add-prod-increase{border-left:0 solid #00f7ff}.add-prod-url-status{font-size:12px;margin-top:5px;padding:4px 8px;border-radius:12px/11px;display:none}.add-prod-url-status.add-prod-valid{display:block;color:var(--valid-color-ap);background-color:rgba(46,204,113,.1)}.add-prod-url-status.add-prod-invalid{display:block;color:var(--invalid-color-ap);background-color:rgba(231,76,60,.1)}.add-prod-url-status.add-prod-checking{display:block;color:var(--checking-color-ap);background-color:rgba(52,152,219,.1)}.add-prod-url-status.add-prod-warning{display:block;color:var(--warning-color-ap);background-color:rgba(255,106,0,.1)}@keyframes pulse-ap{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}.add-prod-footer{background-color:#f5f5f5;padding:20px;text-align:center;font-size:14px;color:var(--optional-color-ap);display:flex;flex-direction:column;align-items:center}.add-prod-footer-logo img{height:40px;margin-bottom:10px}.add-prod-footer-links{display:flex;gap:15px;margin-bottom:10px;flex-wrap:wrap;justify-content:center}.add-prod-footer-links a{color:var(--optional-color-ap);text-decoration:none}@media (max-width:1200px){.add-prod-blocks-container{grid-template-columns:repeat(8,1fr);height:auto;grid-auto-rows:minmax(50px,auto)}}@media (max-width:768px){.add-prod-blocks-container{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.add-prod-blocks-container{grid-template-columns:1fr}.add-prod-block{grid-column:auto;grid-row:auto}}.add-prod-block{transition:grid-column .3s,grid-row .3s}.add-prod-input-with-button{flex-direction:column;height:auto}.add-prod-quantity-btn{width:100%;height:50px}}@media (max-width:480px){.add-prod-blocks-container{grid-template-columns:1fr}.add-prod-footer-links{flex-direction:column;gap:7px}}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin:.3rem;height:4rem;background:var(--gradient-primary);color:#fff;padding:0 2rem;position:relative;overflow:hidden;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.147)}.app-header h1{font-size:1.2rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.app-header p{font-size:1.125rem;opacity:.9;font-weight:400}@media (max-width:768px){.app-header{margin-left:3rem}}.app-header .header-text{display:flex;flex:1;align-items:center}.app-header p{margin-bottom:0}.mode-switcher{display:flex;gap:.5rem;background:rgba(255,255,255,.2);padding:.25rem;border-radius:40px;backdrop-filter:blur(4px)}.mode-btn{padding:.75rem 1.5rem;border:none;border-radius:40px;font-size:1rem;font-weight:600;cursor:pointer;transition:.2s;background:0 0;color:#fff;border:1px solid transparent}.mode-btn:hover{background:rgba(255,255,255,.3)}.mode-btn.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.mode-btn-main.active{color:var(--primary)}.mode-btn-partner.active{color:var(--primary)}.mode-btn-stats.active{color:var(--primary)}.mode-btn-finance-stats.active{color:var(--primary)}@media (max-width:768px){.app-header{flex-direction:column;text-align:center}.mode-switcher{width:100%;justify-content:center}}.details-tabs{display:flex;gap:.5rem;margin-left:auto;margin-right:1rem;background:var(--background-alt);padding:.25rem;border-radius:40px}.details-tabs .tab-btn{padding:.6rem 1.5rem;border:none;border-radius:30px 30px 8px 8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s;background:0 0;color:var(--text-muted)}.details-tabs .tab-btn:hover{background:var(--surface);color:var(--text)}.details-tabs .tab-btn.active{background:var(--gradient-primary-button);border-color:var(--primary-button);color:#fff}@media (max-width:768px){.modal-header{flex-wrap:wrap}.details-tabs{order:3;width:100%;justify-content:center;margin-top:1rem}}.operations-header{display:flex;justify-content:start;align-items:center;margin-bottom:1.5rem;gap:1rem}.operations-header h2{font-size:1.5rem;font-weight:700;color:var(--text);white-space:nowrap}.date-range{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;width:330px}.date-range input[type=date]{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg);font-family:Nunito,sans-serif}.operations-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:var(--shadow-sm)}.summary-card .summary-label{font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem}.summary-card .summary-values{display:flex;gap:.75rem;font-size:1.1rem;font-weight:600}.summary-card .amount-usd{color:var(--success)}.summary-card .amount-rub{color:#174099}.mode-btn-operations.active{color:var(--primary)}#operationsTable td:last-child{white-space:nowrap}#operationsTable .space-action-btn{display:inline-flex;align-items:center;justify-content:center}#operationsTable{min-width:1000px}#operationsTable th{background:var(--background-alt);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}#operationsTable td{padding:.5rem .75rem}#addOperationBtn{margin-bottom:1rem}.action-bar{display:flex;align-items:center;justify-content:start;gap:.5rem;margin:1rem 1rem 0 4.1rem}.notificationBadge{position:absolute;top:0;right:0;background:#e53e3e;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}@media (max-width:768px){.operations-header{flex-direction:column;align-items:flex-start;gap:1rem}.operations-summary{grid-template-columns:1fr 1fr}.date-range{width:100%;flex-wrap:wrap}}.user-info{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.85rem}.user-avatar{font-size:1rem}.user-name{font-weight:600;color:#fff}.user-role{color:#ededed;font-size:.75rem}.logo{display:inline-block;font-size:1.8rem;font-weight:800;color:#2563eb;background:#eff6ff;padding:.1rem .4rem;border-radius:.5rem;line-height:1;margin-right:.4rem;user-select:none}.company-name-header{display:flex;align-items:center;font-size:.9rem;font-weight:400;color:#efefef;margin-left:.75rem;padding-left:.75rem;border-left:1px solid var(--border);white-space:nowrap;opacity:.85;transition:opacity .2s}.company-name-header:hover{opacity:1}@media (max-width:768px){.logo{font-size:1.4rem;padding:.05rem .3rem;margin-right:.2rem}.company-name-header{font-size:.7rem;margin-left:.4rem;padding-left:.4rem}}.auth-modal .modal-content{width:500px;max-width:90vw;background:#fff;border-radius:var(--radius-lg);overflow:hidden}.auth-modal .modal-header{display:flex;justify-content:flex-end;padding:1.5rem 1.5rem 0;border-bottom:none}.auth-modal .modal-header h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.auth-modal .btn-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#94a3b8;transition:color .2s}.auth-modal .btn-close:hover{color:#1e293b}.auth-modal .modal-form{padding:1.5rem}.auth-tabs{display:flex;gap:1rem;margin-bottom:1rem;background:#f7fafc;padding:.5rem;border-radius:var(--radius-lg)}.auth-tab{flex:1;padding:.75rem;border:none;background:0 0;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:.3s}.auth-tab.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.auth-tab.active::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#06c}.auth-panel{display:none;animation:.2s fadeIn}.auth-panel.active{display:block}.auth-panel .form-group{margin-bottom:1.25rem}.auth-logo{text-align:center;margin-bottom:2.5rem}.auth-logo .logo-title{font-size:2rem;text-transform:uppercase;font-weight:800;color:#1a62ff;letter-spacing:.05em}.auth-logo .tagline{font-size:.8rem;color:#64748b}.auth-welcome{text-align:center;margin-bottom:1.5rem}.auth-welcome h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.auth-welcome p{font-size:.85rem;color:#64748b}.auth-form .form-group{margin-bottom:1.25rem}.auth-form label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600;color:#334155}.auth-form input{width:100%;border:1.5px solid #e2e8f0;border-radius:var(--radius-lg);font-size:.9rem;transition:.2s}.auth-form input:focus{outline:0;border-color:#06c;box-shadow:0 0 0 3px rgba(0,102,204,.1)}.auth-form input.error{border-color:#ef4444}.auth-form .error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:none}.auth-form .success-message{color:#10b981;font-size:.75rem;margin-top:.25rem;display:none;text-align:center}.auth-form .submit-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--primary),#587fff);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s;margin-top:.5rem;box-shadow:0 0 12px rgba(0,0,0,.2),0 0 4px rgba(0,0,0,.05);transition:transform .2s cubic-bezier(.2, .9, .4, 1.1),box-shadow .25s,background .2s;will-change:transform;backface-visibility:hidden}.auth-form .submit-btn:hover{transform:scale(1.01);background:linear-gradient(135deg,var(--primary-dark),#3b6eff);box-shadow:0 0 20px rgba(0,0,0,.25),0 0 8px rgba(0,0,0,.1)}.auth-form .submit-btn:disabled{transform:scale(1.02);transition:transform 50ms;box-shadow:0 0 6px rgba(0,0,0,.15)}.auth-links{text-align:center;margin-top:1rem}.auth-links a{color:#06c;text-decoration:none;font-size:.85rem;cursor:pointer}.auth-links a:hover{text-decoration:underline}.step-indicator{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.step-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;transition:.2s}.step-dot.active{background:#06c;width:24px;border-radius:var(--radius-lg)}.form-step{transition:opacity .2s}.verification-section{background:#eff6ff;border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem}.password-requirements{font-size:.7rem;color:#64748b;margin-top:.5rem}.requirement{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.requirement.met{color:#10b981}.captcha-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#f1f5f9;border-radius:var(--radius-lg)}.captcha-code{font-family:monospace;font-size:1.25rem;font-weight:700;letter-spacing:3px;padding:.5rem 1rem;background:#e2e8f0;border-radius:var(--radius-lg);user-select:none}.refresh-captcha{background:0 0;border:none;color:#06c;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.hint-message{font-size:.75rem;padding:.25rem 0;transition:.2s;display:none;margin-top:.25rem;border-radius:20px}.hint-message.success-message{color:#10b981;display:block}.hint-message.error-message{color:#ef4444;display:block}.hint-message.visible{display:block}.auth-language-switcher .lang-btn{background:0 0;border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:1rem;padding:.25rem .75rem;cursor:pointer;font-size:.8rem;transition:.2s}.auth-language-switcher .lang-btn:hover{background:var(--background-alt)}.auth-language-switcher .lang-btn.active{background:var(--primary);border-color:var(--primary)}.lang-btn.active{border-color:var(--primary)!important}.logo-modal{display:flex;align-items:center;justify-content:center;font-size:2.7rem;font-weight:800;line-height:1;color:#fff;background-color:#1a62ff;padding:.2rem .7rem;border-radius:var(--radius)}.legal-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.legal-links a{color:#718096;text-decoration:none;font-size:.8rem;transition:color .3s}.legal-links a:hover{color:#06c}@keyframes slideIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:560px){.auth-modal .modal-content{width:95vw;margin:.5rem}.auth-tabs{gap:1rem}}.bulk-actions-panel{position:fixed;bottom:5rem;left:0;right:0;margin:0 auto;width:fit-content;min-width:280px;max-width:95%;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.04);padding:.5rem 1rem;z-index:9999;animation:.25s cubic-bezier(.2,.9,.4,1.1) slideUp;border:1px solid rgba(0,0,0,.05)}.bulk-actions-content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.selected-info{font-size:.8rem;font-weight:600;background:#e6f7ff;padding:.3rem .9rem;border-radius:var(--radius-lg);color:#06c;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(0,102,204,.1)}.bulk-actions-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.bulk-action-btn{padding:.4rem .9rem;font-size:.8rem;border-radius:var(--radius-lg);background:0 0;border:1px solid #e2e8f0;transition:.2s;display:inline-flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer;color:#1e293b}.bulk-action-btn:hover{background:#f8fafc;border-color:#06c;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.05)}.bulk-action-btn-danger{padding:.4rem .9rem;font-size:.8rem;border-radius:var(--radius-lg);background:0 0;border:1px solid #ffccc7;transition:.2s;display:inline-flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer;color:#ef4444}.bulk-action-btn-danger:hover{background:#fef2f2;border-color:#ef4444;transform:translateY(-1px)}.bulk-action-btn .action-icon,.bulk-action-btn-danger .action-icon{font-size:.85rem;line-height:1}.bulk-close-btn{background:0 0;border:none;font-size:1.2rem;cursor:pointer;padding:.2rem .5rem;color:#94a3b8;transition:color .2s;border-radius:var(--radius-lg)}.bulk-close-btn:hover{color:#1e293b;background:#f1f5f9}.bulk-date-field-group{margin-bottom:1rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background)}.bulk-date-label{font-weight:600;margin-bottom:.5rem}.bulk-date-strategy{display:flex;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.bulk-date-info{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.bulk-date-input{width:100%;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg)}.bulk-date-info.warning{color:var(--warning);background:var(--warning-light);padding:.25rem .5rem;border-radius:var(--radius-lg);margin-bottom:.5rem}.bulk-date-strategy .radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem 0}.bulk-date-strategy .radio-option input[type=radio]{margin:0;width:1rem;height:1rem}.radio-group{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:var(--radius-lg);transition:background .2s}.radio-option:hover{background:var(--background-alt)}.radio-option input[type=radio]{width:1.1rem;height:1.1rem;margin:0}.bulk-current-status{margin-bottom:1rem;padding:.5rem 1rem;background:var(--background-alt);border-radius:var(--radius-lg);font-size:.9rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}@media (max-width:600px){.bulk-date-field-group{padding:.5rem}.bulk-date-strategy{flex-direction:column;gap:.5rem}.radio-group{gap:.5rem}}@media (max-width:680px){.bulk-action-btn .action-text,.bulk-action-btn-danger .action-text{display:none}.bulk-action-btn,.bulk-action-btn-danger{padding:.5rem;gap:0}.selected-info{font-size:.75rem;padding:.2rem .7rem}}@keyframes slideUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.bulk-current-status{flex-direction:column;align-items:flex-start}}.cargo-nav-btn{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition:.2s;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:28px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.2)}.cargo-nav-btn:hover{background:rgba(0,0,0,.8);transform:translateY(-50%) scale(1.05);border-color:rgba(255,255,255,.6)}.cargo-nav-prev{left:70px}.cargo-nav-next{right:70px}.cargo-nav-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.print-receipt-btn{margin-left:auto;white-space:nowrap}@media (max-width:768px){.print-receipt-btn{margin-left:0;margin-top:.5rem}}@media (max-width:768px){.cargo-nav-btn{width:40px;height:40px;font-size:24px}.cargo-nav-prev{left:10px}.cargo-nav-next{right:10px}}button{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:.2s;outline:0;padding:.5rem 1.3rem;font-size:.85rem}.btn-secondary{background:var(--background);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--background-alt)}.btn-danger{background:var(--gradient-error);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.btn-success{background:linear-gradient(135deg,var(--success),#047857);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#047857,#065f46)}.btn-close{background:0 0;color:var(--text-muted);padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:var(--background);color:var(--text)}.action-buttons{display:flex;gap:.25rem;justify-content:center;flex-wrap:nowrap}.payment-paid{background-color:var(--success-light)!important;color:var(--success)!important}.btn-outline-company{background:#1a62ff;color:#fff;border-radius:var(--radius-lg);padding:.5rem 1.3rem;font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;box-shadow:0 0 12px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.02);transition:transform .2s cubic-bezier(.2, .9, .4, 1.1),box-shadow .25s,background .2s,border-color .2s,color .2s;will-change:transform;backface-visibility:hidden}.btn-outline-company:hover:not(:disabled){background:var(--background-alt);border-color:var(--primary);color:var(--primary);box-shadow:0 0 20px rgba(0,0,0,.15),0 0 8px rgba(0,0,0,.05)}.btn-outline-company:active:not(:disabled){transform:scale(.98);background:var(--background);border-color:var(--border-dark);transition:transform 50ms;box-shadow:0 0 6px rgba(0,0,0,.1)}.btn-outline-company:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border);color:var(--text-disabled);transform:none;box-shadow:none;pointer-events:none}.section-card-header{padding-left:.5rem;font-weight:700;font-size:.75rem;color:var(--text);display:flex;align-items:center}.calculation-method-label{font-size:.75rem}.section-card-header .section-icon{font-size:1.2rem;opacity:.8}.section-card-content{padding:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-lg)}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"code date";gap:var(--space-md)}.info-grid .code-area{grid-area:code}.info-grid .date-area{grid-area:date}.physical-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"pieces weight volume density";gap:var(--space-md)}.physical-grid .pieces-area{grid-area:pieces}.physical-grid .weight-area{grid-area:weight}.physical-grid .volume-area{grid-area:volume}.physical-grid .density-area{grid-area:density}.recipient-grid{display:grid;grid-template-columns:1fr 0.6fr 1fr 2fr;gap:var(--space-md)}.finance-grid{display:grid;gap:var(--space-md)}.finance-grid.method-weight{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-areas:"method method method method method" "rate packaging cargo insurance insurance" "calculation calculation calculation calculation calculation"}.finance-grid.method-volume{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-areas:"method method method method method" "volume_rate packaging cargo insurance insurance" "calculation calculation calculation calculation calculation"}.finance-grid .method-area{grid-area:method}.finance-grid .rate-area{grid-area:rate}.finance-grid .volume-rate-area{grid-area:volume_rate}.finance-grid .packaging-area{grid-area:packaging}.finance-grid .cargo-area{grid-area:cargo}.finance-grid .insurance-area{grid-area:insurance}.finance-grid .calculation-area{grid-area:calculation}.delivery-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"packaging method min max";gap:var(--space-md)}.delivery-grid .packaging-type-area{grid-area:packaging}.delivery-grid .delivery-method-area{grid-area:method}.delivery-grid .min-days-area{grid-area:min}.delivery-grid .max-days-area{grid-area:max}.extra-grid{display:grid;grid-template-columns:1fr 1fr 0.8fr 0.8fr;grid-template-areas:"vehicle plate zone row";gap:var(--space-md);margin-top:var(--space-md)}.extra-grid .vehicle-number-area{grid-area:vehicle}.extra-grid .vehicle-plate-area{grid-area:plate}.extra-grid .unloading-zone-area{grid-area:zone}.extra-grid .unloading-row-area{grid-area:row}.field-container{display:flex;flex-direction:column;gap:.25rem}.modal-content{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif}.density-value{font-size:.9rem;font-weight:600;color:var(--cargo);padding:5px 0 0 15px;display:flex;align-items:center}.field-hint{display:block;align-items:center;gap:.2rem;font-size:var(--text-xs);color:var(--text-light);margin-left:.2rem;width:100%;margin-top:0;clear:both}.field-hint::before{content:'💡';font-size:.65rem;opacity:.8}.cargo-area,.insurance-area,.method-area,.packaging-area,.rate-area,.volume-rate-area{display:flex;flex-direction:column}.calculation-method-group{margin-bottom:.25rem}.calculation-method-selector{display:flex;gap:.75rem;margin-top:.5rem}.method-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:.2s;flex:1;text-align:center;justify-content:center}.method-option:hover{background:var(--background-hover);border-color:var(--primary-light)}.method-option.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);animation:.3s methodSwitch}.method-option.active span{font-weight:600}.method-option input[type=radio]{display:none}.method-icon{font-size:1.25rem}.method-label{font-size:.9rem;font-weight:500}.method-description{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.calculation-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.5rem}.calculation-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs);padding-bottom:var(--space-xs)}.calculation-header h5{font-size:.75rem;font-weight:700;color:var(--text);margin:0}.calculation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.calc-item{background:var(--surface);padding:var(--space-xxs);border-radius:var(--radius-lg);border-left:3px solid var(--warning);text-align:center}.calc-item.total{border-left-color:var(--success);background:linear-gradient(135deg,var(--success-light),var(--surface));text-align:center}.calc-item label{display:block;font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.calc-item .value{font-size:.85rem;font-weight:700;color:var(--text)}.calc-item.total .value{font-size:1.2rem;color:var(--success)}.calculation-history{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px dashed var(--border)}.calculation-history-title{font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.03em}.history-container{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:.75rem;max-height:200px;overflow-y:auto}.history-item{padding:.5rem;font-size:.8rem;display:flex;flex-direction:column;gap:.25rem}.history-change{font-weight:600;color:var(--primary)}.history-rate-old{color:var(--text-muted);text-decoration:line-through;font-size:.75rem}.history-rate-new{color:var(--success);font-weight:600}.auto-fill-info{background:var(--success-light);color:var(--success);padding:var(--space-md);border-radius:var(--radius-lg);border-left:4px solid var(--success);font-size:.85rem;margin-top:10px}.form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-xl)}@media (max-width:768px){.delivery-grid,.extra-grid,.info-grid,.physical-grid{grid-template-columns:1fr;grid-template-areas:"code" "date"}.physical-grid{grid-template-areas:"weight" "volume" "density"}.delivery-grid{grid-template-areas:"pieces" "packaging" "method" "min" "max"}.extra-grid{grid-template-areas:"vehicle" "plate" "zone" "row"}.finance-grid.method-volume,.finance-grid.method-weight{grid-template-columns:1fr;grid-template-areas:"method" "rate" "packaging" "cargo" "insurance" "calculation"}.finance-grid.method-volume{grid-template-areas:"method" "volume_rate" "packaging" "cargo" "insurance" "calculation"}.calculation-method-selector{flex-direction:column}.method-option{width:100%}}@keyframes methodSwitch{0%{transform:scale(.95);opacity:.7}100%{transform:scale(1);opacity:1}}#editCargoModal .edit_calculation-volume,#editCargoModal .edit_calculation-weight{pointer-events:none}#editFinanceGrid.method-weight .edit_calculation-weight{visibility:visible;pointer-events:auto}#editFinanceGrid.method-volume .edit_calculation-volume{visibility:visible;pointer-events:auto}#editFinanceGrid{display:grid;gap:var(--space-md)}.balance-due{border:none;background-color:#e1faff}.cargo-photos-modal[open]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;background:0 0;border:none;padding:1rem;margin:0;max-width:100%;max-height:100%;width:100%;height:100%}.cargo-photos-modal .modal-content{max-width:900px;width:95vw;background:var(--surface,#fff);border-radius:16px!important;box-shadow:0 0 20px rgba(0,0,0,.1);animation:.3s modalSlideIn;max-height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden}@keyframes modalSlideIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cargo-photos-modal-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0!important}.cargo-photos-modal-header .modal-header-content{display:flex;align-items:center;gap:1rem}.cargo-photos-modal-header .modal-icon{width:44px;height:44px;background:#d4e4ff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.cargo-photos-modal-header .modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text,#1f2937)}.cargo-photos-modal-header .modal-subtitle{font-size:.8rem;color:var(--text-muted,#6b7280);margin-top:.2rem}.modal-close-btn{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.05);border:none;font-size:1.5rem;color:var(--text-muted,#6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.modal-close-btn:hover{background:rgba(0,0,0,.1);color:var(--text,#1f2937);transform:scale(1.1)}.cargo-photos-modal-body{flex:1;overflow-y:auto;padding:1.5rem;min-height:300px;max-height:calc(90vh - 140px);position:relative}.photo-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.5rem;background:var(--background,#f8fafc);border-radius:var(--radius,8px);border:1px solid var(--border-light,#f1f5f9)}.photo-sort-bar{display:flex;gap:.5rem}.sort-btn{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:30px;cursor:pointer;font-size:.85rem;color:var(--text,#1f2937);transition:.2s}.sort-btn:hover{background:var(--background-alt,#f1f5f9);border-color:var(--primary-button);transition:.2s}.sort-btn.active{background:var(--primary-button);color:#fff;border-color:var(--primary-button)}.selection-controls{display:flex;align-items:center;gap:.5rem;margin-left:auto}.photo-select-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:30px;cursor:pointer;font-size:.9rem;color:var(--text,#1f2937);transition:.2s;min-width:100px;justify-content:center}.photo-select-toggle-btn.active{background:var(--primary-button);border-color:var(--primary-button);color:#fff}.photo-select-toggle-btn.active .btn-icon{transform:rotate(0)}.photo-select-toggle-btn .btn-icon{font-size:1.1rem;transition:transform .2s}.photo-select-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:30px;cursor:pointer;font-size:.9rem;color:var(--text,#1f2937);transition:.2s;white-space:nowrap}.photo-select-all-btn:hover{background:var(--background-alt,#f1f5f9);border-color:var(--primary-button)}.photo-select-all-btn .btn-icon{font-size:1rem}.photo-select-toggle-btn.disabled,.photo-select-toggle-btn:disabled{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important;background:var(--background-alt,#f1f5f9)!important;border-color:var(--border,#e2e8f0)!important;color:var(--text-muted,#6b7280)!important}.photo-select-toggle-btn.disabled:hover,.photo-select-toggle-btn:disabled:hover{transform:none!important;box-shadow:none!important;border-color:var(--border,#e2e8f0)!important;background:var(--background-alt,#f1f5f9)!important}.photo-gallery{transition:opacity .3s,transform .3s;width:100%}.photo-gallery:not(.gallery-hidden){animation:.3s fadeIn}.photo-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:.25rem}.photo-gallery-grid{transition:opacity .2s}.photo-gallery-grid.updating{opacity:.6}.photo-gallery-item{position:relative;border-radius:var(--radius,8px);overflow:hidden;aspect-ratio:1/1;border:2px solid transparent;background:var(--background-alt,#f1f5f9);transition:.2s;cursor:pointer;box-shadow:var(--shadow,0 1px 3px rgba(0,0,0,.1))}.photo-gallery-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,.1));border-color:var(--primary-button);z-index:2}.photo-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.photo-gallery-item:hover img{transform:scale(1.1)}.photo-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;gap:1rem}.photo-gallery-item:hover .photo-item-overlay{opacity:1}.photo-delete-btn{position:absolute;top:10px;right:10px;background:rgba(239,68,68,.95);color:#fff;border:none;border-radius:50%!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;line-height:1!important;box-sizing:border-box!important;font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;box-shadow:0 4px 12px rgba(0,0,0,.3);transform:scale(.9);z-index:10;margin:0}.photo-delete-btn:hover{background:#ef4444;transform:scale(1);box-shadow:0 6px 16px rgba(239,68,68,.4)}.photo-view-btn{background:rgba(59,130,246,.95);color:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;box-shadow:0 4px 12px rgba(0,0,0,.3);transform:scale(.9)}.photo-view-btn:hover{background:#3b82f6;transform:scale(1);box-shadow:0 6px 16px rgba(59,130,246,.4)}.photo-item-footer{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:.75rem;display:flex;flex-direction:column;gap:.25rem;opacity:0;transform:translateY(100%);transition:.2s}.photo-gallery-item:hover .photo-item-footer{opacity:1;transform:translateY(0)}.photo-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-date{font-size:.7rem;opacity:.8}.photo-gallery.selection-mode .photo-gallery-item{cursor:pointer}.photo-gallery.selection-mode .photo-gallery-item::before{content:'';position:absolute;top:12px;left:12px;width:35px;height:35px;border-radius:50%;background:rgba(255,255,255,.9);border:2px solid var(--primary-button);z-index:3;opacity:0;transform:scale(.8);transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.2)}.photo-gallery.selection-mode .photo-gallery-item.selected::before{opacity:1;transform:scale(1);background:var(--primary-button);content:'✓';color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;line-height:1}.photo-gallery.selection-mode .photo-gallery-item:hover::before{opacity:.5;transform:scale(1)}.photo-gallery.selection-mode .photo-gallery-item.selected:hover::before{opacity:1;background:var(--primary-button)}.photo-select-btn{display:none!important}.photo-gallery.selection-mode .photo-gallery-item:hover img{filter:brightness(.8)}.photo-gallery-item.selected{border-color:var(--primary-button);box-shadow:0 0 0 3px rgba(123,121,117,.3)}.photo-gallery-item.selected img{filter:brightness(1)}.photo-gallery.selection-mode .photo-delete-btn{display:none!important}.photo-gallery.selection-mode .photo-gallery-item:hover .photo-item-overlay{opacity:0;pointer-events:none}.photo-action-bar{position:sticky;bottom:1rem;left:0;right:0;z-index:100;animation:.3s slideUp;margin-top:1rem}.action-bar-content{background:#fff;border-radius:50px/49px;padding:.75rem 1.5rem;box-shadow:var(--shadow-lg,0 20px 25px -5px rgba(0,0,0,.2));display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border,#e2e8f0);max-width:400px;margin:0 auto}.selected-count{font-size:1rem;color:var(--text,#1f2937)}.selected-count span{font-weight:700;color:var(--primary-button);font-size:1.2rem;margin-left:.25rem}.photo-gallery-empty{text-align:center;padding:3rem 1.5rem;color:var(--text-muted,#6b7280);background:linear-gradient(135deg,var(--background,#f8fafc),var(--surface,#fff));border-radius:var(--radius,8px);border:2px dashed var(--border,#e2e8f0)}.photo-gallery-empty .empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.photo-gallery-empty h4{margin:0 0 .5rem;font-size:1.2rem;color:var(--text,#1f2937)}.photo-gallery-empty p{max-width:350px;margin:0 auto;font-size:.9rem;color:var(--text-muted,#6b7280)}.camera-preview-container{position:relative;width:100%;background:#000;border-radius:24px;overflow:hidden;margin:0 0 1rem;border:none;animation:.3s slideDown;z-index:1002;aspect-ratio:9/16;max-height:70vh}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.camera-header{position:absolute;top:0;left:0;right:0;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.camera-header-left,.camera-header-right{display:flex;gap:16px}.camera-header-center{position:absolute;left:50%;transform:translateX(-50%)}.camera-mode{color:#fff;font-size:16px;font-weight:500;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.camera-btn{background:rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:30px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;color:#fff;font-size:20px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.camera-btn:hover{background:rgba(255,255,255,.4);transform:scale(1.05)}.camera-btn.active{background:var(--primary-button);color:#fff}.camera-viewport{position:relative;width:100%;height:100%;background:#111}.camera-viewport video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.focus-reticle{position:absolute;width:70px;height:70px;border:2px solid rgba(255,255,255,.8);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:0 0 20px rgba(0,0,0,.3)}.camera-viewport:active .focus-reticle{opacity:1;animation:.5s focusPulse}@keyframes focusPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}.exposure-slider-container{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px 8px;border-radius:30px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.exposure-slider{-webkit-appearance:slider-vertical;appearance:slider-vertical;width:4px;height:150px;background:rgba(255,255,255,.3);border-radius:2px;outline:0;cursor:pointer}.exposure-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3)}.camera-footer{position:absolute;bottom:0;left:0;right:0;padding:20px 24px 30px;display:flex;align-items:center;justify-content:space-between;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.camera-footer-left,.camera-footer-right{flex:1}.camera-footer-right{display:flex;justify-content:flex-end}.camera-text-btn{background:rgba(255,255,255,.15);border:none;color:#fff;font-size:16px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:30px;transition:.2s;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.3px}.camera-text-btn:hover{background:#f4f4f4;color:#000}.camera-icon-btn{background:0 0;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:30px;transition:.2s;text-shadow:0 2px 4px rgba(0,0,0,.3)}.camera-icon-btn:hover{background:rgba(255,255,255,.15);transform:scale(1.1)}.camera-shutter-container{display:flex;justify-content:center;align-items:center;flex:0 0 auto}.camera-shutter-btn{background:0 0;border:none;cursor:pointer;padding:0;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}.shutter-inner{width:70px;height:70px;border-radius:50%;background:#fff;border:3px solid rgba(255,255,255,.5);transition:.2s;box-shadow:0 4px 20px rgba(0,0,0,.4)}.camera-shutter-btn:hover .shutter-inner{transform:scale(.95);background:#f0f0f0}.camera-shutter-btn:active .shutter-inner{transform:scale(.85);background:#e0e0e0}@keyframes cameraFlash{0%{background:rgba(255,255,255,0)}20%{background:rgba(255,255,255,.8)}100%{background:rgba(255,255,255,0)}}.camera-flash{animation:.3s cameraFlash}.camera-timer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:4rem;font-weight:300;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1004;animation:1s infinite timerPulse;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 30px rgba(0,0,0,.4)}@keyframes timerPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.9}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.burst-indicator{position:absolute;top:20px;right:20px;background:rgba(245,158,11,.9);color:#fff;padding:6px 12px;border-radius:30px;font-size:14px;font-weight:600;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);z-index:20;animation:.3s fadeIn}.cargo-photos-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border,#e2e8f0);border-radius:0 0 16px 16px!important;min-height:80px;display:flex;align-items:center;justify-content:center}.footer-add-mode{display:flex;justify-content:center;transition:opacity .3s}.footer-add-mode{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.5rem 1.3rem;font-size:1rem;border-radius:30px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:.2s;box-shadow:0 4px 12px rgba(245,158,11,.3)}.footer-add-mode .btn-primary:hover{box-shadow:0 6px 16px rgba(245,158,11,.4)}.footer-add-mode-new{display:flex!important;align-items:center!important;justify-content:center!important;gap:1rem!important;width:100%;flex-wrap:nowrap!important}.footer-add-mode-new .add-photo-label{font-size:1rem;color:var(--text,#1f2937);font-weight:500;white-space:nowrap;flex-shrink:0}.footer-add-mode-new .photo-action-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:.5rem;background:#fff;border:1px solid var(--border,#e2e8f0);padding:.6rem 1.25rem;border-radius:30px;cursor:pointer;font-size:.95rem;color:var(--text,#1f2937);transition:.2s;white-space:nowrap;flex-shrink:0;box-shadow:var(--shadow-sm,0 1px 2px 0 rgba(0,0,0,.05))}.footer-add-mode-new .photo-action-btn:hover{background:var(--background-alt,#f1f5f9);border-color:var(--primary-button);box-shadow:var(--shadow,0 4px 6px -1px rgba(0,0,0,.1))}.footer-add-mode-new .photo-action-btn .btn-icon{font-size:1.1rem}.photo-add-menu{display:none!important}.footer-selection-mode{width:100%}.selection-footer-content{display:flex;align-items:center;justify-content:center;max-width:500px;margin:0 auto;gap:1rem}.selection-footer-content .selected-count{font-size:1rem;color:var(--text,#1f2937);white-space:nowrap}.selection-footer-content .selected-count span{font-weight:700;color:var(--primary-button);font-size:1.2rem;margin-left:.25rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;width:100%;background:var(--background,#f8fafc);border-radius:var(--radius,8px)}.loading-state .spinner{width:48px;height:48px;border:4px solid var(--border-light,#f1f5f9);border-top-color:var(--primary-button);border-radius:50%;animation:.8s linear infinite spin;margin-bottom:1rem}.loading-state span{color:var(--text-muted,#6b7280);font-size:1rem}.upload-progress{position:fixed;bottom:20px;right:20px;background:#fff;border-radius:var(--radius,8px);padding:1rem;box-shadow:var(--shadow-lg,0 20px 25px -5px rgba(0,0,0,.2));z-index:1005;min-width:250px;animation:.3s slideIn}@keyframes slideIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.progress-bar{height:4px;background:var(--border-light,#f1f5f9);border-radius:2px;overflow:hidden;margin:.5rem 0}.progress-fill{height:100%;background:var(--primary-button);transition:width .3s}.photo-gallery.gallery-hidden{display:none!important}.cargo-photos-modal[open]{z-index:1000}.cargo-photos-modal[open] .modal-content{z-index:1001}.photo-viewer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.photo-viewer.active{opacity:1;visibility:visible}.photo-viewer-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);backdrop-filter:blur(8px)}.photo-viewer-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.photo-viewer-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.photo-viewer-content img{max-width:90vw;max-height:80vh;object-fit:contain;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:.3s viewerZoomIn;border-radius:var(--radius-lg)}@keyframes viewerZoomIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.photo-viewer-info{margin-top:1rem;color:#fff;text-align:center;font-size:.9rem;display:flex;gap:1rem;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:.5rem 1rem;border-radius:30px;backdrop-filter:blur(4px)}.photo-viewer-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:10001}.photo-viewer-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.photo-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:10001}.photo-viewer-nav:hover{background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.1)}.photo-viewer-prev{left:20px}.photo-viewer-next{right:20px}.last-photo-preview{position:absolute;bottom:100px;left:65px;bottom:100px;width:80px;height:80px;border-radius:12px;overflow:hidden;border:3px solid #fff;box-shadow:0 4px 15px rgba(0,0,0,.3);cursor:pointer;z-index:1003;animation:.3s previewFadeIn;transition:transform .2s,box-shadow .2s}.last-photo-preview:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.4)}.last-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.last-photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;backdrop-filter:blur(2px)}.last-photo-preview:hover .last-photo-overlay{opacity:1}.last-photo-view-icon{background:var(--primary-light);color:#fff;border-radius:50%;width:40px;height:40px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.3);transform:scale(.9);transition:transform .2s}.last-photo-preview:hover .last-photo-view-icon{transform:scale(1)}@keyframes previewFadeIn{from{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.photo-delete-confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;display:none;align-items:center;justify-content:center}.photo-delete-confirm-modal.active{opacity:1;visibility:visible}.photo-delete-confirm-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.photo-delete-confirm-container{position:relative;width:90%;max-width:450px;background:var(--surface,#fff);border-radius:var(--radius,8px);box-shadow:var(--shadow-lg,0 20px 25px -5px rgba(0,0,0,.2));animation:.3s modalSlideIn;z-index:10001;overflow:hidden}.photo-delete-confirm-header{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.photo-delete-confirm-icon{width:40px;height:40px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;box-shadow:0 4px 10px rgba(239,68,68,.3)}.photo-delete-confirm-header h3{flex:1;margin:0;font-size:1.1rem;font-weight:600;color:var(--text,#1f2937)}.photo-delete-confirm-close{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.05);border:none;font-size:1.2rem;color:var(--text-muted,#6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.photo-delete-confirm-close:hover{background:rgba(0,0,0,.1);color:var(--text,#1f2937);transform:scale(1.1)}.photo-delete-confirm-body{padding:1.5rem;text-align:center}.photo-delete-confirm-body p{margin:0 0 .5rem;font-size:1rem;color:var(--text,#1f2937)}.photo-delete-confirm-warning{color:#ef4444!important;font-size:.9rem!important;font-weight:500;margin-bottom:1.5rem!important}.photo-delete-preview{width:120px;height:120px;margin:0 auto 1rem;border-radius:12px;overflow:hidden;border:3px solid var(--border,#e2e8f0);box-shadow:var(--shadow,0 4px 6px -1px rgba(0,0,0,.1))}.photo-delete-preview img{width:100%;height:100%;object-fit:cover;display:block}.photo-delete-confirm-footer{padding:1.25rem 1.5rem;display:flex;justify-content:flex-end;gap:1rem}.photo-delete-confirm-footer .btn{padding:.6rem 1.5rem;font-size:.95rem;border:none;border-radius:30px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:.5rem}.photo-delete-confirm-footer .btn-danger .btn-icon{font-size:1rem}.preview-grid{display:grid;gap:4px;width:100%;height:100%}.double-preview{width:200px;height:100px;margin:0 auto 1rem}.double-preview .preview-grid{grid-template-columns:1fr 1fr}.triple-preview{width:180px;height:120px;margin:0 auto 1rem}.triple-preview .grid-3{grid-template-columns:repeat(3,1fr)}.quadruple-preview{width:160px;height:160px;margin:0 auto 1rem}.quadruple-preview .grid-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.collage-preview{width:160px;height:160px;margin:0 auto 1rem}.collage-preview .grid-collage{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.preview-item{width:100%;height:100%;overflow:hidden;border-radius:4px;background:var(--background-alt,#f1f5f9)}.preview-item img{width:100%;height:100%;object-fit:cover;display:block}.preview-item.preview-more{background:rgba(245,158,11,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--primary-button);border:2px dashed var(--primary-button)}.single-preview{width:120px;height:120px;margin:0 auto 1rem}.single-preview img{width:100%;height:100%;object-fit:cover;border-radius:35px}@media (max-width:768px){.photo-gallery-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.cargo-photos-modal-header .modal-header-content{flex-direction:column;text-align:center}.cargo-photos-modal-header .modal-icon{margin:0 auto}.photo-viewer-nav{width:40px;height:40px;font-size:24px}.photo-viewer-close{width:36px;height:36px;font-size:20px;top:10px;right:10px}.photo-viewer-info{flex-direction:column;gap:.25rem;padding:.5rem;font-size:.8rem}.last-photo-preview{width:70px;height:70px;bottom:90px;left:15px}.last-photo-view-icon{width:32px;height:32px;font-size:1rem}.photo-toolbar{flex-direction:column;align-items:stretch}.photo-sort-bar{margin-left:0}.selection-controls{width:100%;justify-content:space-between;margin-left:0}.photo-select-all-btn,.photo-select-toggle-btn{flex:1}.action-bar-content{flex-direction:column;gap:1rem;border-radius:20px;padding:1rem}.selected-count{text-align:center}.photo-action-bar .btn-danger{width:100%;justify-content:center}.footer-add-mode-new{gap:.75rem}.footer-add-mode-new .photo-action-btn{padding:.5rem 1rem;font-size:.85rem}.camera-preview-container{aspect-ratio:9/16;border-radius:20px}.camera-header{padding:12px 16px}.camera-btn{width:40px;height:40px;font-size:18px}.camera-shutter-btn{width:70px;height:70px}.shutter-inner{width:60px;height:60px}.camera-footer{padding:16px 20px 24px}.camera-text-btn{font-size:15px}.camera-icon-btn{font-size:22px}}@media (max-width:600px){.footer-add-mode-new{flex-wrap:wrap!important;gap:.5rem}.footer-add-mode-new .add-photo-label{width:100%;text-align:center}.footer-add-mode-new .photo-action-btn{width:100%;justify-content:center}}@media (max-width:480px){.photo-gallery-grid{grid-template-columns:1fr}.cargo-photos-modal-body{padding:1rem}.photo-viewer-prev{left:5px}.photo-viewer-next{right:5px}.last-photo-preview{width:60px;height:60px;bottom:80px;left:10px}.last-photo-view-icon{width:28px;height:28px;font-size:.9rem}.photo-delete-confirm-container{width:95%}.photo-delete-confirm-footer{flex-direction:column-reverse}.photo-delete-confirm-footer .btn{width:100%;justify-content:center}.photo-sort-bar{flex-wrap:wrap}.sort-btn{flex:1;text-align:center}.selection-footer-content{flex-direction:column}.photo-select-all-btn .btn-text,.photo-select-toggle-btn .btn-text{display:none}.photo-select-toggle-btn{min-width:auto;padding:.5rem}.photo-select-all-btn{padding:.5rem}.photo-select-all-btn .btn-icon,.photo-select-toggle-btn .btn-icon{font-size:1.2rem;margin:0}.camera-header-left,.camera-header-right{gap:12px}.camera-btn{width:36px;height:36px;font-size:16px}.camera-shutter-btn{width:60px;height:60px}.shutter-inner{width:52px;height:52px}.camera-footer{padding:12px 16px 20px}.camera-text-btn{font-size:14px;padding:6px 12px}.camera-icon-btn{font-size:20px}.camera-timer{width:100px;height:100px;font-size:3rem}.double-preview{width:160px;height:80px}.triple-preview{width:150px;height:100px}.collage-preview,.quadruple-preview{width:140px;height:140px}.single-preview{width:100px;height:100px}}.photo-delete-confirm-modal[open]{display:flex;opacity:1;visibility:visible}#bulkDeleteConfirmModal[open]{display:flex;opacity:1;visibility:visible}.photo-viewer-delete{position:absolute;top:20px;right:70px;width:40px!important;height:40px!important;border-radius:50%!important;background:rgba(239,68,68,.9)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;font-size:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:.2s!important;z-index:10001!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;backdrop-filter:blur(4px)!important;line-height:1!important;padding:0!important}.photo-viewer-delete:hover{background:#ef4444!important;transform:scale(1.1)!important;box-shadow:0 6px 16px rgba(239,68,68,.4)!important}@media (max-width:768px){.photo-viewer-delete{top:10px;right:60px;width:36px!important;height:36px!important;font-size:18px!important}}@media (max-width:480px){.photo-viewer-delete{right:50px;width:32px!important;height:32px!important;font-size:16px!important}}:root{--primary:#2563eb;--primary-light:#eff6ff;--primary-dark:#1d4ed8;--primary-rgb:37,99,235;--surface:#ffffff;--surface-elevated:#fafafa;--background:#f8fafc;--background-alt:#f1f5f9;--text:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-disabled:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--success:#059669;--success-light:#d1fae5;--warning:#d97706;--warning-medium:#db8420;--warning-light:#fef3c7;--error:#dc2626;--error-light:#fee2e2;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px -1px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -4px rgba(0, 0, 0, 0.1);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:350ms cubic-bezier(0.4, 0, 0.2, 1);--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--radius:15px/14px;--radius-lg:25px/24px;--radius-sm:6px/5px;--radius-plateau:25px;--radius-full:9999px;--gradient-primary:linear-gradient(135deg, var(--primary), #587fff);--gradient-error:linear-gradient(135deg, var(--error), #b91c1c);--gradient-success:linear-gradient(135deg, var(--success), #7aae8c);--space-card-bg:#fefefe;--space-card-accent:var(--primary);--space-metric-bg:#F8FAFC;--space-border-light:#E2E8F0;--text-xxs:0.7rem;--text-xs:0.75rem;--text-sm:0.8rem}.cargo-spaces-container{max-height:70vh;overflow-y:auto;padding:var(--space-xl);background:var(--surface);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.cargo-spaces-container::-webkit-scrollbar{width:8px}.cargo-spaces-container::-webkit-scrollbar-track{background:0 0;border-radius:var(--radius-full)}.cargo-spaces-container::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius-full)}.cargo-spaces-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.cargo-spaces-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.cargo-spaces-header .header-left h4{margin:0;color:var(--text)}.cargo-spaces-header .header-left small{color:var(--text-muted);font-size:var(--text-sm)}.sync-warning{background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--radius);padding:var(--space-md);margin-bottom:var(--space-lg)}.sync-warning-text{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.sync-warning strong{color:var(--warning)}.discrepancy-details{display:flex;gap:var(--space-sm);background:var(--warning-light);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:var(--space-xs)}.sync-button{background:var(--warning);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-weight:var(--font-medium);display:inline-flex;align-items:center;gap:var(--space-sm);transition:all var(--transition)}.sync-button:hover{background:var(--warning-medium);transform:scale(1.01);box-shadow:0 0 20px rgba(0,0,0,.25),0 0 8px rgba(0,0,0,.1)}.cargo-space-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-md);transition:all var(--transition);animation:.3s ease-out fadeIn;margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm);overflow:hidden}.cargo-space-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.cargo-space-card:active{transform:translateY(0)}.cargo-space-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity var(--transition)}.cargo-space-card:hover::before{opacity:1}.space-card-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--space-card-accent)}.cargo-space-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-light)}.cargo-space-title{font-weight:600;color:var(--text);font-size:1rem;letter-spacing:-.01em}.cargo-space-subtitle{font-size:.85rem;color:var(--text-tertiary);font-weight:400;margin-top:var(--space-xxs)}.cargo-space-actions{display:flex;gap:var(--space-xs)}.space-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xs);margin-left:var(--space-sm)}.space-card-info{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.space-card-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0;background:var(--primary-light);color:var(--primary)}.space-card-details{flex:1;min-width:0}.space-card-title{display:flex;align-items:center;gap:var(--space-sm)}.space-card-number{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.space-card-type-badge{font-size:var(--text-xs);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius);font-weight:var(--font-semibold);background:var(--primary-light);color:var(--primary)}.space-card-meta{font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-sm)}.space-card-actions{display:flex;gap:var(--space-xs);opacity:.8;transition:opacity var(--transition)}.cargo-space-card:hover .space-card-actions{opacity:1}.space-action-btn{border:none;font-size:.75rem;width:1.75rem;height:1.75rem;padding:.75rem;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;color:#475569;background:var(--border);border:.5px solid #eef2f6}.space-action-btn:hover{background:#fff;transform:scale(1.02)}.space-action-duplicate:hover{background:var(--primary-light);border-color:var(--primary)}.space-action-edit:hover{background:var(--warning-light);border-color:var(--warning)}.space-action-delete:hover{background:var(--error-light);border-color:var(--error)}.space-action-icon{font-size:var(--text-sm)}.space-action-duplicate .space-action-icon{color:var(--primary)}.space-action-edit .space-action-icon{color:var(--warning)}.space-action-delete .space-action-icon{color:var(--error)}.space-card-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md);padding:var(--space-xs);background:var(--space-metric-bg);border-radius:var(--radius);margin-left:var(--space-sm)}.space-metric{text-align:center}.space-metric-label{font-size:var(--text-xs);color:var(--text-muted)}.space-metric-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.space-metric-unit{font-size:var(--text-xs);color:var(--text-muted)}.space-metric-total-volume{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(6,182,212,.05));border-radius:18px}.space-metric-total-weight{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.05));border-radius:18px}.space-card-batch-info{margin-top:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius);border-left:3px solid var(--primary);background:var(--background);margin-left:var(--space-lg)}.batch-info-content{font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-sm)}.batch-info-label{font-weight:var(--font-semibold);color:var(--text)}.batch-info-divider{color:var(--border)}.space-card-tags{display:flex;gap:var(--space-sm);font-size:var(--text-xxs)}.tags-content{display:flex;gap:var(--space-sm)}.space-tag{padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius)}.space-tag-density{background:var(--primary-light);color:var(--primary)}.space-tag-size{background:var(--info-light);color:var(--info)}.cargo-space-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm);margin-bottom:var(--space-sm)}.cargo-space-detail{background:var(--surface-elevated);padding:var(--space-sm);border-radius:var(--radius);border:1px solid var(--border-light);transition:all var(--transition-fast)}.cargo-space-detail:hover{background:var(--background);border-color:var(--border)}.detail-label{font-size:.75rem;color:var(--text-tertiary);margin-bottom:var(--space-xxs);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.detail-value{font-weight:500;color:var(--text);font-size:.85rem;line-height:1.4}.detail-value.highlight{color:var(--primary);font-weight:600}.space-badge{display:inline-flex;align-items:center;background:var(--primary-light);color:var(--primary);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;margin-right:var(--space-xs);height:24px;border:1px solid transparent}.space-badge.success{background:var(--success-light);color:var(--success)}.space-badge.warning{background:var(--warning-light);color:var(--warning)}.space-badge.error{background:var(--error-light);color:var(--error)}.metrics-header-block{display:block;background:var(--surface);border-radius:var(--radius);padding:var(--space-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.metrics-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;white-space:nowrap;overflow-x:auto;padding-bottom:var(--space-sm)}.metrics-header-left{display:inline-flex;align-items:center;gap:var(--space-sm);margin-right:var(--space-xl);flex-shrink:0}.metrics-header-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff}.metrics-header-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.metrics-header-subtitle{font-size:var(--text-xs);color:var(--text-muted)}.metrics-header-compact{display:inline-flex;align-items:center;gap:var(--space-xl);background:var(--surface);border-radius:var(--radius);padding:var(--space-md);margin-right:var(--space-xl);flex-shrink:0;border:1px solid var(--border)}.metric-item{display:flex;align-items:center;gap:var(--space-sm)}.metric-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff}.metric-item-weight .metric-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.metric-item-volume .metric-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.metric-item-pieces .metric-icon{background:linear-gradient(135deg,#10b981,#059669)}.metric-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-xxs)}.metric-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text)}.metric-divider{width:1px;height:20px;background:var(--border)}.progress-group-container{display:block;background:var(--surface);border-radius:var(--radius);padding:var(--space-md);margin-bottom:var(--space-lg);border:1px solid var(--border)}.progress-group-container.compact{display:flex;justify-content:space-between;position:relative;padding-bottom:var(--space-sm);width:100%;overflow-x:auto;white-space:nowrap}.progress-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);width:100%;white-space:nowrap;overflow-x:auto;padding-bottom:var(--space-sm)}.progress-group-title{display:inline-flex;align-items:center;gap:var(--space-sm);margin-right:var(--space-xl);flex-shrink:0}.progress-group-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff}.progress-group-heading{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.progress-group-subtitle{font-size:var(--text-xs);color:var(--text-muted)}.progress-group-items{position:relative;padding-bottom:var(--space-sm);width:100%;overflow-x:auto;white-space:nowrap}.progress-card{background:var(--surface);border-radius:var(--radius);padding:var(--space-md);width:250px;flex-shrink:0;box-shadow:var(--shadow-sm);border:1px solid var(--border);display:inline-flex;flex-direction:column;gap:var(--space-sm);transition:all var(--transition);vertical-align:top;margin-right:var(--space-md)}.progress-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.progress-card-header{display:flex;align-items:flex-start;gap:var(--space-sm)}.progress-card-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0;background:var(--primary-light);color:var(--primary)}.progress-card-title{flex:1;min-width:0}.progress-card-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text);margin-bottom:var(--space-xxs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-card-target{font-size:var(--text-xs);color:var(--text-muted)}.progress-card-values{display:flex;justify-content:space-between;align-items:baseline;margin:var(--space-xxs) 0}.progress-card-current-value{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1;color:var(--text)}.progress-card-unit{font-size:var(--text-xs);margin-top:var(--space-xxs);color:var(--text-muted)}.progress-card-percentage{text-align:right}.progress-card-percent{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary)}.progress-card-status{font-size:var(--text-xs);margin-top:var(--space-xxs);color:var(--text-muted)}.progress-card-visual{margin-top:var(--space-xs)}.progress-bar-container{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);margin-bottom:var(--space-xs)}.progress-bar-track{flex:1;height:5px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition);position:relative}.progress-bar-handle{position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:var(--shadow)}.progress-bar-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--primary)}.progress-card-diff{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.progress-diff-value{font-weight:var(--font-semibold);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);background:var(--background-alt)}.mini-stats-container{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl);padding:var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius);background:var(--background);font-size:var(--text-xs)}.mini-stat{text-align:center}.mini-stat-label{color:var(--text-muted);margin-bottom:var(--space-xxs)}.mini-stat-value{font-weight:var(--font-semibold);color:var(--text)}.progress-group-stats{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light);font-size:var(--text-xs)}.progress-stat{text-align:center}.progress-stat-label{color:var(--text-muted);margin-bottom:var(--space-xxs)}.progress-stat-value{font-weight:var(--font-semibold);color:var(--text)}.spaces-analytics-block{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.analytics-title-section{display:flex;align-items:center;gap:var(--space-sm)}.analytics-icon{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff}.analytics-heading{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.analytics-subtitle{font-size:var(--text-xs);color:var(--text-muted)}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.analytics-metric-card{border-radius:var(--radius);padding:var(--space-md);transition:all var(--transition);border:1px solid transparent}.analytics-metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.metric-card-weight{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.05));border-color:rgba(139,92,246,.2)}.metric-card-volume{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(6,182,212,.05));border-color:rgba(59,130,246,.2)}.metric-card-pieces{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.05));border-color:rgba(16,185,129,.2)}.metric-card-unique{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.05));border-color:rgba(245,158,11,.2)}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.metric-card-title-section{display:flex;align-items:center;gap:var(--space-sm)}.metric-card-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.metric-card-weight .metric-card-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.metric-card-volume .metric-card-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.metric-card-pieces .metric-card-icon{background:linear-gradient(135deg,#10b981,#059669)}.metric-card-unique .metric-card-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-card-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.metric-card-count,.metric-card-percentage{font-size:var(--text-xs);font-weight:600;padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius);font-weight:var(--font-semibold)}.metric-card-weight .metric-card-percentage{background:rgba(139,92,246,.1);color:#8b5cf6}.metric-card-volume .metric-card-percentage{background:rgba(59,130,246,.1);color:#3b82f6}.metric-card-pieces .metric-card-percentage{background:rgba(16,185,129,.1);color:#10b981}.metric-card-unique .metric-card-count{background:rgba(245,158,11,.1);color:#f59e0b}.metric-card-value{font-size:var(--text-m);font-weight:var(--font-bold);color:var(--text);margin-bottom:var(--space-xs)}.metric-card-info,.metric-card-target{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs)}.analytics-progress-indicator{margin-top:var(--space-md);padding:0 var(--space-md)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.progress-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.progress-percentage{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary)}.analytics-progress-indicator .progress-bar-track{height:6px;background:var(--background-alt);border-radius:var(--radius-full)}.analytics-progress-indicator .progress-bar-fill{background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition)}.progress-stats{display:flex;justify-content:space-between;margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted)}.progress-stat-completed,.progress-stat-in-progress{display:flex;align-items:center;gap:var(--space-xs)}.stat-dot{width:8px;height:8px;border-radius:50%}.stat-dot.completed{background:var(--success)}.stat-dot.in-progress{background:var(--warning)}.empty-spaces-state{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--text-tertiary);background:var(--surface-elevated);border-radius:var(--radius-lg);border:2px dashed var(--border)}.empty-spaces-icon{width:64px;height:64px;margin-bottom:var(--space-md);opacity:.3;color:var(--text-disabled)}.empty-spaces-title{font-size:1.125rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.empty-spaces-description{font-size:.85rem;max-width:300px;margin:0 auto var(--space-md);line-height:1.6}.empty-state-block{background:linear-gradient(135deg,var(--background) 0,var(--background-alt) 100%);border-radius:var(--radius);padding:var(--space-2xl) var(--space-xl);margin:var(--space-xl) 0;text-align:center;border:2px dashed var(--border);position:relative;overflow:hidden}.empty-state-decor{position:absolute;border-radius:50%;opacity:.1}.decor-1{top:-50px;right:-50px;width:100px;height:100px;background:var(--gradient-primary)}.decor-2{bottom:-30px;left:-30px;width:60px;height:60px;background:linear-gradient(135deg,var(--success),#059669)}.empty-state-content{position:relative;z-index:2}.empty-state-icon{width:80px;height:80px;background:#d4e4ff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-xl);padding-bottom:.6rem;box-shadow:var(--shadow-md);color:#fff;font-size:2rem}.empty-state-title{margin:0 0 var(--space-md);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text)}.empty-state-description{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;max-width:500px;margin:0 auto var(--space-xl)}.empty-state-quick-start{background:var(--surface);border-radius:var(--radius);padding:var(--space-xl);margin:var(--space-xl) auto var(--space-md);max-width:500px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.quick-start-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.quick-start-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--success),#059669);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff}.quick-start-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.quick-start-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.quick-start-metric{text-align:center}.quick-metric-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.quick-metric-value{font-size:var(--text-lg);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-weight .quick-metric-value{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metric-volume .quick-metric-value{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metric-pieces .quick-metric-value{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quick-start-hint{font-size:var(--text-xs);color:var(--text-muted);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.empty-state-actions{margin-top:var(--space-xl)}.actions-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-md)}.action-buttons-space{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.action-btn-space{padding:var(--space-md) var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:var(--space-sm)}.action-btn-space:hover{background:var(--background);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.btn-icon-space{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff}.btn-standard .btn-icon-space{background:var(--primary)}.btn-split .btn-icon-space{background:var(--success)}.btn-templates .btn-icon-space{background:var(--warning)}.empty-state-tips{margin-top:var(--space-xl);padding:var(--space-md);background:rgba(var(--primary-rgb),.05);border-radius:var(--radius);border-left:4px solid var(--primary);max-width:500px;margin-left:auto;margin-right:auto}.tips-content{display:flex;align-items:flex-start;gap:var(--space-md)}.tips-icon{width:32px;height:32px;background:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.tips-text{flex:1}.tips-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text);margin-bottom:var(--space-xs)}.tips-list{margin:0;padding-left:var(--space-lg);font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.tips-list li{margin-bottom:var(--space-xs)}.empty-state-progress{margin-top:var(--space-2xl);max-width:300px;margin-left:auto;margin-right:auto}.empty-state-progress .progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.empty-state-progress .progress-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted)}.empty-state-progress .progress-percent{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary)}.empty-state-progress .progress-bar-track{height:6px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.empty-state-progress .progress-bar-fill{background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-hint{font-size:var(--text-xs);color:var(--text-light);text-align:center;margin-top:var(--space-sm)}.spaces-list-container{margin-top:var(--space-xl);background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.spaces-list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:var(--space-md)}.spaces-list-title{font-weight:var(--font-medium);font-size:var(--text-lg);color:var(--text)}.spaces-list{display:flex;flex-direction:column}.form-description{color:var(--text-secondary);font-size:.85rem;margin-bottom:var(--space-md)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xxs)}.form-label{font-size:.6rem;text-transform:uppercase;font-weight:700;color:var(--text-muted);letter-spacing:.02em;padding:0 0 0 15px;margin:0;line-height:1.2;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif}.form-input{font-family:Nunito,sans-serif;width:100%;padding:var(--space-xs) var(--space-md);border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;background:var(--surface);color:var(--text);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--text-disabled);opacity:1}.form-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-input:hover:not(:focus):not(:disabled){border-color:var(--border-dark)}.form-input:disabled{background:var(--background-alt);cursor:not-allowed;opacity:.6}.cargo-space-summary{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.summary-title{font-size:1rem;font-weight:700;color:var(--text)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-sm)}.summary-item{text-align:center;padding:var(--space-sm);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-light)}.summary-value{font-size:1.25rem;font-weight:600;color:var(--primary);margin-bottom:var(--space-xxs);font-feature-settings:"tnum"}.summary-label{font-size:.85rem;color:var(--text-tertiary);font-weight:600}.cargo-space-form{background:var(--surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-xl);position:relative;transition:all var(--transition)}.cargo-space-form:focus-within{border-color:var(--primary);outline:0}.cargo-space-form:hover:not(:focus-within){border-color:var(--border-dark)}.cargo-space-form.active{border-left:4px solid var(--primary);padding-left:calc(var(--space-xl) - 3px)}.cargo-space-form .form-title,.cargo-space-form h3{color:var(--text);font-weight:var(--font-semibold);margin-bottom:var(--space-xs);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-light)}.cargo-space-form.filled{background:linear-gradient(to right,var(--surface) 99.5%,var(--success) .5%)}@keyframes form-pulse{0%{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.4)}70%{box-shadow:0 0 0 6px rgba(var(--primary-rgb),0)}100%{box-shadow:var(--shadow)}}.cargo-space-form.highlight{animation:1.5s form-pulse}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.form-header-main{display:flex;gap:var(--space-sm)}.form-header-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--success),#059669);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff}.form-title{margin:0;font-weight:var(--font-semibold);font-size:var(--text-lg);color:var(--text);margin-bottom:var(--space-xs)}.form-subtitle{font-size:var(--text-xs);color:var(--text-muted)}.form-templates{position:relative}.templates-btn{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs);transition:all var(--transition);padding:var(--space-xs) var(--space-sm)}.templates-btn:hover{background:var(--background-alt)}.form-quick-stats{display:flex;justify-content:space-around;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--background);border-radius:var(--radius);font-size:var(--text-xs)}.quick-stat{text-align:center}.quick-stat-label{color:var(--text-muted);margin-bottom:var(--space-xs)}.quick-stat-value{font-weight:var(--font-semibold);color:var(--text)}.quick-stat-diff-value{font-weight:var(--font-semibold);color:var(--warning)}.form-section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.section-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff}.form-section-dimensions .section-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.form-section-weight .section-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.section-title-space{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.dimensions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);background:var(--background);padding:var(--space-md);border-radius:var(--radius);border:1px solid var(--border)}.weight-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-md);background:var(--background);padding:var(--space-md);border-radius:var(--radius);border:1px solid var(--border)}.form-field{position:relative}.field-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.field-input-with-unit{position:relative}.field-input-with-unit .form-input{padding-right:2.5rem}.field-unit{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);font-size:var(--text-xs);color:var(--text-muted)}.field-badge{margin-left:var(--space-xxs);color:var(--info);font-size:var(--text-xs);font-weight:var(--font-semibold)}.form-preview{margin-top:var(--space-xs);padding:var(--space-md);color:var(--text);border-radius:var(--radius-lg);margin-bottom:1.5rem}.volume-preview{padding:var(--space-xs);background:var(--background);border-radius:var(--radius-lg);border-left:4px solid #8b5cf6;margin-bottom:1.5rem}.total-preview{padding:var(--space-xs);background:var(--background);border-radius:var(--radius-lg);border-left:4px solid var(--primary);margin-bottom:1.5rem}.preview-content{display:flex;justify-content:space-between;align-items:center}.preview-text{flex:1;display:flex;align-items:center;gap:var(--space-sm)}.preview-label{font-size:var(--text-xs);opacity:.9;white-space:nowrap}.preview-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.preview-icon{width:24px;height:24px;background:rgba(255,255,255,.2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff}.btn{font-size:.85rem;padding:.5rem 1.3rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border-radius:var(--radius-lg)}.btn-secondary{background:var(--background);border:1px solid var(--border-lg);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--background-alt)}.btn-clear{flex:1}.btn-submit{flex:2}.form-tips{margin-top:var(--space-md);padding:var(--space-md);background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--radius);font-size:var(--text-xs);color:var(--warning)}.form-tips .tips-content{display:flex;align-items:flex-start;gap:var(--space-sm)}.form-tips .tips-icon{font-size:var(--text-lg)}.form-tips .tips-text{flex:1}.form-tips .tips-title{font-weight:var(--font-semibold);margin-bottom:var(--space-xs)}.edit-space-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-color,rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;z-index:var(--z-modal,1000);animation:fadeIn var(--transition) ease;box-shadow:var(--shadow-lg)}.modal-content-add-space{width:90%;max-width:620px;background:var(--surface);border-radius:var(--radius);padding:0;box-shadow:var(--shadow-lg);animation:modalSlideIn var(--transition) ease;max-height:90vh;overflow-y:auto}.edit-space-modal-content{width:90%;max-width:620px;background:var(--surface);border-radius:var(--radius);padding:0;box-shadow:var(--shadow-lg);animation:modalSlideIn var(--transition) ease;max-height:90vh;overflow-y:auto}.edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-xl) var(--space-md);position:sticky;top:0;border-radius:var(--radius) var(--radius) 0 0;z-index:10}.modal-header-content{display:flex;align-items:center;gap:var(--space-md)}.modal-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:#fff;background:#d4e4ff}.modal-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text)}.modal-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xxs)}.modal-quick-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin:var(--space-md);padding:var(--space-md);background:var(--background);border-radius:var(--radius);font-size:var(--text-xs);white-space:nowrap}.modal-quick-stats .quick-stat{flex:1;text-align:center}.edit-modal-body{padding:var(--space-xl)}.edit-form-section{margin-bottom:var(--space-xl)}.edit-form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-warning{display:flex;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--warning)}.warning-content{display:flex;align-items:flex-start;gap:var(--space-sm)}.warning-icon{font-size:var(--text-lg)}.warning-title{font-weight:var(--font-semibold);margin-bottom:var(--space-xs);font-size:var(--text-xs);color:var(--warning)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.bg-surface-elevated{background:var(--surface-elevated)}.space-card-success{border-left-color:var(--success)}.space-card-warning{border-left-color:var(--warning)}.space-card-error{border-left-color:var(--error)}.skeleton{background:linear-gradient(90deg,var(--background) 25%,var(--border) 50%,var(--background) 75%);background-size:200% 100%;animation:1.5s infinite loading;border-radius:var(--radius)}.loading-state{padding:var(--space-2xl);text-align:center;color:var(--text-muted)}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideDown{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.cargo-space-card:nth-child(2){animation-delay:50ms}.cargo-space-card:nth-child(3){animation-delay:.1s}.cargo-space-card:nth-child(4){animation-delay:.15s}.cargo-space-card:nth-child(5){animation-delay:.2s}@media (max-width:768px){.cargo-spaces-container{padding:var(--space-md);border-radius:var(--radius)}.cargo-space-details{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.cargo-space-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.cargo-space-actions{width:100%;justify-content:flex-end}.analytics-metrics-grid{grid-template-columns:1fr}.dimensions-grid{grid-template-columns:1fr}.weight-grid{grid-template-columns:1fr}.space-card-metrics{grid-template-columns:repeat(2,1fr)}.metrics-header-content{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.metrics-header-left{margin-right:0}.progress-group-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.progress-group-title{margin-right:0}.form-actions{flex-direction:column}.btn-clear,.btn-submit{width:100%}.edit-modal-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.modal-quick-stats{flex-direction:column;width:100%}}@media (max-width:480px){.summary-grid{grid-template-columns:1fr}.cargo-space-form{padding:var(--space-md)}.form-actions{flex-direction:column}.cargo-space-actions{flex-wrap:wrap}.space-card-metrics{grid-template-columns:1fr}.progress-card{width:100%;margin-right:0}.action-buttons-space{flex-direction:column;align-items:stretch}.action-btn-space{justify-content:center}.modal-header-content{flex-direction:column;text-align:center}.space-card-actions{opacity:1}}.cargo-spaces-container.selection-mode .cargo-space-card{padding-left:40px}.cargo-spaces-container.selection-mode .cargo-space-card .space-card-actions{opacity:.3;transition:opacity .2s}.cargo-spaces-container.selection-mode .cargo-space-card:hover .space-card-actions{opacity:1}.space-action-bar{margin-right:1rem}.space-action-bar .action-bar-content-space{display:flex;align-items:center;justify-content:space-between}.space-action-bar .selected-count{font-size:1rem;color:var(--text,#0f172a)}.space-action-bar .selected-count span{font-weight:700;color:var(--primary,#2563eb);font-size:1.2rem;margin-left:.25rem;margin-right:.5rem}.space-action-bar .btn-danger:disabled{opacity:.5;pointer-events:none;cursor:not-allowed;background:var(--border,#e2e8f0);color:var(--text-muted,#64748b)}.space-action-bar .btn-danger:not(:disabled):hover{box-shadow:0 6px 16px rgba(239,68,68,.4)}.btn-primary{background:linear-gradient(135deg,var(--primary),#587fff);font-size:.85rem;font-weight:600;color:#fff;border:none;border-radius:var(--radius-lg);padding:.5rem 1.3rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;cursor:pointer;box-shadow:0 0 12px rgba(0,0,0,.2),0 0 4px rgba(0,0,0,.05);transition:transform .2s cubic-bezier(.2, .9, .4, 1.1),box-shadow .25s,background .2s;will-change:transform;backface-visibility:hidden}.btn-primary:hover:not(:disabled){transform:scale(1.01);background:linear-gradient(135deg,var(--primary-dark),#3b6eff);box-shadow:0 0 20px rgba(0,0,0,.25),0 0 8px rgba(0,0,0,.1)}.btn-primary:active:not(:disabled){transform:scale(1.02);transition:transform 50ms;box-shadow:0 0 6px rgba(0,0,0,.15)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline{background:0 0;border:1px solid var(--border-dark);color:var(--text);border-radius:var(--radius-lg);padding:.5rem 1.3rem;font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;box-shadow:0 0 12px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.02);transition:transform .2s cubic-bezier(.2, .9, .4, 1.1),box-shadow .25s,background .2s,border-color .2s,color .2s;will-change:transform;backface-visibility:hidden}.btn-outline:hover:not(:disabled){background:var(--background-alt);border-color:var(--primary);color:var(--primary);box-shadow:0 0 20px rgba(0,0,0,.15),0 0 8px rgba(0,0,0,.05)}.btn-outline:active:not(:disabled){transform:scale(.98);background:var(--background);border-color:var(--border-dark);transition:transform 50ms;box-shadow:0 0 6px rgba(0,0,0,.1)}.btn-outline:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border);color:var(--text-disabled);transform:none;box-shadow:none;pointer-events:none}.action-icon{font-size:.85rem;line-height:1}.action-text{line-height:1}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(var(--primary-rgb),.2);border-radius:50%;border-top-color:var(--primary);animation:.8s linear infinite spin}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:32px;height:32px;border-width:3px}.progress-indicator{width:100%;height:4px;background:var(--border-light);border-radius:var(--radius-full);margin:var(--space-xs) 0;overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition)}#deleteSpaceConfirmModal.modal{align-items:center;justify-content:center}#deleteSpaceConfirmModal .modal-content{max-width:500px;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:0 0 20px rgba(0,0,0,.1);animation:modalSlideIn var(--transition) ease}#deleteSpaceConfirmModal .modal-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-md)}#deleteSpaceConfirmModal .modal-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:#fff;background:var(--gradient-error)}#deleteSpaceConfirmModal .modal-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text)}#deleteSpaceConfirmModal .modal-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xxs)}#deleteSpaceConfirmModal .space-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-md);padding:var(--space-xl);background:var(--surface)}#deleteSpaceConfirmModal .detail-row{display:flex;flex-direction:column;gap:var(--space-xxs);padding:var(--space-xs) var(--space-sm);background:var(--surface-elevated);border-radius:var(--radius)}#deleteSpaceConfirmModal .detail-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}#deleteSpaceConfirmModal .detail-value{font-weight:600;color:var(--text);font-size:var(--text-sm);word-break:break-word}#deleteSpaceConfirmModal .detail-row-total{grid-column:span 2;background:var(--warning-light);border-color:var(--warning)}#deleteSpaceConfirmModal .detail-row-total .detail-label{color:var(--warning)}#deleteSpaceConfirmModal .detail-row-total .detail-value{color:var(--warning);font-weight:700}#deleteSpaceConfirmModal .modal-actions{display:flex;gap:var(--space-md);padding:var(--space-xl);background:var(--background-alt);border-top:1px solid var(--border-light)}#deleteSpaceConfirmModal .btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:none}#deleteSpaceConfirmModal .btn-cancel{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}#deleteSpaceConfirmModal .btn-cancel:hover:not(:disabled){background:var(--background);border-color:var(--border-dark);color:var(--text)}#deleteSpaceConfirmModal .btn-delete{background:var(--gradient-error);color:#fff;box-shadow:var(--shadow-sm)}#deleteSpaceConfirmModal .btn-delete:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}#deleteSpaceConfirmModal .btn-delete:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width:480px){#deleteSpaceConfirmModal .modal-content{max-width:calc(100% - var(--space-xl));margin:var(--space-md)}#deleteSpaceConfirmModal .space-details-grid{grid-template-columns:1fr}#deleteSpaceConfirmModal .detail-row-total{grid-column:span 1}#deleteSpaceConfirmModal .modal-actions{flex-direction:column}}#deleteSpaceConfirmModal .warning-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--warning);margin-bottom:var(--space-xxs);display:flex;align-items:center;gap:var(--space-xs)}#deleteSpaceConfirmModal .modal-footer.delete-modal-footer{display:flex;justify-content:end;gap:var(--space-md)}#deleteSpaceConfirmModal .modal-footer.delete-modal-footer .btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:none;background-color:#047857}#splitEvenlyConfirmModal.modal{align-items:center;justify-content:center}#splitEvenlyConfirmModal .modal-content{max-width:550px;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lg);animation:modalSlideIn var(--transition) ease}#splitEvenlyConfirmModal .modal-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-md)}#splitEvenlyConfirmModal .modal-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:#fff;background:linear-gradient(135deg,#10b981,#059669)}#splitEvenlyConfirmModal .modal-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text)}#splitEvenlyConfirmModal .modal-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xxs)}#splitEvenlyConfirmModal .split-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-md);padding:var(--space-xl);background:var(--surface)}#splitEvenlyConfirmModal .detail-row{display:flex;flex-direction:column;gap:var(--space-xxs);padding:var(--space-xs) var(--space-sm);background:var(--surface-elevated);border-radius:var(--radius);border:1px solid var(--border-light)}#splitEvenlyConfirmModal .detail-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}#splitEvenlyConfirmModal .detail-value{font-weight:600;color:var(--text);font-size:var(--text-sm);word-break:break-word}#splitEvenlyConfirmModal .detail-row-total{grid-column:span 2;background:rgba(16,185,129,.1)}#splitEvenlyConfirmModal .detail-row-total .detail-label{color:#059669}#splitEvenlyConfirmModal .detail-row-total .detail-value{color:#047857;font-weight:700}#splitEvenlyConfirmModal .pieces-highlight{font-size:1.5rem;font-weight:800;color:#10b981;text-align:center;margin:var(--space-md) 0}#splitEvenlyConfirmModal .modal-footer{display:flex;gap:var(--space-md);padding:var(--space-xl)}#splitEvenlyConfirmModal .btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:none}#splitEvenlyConfirmModal .btn-cancel{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}#splitEvenlyConfirmModal .btn-cancel:hover:not(:disabled){background:var(--background);border-color:var(--border-dark);color:var(--text)}#splitEvenlyConfirmModal .btn-split{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:var(--shadow-sm)}#splitEvenlyConfirmModal .btn-split:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}#splitEvenlyConfirmModal .btn-split:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width:480px){#splitEvenlyConfirmModal .modal-content{max-width:calc(100% - var(--space-xl));margin:var(--space-md)}#splitEvenlyConfirmModal .split-details-grid{grid-template-columns:1fr}#splitEvenlyConfirmModal .detail-row-total{grid-column:span 1}#splitEvenlyConfirmModal .modal-footer{flex-direction:column}}.delete-warning,.split-info,.split-warning{background:var(--warning-light);border-left:4px solid var(--warning);border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-md) var(--space-xl)}.delete-warning .warning-header,.split-warning .warning-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.delete-warning .warning-icon,.split-warning .warning-icon{font-size:1.25rem;line-height:1;color:var(--warning)}.delete-warning .warning-title,.split-warning .warning-title{font-weight:var(--font-semibold);color:var(--warning);font-size:var(--text-sm);margin:0}.delete-warning .warning-text,.split-warning .warning-text{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.split-info{background:rgba(59,130,246,.1);border-left:4px solid #3b82f6;border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-md) var(--space-xl)}.split-info .info-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.split-info .info-icon{font-size:1.25rem;line-height:1;color:#3b82f6}.split-info .info-title{font-weight:var(--font-semibold);color:#1e40af;font-size:var(--text-sm);margin:0}.split-info .info-text{font-size:var(--text-sm);font-weight:500;color:var(--text);line-height:1.5;padding-left:calc(1.25rem + var(--space-sm))}.split-info .info-text span{font-weight:700;color:#3b82f6;font-size:1.1rem}#deleteMultipleSpacesConfirmModal .modal{align-items:center;justify-content:center}#deleteMultipleSpacesConfirmModal .modal-content{max-width:480px;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lg);animation:modalSlideIn var(--transition) ease}#deleteMultipleSpacesConfirmModal .modal-footer.delete-modal-footer{display:flex;justify-content:end;gap:var(--space-md)}#deleteMultipleSpacesConfirmModal .modal-footer.delete-modal-footer .btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:none}.space-select-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg);cursor:pointer;font-size:.9rem;color:var(--text,#1f2937);transition:.2s;min-width:100px;justify-content:center}.space-select-toggle-btn:hover{background:var(--background-alt,#f1f5f9);border-color:#f59e0b}.space-select-toggle-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.space-select-toggle-btn.active .btn-icon{transform:rotate(0)}.space-select-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg);cursor:pointer;font-size:.9rem;color:var(--text,#1f2937);transition:.2s;white-space:nowrap}.space-select-all-btn:hover{background:var(--background-alt,#f1f5f9);border-color:#f59e0b}.cargo-space-card.selected{background:rgba(37,99,235,.15)!important;border:2px solid #2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.3)!important}.split-modal-body{overflow-y:auto}#bulkCargoSpacesWarningModal .modal-content{max-width:500px}#bulkCargoSpacesWarningModal .modal-footer{padding:1rem 1.5rem;display:flex;gap:.5rem;justify-content:flex-end}.space-metric-pallet-cost{display:flex;gap:.5rem}.cargo-stats-body{padding:1rem;max-height:80vh;overflow-y:auto}.stats-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border,#e2e8f0)}.stats-tab{padding:.5rem 1rem;background:0 0;border:none;font-size:1rem;cursor:pointer;border-bottom:2px solid transparent;transition:.2s}.stats-tab.active{border-bottom-color:var(--primary,#06c);color:var(--primary,#06c);font-weight:600}.stats-tab-content{transition:opacity .2s}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface,#fff);border-radius:var(--radius-lg,16px);padding:1rem 1.2rem;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s;border:1px solid var(--border-light,#f0f0f0)}.stat-card[data-negative=true] .stat-card-value{color:var(--error,#ef4444)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.stat-card-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted,#64748b);margin-bottom:.5rem}.stat-card-value{font-size:1.25rem;font-weight:700;color:var(--primary,#06c);line-height:1.2}.stat-card-sub{font-size:.75rem;color:var(--text-muted,#64748b);margin-top:.5rem}.stats-section{margin-bottom:2rem}.stats-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.section-icon{font-size:1.3rem}.stats-chart-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.chart-container{flex:1;min-width:200px;background:var(--surface,#fff);border-radius:var(--radius-lg,16px);padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05)}.chart-title{font-size:.9rem;font-weight:600;margin-bottom:1rem;text-align:center}.chart-bars{display:flex;flex-direction:column;gap:.75rem}.bar-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.bar-label{width:100px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-bg{flex:1;height:24px;background:var(--background-alt,#f1f5f9);border-radius:var(--radius-lg,16px);overflow:hidden}.bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--primary,#06c),#5a9eff);border-radius:var(--radius-lg,16px);transition:width .6s cubic-bezier(.2, .9, .4, 1.1);display:flex;align-items:center;justify-content:flex-end;padding-right:6px;color:#fff;font-size:.7rem;font-weight:700}.bar-value{min-width:45px;text-align:right;font-weight:500}.donut-container{position:relative;width:200px;height:200px;margin:0 auto 1rem}canvas#statusDonut{width:200px;height:200px;display:block}canvas#trendChart{width:100%;height:auto;display:block}.donut-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem}.legend-item{display:flex;align-items:center;gap:.3rem;font-size:.7rem}.legend-color{width:12px;height:12px;border-radius:var(--radius-lg,16px)}.donut-tooltip{position:fixed;background:rgba(0,0,0,.8);color:#fff;padding:6px 12px;border-radius:var(--radius-md,8px);font-size:.8rem;pointer-events:none;z-index:10020;white-space:nowrap;backdrop-filter:blur(4px)}.chart-tooltip{position:fixed;background:rgba(0,0,0,.8);color:#fff;padding:6px 12px;border-radius:var(--radius-md,8px);font-size:.8rem;pointer-events:none;z-index:10020;backdrop-filter:blur(4px);white-space:nowrap}.stats-table{width:100%;border-collapse:collapse;font-size:.85rem}.stats-table td,.stats-table th{padding:.5rem;text-align:left;border-bottom:1px solid var(--border,#e2e8f0)}.stats-table th{background:var(--background-alt,#f8fafc);font-weight:600}.top-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.top-list{display:flex;flex-direction:column;gap:.5rem}.top-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:.25rem 0;border-bottom:1px dashed var(--border)}.top-code{font-weight:500;color:var(--primary)}.top-value{font-weight:600;color:var(--text)}.top-empty{text-align:center;color:var(--text-muted);padding:1rem}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stats-chart-grid{flex-direction:column}.bar-label{width:70px;font-size:.7rem}}.bar-label{width:120px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-label{width:100px}.chart-container-7 .bar-label{width:30px}.chart-container-3 .bar-label{width:60px}.chart-container-6 .bar-label{width:100px}.chart-container-4 .bar-label{width:150px}.chart-container-5 .bar-label{width:180px}.month-range-filter .form-group{margin-bottom:0}.month-range-filter input[type=month]{padding:.4rem .6rem;border-radius:var(--radius-lg,16px);border:1px solid var(--border)}.months-checkboxes label{transition:background .2s}.months-checkboxes label:hover{background:var(--background-alt)}.months-checkboxes input{margin:0}@media (max-width:768px){.month-range-filter{flex-direction:column;align-items:stretch}.month-range-filter .form-group{width:100%}.month-range-filter button{width:100%}}@media (max-width:768px){.bar-label{width:80px;font-size:.7rem}.route-label{width:70px}}.chinatransfers-header{display:flex;justify-content:start;align-items:center;margin-bottom:1.5rem;gap:1rem;white-space:nowrap}.china-transfers-view{padding:1rem}.transfers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(550px,1fr));gap:1rem}.transfer-card{background:var(--surface,#fff);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.147);border:1px solid var(--border);transition:.2s}.transfer-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.157)}.card-header-china{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--background-alt);border-bottom:1px solid var(--border);border-radius:25px 25px 0 0}.card-header-left{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.badge{font-size:.75rem;padding:.2rem .5rem;border-radius:20px;background:var(--background)}.transfer-badge-china{background:#e0f2fe;color:#0369a1}.payment-badge-china{background:#f3e8ff;color:#6b21a5}.qr-view-btn,.receipt-btn{background:0 0;border:none;cursor:pointer;font-size:1rem;padding:0 .25rem;transition:transform .1s}.receipt-btn:hover{transform:scale(1.1)}.delete-receipt-btn{color:#dc3545}.card-actions{display:flex;gap:.5rem}.card-actions button{background:0 0;border:none;cursor:pointer;font-size:1rem;padding:.2rem;border-radius:var(--radius)}.card-actions button:hover{background:var(--background)}.card-body{padding:1rem}.client-info{margin-bottom:.75rem;font-size:.9rem}.transfer-card .client-info{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.transfer-card .client-contact{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.transfer-card .client-social{display:inline-flex;align-items:center;gap:.25rem}.amounts{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;font-weight:500}.source{color:#6b21a5}.target{color:#10b981}.recipient-value{color:var(--text);font-weight:600}.description,.rate-info,.recipient-info{display:flex;font-size:.85rem;margin-bottom:.5rem;gap:1rem;color:var(--text-muted)}.footer-info{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--border)}.stats-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem}.transfer-title{font-weight:600;font-size:.85rem;color:#2c3e50;margin:.25rem 0;display:flex;align-items:center;gap:.25rem}.recipient-row{display:flex;align-items:center;margin-top:.5rem;padding:.25rem 0;gap:.5rem}.qr-buttons-group{display:inline-flex;gap:.25rem}.recipient-label{color:var(--text-muted)}#commissionGroup{transition:.2s}input.readonly-field,input[readonly]{border-color:#e2e8f0;color:#475569;cursor:default;pointer-events:auto}#chinaMethodFilter,#chinaPaymentFilter{min-width:140px}#chinaMethodFilter,#chinaPaymentFilter{background-color:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:30px;padding:.5rem 1.8rem .5rem 1rem;font-size:.85rem;font-family:inherit;color:var(--text,#1e293b);cursor:pointer;transition:.2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:1rem}#chinaMethodFilter:hover,#chinaPaymentFilter:hover{border-color:var(--primary,#3b82f6);background-color:var(--background-hover,#f8fafc)}#chinaMethodFilter:focus,#chinaPaymentFilter:focus{outline:0;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.sort-buttons .btn-sm{background:var(--background-alt,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:30px;padding:.3rem .8rem;font-size:.75rem;cursor:pointer;transition:.2s}.sort-buttons .btn-sm:hover{background:var(--primary-light,#dbeafe);border-color:var(--primary,#3b82f6)}.search-bar-china{display:flex;align-items:center;justify-content:center;gap:1rem;min-width:auto}.quick-search-row-china{display:flex;gap:.5rem;background:var(--surface);border-radius:var(--radius-lg);justify-content:space-between;cursor:pointer;transition:.3s;width:400px}@media (max-width:768px){#chinaMethodFilter,#chinaPaymentFilter{padding:.3rem 1.6rem .3rem .8rem;font-size:.8rem;background-size:.9rem;background-position:right .6rem center}}:root{--client-col-width:1fr;--transfer-col-width:0.55fr}.china-transfer-grid{display:flex;flex-direction:column;gap:.5rem}.top-row{display:grid;grid-template-columns:var(--client-col-width) var(--transfer-col-width);gap:.5rem}.middle-row{display:flex;gap:.5rem;align-items:flex-start}.qr-column{width:230px;flex-shrink:0}.amounts-column{flex:1;display:flex;flex-direction:column;gap:.65rem}.field-card{background:#f8fafc;border-radius:1rem;padding:.75rem .9rem;box-shadow:0 1px 3px rgba(0,0,0,.03)}.field-card h4{margin:0 0 .4rem;font-size:.85rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.4rem}.modern-input,.modern-select{width:100%;border:1px solid #e2e8f0;border-radius:1rem;padding:.45rem .9rem;font-size:.85rem;background:#fff;box-sizing:border-box;margin-bottom:.35rem}.client-type-switch{display:flex;background:#f1f5f9;border-radius:1rem;padding:.15rem;gap:.15rem;margin-bottom:.5rem}.client-type-option{flex:1;text-align:center;padding:.35rem .2rem;border-radius:1rem;font-size:.78rem;font-weight:500;cursor:pointer;color:#64748b;transition:.15s}.client-type-radio:checked+.client-type-option{background:#fff;color:#f97316;box-shadow:0 1px 3px rgba(0,0,0,.06)}.client-type-radio{display:none}.qr-upload-area{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}#clientQrPreview img{max-width:60px;max-height:60px;border-radius:6px;cursor:pointer;object-fit:cover}.amount-row{display:flex;gap:.4rem;align-items:center}.amount-row select{width:80px}.rate-hint{font-size:.7rem;color:#64748b}.commission-badge{background:#fef3c7;color:#b45309;font-size:.65rem;padding:.1rem .4rem;border-radius:var(--radius-lg);margin-left:.4rem}.btn-secondary{background:#e2e8f0;border:none;color:#1e293b;padding:.5rem 1.3rem;border-radius:var(--radius-lg);font-weight:500;cursor:pointer;font-size:.85rem}.search-input-china{padding:.5rem .75rem .5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.85rem;transition:.2s;width:100%}.access-denied-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--radius-lg);box-shadow:0 8px 20px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s;max-width:800px;margin:2rem auto}.access-denied-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.access-denied-card h3{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.75rem}.access-denied-card .feature-list{background:rgba(59,131,246,.073);padding:1rem 1.25rem;border-radius:var(--radius-lg);margin:1rem 0}.access-denied-card .feature-list p{margin:.5rem 0;font-size:.9rem;line-height:1.4}.access-denied-card .feature-list strong{color:#1e40af}.access-denied-card button{transition:.2s;font-weight:600;padding:.6rem 1.5rem;border-radius:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.1)}.access-denied-card button:hover{transform:scale(1.02);background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px rgba(37,99,235,.3)}.access-denied-card .icon-lock{font-size:4rem;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.1))}.stat-card-china{background:var(--primary-light);color:var(--primary-hover);padding:.25rem 1rem;border-radius:var(--radius-lg);font-size:.85rem;font-weight:600}.clients-search{min-width:350px}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,0.1fr));gap:1rem}.client-card{background:var(--surface);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.client-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.client-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem}.client-card-login{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem}.client-name{font-weight:700;font-size:1.1rem;color:var(--primary)}.client-login{font-size:.8rem;color:var(--text-muted)}.client-card-details{margin-bottom:.75rem;font-size:.9rem}.client-phones{margin-bottom:.25rem;color:var(--text)}.client-cargo-count,.client-china-transfers-count{color:var(--text-muted)}.client-card-actions{display:flex;gap:.5rem;justify-content:flex-end}.cargo-link-item{padding:.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.cargo-link-item a{color:var(--primary);text-decoration:none;font-weight:500}.cargo-link-item a:hover{text-decoration:underline}.cargo-date{font-size:.75rem;color:var(--text-muted)}.cargo-status{font-size:.75rem;padding:.2rem .5rem;border-radius:20px;background:var(--background-alt)}.phones-list{display:flex;flex-direction:column;gap:.5rem}.phone-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid var(--border)}.delete-phone-btn{background:0 0;border:none;cursor:pointer;font-size:1rem;color:var(--error);padding:0 .25rem;transition:transform .1s}.delete-phone-btn:hover{transform:scale(1.1)}.clients-header{display:flex;justify-content:start;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem}.client-address,.client-email{font-size:.8rem;margin-top:.25rem;word-break:break-word;line-height:1.3}.client-email{color:var(--primary)}.client-social{color:var(--text-muted)}.action-bar-clients{display:flex;align-items:center;justify-content:start;gap:.5rem}.client-card-view{display:flex;flex-direction:column;gap:.5rem}.form-row{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:150px}.client-grid{display:grid;grid-template-columns:200px 100px;gap:1rem;align-items:start}.client-grid-row1{display:grid;grid-template-columns:300px 170px;justify-content:space-between;gap:1rem;align-items:start}.client-grid-row4{display:grid;grid-template-columns:235px 235px;justify-content:space-between;gap:1rem;align-items:start}.client-grid-full{grid-column:span 2}.qr-codes-list{display:flex;flex-wrap:wrap;gap:1rem}.qr-code-item{display:flex;flex-direction:column;align-items:center;background:var(--background-alt);padding:.5rem;border-radius:var(--radius-lg);transition:transform .2s}.qr-code-item:hover{transform:scale(1.02)}.qr-thumb{max-width:80px;max-height:80px;border-radius:35px;cursor:pointer;object-fit:cover}.qr-actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.social-badge{font-size:.7rem;background:rgba(0,0,0,.6);color:#fff;padding:.2rem .5rem;border-radius:20px;display:inline-flex;align-items:center;gap:.2rem}.social-icon-item{font-size:1.2rem;cursor:pointer;transition:transform .2s;padding:4px;background:var(--background-alt);border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-light)}.social-icon-item:hover{transform:scale(1.1);background:var(--primary-light);border-color:var(--primary)}.client-social-icon{font-size:1rem;cursor:pointer;transition:transform .2s,background .2s;padding:4px;background:var(--background-alt,#f8fafc);border-radius:50%;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-light,#e2e8f0)}.client-social-icon:hover{transform:scale(1.1);background:var(--primary-light,#e0f2fe);border-color:var(--primary,#3b82f6)}@media (max-width:768px){.client-grid{grid-template-columns:1fr;gap:.75rem}.client-grid-full{grid-column:span 1}.form-row{flex-direction:column;gap:.75rem}.client-grid-row1,.client-grid-row4{grid-template-columns:1fr;gap:.75rem}}.add-client-grid{display:flex;flex-direction:column;gap:.8rem}.add-client-top-row{display:grid;grid-template-columns:var(--profile-col-width) var(--address-col-width);gap:.8rem;align-items:start}.full-width{grid-column:1/-1}.qr-upload-area{border:2px dashed #d1d5db;border-radius:.6rem;padding:.5rem;background:#f9fafb;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.modal-content{max-width:95vw;overflow-y:auto;max-height:90vh}.modal-header{padding:.8rem 1.2rem .2rem;display:flex;justify-content:space-between;align-items:center}:root{--profile-col-width:1fr;--address-col-width:1fr}.client-view-grid{display:flex;flex-direction:column;gap:.8rem}.client-top-row{display:grid;grid-template-columns:var(--profile-col-width) var(--address-col-width);gap:.8rem;align-items:start}.field-card{background:#f8fafc;border-radius:.8rem;padding:.75rem .9rem;box-shadow:0 1px 3px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:.5rem}.field-card h4{margin:0 0 .2rem;font-size:.85rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.4rem}.field-card label{font-size:.7rem;font-weight:500;color:#475569;display:block;margin-bottom:.1rem}.modern-input,.modern-select{width:100%;border:1px solid #e2e8f0;border-radius:.5rem;padding:.45rem .6rem;font-size:.85rem;background:#fff;box-sizing:border-box;transition:border .15s;margin-bottom:.3rem}.modern-input:focus,.modern-select:focus{border-color:#f97316;outline:0;box-shadow:0 0 0 2px rgba(249,115,22,.1)}.modern-input:disabled,.modern-select:disabled{background:#f3f4f6;opacity:.7}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.phones-list{margin-bottom:.3rem}.phone-item{padding:.2rem 0;font-size:.85rem}.qr-upload-area{border:2px dashed #d1d5db;border-radius:.6rem;padding:.5rem;background:#f9fafb;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.3rem}.qr-upload-area select{width:auto;margin-bottom:0}.qr-upload-area button{font-size:.75rem;background:#fff;border:1px solid #e2e8f0;padding:.3rem .6rem;border-radius:8rem;cursor:pointer}.field-hint{font-size:.7rem;color:#64748b}.cargo-list{max-height:200px;overflow-y:auto}.cargo-link-item{display:flex;align-items:center;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid #e2e8f0;font-size:.85rem}.cargo-link-item:last-child{border-bottom:none}.cargo-link{text-decoration:none;color:#2563eb;font-weight:500}.cargo-date,.cargo-status{font-size:.75rem;color:#64748b}.client-social-icons{margin-top:.5rem}.companies-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(600px,0.1fr));gap:1rem}.companies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(700px,1fr));gap:1.25rem}.company-card{background:var(--surface,#fff);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s;border:1px solid var(--border,#e2e8f0);max-width:950px}.company-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px rgba(0,0,0,.1)}.company-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.company-name{font-size:1.2rem;font-weight:600;color:var(--primary,#3b82f6);display:flex;align-items:center;gap:.5rem}.company-name-highlight{font-weight:700;color:var(--primary,#3b82f6);background:var(--primary-light,#eff6ff);padding:.2rem .6rem;border-radius:20px;display:inline-block}.username-highlight{font-weight:700;color:#1e293b;background:#f1f5f9;padding:.2rem .6rem;border-radius:20px;display:inline-block}.company-name::before{content:"🏢";font-size:1.2rem}.company-status{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:var(--radius-lg);background:#e2e8f0;color:#1e293b}.company-status.active{background:#dcfce7;color:#15803d}.company-status.inactive{background:#fee2e2;color:#b91c1c}.company-details{margin:1rem 0;font-size:.85rem;color:var(--text-muted,#475569);display:flex;flex-direction:column;gap:.5rem}.company-details div{display:flex;align-items:center;gap:.5rem;line-height:1.4}.company-details .detail-icon{width:1.25rem;text-align:center}.company-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:flex-end;border-top:1px solid var(--border,#e2e8f0);padding-top:1rem}.btn-sm{padding:.4rem .8rem;font-size:.8rem;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:background .2s}.company-tariff{font-weight:500;color:var(--primary)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.user-card{background:var(--background-alt,#f1f5f9);border-radius:var(--radius-lg);padding:1rem;border:1px solid var(--border,#e2e8f0);transition:box-shadow .2s}.user-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.05)}.user-details{flex:1}.user-name-companie{font-weight:600;font-size:1rem;color:var(--primary)}.user-role-companie{font-size:.7rem;background:var(--background-alt,#f1f5f9);padding:.2rem .5rem;border-radius:1rem;display:inline-block;margin-top:.25rem;font-weight:500}.role-admin{background:#dbeafe;color:#1e40af}.role-manager{background:#dcfce7;color:#166534}.role-cashier{background:#fef3c7;color:#92400e}.role-viewer{background:#fef9c3;color:#854d0e}.user-meta{font-size:.75rem;color:var(--text-muted,#475569);margin-top:.5rem;display:flex;justify-content:space-between;align-items:center}.user-actions{display:flex;gap:.5rem}.user-actions button{background:0 0;border:none;cursor:pointer;font-size:1rem;padding:.25rem;transition:transform .1s}.user-actions button:hover{transform:scale(1.1)}.user-perms-badge{background:var(--background-alt,#f1f5f9);padding:.2rem .5rem;border-radius:var(--radius-lg);font-size:.7rem;cursor:pointer;transition:background .2s}.user-perms-badge:hover{background:var(--border,#cbd5e1)}.add-user-section{background:var(--background-alt,#f8fafc);padding:1rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;border:1px solid var(--border,#e2e8f0)}.add-user-section h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin-bottom:1rem;color:var(--text,#1e293b)}.add-user-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:.5rem}.add-user-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.user-limit-info{font-size:.75rem;color:var(--text-muted,#475569);margin-bottom:.75rem;display:flex;justify-content:flex-end;gap:.5rem}.perm-category{margin-bottom:1.2rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.perm-category-items{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.5rem}.perm-checkbox{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;background:var(--background-alt);padding:.2rem .6rem;border-radius:20px;cursor:pointer}.perm-checkbox input{margin:0}#permsGrid{max-height:400px;overflow-y:auto;padding:.5rem}.my-company-view .company-actions{justify-content:flex-start}.my-company-view .company-actions .btn-sm{background:var(--primary);color:#fff}.my-company-view .company-actions .btn-sm:hover{background:var(--primary-dark)}.active-requests-widget{animation:.3s slideInDown}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.widget-card{transition:transform .2s,box-shadow .2s}.widget-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (max-width:768px){.companies-grid{grid-template-columns:1fr}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:#1f2937;color:#f3f4f6;padding:1rem 1.5rem;z-index:9999;box-shadow:0 -4px 12px rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.9rem;border-top:2px solid #374151;transition:transform .3s,opacity .3s}.cookie-consent.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.cookie-consent-content{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;max-width:1200px;width:100%;justify-content:center}.cookie-consent-text{margin:0;line-height:1.5;flex:1;min-width:200px}.cookie-consent-text a{color:#60a5fa;text-decoration:none}.cookie-consent-text a:hover{color:#93bbfc}#acceptCookiesBtn{flex-shrink:0;background:#3b82f6;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:35px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}#acceptCookiesBtn:hover{background:#2563eb;transform:scale(1.02)}#acceptCookiesBtn:active{transform:scale(.97)}@media (max-width:768px){.cookie-consent{padding:.75rem 1rem;font-size:.8rem;flex-direction:column;gap:.75rem}.cookie-consent-content{flex-direction:column;align-items:stretch;text-align:center}#acceptCookiesBtn{width:100%;padding:.6rem}}.custom-select-wrapper{position:relative;width:100%;min-width:280px}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:0 16px;cursor:pointer;font-size:.85rem;transition:.2s}.custom-select-trigger:hover{border-color:var(--primary,#3b82f6)}.custom-select-trigger .trigger-arrow{font-size:.85rem;color:var(--text-muted,#6b7280);transition:transform .2s}.custom-select-wrapper.open .custom-select-trigger .trigger-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:100%;left:0;right:0;background:var(--surface,#fff);border:1px solid var(--border,#d1d5db);border-radius:15px/14px;margin-top:6px;max-height:300px;overflow-y:auto;z-index:1000;display:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);min-width:100%;width:max-content}.custom-select-wrapper.open .custom-select-options{display:block}.custom-option{display:flex;justify-content:space-between;align-items:center;padding:.2rem 1rem;cursor:pointer;transition:background .2s;flex-wrap:nowrap;white-space:nowrap;gap:1rem}.custom-option:last-child{border-bottom:none}.custom-option:hover{background:var(--background-alt,#f3f4f6)}.custom-option.selected{background:var(--primary-light,#dbeafe)}.option-main{font-weight:500;color:var(--text,#1f2937);flex-shrink:0}.option-type{font-size:.75rem;color:var(--text-muted,#6b7280);flex-shrink:0;margin-left:auto}.hidden-select{display:none}.custom-select-options .custom-option.selected{background-color:#e0f2fe;font-weight:600}.custom-select-options .custom-option.selected::before{content:"✓";margin-right:.25rem}.positive-type{color:var(--success,#42a065)}.negative-type{color:var(--danger,#da5b5b)}.conversion-type{color:var(--warning,#f6c166)}.custom-tooltip{position:fixed;z-index:10000;max-width:300px;max-height:200px;background-color:#333;color:#fff;font-size:.8rem;padding:6px 10px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:opacity .15s;pointer-events:none;word-wrap:break-word;white-space:normal;line-height:1.4}.custom-tooltip img{max-width:200px;max-height:150px;display:block;border-radius:4px}.custom-tooltip[data-placement=top]::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border-width:6px 5px 0;border-style:solid;border-color:#333 transparent transparent}.custom-tooltip[data-placement=bottom]::after{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);border-width:0 5px 6px;border-style:solid;border-color:transparent transparent #333}.custom-tooltip[data-placement=top]{transform:translateY(-8px)}.custom-tooltip[data-placement=bottom]{transform:translateY(8px)}.custom-tooltip[data-placement=left]{transform:translateX(-8px)}.custom-tooltip[data-placement=right]{transform:translateX(8px)}.mini-drawer{position:fixed;top:4.6rem;left:.3rem;width:6rem;height:calc(100% - 4.9rem);background:0 0;backdrop-filter:blur(20px);border:1px solid #cdcdcd;border-radius:var(--radius-lg);box-shadow:2px 0 12px rgba(0,0,0,.05);z-index:1050;transition:.3s cubic-bezier(.2, .9, .4, 1.1);display:flex;flex-direction:column;overflow-x:hidden;overflow:visible!important}.drawer-toggle{display:flex;justify-content:center;align-items:center;height:3rem;cursor:pointer}.toggle-icon{font-size:1.2rem;transition:transform .2s;color:#000}.drawer-nav{flex:1;overflow-y:auto;padding:0 .25rem}.drawer-menu{list-style:none;margin:0;padding:0}.drawer-menu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-lg);margin-bottom:.25rem;cursor:pointer;white-space:nowrap;color:#f0f0f0;overflow:hidden}.drawer-menu-item:hover{background:#0000001a;color:#f0f0f0}.drawer-menu-item.active{background:#0000001a;color:#f0f0f0;font-weight:600}.menu-badge{margin-left:auto;background:#ef4444;color:#fff;border-radius:20px;padding:.1rem .5rem;font-size:.7rem;font-weight:600}.drawer-icon{display:flex;font-size:1.2rem;width:32px;text-align:center;flex-shrink:0;align-items:center;justify-content:center}.drawer-text{opacity:0;transition:opacity .2s;white-space:nowrap}.drawer-footer{padding:.5rem .25rem .25rem;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.drawer-footer-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-lg);margin-bottom:.25rem;cursor:pointer;white-space:nowrap;color:#c3c3c3;overflow:hidden;transition:background .2s}.drawer-footer-item:hover{background:#0000001a;color:#e1e1e1}.drawer-footer-item .drawer-icon{font-size:1.2rem;width:32px;text-align:center;flex-shrink:0}.drawer-footer-item .drawer-text{opacity:0;transition:opacity .2s;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-user-info{color:#ff8000}.drawer-language{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;border-radius:var(--radius-lg);margin-bottom:.25rem;cursor:pointer;white-space:nowrap;color:#1e293b}.lang-btn{background:rgba(0,0,0,.04);border:none;font-size:1.2rem;padding:.4rem;border-radius:40px;cursor:pointer}.lang-btn.active{background:#3b82f6;color:#fff}.language-switcher{position:relative;margin-bottom:.5rem;cursor:pointer;z-index:1060}.current-language{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin-bottom:1rem;cursor:pointer;border-radius:var(--radius-lg);transition:background .2s}.current-language:hover{background:#0000001a}.lang-flag{display:flex;font-size:1rem;width:32px;text-align:center;flex-shrink:0;align-items:center;justify-content:center}.lang-code{font-size:.85rem;font-weight:600;color:#c3c3c3}.language-panel{position:absolute;top:1px;left:100%;margin-left:.5rem;background:#5c5c5c;border-radius:var(--radius-lg);border:1px solid #cdcdcd;box-shadow:var(--shadow-md);padding:.25rem;display:flex;flex-direction:row;gap:.5rem;z-index:1100;opacity:0;transform:translateX(-10px);transition:.3s cubic-bezier(.2, .9, .4, 1.1);pointer-events:none;white-space:nowrap}.language-panel.open{opacity:1;transform:translateX(0);pointer-events:auto}.lang-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:0 0;border:none;border-radius:var(--radius-lg);font-size:.85rem;color:#f0f0f0;cursor:pointer;transition:background .2s;white-space:nowrap}.lang-option:hover{background:#0000001a;color:#f0f0f0}.lang-option .lang-flag{font-size:1rem}.lang-option .user-icon{font-size:1rem}.user-switcher{position:relative;margin-bottom:.25rem;cursor:pointer;z-index:1060}.current-user{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:var(--radius-lg);transition:background .2s;overflow:hidden}.current-user:hover{background:#0000001a}.current-user .lang-flag{font-size:1.2rem}.current-user .lang-code{font-size:1rem;font-weight:600;color:#f70}.user-panel{position:absolute;top:-20px;left:100%;margin-left:.5rem;border-radius:var(--radius-lg);border:1px solid #cdcdcd;box-shadow:var(--shadow-md);padding:.25rem;display:flex;flex-direction:column;gap:.5rem;z-index:1100;opacity:0;transform:translateX(-10px);transition:.3s cubic-bezier(.2, .9, .4, 1.1);pointer-events:none;white-space:nowrap;background:#5c5c5c}.user-panel.open{opacity:1;transform:translateX(0);pointer-events:auto}.user-panel .lang-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:0 0;border:none;border-radius:var(--radius-lg);font-size:.85rem;color:#f0f0f0;cursor:pointer;transition:background .2s;white-space:nowrap}.user-panel .lang-option:hover{background:#0000001a;color:#f0f0f0}.mini-drawer:not([style*="width: 18rem"]) .current-language .lang-code{display:none}.mini-drawer:not([style*="width: 18rem"]) .current-language{justify-content:center;padding:.5rem}.mini-drawer:not([style*="width: 18rem"]) .current-language .lang-flag{font-size:1rem}.mini-drawer:not([style*="width: 18rem"]) .current-user .lang-code{display:none}.mini-drawer:not([style*="width: 18rem"]) .current-user{justify-content:center;padding:.5rem}.mini-drawer:not([style*="width: 18rem"]) .drawer-footer-item .drawer-text{opacity:0;display:none}.mini-drawer:not([style*="width: 18rem"]) .drawer-footer-item{justify-content:center;padding:.5rem}.mini-drawer:not([style*="width: 18rem"]) .drawer-menu-item .drawer-text{opacity:0}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:1040;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.drawer-overlay.active{opacity:1;visibility:visible;cursor:pointer}#changePasswordModal .modal-content,#loginModal .modal-content{width:400px;max-width:90vw;background:var(--surface);border-radius:var(--radius-lg)}#changePasswordModal .modal-form,#loginModal .modal-form{padding:1.5rem}#changePasswordModal input,#loginModal input{width:100%;border-radius:var(--radius);font-family:inherit}#changePasswordModal .form-actions,#loginModal .form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}@media (max-width:768px){.mini-drawer{left:-64px;transition:left .3s,width .3s}.mini-drawer.mobile-open{left:0}}.form-group{display:flex;flex-direction:column;margin-bottom:var(--space-xs);border:1px solid var(--text-light);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-md);transition:border-color .2s,box-shadow .2s;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif}.form-group:hover{border-color:var(--text-light);background-color:var(--primary-light)}.form-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-hover);border:1px solid var(--text-light)}.form-group label{font-size:.6rem;text-transform:uppercase;font-weight:700;color:#0070b6;letter-spacing:.02em;padding:2px 10px 0;margin:0;margin-bottom:.25rem;line-height:1.2;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}.form-group input,.form-group select{width:100%;border:none;background:0 0;padding:5px 5px .25px 10px;font-size:.85rem;font-weight:500;color:var(--text);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;outline:0;transition:.2s;border-radius:var(--radius-lg)}.form-group ::placeholder,.form-group textarea{width:100%;border:none;background:0 0;padding:5px 5px .25px 15px;border-radius:var(--radius);font-size:.85rem;font-weight:500;color:var(--text-muted);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;outline:0;transition:.2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:none}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.2rem;padding-right:2rem}.form-group select option{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group.compact{margin-bottom:.8rem;padding:var(--space-xs) var(--space-sm)}.form-group.compact label{font-size:.75rem;margin-bottom:.3rem;padding-left:10px}.form-group.compact input,.form-group.compact select{padding:.4rem .6rem .4rem 10px;font-size:.8rem}.form-group.card-field{background:0 0;border:none;padding:0;margin:0}.form-group.card-field label{display:flex;align-items:center;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.03em;padding-left:0}.form-group.card-field label::before{content:'•';color:var(--primary);font-size:1.2rem;line-height:1;margin-right:4px}.form-group.card-field input,.form-group.card-field select,.form-group.card-field textarea{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.form-group.card-field input:focus,.form-group.card-field select:focus,.form-group.card-field textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:var(--surface)}.form-group.card-field input:hover,.form-group.card-field select:hover,.form-group.card-field textarea:hover{border-color:var(--primary-light)}.form-group.card-field.invalid label{color:var(--error)}.form-group.card-field.invalid label::before{color:var(--error)}.form-group.card-field.invalid input,.form-group.card-field.invalid select,.form-group.card-field.invalid textarea{border-color:var(--error);background:var(--error-light)}.form-group.card-field.invalid input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 20%,transparent)}.form-group.card-field.readonly input,.form-group.card-field.readonly select,.form-group.card-field.readonly textarea{background:var(--background-alt);color:var(--text-muted);cursor:not-allowed;border-color:var(--border)}.form-group.card-field.readonly label{color:var(--text-light)}.form-grid.compact .form-group{padding:var(--space-xs) var(--space-sm)}.form-group.density-area{background:var(--background-alt);border-color:var(--border-light)}.form-group .field-hint{display:none}.form-group:has(input,select,textarea),.modal-body .form-group:has(input,select,textarea){cursor:pointer}.form-group.select-container{cursor:pointer}.trigger-text{padding:5px 10px 5px 0}@media (max-width:480px){.form-group.card-field input,.form-group.card-field select,.form-group.card-field textarea{padding:.6rem .9rem;font-size:.85rem}}.modal,.modal *{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif}.modal .form-group select,.modal .form-group select option{font-family:Nunito,sans-serif!important}.history-tabs-container{margin-top:20px;padding-top:15px;max-height:600px;overflow-y:auto}.history-tabs{display:flex;gap:.5rem;background:var(--background-alt);padding:.25rem;margin-bottom:.25rem;border-radius:var(--radius-lg);border:1px solid var(--border);backdrop-filter:blur(4px);width:max-content;backdrop-filter:blur(4px)}.tab-pane{display:none;max-height:400px;overflow-y:auto;padding:10px;max-width:400px;margin-left:auto;margin-right:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.tab-pane::-webkit-scrollbar{width:6px}.tab-pane::-webkit-scrollbar-track{background:0 0}.tab-pane::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:var(--radius-lg)}.tab-pane::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.tab-pane.active{display:block}.empty-history{padding:20px;text-align:center;color:var(--text-muted);font-size:14px;background:var(--background-alt);border-radius:var(--radius-lg)}.history-card{background:#fff;border-radius:var(--radius-lg);padding:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:box-shadow .2s;border-left-width:3px;border-left-style:solid}.history-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.toast-container{position:fixed;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:420px;width:calc(100% - 32px)}.toast-container-top-right{top:24px;right:24px}.toast-container-top-left{top:24px;left:24px}.toast-container-bottom-right{bottom:24px;right:24px}.toast-container-bottom-left{bottom:24px;left:24px}.toast{pointer-events:auto;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-radius:24px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 20px 35px -12px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.02);transition:.3s cubic-bezier(.2, .9, .4, 1.1);position:relative;overflow:hidden}.toast:hover{transform:translateY(-2px);box-shadow:0 24px 38px -12px rgba(0,0,0,.25)}.toast-show{animation:.3s cubic-bezier(.2,.9,.4,1.1) forwards toastSlideIn}.toast-hide{animation:.3s cubic-bezier(.4,0,.6,1) forwards toastSlideOut!important}.toast-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left:4px solid #10b981;color:#065f46;box-shadow:0 8px 20px rgba(16,185,129,.15)}.toast-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444;color:#991b1b;box-shadow:0 8px 20px rgba(239,68,68,.15)}.toast-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #f59e0b;color:#92400e;box-shadow:0 8px 20px rgba(245,158,11,.15)}.toast-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6;color:#1e40af;box-shadow:0 8px 20px rgba(59,130,246,.15)}.toast-neutral{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:4px solid #6b7280;color:#374151;box-shadow:0 8px 20px rgba(107,114,128,.1)}.toast-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.toast:hover .toast-icon{transform:scale(1.05)}.toast-icon svg{width:22px;height:22px;stroke-width:2;filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .05))}.toast-success .toast-icon svg{stroke:#10b981;color:#10b981}.toast-error .toast-icon svg{stroke:#ef4444;color:#ef4444}.toast-warning .toast-icon svg{stroke:#f59e0b;color:#f59e0b}.toast-info .toast-icon svg{stroke:#3b82f6;color:#3b82f6}.toast-neutral .toast-icon svg{stroke:#6b7280;color:#6b7280}.toast-content{flex:1;font-size:.95rem;font-weight:500;line-height:1.45}.toast-message{word-break:break-word}.toast-close{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.06);border:none;border-radius:40px;font-size:16px;cursor:pointer;color:currentColor;opacity:.7;transition:.2s}.toast-close:hover{opacity:1;background:rgba(0,0,0,.12);transform:scale(1.05)}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(0,0,0,.06);border-radius:0 0 24px 24px;overflow:hidden}.toast-progress-bar{height:100%;width:100%;background:currentColor;transition:width linear}.toast-success .toast-progress-bar{background:#10b981}.toast-error .toast-progress-bar{background:#ef4444}.toast-warning .toast-progress-bar{background:#f59e0b}.toast-info .toast-progress-bar{background:#3b82f6}.toast-neutral .toast-progress-bar{background:#6b7280}@keyframes toastSlideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(40px)}}.toast-container-bottom-left .toast-show,.toast-container-top-left .toast-show{animation-name:toastSlideInLeft}.toast-container-bottom-left .toast-hide,.toast-container-top-left .toast-hide{animation-name:toastSlideOutLeft}@keyframes toastSlideInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOutLeft{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-40px)}}.notification-bell{position:relative;background:0 0;border:none;font-size:1.2rem;cursor:pointer;padding:.4rem;border-radius:50%;transition:.2s;margin-left:.75rem;color:var(--text,#1f2937);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.notification-bell:hover{background:rgba(0,0,0,.05);transform:scale(1.02)}.notification-badge{position:absolute;top:1px;right:2px;background:linear-gradient(135deg,#ffffffb2,#d2d2d2a3);color:#000;border-radius:40px;font-size:.7rem;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px rgba(0,0,0,.15)}.notification-history-panel{position:fixed;top:5px;right:5px;width:400px;max-width:calc(100vw - 40px);height:calc(100% - 10px);background:rgba(0,0,0,.249);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:0 30px 50px -20px rgba(0,0,0,.25);z-index:10001;display:none;flex-direction:column;overflow:hidden;padding:.5rem}@keyframes panelFadeIn{from{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.history-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:.2rem}.history-title{font-size:1.05rem;font-weight:600;background:linear-gradient(135deg,#1e293b,#334155);background-clip:text;-webkit-background-clip:text;color:#f0f0f0}.history-actions{display:flex;gap:8px}.history-actions button{background:rgba(0,0,0,.04);border:none;cursor:pointer;font-size:.75rem;padding:6px 10px;border-radius:40px;transition:.2s;color:#cdcdcd;font-weight:500}.history-actions button:hover{background:rgba(0,0,0,.08);transform:scale(.96)}.history-list{max-height:calc(100vh - 73px);overflow-y:auto}.history-list::-webkit-scrollbar{width:5px}.history-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.history-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.history-item{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding:12px 16px!important;cursor:pointer;transition:background .2s}.history-item-content{flex:1!important;min-width:0!important}.history-item-icon{display:none!important}.history-item-message{font-size:.9rem;font-weight:500;color:#f0f0f0;line-height:1.4;word-break:break-word}.history-item-time{font-size:.7rem;color:#cdcdcd;margin-top:4px}.history-item-delete{flex-shrink:0!important;background:0 0!important;border:none!important;cursor:pointer!important;font-size:1rem!important;padding:4px 6px!important;border-radius:var(--radius-lg)!important;color:#f0f0f0!important;transition:.2s;line-height:1;visibility:visible!important;opacity:.6;align-self:flex-start!important;margin-top:0!important}.history-item:hover .history-item-delete{visibility:visible;opacity:1}.history-item-delete:hover{background:rgba(0,0,0,.05)!important;color:#ef4444!important;opacity:1;transform:scale(1.05)}.history-item.unread{background:#0000001a;position:relative;color:#f0f0f0}.history-empty{text-align:center;padding:48px 20px;color:#94a3b8;font-size:.9rem;font-weight:500}@media (max-width:640px){.toast-container{left:12px;right:12px;width:auto;max-width:none}.toast{padding:12px 16px;border-radius:20px}.toast-icon svg{width:20px;height:20px}.toast-content{font-size:.85rem}.notification-history-panel{top:70px;right:12px;left:12px;width:auto;border-radius:24px}.history-header{padding:12px 16px}.history-item{padding:12px 16px;gap:12px}}.notification-history-panel .history-item{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding:.75rem 1rem;margin:0 0 .15rem;cursor:pointer;transition:background .2s;border-radius:var(--radius-lg,14px)}.notification-history-panel .history-item-content{flex:1!important;min-width:0!important}.notification-history-panel .history-item-delete{flex-shrink:0!important;align-self:flex-start!important;margin-top:0!important;background:0 0!important;border:none!important;cursor:pointer!important;font-size:.75rem!important;padding:4px 6px!important;border-radius:20px!important;color:#94a3b8!important;line-height:1!important}.notification-history-panel .history-item-delete:hover{background:rgba(0,0,0,.05)!important;color:#fff!important}.notification-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);z-index:10000;animation:.2s fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.notification-history-panel{transform:translateX(100%);transition:transform .3s cubic-bezier(.2, .9, .4, 1.1)}.notification-history-panel.panel-open{transform:translateX(0)}.history-clear,.history-close,.history-mark-read{background:0 0;border:none;font-size:.75rem;width:1.75rem;height:1.75rem;padding:.75rem;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;color:#475569;background:var(--border);border:.5px solid #eef2f6}:root{--color-success:#059669;--color-success-light:#d1fae5;--color-success-dark:#004d25;--color-warning:#d97706;--color-warning-light:#fffcfa;--color-text:#1f2937;--color-text-muted:#6b7280;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1);--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem}.total-cost-card{background:linear-gradient(135deg,var(--color-success-light) 0,#e0f2fe 100%);border:1px solid rgba(5,150,105,.2);border-radius:var(--radius);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.total-cost-header{margin-bottom:var(--space-sm)}.total-cost-title{font-size:1rem;font-weight:600;color:var(--color-success-dark);text-align:center;margin:0;letter-spacing:.025em;text-transform:uppercase}.total-cost-amount{font-size:2rem;font-weight:800;color:var(--color-success);text-align:center;margin:var(--space-md) 0;line-height:1;font-feature-settings:"tnum" on,"lnum" on}.currency-symbol{font-size:1.5rem;font-weight:600;margin-right:4px;opacity:.9}.total-cost-details{margin-top:var(--space-md)}.cost-breakdown{font-size:.8rem;color:var(--color-text-muted);text-align:center;margin:0 0 var(--space-sm) 0;line-height:1.4}.notice-text{text-align:center}.storage-notice{background-color:var(--color-warning-light);border:1px solid rgba(217,119,6,.2);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);display:flex;align-items:flex-start;gap:8px;margin-top:var(--space-sm)}.notice-icon{color:var(--color-warning);flex-shrink:0;margin-top:2px}.notice-text{font-size:.8125rem;color:var(--color-text);line-height:1.3;flex:1}.total-cost-footer{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid rgba(5,150,105,.1)}.currency-disclaimer{font-size:.75rem;color:var(--color-text-muted);text-align:center;display:block;font-style:italic}.rub-amount{font-size:.85rem;font-weight:650;color:#d97706}@media (max-width:768px){.total-cost-card{padding:var(--space-md)}.total-cost-amount{font-size:2rem}.total-cost-title{font-size:.9375rem}}.operation-filters-panel{display:flex;flex-wrap:nowrap;gap:1rem;align-items:center}.filter-group{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:var(--background-alt);padding:.25rem .8rem;border-radius:var(--radius-lg)}.filter-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.operation-filter-select{background:0 0;border:none;border-radius:var(--radius-lg);font-size:.75rem;font-weight:500;color:var(--text);cursor:pointer;transition:.2s;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right .4rem center;background-size:.8rem}.operation-filter-select:hover{color:var(--primary-hover);background-color:transparent}.operation-filter-select:focus{background-color:var(--background-alt);outline:0}.operation-filter-select option{background:var(--surface);color:var(--text);font-size:.75rem}.operation-filter-select.active{background:var(--background,#fff);color:#fff;color:var(--text)}.detail-filters-btn{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;justify-content:center;width:100px}.btn-outline-stats{padding:.25rem .9rem;margin:0;background:var(--background-alt);background:0 0;border:1px solid var(--border-dark);color:var(--text);border-radius:var(--radius-lg);font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.02);transition:transform .2s cubic-bezier(.2, .9, .4, 1.1),box-shadow .25s,background .2s,border-color .2s,color .2s;will-change:transform;backface-visibility:hidden}.btn-outline-stats:hover:not(:disabled){background:var(--background-alt);border-color:var(--primary);color:var(--primary);box-shadow:0 0 20px rgba(0,0,0,.15),0 0 8px rgba(0,0,0,.05)}.btn-outline-stats:active:not(:disabled){transform:scale(.98);background:var(--background);border-color:var(--border-dark);transition:transform 50ms;box-shadow:0 0 6px rgba(0,0,0,.1)}.btn-outline-stats:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border);color:var(--text-disabled);transform:none;box-shadow:none;pointer-events:none}@media (max-width:768px){.stats-filters{flex-direction:column;align-items:stretch}.stats-filters .form-group{width:100%}}#heatmapCanvas{background:#fff;border-radius:var(--radius-lg,16px);box-shadow:0 1px 3px rgba(0,0,0,.1);width:100%;height:auto}.stats-dashboard{display:flex;flex-direction:column;gap:2rem}.dashboard-controls{background:var(--surface,#fff);border-radius:var(--radius-lg,16px);padding:.5rem}.filters-panel{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem}.compare-panel{border-bottom:none;margin-bottom:0;margin-left:1.5rem}.filter-input,.filter-select{padding:.4rem .6rem;border-radius:var(--radius,8px);border:1px solid var(--border,#e2e8f0);background:var(--background,#fff);font-size:.85rem}.compare-results{width:100%;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-light,#e2e8f0)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.metrics-grid.small{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-label-stats{font-size:.7rem;text-transform:uppercase;color:var(--text-muted,#64748b);margin-bottom:.5rem}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.counterparties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.top-list{max-height:300px;overflow-y:auto}.dynamics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(550px,1fr));gap:1.5rem}.conversion-stats .metrics-grid{margin-top:.5rem}.export-section{text-align:right;background:0 0;border:none;padding:0}@media (max-width:768px){.analysis-grid,.counterparties-grid,.dynamics-grid,.split-grid{grid-template-columns:1fr}.analysis-card.wide,.counterparty-card.wide{grid-column:span 1}.compare-group{flex-wrap:wrap}.filters-panel{flex-direction:column;align-items:stretch}}.filter-section{background:var(--surface);border-radius:var(--radius-lg,16px);padding:.5rem 1rem}.filter-section-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:start}.filter-section-title{font-size:.85rem;font-weight:600;color:var(--text,#1f2937);display:inline-flex;align-items:center;gap:.4rem}.filter-section-content{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.compare-section{margin-top:.5rem}.compare-panel-content{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;padding-left:1.5rem}.compare-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.chart-container .chart-container-5{width:200px}.chart-container .chart-container-6{width:60px}.expenses-list{margin-bottom:1rem}.expenses-grid{display:grid;gap:.5rem;max-height:min(60vh,500px);overflow-y:auto;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:var(--primary) var(--border)}.expenses-grid::-webkit-scrollbar{width:4px}.expenses-grid::-webkit-scrollbar-track{background:var(--border);border-radius:3px}.expenses-grid::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.expense-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem 1.5rem;transition:background .1s;position:relative;display:flex;flex-direction:column}.expense-card:hover{background:var(--background-alt);border-color:var(--border)}.expense-header,.payment-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%}.expense-number,.payment-number{font-size:.7rem;color:var(--text-muted);background:var(--background-alt);padding:.1rem .3rem;border-radius:3px;margin-right:.5rem;font-weight:500}.expense-partner-name,.expense-payment-type,.payment-type{font-weight:600;font-size:.95rem;color:var(--text);display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.expense-actions,.payment-actions{display:flex;gap:.25rem;flex-shrink:0}.expense-actions .btn-icon{background:0 0;border:none;font-size:.85rem;padding:.2rem;width:1.6rem;height:1.6rem;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:.1s;display:inline-flex;align-items:center;justify-content:center}.expense-actions .btn-icon:hover{background:var(--background);color:var(--text)}.expense-actions .btn-danger:hover{background:var(--error-light);color:var(--error)}.expense-hint{font-size:.8rem;color:var(--text-light);line-height:1.2;margin-left:.5rem}.expense-amounts{display:flex;gap:.75rem;font-size:.8rem;font-weight:500;flex-shrink:0;margin-top:.5rem}.amount-usd{font-weight:700;font-size:1.1rem;color:var(--success)}.amount-rub{font-weight:700;font-size:1.1rem;color:var(--primary)}.amount-cny{font-weight:700;font-size:1.1rem;color:var(--warning)}.amount-usd-card{font-weight:600;font-size:.95rem;color:var(--success)}.amount-rub-card{font-weight:600;font-size:.95rem;color:var(--primary)}.amount-usd-rub-card{color:#9c27b0;font-size:.95rem;font-weight:600}.expense-description,.payment-description{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.payment-description-usd-rub{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.expense-date,.payment-date{font-size:.7rem;color:var(--text-muted);margin-top:.25rem;margin-bottom:.5rem}.expenses-summary,.payments-summary{margin-top:1rem;padding:.5rem 1.5rem;background:var(--background-alt);border-radius:35px;border:2px dashed var(--border);display:flex;align-items:baseline;justify-content:center;font-size:.8rem}.summary-item-expenses,.summary-item-payment{display:inline-flex;align-items:baseline;gap:.25rem;color:var(--text-muted);white-space:nowrap;border-radius:var(--radius-lg);padding:1rem}.summary-item-expenses .summary-label{font-weight:500}@media (max-width:768px){.expenses-summary{flex-direction:column;align-items:flex-start;gap:.25rem}.summary-item-expenses:not(:last-child)::after{display:none}.expense-amounts{flex-wrap:wrap;gap:.5rem}}.cargo-info-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem 1rem;background:var(--background-alt);border-radius:35px;padding:1rem 1.5rem;margin-bottom:1.5rem;border:2px solid var(--border)}.cargo-info-header{display:flex;align-items:center;gap:.5rem}.cargo-label{font-weight:600;color:var(--text);font-size:.9rem}.cargo-total{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.total-label{font-weight:600;color:var(--text);font-size:.9rem;white-space:nowrap}.total-amounts{display:flex;gap:1rem;align-items:baseline}.expense-header-left,.payment-header-left{display:flex;align-items:center;gap:.25rem}.expense-main-row{display:flex;justify-content:space-between;align-items:center;width:100%}.payment-main-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.text-error{color:var(--error)!important}.rub-options{margin:1rem 0;padding:1rem;background:var(--background-alt);border-radius:var(--radius-lg);border:1px solid var(--border)}.checkbox-wrapper{display:flex;align-items:center;margin-bottom:.5rem}.styled-checkbox{position:absolute;opacity:0;width:0;height:0}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:var(--text);gap:.5rem}.checkbox-custom{display:inline-block;width:18px;height:18px;margin-right:8px;border:2px solid var(--border);border-radius:4px;background:var(--surface);transition:.2s;position:relative}.styled-checkbox:checked+.checkbox-label .checkbox-custom{background:var(--primary);border-color:var(--primary)}.styled-checkbox:checked+.checkbox-label .checkbox-custom::after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.styled-checkbox:focus+.checkbox-label .checkbox-custom{box-shadow:0 0 0 3px var(--primary-light)}.hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;line-height:1.4;padding-left:26px}#rateFieldGroup{margin-top:1rem}#rateFieldGroup label{font-size:.8rem;color:var(--text)}.operations-summary-container{margin-bottom:1.5rem}.operations-controls{display:flex;gap:.5rem;margin-left:1rem}.operations-controls .btn-outline{padding:.4rem .8rem;font-size:.85rem}.summary-card{transition:.3s}.summary-card.positive{background:linear-gradient(135deg,#fafffa,#fafffa)}.summary-card.negative{background:linear-gradient(135deg,#fff9fa,#fff9fa)}.summary-card.positive:hover{background:linear-gradient(135deg,#c8e6c9,#dfffe0);box-shadow:0 4px 8px rgba(0,0,0,.05)}.summary-card.negative:hover{background:linear-gradient(135deg,#ffdce0,#ffd6d6);box-shadow:0 4px 8px rgba(0,0,0,.05)}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(26px)}.toggle-start-balance{display:flex;align-items:center;gap:.5rem}.toggle-start-balance span{font-size:.85rem;color:var(--text-muted)}.payment-type-details{font-size:.7rem;color:var(--text-muted);display:flex;justify-content:start;gap:.5rem;flex-wrap:wrap}.payment-type-details .no-details{color:var(--text-muted);font-style:italic}.date-input-error{border-color:#e74c3c!important;box-shadow:0 0 0 2px rgba(231,76,60,.2)}.expense-partner-type,.expense-type-operation{margin-top:.25rem;font-size:.85rem}.partner-hint{font-size:.7rem;color:var(--text-muted,#6c757d);font-style:italic;margin-left:.25rem}.hidden-field{display:none!important}.partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;margin-top:1rem}.partner-card{background:var(--background);border-radius:var(--radius-lg);padding:1rem;border:1px solid var(--border-light);transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.05)}.partner-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.partner-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.partner-name{font-weight:600;font-size:1.1rem;color:var(--text)}.partner-type-badge{font-size:.75rem;background:var(--primary-light);color:var(--primary);padding:.2rem .6rem;border-radius:12px}.partner-card-actions{display:flex;gap:.3rem}.partner-card-body{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:var(--text-muted)}.partner-detail{display:flex;gap:.5rem}.detail-label{font-weight:500;color:var(--text);min-width:100px}.partners-header{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.partners-header h2{margin:0}.search-input-wrapper{position:relative;flex:1;min-width:200px;max-width:400px}.search-input-wrapper input{width:100%;padding-right:30px}.clear-inside-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;font-size:14px;color:var(--text-muted)}.partner-card-view .field-card{padding:1rem}.partner-card-view .form-group{margin-bottom:1rem}.partner-card-view .form-group label{display:block;font-weight:500;margin-bottom:.25rem}.payments-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:1100px;width:100%;margin:0 auto}.payment-card{display:flex;flex:auto;align-items:center;justify-content:center;min-width:350px;max-width:400px;background:#fff;border-radius:1.25rem;box-shadow:0 5px 12px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);transition:.2s;border:1px solid #eef2f6}.payment-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px -10px rgba(0,0,0,.12);border-color:#dce3ec}.payment-card-inner{padding:.9rem 1rem 1rem}.payment-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem}.payment-badge{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.payment-number{background:#f1f4f9;font-size:.85rem;font-weight:600;padding:.25rem .7rem;border-radius:30px;color:#1e293b;font-family:monospace;border:.5px solid #e2e8f0}.payment-date-header{font-size:.85rem;font-weight:500;background:#f8fafc;padding:.25rem .7rem;border-radius:30px;display:inline-flex;align-items:center;gap:.25rem;color:#334155;border:.5px solid #eef2f8}.payment-action-btn{background:0 0;border:none;font-size:.85rem;width:1.9rem;height:1.9rem;padding:.75rem;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;color:#475569;background:#f8fafc;border:.5px solid #eef2f6}.payment-action-btn:hover{background:#fff;transform:scale(1.02)}.edit-btn:hover{color:#2563eb;background:#eff6ff}.delete-btn:hover{color:#dc2626;background:#fef2f2}.creation-row{font-size:.8rem;color:#5b6e8c;background:#fafcff;padding:.3rem .7rem;border-radius:1rem;display:inline-flex;align-items:center;gap:.3rem;margin-bottom:.7rem;border:.5px solid #eef2f8}.method-amount-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.7rem}.payment-method{font-size:.85rem;font-weight:500;background:#f1f5f9;padding:.25rem .8rem;border-radius:2rem;display:inline-flex;align-items:center;gap:.3rem;color:#0f172a}.conversion-badge{font-size:.65rem;font-weight:700;padding:.15rem .45rem;border-radius:30px;margin-left:.25rem;background:#c9f8ff}.payment-amount{font-size:1.35rem;font-weight:800;color:var(--info);letter-spacing:-.3px;display:inline-flex;align-items:baseline;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.payment-amount .main-currency{color:#b91c1c}.income-amount .main-currency{color:#15803d}.payment-amount small{font-size:.7rem;font-weight:500;color:#64748b;margin-left:.5rem;margin-right:.5rem}.exchange-note{font-size:.7rem;background:#f1f5f9;padding:.15rem .5rem;border-radius:12px;color:#475569;font-weight:400;white-space:nowrap}.expense-badge,.income-badge{font-size:.65rem;font-weight:700;padding:.15rem .45rem;border-radius:30px;margin-left:.25rem}.expense-badge{background:#fee2e2;color:#b91c1c}.income-badge{background:#dcfce7;color:#15803d}.operation-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem;margin-bottom:.6rem}.detail-chip{background:#f8fafc;font-size:.75rem;padding:.25rem .7rem;border-radius:40px;display:inline-flex;align-items:center;gap:.3rem;color:#1e293b;border:.5px solid #e9edf2;white-space:nowrap}.description-row{margin-top:.6rem;background:#fefce8;border-left:2px solid #eab308;padding:.3rem .6rem;border-radius:.5rem;font-size:.75rem;color:#854d0e;gap:.3rem;word-break:break-word}@media (max-width:640px){.payments-grid{gap:.8rem}.payment-card-inner{padding:.75rem}.payment-amount{font-size:1.2rem}.detail-chip{font-size:.7rem}}.fade-out{animation:.2s forwards fadeOut}@keyframes fadeOut{to{opacity:0;transform:scale(.96);visibility:hidden}}.exchange-note-row{display:flex;justify-content:flex-end;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.payment-tabs{display:flex;gap:.5rem;background:var(--background-alt);padding:.25rem;margin-bottom:.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);backdrop-filter:blur(4px);width:max-content;backdrop-filter:blur(4px)}.tab-btn{padding:.6rem 1.2rem;border:1px solid transparent;border-color:var(--border);border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s;background:var(--background-alt);color:var(--text-muted)}.tab-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-hover)}.tab-btn.active{background:var(--gradient-primary-button);border-color:var(--primary-button);color:#fff}.payment-card.highlight{background-color:#fff3cd!important;transition:background-color .5s;box-shadow:0 0 0 2px #ffc107}.payment-action-btn.receipt-delete-btn,.payment-action-btn.receipt-upload-btn,.payment-action-btn.receipt-view-btn{font-size:.9rem;padding:.2rem;width:1.6rem;height:1.6rem;border-radius:4px;background:0 0;border:none;cursor:pointer;transition:.1s}.payment-action-btn.receipt-upload-btn:hover{background:var(--primary-light);color:var(--primary)}.payment-action-btn.receipt-view-btn:hover{background:var(--info-light);color:var(--info)}.payment-action-btn.receipt-delete-btn:hover{background:var(--error-light);color:var(--error)}.receipt-view-icon{background:0 0;border:none;cursor:pointer;font-size:.8rem;margin-left:.25rem;color:var(--text-muted)}.receipt-view-icon:hover{color:var(--primary)}#qrCodeModal .modal-content{max-width:400px}#qrCodeModal .modal-body{text-align:center;padding:20px}#qrCodeModal #qrCodeContainer{margin-bottom:20px;min-height:280px;display:flex;justify-content:center;align-items:center;background-color:#f9f9f9;border-radius:var(--radius-lg);padding:10px}#qrCodeModal .qr-loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #2196f3;border-radius:50%;animation:1s linear infinite qr-spin}#qrCodeModal #qrCargoCodeDisplay{font-weight:600;margin-bottom:20px;word-break:break-all;font-size:1.1rem;background-color:#f0f0f0;padding:8px;border-radius:var(--radius-lg)}#qrCodeModal .qr-action-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:10px;flex-wrap:wrap}#qrCodeModal .qr-download-btn{flex:1}#qrCodeModal .qr-print-btn{flex:1}#qrCodeModal .qr-footer{font-size:.7rem;color:#999;margin-top:15px;border-top:1px solid #eee;padding-top:10px}#qrCodeModal .qr-error{color:#f44336;padding:20px}#qrCodeModal canvas{max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.1)}@keyframes qr-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#qrCodeModal .modal-content{animation:.2s ease-out qr-modal-appear}@keyframes qr-modal-appear{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#qrScannerModal .modal-content{max-width:600px;padding:0;overflow:hidden}#qrScannerModal .modal-body{padding:0}#qrScannerModal .scanner-video-container{position:relative;background:#000;min-height:350px;display:flex;justify-content:center;align-items:center;overflow:hidden}#qrScannerModal #qrScannerVideo{width:100%;max-height:400px;object-fit:cover;transform:scaleX(-1)}#qrScannerModal #qrScannerCanvas{display:none}#qrScannerModal #scanRegion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;border:3px solid #ffd966;border-radius:var(--radius-lg);box-shadow:0 0 20px #ffbf00;pointer-events:none;transition:.3s}#qrScannerModal .scan-line{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#ffd966,#fff,#ffd966,transparent);animation:2s linear infinite scanMove}@keyframes scanMove{0%{top:0}50%{top:100%}100%{top:0}}@keyframes scanPulse{0%{border-color:#ffd966;box-shadow:0 0 15px #ffbf00}50%{border-color:#fff;box-shadow:0 0 40px #ffd966}100%{border-color:#ffd966;box-shadow:0 0 15px #ffbf00}}#qrScannerModal .scan-region.success{border-color:#4caf50!important;box-shadow:0 0 30px #4caf50!important;animation:none}#qrScannerModal #cameraPermissionWaiting{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;backdrop-filter:blur(3px)}#qrScannerModal #cameraPermissionWaiting .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#2196f3;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#qrScannerModal #cameraPermissionWaiting .waiting-text{font-size:1.2rem;margin-bottom:10px}#qrScannerModal #cameraPermissionWaiting .waiting-subtext{color:#aaa;font-size:.9rem}#qrScannerModal .camera-error{text-align:center}#qrScannerModal .camera-error .error-icon{font-size:3rem;margin-bottom:1rem}#qrScannerModal .camera-error .error-title{font-size:1.2rem;margin-bottom:10px}#qrScannerModal .camera-error .error-message{color:#aaa;font-size:.9rem;margin-bottom:15px}#qrScannerModal .retry-button{padding:8px 16px}#qrScannerModal #scanInfoOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .4s;pointer-events:none;color:#fff;padding:20px;text-align:center}#qrScannerModal #scanInfoOverlay .overlay-content{width:100%;max-width:90%}#qrScannerModal #scanInfoOverlay .success-icon{width:70px;height:70px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:36px;box-shadow:0 0 30px #4caf50}#qrScannerModal #scanInfoOverlay .success-title{font-size:1.5rem;font-weight:600;margin-bottom:10px}#qrScannerModal #scanInfoCargo{font-size:1.5rem;font-weight:700;color:#4caf50;margin-bottom:5px;background:rgba(255,255,255,.1);padding:8px 20px;border-radius:var(--radius-lg);display:inline-block;max-width:100%;word-break:break-all}#qrScannerModal #scanInfoOverlay .info-hint{color:#aaa;font-size:1rem;margin-top:15px}#qrScannerModal .cargo-details{font-size:.9rem;color:#aaa;margin-top:10px;background:rgba(255,255,255,.1);padding:8px 20px;border-radius:var(--radius-lg);max-width:100%;word-break:break-all}#qrScannerModal .warning-details{font-size:.9rem;color:#f59e0b;margin-top:10px;background:rgba(245,158,11,.1);padding:8px 20px;border-radius:var(--radius-lg);max-width:100%;word-break:break-all}#qrScannerModal .scanner-panel{padding:20px}#qrScannerModal #scanStatus{margin-bottom:15px;padding:10px;border-radius:var(--radius-lg);background:#f0f9ff;color:#0369a1;display:flex;align-items:center;gap:8px}#qrScannerModal .status-indicator{width:10px;height:10px;background:#3b82f6;border-radius:50%}#qrScannerModal .status-indicator.success{background:#10b981!important;animation:none!important}#qrScannerModal .status-indicator.error{background:#ef4444!important;animation:none!important}#qrScannerModal .scanner-actions{display:flex;gap:10px;margin-bottom:20px}#qrScannerModal #rescanBtn{flex:1;display:none}#qrScannerModal #scanResults{max-height:150px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:10px;margin-bottom:15px;background:#f8fafd}#qrScannerModal #scanResults .scan-results-placeholder{text-align:center;color:#94a3b8}#qrScannerModal .action-buttons{display:flex;gap:10px;justify-content:center}#qrScannerModal .action-buttons .btn-danger{flex:1}#qrScannerModal #openCargoDetailsBtn{flex:2;display:none}#qrScannerModal .scan-result-item{padding:10px;margin-bottom:8px;border-radius:var(--radius-lg);cursor:pointer;transition:.2s}#qrScannerModal .scan-result-item.success{background:#e8f5e8;border-left:4px solid #4caf50}#qrScannerModal .scan-result-item.error{background:#ffebee;border-left:4px solid #f44336}#qrScannerModal .result-content{display:flex;align-items:center;gap:10px}#qrScannerModal .result-icon{font-size:20px}#qrScannerModal .result-info{flex:1}#qrScannerModal .result-code{font-weight:600}#qrScannerModal .result-details{font-size:12px;color:#666}#qrScannerModal .result-details.error-text{color:#f44336}#qrScannerModal .result-time{font-size:10px;color:#999}#qrScannerModal .result-status{color:#4caf50;font-size:12px}.print-body{display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Arial,sans-serif;background-color:#f5f5f5;margin:0;padding:0;box-sizing:border-box}.print-container{text-align:center;background:#fff;padding:30px;border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,.1);max-width:90%}.print-container h2{color:#333;margin-bottom:20px;font-size:24px}.print-container img{max-width:250px;height:auto;display:block;margin:0 auto}.print-container .cargo-code{font-size:18px;font-weight:700;color:#2196f3;margin:15px 0 5px;word-break:break-all}.print-container .date{color:#666;font-size:14px;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.print-container p{color:#999;font-size:12px;margin-top:10px}@media print{.print-body{background:#fff;padding:20px}.print-container{box-shadow:none;padding:0}}.search-minimal{position:relative;text-wrap:nowrap}.search-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xxs) var(--space-xs);display:flex;flex-shrink:0;white-space:nowrap;align-items:center;justify-content:space-between;cursor:pointer;transition:.3s;height:44px;max-height:44px}.search-toggle:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.search-toggle.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.search-toggle-content{display:flex;align-items:center;gap:var(--space-md);flex:1}.search-icon{font-size:.85rem;color:var(--primary);transition:transform .3s;margin-left:10px;display:inline-block;transform-origin:center}.search-toggle.active .search-icon{transform:rotate(90deg)}.search-title{font-weight:600;color:var(--text);font-size:.9rem;text-wrap:nowrap;height:22px;max-height:22px}.search-badge{background:var(--primary-light);color:var(--primary);padding:var(--space-xxxs) var(--space-xs);border-radius:12px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.search-arrow{color:var(--text-muted);transition:transform .3s;margin-right:15px}.search-toggle.active .search-arrow{transform:rotate(180deg);color:var(--primary)}.search-panel-collapsible{background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:0;max-height:0;overflow:hidden;transition:.3s;box-shadow:var(--shadow);visibility:hidden;opacity:0}.search-panel-collapsible.active{max-height:500px;padding:var(--space-sm) var(--space-xl) var(--space-xl) var(--space-xl);border-radius:var(--radius-lg);animation:.3s slideDown;margin-top:5px;margin-bottom:5px;visibility:visible;opacity:1}.search-form-compact{display:flex;flex-direction:column;gap:var(--space-lg)}.search-main-row{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto;gap:var(--space-sm);align-items:end}.search-quick-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg);padding-top:var(--space-xs);border-top:1px solid var(--border)}.search-group-compact{display:flex;flex-direction:column;gap:var(--space-xxs)}.search-group-compact label{font-size:.8rem;font-weight:600;color:var(--text-muted)}select,select option{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif}.search-input-compact{padding:var(--space-md) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.85rem;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;transition:.2s;width:100%}.search-input-compact:hover{background-color:var(--primary-light)}.search-input-compact:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.search-input-compact::placeholder{color:var(--text-light)}.search-input-compact.search-input-compact-min{padding:var(--space-xxs) var(--space-sm)}.search-input-compact.search-input-compact-max{max-width:180px;padding:var(--space-xxs) var(--space-sm)}.range-inputs-compact{display:flex;align-items:center;gap:var(--space-sm)}.range-inputs-compact input{flex:1;text-align:center;min-width:60px}.range-inputs-compact span{color:var(--text-muted);font-weight:600;font-size:.8rem}.search-actions-compact{display:flex;gap:var(--space-sm)}.filter-chip{background:var(--primary-light);color:var(--primary);margin-top:15px;padding:.4rem .8rem;border-radius:16px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:var(--space-sm);animation:.3s fadeIn}.filter-chip-remove{background:0 0;border:none;color:var(--primary);cursor:pointer;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:.2s}.filter-chip-remove:hover{background:var(--primary);color:#fff}.quick-search-row{display:flex;gap:.5rem;background:var(--surface);border-radius:var(--radius-lg);justify-content:space-between;cursor:pointer;transition:.3s;width:auto}.quick-search-row input{flex:1}.quick-search-row button{white-space:nowrap}.search-bar{display:grid;grid-template-columns:400px 300px 2fr;gap:1rem;margin-bottom:.75rem;height:44px;max-height:44px;text-wrap:nowrap}.search-input-wrapper{position:relative;flex:1;max-width:400px}.search-input-wrapper input{width:100%;padding-right:2rem}.clear-inside-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:.25rem .5rem;margin-right:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}.clear-inside-btn:hover{color:var(--error)}.last-edited-row{margin-top:.5rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:flex-start;text-wrap:nowrap;height:28px;max-height:28px;width:870px;min-width:870px;overflow-y:auto}.last-edited-cargo{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.last-edited-cargo .search-title{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.recently-edited-container{display:flex;gap:.5rem;flex-wrap:wrap}.recently-edited-item{background:var(--background-alt);border:1px solid var(--border);border-radius:20px;padding:.25rem 1rem;font-size:.8rem;font-weight:500;color:var(--text);cursor:pointer;transition:.2s;white-space:nowrap}.recently-edited-item:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.recently-empty{color:var(--text-light);font-size:.8rem;padding:.25rem 0}:root{--checkbox-size:19px;--checkbox-radius:6px;--checkbox-border-color:#ccc;--checkbox-accent:#22aaff;--checkbox-shadow-hover:0 0 0 4px rgba(34, 170, 255, 0.15);--checkbox-shadow-checked:0 4px 12px rgba(34, 170, 255, 0.35);--checkbox-transition:all 0.25s ease}#consentPrivacy,#consentTerms,#edit_space_is_pallet,#monthsCheckboxes input[type=checkbox],#recalculateExisting,#splitIsPallet,.cargo-select,.checkbox-label input[type=checkbox],.checkbox-main,.consent-checkbox,.product-checkbox,.seller-checkbox,.styled-checkbox{appearance:none;-webkit-appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--checkbox-border-color);border-radius:var(--checkbox-radius);background:#fff;transition:var(--checkbox-transition);box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:pointer;flex-shrink:0;margin:0}#consentPrivacy:hover,#consentTerms:hover,#edit_space_is_pallet:hover,#monthsCheckboxes input[type=checkbox]:hover,#recalculateExisting:hover,#splitIsPallet:hover,.cargo-select:hover,.checkbox-label input[type=checkbox]:hover,.checkbox-main:hover,.consent-checkbox:hover,.product-checkbox:hover,.seller-checkbox:hover,.styled-checkbox:hover{border-color:var(--checkbox-accent);box-shadow:var(--checkbox-shadow-hover)}#consentPrivacy:checked,#consentTerms:checked,#edit_space_is_pallet:checked,#monthsCheckboxes input[type=checkbox]:checked,#recalculateExisting:checked,#splitIsPallet:checked,.cargo-select:checked,.checkbox-label input[type=checkbox]:checked,.checkbox-main:checked,.consent-checkbox:checked,.product-checkbox:checked,.seller-checkbox:checked,.styled-checkbox:checked{background:var(--checkbox-accent);border-color:var(--checkbox-accent);box-shadow:var(--checkbox-shadow-checked);animation:.2s pop}#consentPrivacy:checked,#consentTerms:checked,#edit_space_is_pallet:checked,#monthsCheckboxes input[type=checkbox]:checked,#recalculateExisting:checked,#splitIsPallet:checked,.cargo-select:checked,.checkbox-label input[type=checkbox]:checked,.checkbox-main:checked,.consent-checkbox:checked,.product-checkbox:checked,.seller-checkbox:checked,.styled-checkbox:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:16px 16px;background-position:center;background-repeat:no-repeat}#consentPrivacy:focus-visible,#consentTerms:focus-visible,#edit_space_is_pallet:focus-visible,#monthsCheckboxes input[type=checkbox]:focus-visible,#recalculateExisting:focus-visible,#splitIsPallet:focus-visible,.cargo-select:focus-visible,.checkbox-label input[type=checkbox]:focus-visible,.checkbox-main:focus-visible,.consent-checkbox:focus-visible,.product-checkbox:focus-visible,.seller-checkbox:focus-visible,.styled-checkbox:focus-visible{outline:2px solid var(--checkbox-accent);outline-offset:2px}@keyframes pop{0%{transform:scale(.9)}70%{transform:scale(1.08)}100%{transform:scale(1)}}.custom-checkbox{display:inline-flex;align-items:center;gap:12px;font-size:16px;cursor:pointer;user-select:none;color:#333;transition:color .2s}.custom-checkbox input[type=checkbox]{display:none}.custom-checkbox .checkmark{position:relative;flex-shrink:0;width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--checkbox-border-color);border-radius:var(--checkbox-radius);background:#fff;transition:var(--checkbox-transition);box-shadow:0 2px 4px rgba(0,0,0,.05)}.custom-checkbox:hover .checkmark{border-color:var(--checkbox-accent);box-shadow:var(--checkbox-shadow-hover)}.custom-checkbox input[type=checkbox]:checked+.checkmark{background:var(--checkbox-accent);border-color:var(--checkbox-accent);box-shadow:var(--checkbox-shadow-checked);animation:.2s pop}.custom-checkbox .checkmark::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:translate(-50%,-60%) rotate(-45deg) scale(0);opacity:0;transition:var(--checkbox-transition)}.custom-checkbox input[type=checkbox]:checked+.checkmark::after{transform:translate(-50%,-60%) rotate(-45deg) scale(1);opacity:1}.custom-checkbox input[type=checkbox]:focus-visible+.checkmark{outline:2px solid var(--checkbox-accent);outline-offset:2px}.checkbox-wrapper input[type=checkbox]{display:none}.checkbox-wrapper .checkbox-custom{display:inline-block;position:relative;flex-shrink:0;width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--checkbox-border-color);border-radius:var(--checkbox-radius);background:#fff;transition:var(--checkbox-transition);box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:pointer}.checkbox-wrapper:hover .checkbox-custom{border-color:var(--checkbox-accent);box-shadow:var(--checkbox-shadow-hover)}.checkbox-wrapper input[type=checkbox]:checked+label .checkbox-custom{background:var(--checkbox-accent);border-color:var(--checkbox-accent);box-shadow:var(--checkbox-shadow-checked);animation:.2s pop}.checkbox-wrapper .checkbox-custom::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:translate(-50%,-60%) rotate(-45deg) scale(0);opacity:0;transition:var(--checkbox-transition)}.checkbox-wrapper input[type=checkbox]:checked+label .checkbox-custom::after{transform:translate(-50%,-60%) rotate(-45deg) scale(1);opacity:1}.checkbox-wrapper input[type=checkbox]:focus-visible+label .checkbox-custom{outline:2px solid var(--checkbox-accent);outline-offset:2px}.consent-checkboxes{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.consent-checkboxes label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.4;cursor:pointer}.consent-checkboxes input[type=checkbox]{flex:0 0 auto;width:1.1rem;height:1.1rem;margin:0}.consent-checkboxes span{display:inline}.consent-checkboxes a{color:#06c;text-decoration:underline}th[data-sort]{cursor:pointer;position:relative;user-select:none;padding-right:20px}th[data-sort]:hover{background-color:var(--hover-bg,#f5f5f5)}th.sort-asc::after,th.sort-desc::after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:14px;line-height:1}th.sort-asc::after{content:"🔺";color:var(--primary)}th.sort-desc::after{content:"🔻";color:var(--primary,#007bff)}.status-filters{display:flex;gap:.5rem;margin-left:1rem;flex-wrap:wrap}.status-filter{background:var(--background-alt);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.25rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:.2s;display:flex;align-items:center;gap:.4rem}.status-filter-icon{font-size:.75rem}.status-filter .count{background:var(--background-alt);border-radius:12px;font-weight:600;color:var(--text-muted)}.status-filter:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-hover)}.status-filter.active{background:var(--gradient-primary-button);border-color:var(--primary-button);color:#fff}.status-filter.active .count{background:rgba(255,255,255,0);color:#fff}.status-filter:not(.active){opacity:.7}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .4rem .25rem 1.2rem;border-radius:var(--radius-lg);font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;line-height:1;border:1.5px solid transparent;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.05);position:relative}.status-badge::before{content:'';position:absolute;left:.4rem;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.8);transition:transform .2s}.status-badge:hover{animation:.3s statusPulse}.status-badge:hover::before{transform:translateY(-50%) scale(1.2)}.status-badge-secondary,.status-badge[data-status=secondary]{background:#f8f9fa;color:#6c757d;border-color:#6c757d}.status-badge-secondary::before,.status-badge[data-status=secondary]::before{background:#6c757d}.status-badge-warning,.status-badge[data-status=warning]{background:var(--warning-light);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 70%,transparent)}.status-badge-warning::before,.status-badge[data-status=warning]::before{background:var(--warning)}.status-badge-info,.status-badge[data-status=info]{background:var(--info-light);color:var(--info);border-color:color-mix(in srgb,var(--info) 70%,transparent)}.status-badge-info::before,.status-badge[data-status=info]::before{background:var(--info)}.status-badge-primary,.status-badge[data-status=primary]{background:var(--primary-light);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 70%,transparent)}.status-badge-primary::before,.status-badge[data-status=primary]::before{background:var(--primary)}.status-badge-success,.status-badge[data-status=success]{background:var(--success-light);color:var(--success);border-color:color-mix(in srgb,var(--success) 70%,transparent)}.status-badge-success::before,.status-badge[data-status=success]::before{background:var(--success)}.status-badge[data-status=danger]{background:var(--error-light);color:var(--error);border-color:color-mix(in srgb,var(--error) 70%,transparent)}.status-badge[data-status=danger]::before{background:var(--error)}.storage-days-badge{background:linear-gradient(135deg,var(--warning),#f59e0b);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:700;font-size:1.1rem;text-align:center;box-shadow:var(--shadow-md)}.timeline{display:flex;flex-direction:row;gap:var(--space-2xl)}.timeline-item{display:flex;gap:var(--space-md);padding:.5rem .9rem;border-radius:var(--radius-lg);border-left:3px solid;position:relative;line-height:1.5;align-items:flex-start;background:var(--background-alt);transition:.3s}.timeline-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.timeline-content{flex:1;min-width:0}.timeline-title{font-weight:600;font-size:.8rem;margin-bottom:.1rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.timeline-date{font-size:.7rem;color:var(--text-muted);line-height:1.4}.timeline-status{font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-lg);margin-top:.25rem;display:inline-block;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary)}.timeline-storage-info{margin-left:auto;font-size:.7rem;color:var(--text-muted);padding:.2rem .5rem;background:rgba(0,0,0,.05);border-radius:var(--radius-lg)}.timeline-item.active{box-shadow:0 1px 3px rgba(0,0,0,.1);border-left-color:var(--info);background:linear-gradient(135deg,var(--info-light),transparent 70%)}.timeline-item.completed{border-left-color:var(--success);background:linear-gradient(135deg,var(--success-light),transparent 70%);opacity:.9}.timeline-item.current-status{border-left-width:4px;animation:2s infinite pulse;border-left-color:var(--primary);background:linear-gradient(135deg,var(--primary-light),transparent 70%);box-shadow:0 4px 12px rgba(33,98,239,.1)}.timeline-item.future-status{opacity:.7;border-left-color:var(--border);background:var(--background)}.timeline-item.past-status{background:#f8f9fa;border-left-color:#e9ecef}.timeline-item.past-status .timeline-icon{background:#e9ecef;color:var(--text-muted)}.timeline-item.auto-status{border-left-color:#36cfc9;background:linear-gradient(135deg,rgba(54,207,201,.1),transparent 70%)}.timeline-item.auto-status .timeline-icon{background:#36cfc9}.timeline-item.storage-status{border-left-color:var(--warning);background:linear-gradient(135deg,var(--warning-light),transparent 70%)}.timeline-item.storage-status .timeline-icon{background:#faad14}.timeline-item.frozen-status{background:linear-gradient(135deg,#e6f7ff,#f0f9ff);border-left-color:#1890ff}.timeline-item.frozen-status .timeline-icon{background:#1890ff;animation:2s infinite pulse}.timeline-item.manual-status{border-left-width:4px}.status-actions{display:flex;justify-content:end;gap:.75rem;pointer-events:auto}.status-btn{padding:1rem .75rem;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:.2s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:120px;user-select:none}.status-btn:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.status-btn.active.current{box-shadow:0 4px 12px rgba(33,98,239,.15);border-color:var(--success)!important;background:var(--success-light)!important;color:var(--success)!important}.status-btn.active.current:hover{border-color:var(--primary-hover);background:var(--primary-light)}.status-btn.completed{border-color:var(--success);background:var(--success-light);color:var(--success);opacity:.9}.status-btn.completed:hover{opacity:1;transform:translateY(-1px)}.status-btn.future{border-color:var(--border);background:var(--background);color:var(--text-muted);opacity:.7}.status-btn.future:hover{opacity:.9;border-color:var(--primary-light)}.status-btn.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.status-btn.disabled:hover{transform:none!important;box-shadow:none!important}.auto-status-info{background:linear-gradient(135deg,var(--info-light),#e6f7ff);border:1px solid var(--info);padding:1rem;border-radius:var(--radius-lg);margin-top:1rem;font-size:.85rem;grid-column:1/-1}.auto-fill-notification{background:var(--primary-light);color:var(--primary);padding:.75rem 1rem;border-radius:var(--radius-lg);border-left:4px solid var(--primary);margin:1rem 0;font-size:.85rem;animation:.3s fadeIn;transition:.3s}.auto-fill-notification strong{font-weight:600}.status-warning{background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--radius-lg);color:var(--warning);font-size:.85rem}td.status-cell{padding:.5rem;min-width:120px}.delivery-info{background:var(--info-light);color:var(--info);padding:var(--space-md);border-radius:var(--radius-lg);margin:var(--space-sm) 0;border-left:4px solid var(--info);font-size:.85rem}.auto-filled-field{background-color:#f0f9ff!important;border-color:#36cfc9!important;box-shadow:0 0 0 1px rgba(54,207,201,.2)!important;border-radius:25px}.auto-filled-field:focus{background-color:#fff!important;box-shadow:0 0 0 3px rgba(54,207,201,.3)!important}@keyframes statusPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(33,98,239,.7)}70%{box-shadow:0 0 0 7.5px rgba(33,98,239,0)}100%{box-shadow:0 0 0 0 rgba(33,98,239,0)}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.status-badge{font-size:.45rem;padding:.2rem .4rem .2rem 1rem}.status-badge::before{width:5px;height:5px;left:.3rem}.timeline{flex-direction:column}.timeline-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:.5rem .6rem;width:100%}.timeline-icon{width:24px;height:24px;font-size:.8rem}.status-btn{padding:.75rem;min-height:100px;flex-direction:row;text-align:left;gap:1rem;justify-content:flex-start}.status-btn .status-icon{margin-bottom:0;font-size:1rem}}@media (max-width:480px){.timeline{flex-direction:column}.timeline-item{width:100%}}.status-btn.active{border-color:var(--primary)!important;background:var(--primary-light)!important;color:var(--primary)!important;box-shadow:0 4px 12px rgba(33,98,239,.15)!important;position:relative;z-index:1}.status-btn:not(.active):hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.status-btn.active::after{content:'✓ Выбран';position:absolute;top:-8px;right:-8px;background:var(--primary);color:#fff;font-size:.6rem;padding:2px 6px;border-radius:var(--radius-lg);font-weight:600}.status-btn.active.current::after{content:'👈 Текущий';background:var(--success)}.timeline-item::before{content:'';position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:2}.timeline-item.completed::before{background:var(--success)}.timeline-item.current-status::before{background:var(--primary)}.timeline-item.active::before{background:var(--info)}.timeline-item.future-status::before{background:var(--border)}.timeline-item.completed .timeline-icon{background:var(--success)}.timeline-item.current-status .timeline-icon{background:var(--primary);animation:2s infinite iconPulse}.timeline-item.active .timeline-icon{background:var(--info)}.timeline-item.future-status .timeline-icon{background:var(--border);opacity:.5}.timeline-info{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;font-style:italic}.timeline-item.final-status{border-left-color:var(--success);background:linear-gradient(135deg,rgba(34,197,94,.1),transparent 100%)}@keyframes iconPulse{0%{box-shadow:0 0 0 0 rgba(33,98,239,.4)}70%{box-shadow:0 0 0 10px rgba(33,98,239,0)}100%{box-shadow:0 0 0 0 rgba(33,98,239,0)}}.timeline-item:not(:last-child)::after{content:'';position:absolute;left:100%;top:50%;height:2px;width:20px;background:var(--border);z-index:1}.timeline-item.completed:not(:last-child)::after{background:var(--success)}.timeline-item.current-status:not(:last-child)::after{background:var(--primary)}@media (max-width:768px){.timeline-item{padding:.75rem;gap:.75rem}.timeline-icon{width:36px;height:36px;font-size:1rem}.timeline-title{font-size:.9rem}.timeline-date{font-size:.8rem}}@media (max-width:480px){.timeline-item{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-icon{width:32px;height:32px;font-size:.9rem}}.status-modal-content{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.status-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem}.cargo-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cargo-code{font-size:1.2rem;font-weight:700;background:var(--primary-light);padding:.5rem .9rem;border-radius:var(--radius-lg);color:var(--primary)}.system-info{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted)}.status-grid{display:grid;grid-template-columns:0.45fr 1fr;gap:1.5rem}@media (max-width:768px){.status-grid{grid-template-columns:1fr;gap:1rem}}.status-column-right-2,.status-dates-panel,.status-info-panel{background:var(--background-alt);border-radius:var(--radius-lg);padding:1rem}.status-info-panel{display:flex;flex-direction:row;gap:1rem}.status-column-right-2{margin-top:1.5rem}.date-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.date-field{display:flex;flex-direction:column;gap:.25rem}.date-field label{font-weight:600;font-size:.9rem}.status-date-input{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff}.final-status-selector{margin:1rem 0}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.note-field textarea{width:100%;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);resize:vertical;margin-top:.5rem}.status-explanation{background:var(--info-light);padding:1rem;border-radius:var(--radius);border:1px solid var(--info);height:fit-content}.status-explanation ul{margin:.5rem 0 0 1.2rem;font-size:.85rem;line-height:1.4}.current-status-info{margin-top:1rem;padding-top:.75rem;border-top:1px dashed var(--border)}.system-status{margin:.5rem 0}.preview-badge{display:flex;align-items:center;margin:.75rem 0;gap:1rem}.preview-timeline{background-color:var(--surface);border-radius:var(--radius-lg);padding:1.5rem 1rem 1rem;max-height:200px;overflow-y:auto}@media (max-width:768px){.status-actions{gap:.5rem}}.status-photo-section{margin-top:1rem;padding:1rem;background:var(--surface);border-radius:var(--radius-lg,8px);border:1px solid var(--border,#e2e8f0);transition:.2s}.status-photo-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.status-photo-icon{font-size:1.2rem;line-height:1}.status-photo-title{font-weight:600;flex:1;color:var(--text,#1f2937)}.status-photo-preview{margin:.5rem 0;min-height:80px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem}.status-photo-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.status-photo-grid:has(.status-photo-thumb:only-child){justify-content:center}.status-photo-thumb{width:80px;flex-shrink:0}.status-photo-thumb{position:relative;width:80px;height:80px;border-radius:var(--radius-lg,8px);overflow:hidden;cursor:pointer;border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);transition:transform .2s,box-shadow .2s}.status-photo-thumb:hover{transform:scale(1.02);box-shadow:var(--shadow,0 4px 6px -1px rgba(0,0,0,.1))}.status-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.status-photo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;opacity:0;transition:opacity .2s;backdrop-filter:blur(2px)}.status-photo-thumb:hover .status-photo-overlay{opacity:1}.status-photo-delete{position:absolute;top:4px;right:6px;width:28px;height:28px;border-radius:50%;background:rgba(239,68,68,.95);border:none;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:2;opacity:0;transform:scale(.8);padding:0!important;line-height:1!important;min-width:0!important;min-height:0!important;box-sizing:border-box}.status-photo-thumb:hover .status-photo-delete{opacity:1;transform:scale(1)}.status-photo-delete:hover{background:#ef4444;transform:scale(1.1)}.status-photo-count{font-size:.75rem;color:var(--text-muted,#6b7280);margin-top:.5rem;text-align:center;width:100%}.status-photo-placeholder{padding:.5rem;color:var(--text-muted,#6b7280);font-size:.8rem;text-align:center;width:100%}.status-photo-hint{font-size:.7rem;color:var(--text-muted,#6b7280);margin-top:.5rem;text-align:center}.status-photo-loading{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:rgba(0,0,0,.6);border-radius:var(--radius-lg);color:#fff;font-size:.7rem}.status-photo-loading .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:.6s linear infinite spin}@media (max-width:480px){.status-photo-thumb{width:60px;height:60px}.status-photo-preview{gap:.5rem}.status-photo-header{flex-direction:column;align-items:flex-start}.status-photo-header .btn-outline{width:100%;justify-content:center}.status-photo-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}}.transfer-photo-slider{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center}.transfer-photo-slider.active{display:flex}.slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);backdrop-filter:blur(8px);cursor:pointer}.slider-container{position:relative;max-width:90vw;max-height:90vh;z-index:10001;border-radius:var(--radius-lg)}.slider-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.slider-content img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,.5);animation:.2s fadeIn;transition:opacity .2s;opacity:1}.slider-content img.loading{opacity:0}.slider-counter{margin-top:1rem;color:#fff;background:rgba(0,0,0,.6);padding:.25rem .75rem;border-radius:var(--radius-lg);font-size:.85rem;backdrop-filter:blur(4px)}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:10002}.slider-nav:hover{background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.1)}.slider-prev{left:-60px}.slider-next{right:-60px}.slider-nav.disabled,.slider-nav[disabled]{opacity:.4;pointer-events:none;cursor:default}.slider-close{position:absolute;top:-50px;right:-50px;width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:10002}.status-date-input-1{width:auto}.slider-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.note-field{border:1px solid #e4e4e4;border-radius:var(--radius-lg);padding:.5rem 1rem}@media (max-width:768px){.slider-prev{left:-40px;width:36px;height:36px;font-size:24px}.slider-next{right:-40px;width:36px;height:36px;font-size:24px}.slider-close{top:-40px;right:-40px;width:32px;height:32px;font-size:20px}}@media (max-width:480px){.slider-prev{left:10px}.slider-next{right:10px}.slider-close{top:10px;right:10px}}@keyframes fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.slider-nav{width:40px;height:40px;font-size:28px;background:rgba(0,0,0,.5)}.slider-prev{left:10px}.slider-next{right:10px}.slider-close{top:10px;right:10px}}.storage-modal-container{display:flex;flex-direction:column;gap:1.25rem;padding:.5rem 0}.storage-cargo-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1rem}.storage-days-badge{background:var(--warning-light);border-radius:var(--radius-lg);padding:.5rem 1rem;text-align:center;min-width:80px}.days-number{font-size:1.8rem;font-weight:800;line-height:1}.days-label{font-size:.8rem;font-weight:600}.days-sub{font-size:.7rem;opacity:.8}.saved-cost-info{margin-top:.75rem;font-size:.8rem;color:var(--text-muted);background:var(--background-alt);padding:.5rem .9rem;border-radius:var(--radius-lg)}.calculation-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-lg);background:var(--background-alt);border-left:4px solid}.calculation-badge.individual{border-left-color:#f59e0b;background:#fef3c7}.calculation-badge.system{border-left-color:#3b82f6;background:#eff6ff}.badge-icon{font-size:1.5rem}.badge-text{flex:1}.badge-text strong{display:block;font-size:.9rem}.badge-date{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.storage-tariffs-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tariffs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tariff-item{display:flex;gap:.75rem;background:var(--background);border-radius:var(--radius-lg);padding:.75rem;border:1px solid var(--border)}.tariff-item.individual{border-color:#f59e0b;background:#fef3c7}.tariff-icon{font-size:1.5rem}.tariff-info{flex:1}.tariff-label{font-size:.8rem;color:var(--text-muted)}.tariff-value{font-size:1.2rem;font-weight:700}.tariff-unit{font-size:.8rem;font-weight:400}.tariff-system{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.tariff-badge{font-size:.7rem;color:#b45309;margin-top:.25rem}.storage-params-card .card-header{margin-bottom:1rem}.params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.param-field{display:flex;flex-direction:column;gap:.25rem}.param-field label{font-weight:600;font-size:.85rem}.param-input{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg)}.individual-field{border-color:#f59e0b;background:#fef3c7}.individual-hint{font-size:.7rem;color:#b45309}.storage-results-card .card-header{margin-bottom:1rem}.results-list{display:flex;flex-direction:column;gap:.75rem}.result-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;padding:.5rem;border-bottom:1px dashed var(--border)}.result-row.total{background:var(--success-light);border-radius:var(--radius-lg);border-bottom:none;margin-top:.5rem;padding:.5rem .9rem}.result-label{flex:2;font-weight:500}.result-value{flex:1;font-weight:700;text-align:right}.result-formula{flex:2;font-size:.75rem;color:var(--text-muted)}.result-row.total .result-value{font-size:1.2rem;color:var(--success)}.storage-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.option-card{background:var(--background-alt);border-radius:var(--radius-lg);padding:1rem}.option-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.option-icon{font-size:1.5rem}.option-title{font-weight:700}.option-desc{font-size:.85rem;color:var(--text-muted);margin-left:auto}.option-controls{display:flex;gap:.5rem;margin-bottom:.5rem}.option-input{flex:1;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg)}.option-textarea{width:100%;margin:.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);padding:.5rem 1rem;resize:vertical}.option-actions{display:flex;gap:.5rem;justify-content:flex-end}.additional-cost{font-size:.85rem;color:var(--info);margin-top:.5rem}.storage-total-card{background:linear-gradient(135deg,var(--success-light),#d1fae5);border-radius:var(--radius-lg);padding:1rem;text-align:center;border:2px solid var(--success)}.total-header{margin-bottom:.5rem}.total-title{font-weight:700;font-size:1rem}.total-date{font-size:.7rem;color:var(--text-muted)}.total-amount{font-size:2rem;font-weight:800;color:var(--success)}.total-note{font-size:.75rem;margin-top:.25rem}.saved-note{font-size:.7rem;margin-top:.25rem;text-decoration:line-through;color:var(--text-muted)}.storage-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border)}.actions-left,.actions-right{display:flex;gap:.5rem;flex-wrap:wrap}.storage-location-badge{background:var(--primary-light);padding:.5rem .9rem;border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;color:var(--warning);display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;max-width:500px;overflow:hidden;text-overflow:ellipsis}.param-readonly{background-color:#f3f4f6!important;color:#1f2937!important;cursor:default!important;border-color:#d1d5db!important;opacity:.9}.param-readonly:focus{outline:0!important;box-shadow:none!important;border-color:#d1d5db!important}@media (max-width:768px){.params-grid,.storage-options-grid,.tariffs-grid{grid-template-columns:1fr}.result-row{flex-direction:column;align-items:flex-start}.result-value{text-align:left}.storage-actions{flex-direction:column;align-items:stretch}.actions-left,.actions-right{justify-content:center}}:root{--overlay-color:rgba(0, 0, 0, 0.5);--primary:#1a62ff;--primary-button:#5087ff;--primary-filtr:#7696ff;--primary-light:#dbeafe;--primary-sueprlight:#e4eefa;--primary-light-note:#fff7e6;--primary-hover:#2d70ff;--primary-rgb:33,98,239;--outline:#c0c0c0;--cargo:#934900;--success:#009c1a;--success-medium:#4caf50;--success-light:#d1fae5;--warning:#d97706;--warning-light:#fef3c7;--error:#dc2626;--error-light:#fee2e2;--info:#17a2b8;--info-light:#d1ecf1;--surface:#ffffff;--surface-expenses:#fff5f5;--background:#f8fafc;--background-th:#e6f2ff;--background-alt:#f1f5f9;--text:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--text-light-footer:#b1c2db;--text-light-logo:#c1d6f2;--font-medium:600;--font-bold:700;--text-s:0.75rem;--text-sm:0.875rem;--text-m:1rem;--text-l:1.2rem;--text-xl:1.25rem;--border:#e2e8f0;--border-light:#e9ecef;--shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--radius-plateau:25px/24px;--radius-lg:25px/24px;--radius:15px/14px;--radius-md:10px/9px;--radius-sm:6px/5px;--gradient-primary:linear-gradient(135deg, var(--primary), #587fff);--gradient-primary-button:linear-gradient(135deg, var(--primary-button), #7696ff);--gradient-error:linear-gradient(135deg, var(--error), #b91c1c);--gradient-success:linear-gradient(135deg, var(--success), #7aae8c);--gradient-app:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--space-xxxs:0.1rem;--space-xxs:0.2rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem}body:not(.authenticated) .container,body:not(.authenticated) .mini-drawer{display:none}html:lang(zh){font-family:'Noto Sans SC',sans-serif;font-weight:400}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes expandSection{from{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}@keyframes pulseTranslate{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}100%{transform:translateY(-50%) scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(34,197,94,.4)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}@keyframes storagePulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.4)}70%{box-shadow:0 0 0 10px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--gradient-app);min-height:100vh;color:var(--text);line-height:1.6;font-weight:400}.page-haeder{display:flex;align-items:center;justify-content:start;gap:0;padding-right:.5rem;font-size:.75rem;color:var(--text-muted)}.card-base-styles{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);transition:.2s}.flex-between,.flex-center,.flex-end,.flex-start{display:flex;align-items:center}.flex-center{justify-content:center}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.hidden{display:none}.visible{display:block}.text-xs{font-size:.7rem}.text-sm{font-size:.8rem}.text-base{font-size:.85rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.5rem}.text-2xl{font-size:2.25rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-info{color:var(--info)}.text-white{color:#fff}.bg-success{background:var(--success-light)}.bg-error{background:var(--error-light)}.bg-warning{background:var(--warning-light)}.bg-primary{background:var(--primary-light)}.bg-info{background:var(--info-light)}.bg-surface{background:var(--surface)}.bg-background{background:var(--background)}.bg-background-alt{background:var(--background-alt)}.calc-item,.card-base,.cargo-card,.detail-item,.form-section-card{background:var(--surface);border-radius:var(--radius);transition:.2s}.card-base{box-shadow:var(--shadow)}.container{background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;z-index:1}.cargo-section{padding:.5rem 1rem 1rem;margin:1rem 0 1rem 3.2rem;border-radius:var(--radius-lg)}.section-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.5rem;white-space:nowrap;gap:var(--space-md)}.section-header h2{font-size:1.5rem;font-weight:700;color:var(--text)}.clients-stats,.stats{background:var(--primary-light);color:var(--primary-hover);padding:.25rem 1rem;margin-left:var(--space-lg);border-radius:var(--radius-lg);font-size:.85rem;font-weight:600}.table-container{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);overflow-x:auto;max-height:70vh;overflow-y:auto;position:relative}#cargoTable{width:100%;border-collapse:collapse}table{width:100%;border-collapse:collapse;font-size:.8rem;min-width:1150px}thead{background:var(--background-alt);border-bottom:2px solid var(--border)}th{padding:.6rem;text-align:left;font-weight:600;color:#495057;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;user-select:none;white-space:nowrap;position:relative}th:hover{background:var(--background-th)}th.sort-asc::after{content:'⬆️';font-weight:700;color:var(--primary)}th.sort-desc::after{content:'⬇️';font-weight:700;color:var(--primary)}tbody tr{border-bottom:1px solid #f1f3f4;transition:background-color .15s;height:42px}tbody tr:hover{background:var(--background-th)}td{padding:.35rem .75rem;color:var(--text);font-weight:500;white-space:nowrap}td:last-child{width:140px;text-align:center}.loading-state{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);gap:var(--space-md)}.spinner{width:1.5rem;height:1.5rem;border:2px solid var(--border);border-left-color:var(--primary);border-radius:50%;animation:1s linear infinite spin}.empty-state{padding:2rem;text-align:center;color:#6b7280;border-radius:.5rem;margin:1rem 0}.empty-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state h3{font-size:1.25rem;margin-bottom:var(--space-sm);color:var(--text)}.error-message{text-align:center;padding:.25rem .5rem;background:var(--error-light);color:var(--error,#ef4444);border-radius:20px;margin-top:.25rem;display:none;font-size:.75rem}.success-message{text-align:center;background:var(--success-light);color:var(--success);padding:.25rem 1rem;border-radius:20px;margin-top:.25rem;font-size:.75rem}.modal-content.modal-sm{width:650px}.modal-content.modal-md{width:700px}.modal-content.modal-lg{width:1100px}.modal-content.modal-wide{width:1300px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);border:none;background:0 0}.modal[open]{display:flex!important}dialog.modal[open]{display:flex;animation:.3s modalFadeIn}.modal[open]::backdrop{background:var(--overlay-color,rgba(0,0,0,.5));backdrop-filter:blur(4px)}dialog.modal{display:none;background:0 0}#deleteConfirmModal{z-index:1002}#addCargoSpaceModal,#cargoSpacesModal,#deleteSpaceConfirmModal,#editSpaceModal,#splitEvenlyConfirmModal{z-index:1000}#addCargoSpaceModal[open],#cargoSpacesModal[open],#deleteSpaceConfirmModal[open],#editSpaceModal[open],#splitEvenlyConfirmModal[open]{display:flex!important}.modal-content{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;width:1300px;max-width:100%;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif}.modal-content.wide{width:1300px}.modal-header{padding:var(--space-2xl) var(--space-2xl) var(--space-xl) var(--space-2xl);display:flex;justify-content:space-between;border-radius:var(--radius-plateau) var(--radius-plateau) 0 0}.modal-header h3{font-size:1.25rem;font-weight:700;color:var(--text);margin:0}.modal-body{padding:.5rem 1.2rem 1rem}.modal-footer{display:flex;justify-content:end;gap:var(--space-md);padding:.5rem 1.2rem 1rem}.modal-form{padding:.5rem 1.2rem 1rem;overflow-y:auto;flex:1}.modal-form::-webkit-scrollbar{width:6px}.modal-form::-webkit-scrollbar-track{background:var(--background)}.modal-form::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius)}.modal-form::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.form-section{margin-bottom:var(--space-xl)}.section-title{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--border)}.form-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.details-content{padding:var(--space-xxxs) var(--space-2xl);overflow-y:auto}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-xs)}.cargo-card{font-size:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-xxs);margin-bottom:var(--space-xxxs);box-shadow:0 1px 3px rgba(0,0,0,.05);transition:box-shadow .2s;animation:.3s fadeIn}.cargo-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-xxs);min-height:119px}.detail-item{background:var(--background);padding:var(--space-xs) var(--space-xxs) var(--space-xs) var(--space-xs);border-radius:var(--radius);animation:.3s fadeIn;border:1px solid var(--border-light)}.detail-item strong{display:block;font-size:.55rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.detail-item .value{font-size:var(--text-xs);font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.value-storage{color:#00658d;font-size:1.75rem}.value-total-cost{font-size:1.5rem;font-weight:800;color:#ff6f00;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.total-cost-container{background:linear-gradient(135deg,var(--success-light),#d1fae5);border:2px solid var(--success);border-radius:var(--radius);padding:var(--space-xl);text-align:center;margin:var(--space-lg) 0;animation:2s infinite pulseGlow}.total-cost-title{font-size:.9rem;color:var(--text);margin-bottom:var(--space-sm)}.total-cost-value{font-size:2rem;font-weight:800;color:var(--success);margin:var(--space-sm) 0}.total-cost-note{font-size:.8rem;color:var(--text-muted)}.detail-item.physical{background:#f0f9ff}.detail-item.financial{background:#f8fff9}.detail-item.calculation{background:#f8f9ff}.storage-section{background:linear-gradient(135deg,#fff9e6,#fef3c7);border:2px solid var(--warning);border-radius:var(--radius);padding:var(--space-md);transition:.3s}.storage-section:hover{box-shadow:0 4px 12px rgba(245,158,11,.15);transform:translateY(0)}.storage-days-big{font-size:1.8rem;font-weight:800;color:#d97706;text-shadow:0 2px 4px rgba(245,158,11,.2)}.storage-content{padding:var(--space-2xl);overflow-y:auto;max-height:80vh}.storage-form{display:flex;flex-direction:column;gap:var(--space-xl)}.storage-days-badge{background:linear-gradient(135deg,var(--warning),#f59e0b);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius);font-weight:700;font-size:1.1rem;text-align:center;box-shadow:var(--shadow-md)}.calculation-results{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.calculation-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);transition:background-color .2s}.calculation-row:hover{background-color:var(--background)}.calculation-row.total{background:linear-gradient(135deg,var(--success-light),#d1fae5);border-top:2px solid var(--success)}.calc-label{font-weight:600;color:var(--text);font-size:.9rem}.calc-value{font-weight:700;color:var(--text);font-size:.95rem;text-align:right;padding:0 var(--space-md)}.calculation-row.total .calc-value{font-size:1.1rem;color:var(--success)}.calc-formula{font-size:.75rem;color:var(--text-muted);text-align:right;font-style:italic}.option-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg);transition:.3s}.option-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.final-calculation{background:linear-gradient(135deg,var(--success-light),#d1fae5);border:2px solid var(--success);border-radius:var(--radius);padding:var(--space-xl);animation:2s infinite pulseGlow}.modal-content.edit-modal{width:900px;background:var(--background);border:1px solid var(--border)}.modal-header.edit-header{background:var(--surface);border-bottom:2px solid var(--primary);padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius) var(--radius) 0 0;position:relative}.modal-header.edit-header::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--success))}.modal-header.edit-header h3{font-size:1.5rem;color:var(--text);font-weight:700;display:flex;align-items:center;gap:var(--space-md)}.modal-header.edit-header h3::before{content:'📦';font-size:1.8rem}.modal-form.edit-form{padding:0;background:var(--surface);display:flex;flex-direction:column;min-height:400px;max-height:70vh}.field-with-icon{position:relative}.field-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem}.status-section-card{border-left:3px solid var(--primary)}.status-timeline{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.timeline-step{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md);background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:.2s;cursor:pointer}.timeline-step:hover{border-color:var(--primary-light);transform:translateX(5px)}.timeline-step.active{border-color:var(--primary);background:var(--primary-light)}.step-icon{width:32px;height:32px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;flex-shrink:0}.timeline-step.active .step-icon{background:var(--primary);color:#fff}.step-info{flex:1}.step-title{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:var(--space-xs)}.step-description{font-size:.75rem;color:var(--text-muted)}.field-group{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-sm);align-items:end}.field-group span{color:var(--text-muted);font-weight:600;padding-bottom:var(--space-md);text-align:center}.auto-fill-indicator{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);background:var(--primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;animation:1.5s infinite pulse}.icon-weight::before{content:'⚖️'}.icon-dimensions::before{content:'📏'}.icon-money::before{content:'💰'}.icon-date::before{content:'📅'}.icon-location::before{content:'📍'}.icon-document::before{content:'📄'}.icon-user::before{content:'👤'}.icon-phone::before{content:'📱'}.icon-email::before{content:'📧'}.status-with-note-container{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}.note-section{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);height:fit-content;position:sticky;top:1rem}.note-content{background:#fff;padding:1rem;border-radius:var(--radius);border:1px solid var(--border-light)}.note-text{white-space:pre-wrap;font-size:.9rem;color:var(--text);line-height:1.5}.note-meta{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.note-empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.note-char-warning{color:var(--warning)!important}.note-char-error{color:var(--error)!important}.note-container{background:#fff7e6;border:1px solid #ffd166;border-radius:var(--radius);padding:var(--space-md);margin:var(--space-lg) 0}.note-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.action-buttons-details{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin:var(--space-lg) 0}.action-buttons-details .btn-primary{padding:.5rem 1.3rem}.btn-has-note{background:linear-gradient(135deg,var(--primary-light-note) 0,#fff7e6 100%)!important;font-weight:600;position:relative;overflow:hidden;padding:.35rem .4rem;font-size:.85rem;min-width:auto;color:var(--text)}.btn-has-note:hover{background:linear-gradient(135deg,var(--primary-light-note) 0,#ffd782 100%)!important;color:var(--text)}.storage-cost-highlight{color:var(--warning)!important;font-weight:700!important;font-size:1.1rem!important}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-xs) var(--space-xl) var(--space-xl) var(--space-xl);background:var(--surface);border-radius:0 0 var(--radius) var(--radius);flex-wrap:wrap}.pagination-right{display:flex;align-items:center;justify-content:start;gap:var(--space-lg);flex:1}.pagination-left{display:flex;justify-content:end;align-items:center;gap:var(--space-lg);flex:1}.pagination-center{display:inline-flex;flex-direction:column;align-items:center}.pagination-info{color:var(--text);font-size:.85rem;font-weight:600}.pagination-stats{color:var(--text-muted);font-size:.75rem}.pagination-btn{padding:var(--space-xs) var(--space-md);font-size:.75rem;min-width:100px}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-size-selector{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--background);border-radius:var(--radius-lg)}.page-size-selector label{font-size:.75rem;color:var(--text-muted);font-weight:500;white-space:nowrap;padding-right:.5rem}.page-size-selector{position:relative;display:inline-block}.page-size-selector select{padding:var(--space-xxs) var(--space-xs);border:1px solid var(--border);border-radius:25px;background:var(--surface);color:var(--text);font-size:.75rem;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;transition:.2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:30px}.page-size-selector::after{content:'▼';font-size:.7rem;color:var(--text);position:absolute;top:50%;right:30px;transform:translateY(-50%);pointer-events:none;transition:transform .2s}.page-size-selector select:hover{border-color:var(--primary)}.page-size-selector select:focus::after{transform:translateY(-50%) rotate(180deg)}.warning-message{text-align:center;padding:var(--space-2xl) var(--space-lg)}.warning-icon{font-size:1.5rem}.warning-message h4{color:var(--error);margin-bottom:var(--space-lg);font-size:1.25rem}.warning-message p{color:var(--text-muted);line-height:1.6}.status-btn{padding:var(--space-md) var(--space-sm);border:1.5px solid #e9ecef;border-radius:var(--radius);background:#fff;color:#495057;font-size:.8rem;font-weight:500;cursor:pointer;transition:.2s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem}.status-btn:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow)}.status-btn.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(0,123,255,.3);animation:.3s pulse}.status-btn .status-icon{font-size:1.2rem;margin-bottom:.2rem}.status-btn .status-label{font-weight:600;font-size:.75rem}.status-btn .status-description{font-size:.65rem;opacity:.8;line-height:1.2}.history-container{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;max-height:200px;overflow-y:auto}.history-item{padding:.5rem;font-size:.8rem}.history-item:last-child{border-bottom:none}.history-date{color:var(--text-muted);font-size:.7rem}.history-method-change{color:var(--primary);font-weight:600}.rate-comparison{display:flex;gap:1rem;margin-top:.5rem;font-size:.75rem}.rate-old{color:var(--text-muted);text-decoration:line-through}.rate-new{color:var(--success);font-weight:600}.method-switch-notice{background:var(--info-light);color:var(--info);padding:var(--space-md);border-radius:var(--radius);border-left:4px solid var(--info);margin-top:var(--space-md);font-size:.85rem;animation:.3s fadeIn}.method-switch-notice .notice-icon{font-size:1rem;margin-right:.5rem}.conversion-suggestion{background:var(--warning-light);color:var(--warning);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);margin-top:.5rem;font-size:.8rem;border:1px solid var(--warning)}.storage-summary-info{animation:.5s fadeIn}.system-hint{border-left:4px solid var(--info);animation:.3s fadeIn}.transport-cell-complete{color:var(--success);font-weight:600}.transport-cell-partial{color:var(--warning);font-weight:500}.transport-cell-empty{color:var(--text-muted)}.btn-custom-active{background:linear-gradient(135deg,var(--warning),#f59e0b)!important;border-color:var(--warning)!important;color:#fff!important}.btn-custom-active:hover{background:linear-gradient(135deg,#f59e0b,#e68a00)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.custom-calculation-badge{display:inline-block;background:var(--warning);color:#fff;padding:.1rem .5rem;border-radius:12px;font-size:.85rem;font-weight:600;margin-left:.5rem;vertical-align:middle}.calculation-toggle .btn-outline.active{background:#009c1a;border-color:var(--primary);color:var(--primary);font-weight:600}.calculation-toggle .btn-outline.active#useCustomTariffBtn{background:#009c1a;border-color:var(--warning);color:var(--warning)}.calculation-type-individual{border-left-color:#f59e0b!important;background:linear-gradient(90deg,rgba(245,158,11,.05),transparent)}.calculation-type-system{border-left-color:#3b82f6!important;background:linear-gradient(90deg,rgba(59,130,246,.05),transparent)}.calculation-type-current{border-left-color:var(--success)!important;background:linear-gradient(90deg,rgba(34,197,94,.05),transparent)}.details-grid-container{display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(4,auto);gap:.25rem;width:1100px}.grid-item{background:var(--surface);border-radius:var(--radius);overflow:hidden}.grid-item-1{grid-area:1/1/2/4}.grid-item-2{grid-area:2/1/3/2;width:320px;min-width:320px;max-width:320px}.grid-item-3{grid-area:2/2/3/3;width:300px;min-width:300px;max-width:300px}.grid-item-4{grid-area:2/3/3/4;width:370px}.grid-item-5{grid-area:3/1/4/2;width:320px;min-width:320px;max-width:320px}.grid-item-6{grid-area:3/2/4/3;width:300px;min-width:300px;max-width:300px}.grid-item-7{grid-area:3/3/4/4;width:370px}.grid-item-8{grid-area:1/4/5/5;display:flex;width:230px;min-width:230px;max-width:230px}.grid-item-9{grid-area:4/1/5/4;min-width:1000px;max-width:1000px;width:1000px}.action-buttons-container{grid-column:1/-1}.card-header{display:flex;align-items:center;justify-content:start;border-bottom:1px solid var(--border);padding-left:var(--space-xs);padding-bottom:var(--space-xs);margin-bottom:var(--space-xxs);gap:var(--space-xxs)}@media (max-width:1150px){.container{margin:var(--space-sm);min-height:calc(100vh - 1rem)}.cargo-section{padding:var(--space-xl)}}@media (max-width:992px){.detail-grid{grid-template-columns:repeat(2,1fr)}.details-grid-container{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.grid-item-1,.grid-item-2,.grid-item-3,.grid-item-4,.grid-item-5,.grid-item-6,.grid-item-7,.grid-item-8,.grid-item-9{grid-area:auto}}@media (max-width:768px){.app-header{padding:var(--space-xl)}.app-header h1{font-size:1.1rem}.cargo-section{padding:var(--space-xl)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.form-grid,.search-quick-filters{grid-template-columns:1fr}.search-main-row{grid-template-columns:1fr;gap:var(--space-lg)}.form-actions,.form-actions.card-actions,.search-actions-compact{flex-direction:column}.pagination-controls{flex-direction:column;gap:var(--space-md)}.pagination-center,.pagination-left,.pagination-right{justify-content:center;flex:none;width:100%}.pagination-center{order:-1}.pagination-info{order:-1}.page-size-selector{justify-content:center}.pagination-btn{min-width:70px;padding:.4rem .8rem}.modal-header{padding:var(--space-lg) var(--space-xl)}.modal-form{padding:var(--space-xl)}.details-content{padding:var(--space-lg)}.card-grid{grid-template-columns:1fr}.status-btn{padding:.6rem .5rem;flex-direction:row;justify-content:flex-start;text-align:left;gap:var(--space-sm)}.status-btn .status-icon{margin-bottom:0;font-size:1rem}.search-actions-compact{justify-content:stretch}.modal-content.edit-modal{margin:.5rem}.card-section-content{grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-lg)}.btn-cancel,.btn-save{width:100%;justify-content:center}.modal-form.edit-form{max-height:80vh}.status-with-note-container{grid-template-columns:1fr;gap:1rem}.note-section{position:static}.calculation-row{grid-template-columns:1fr;gap:var(--space-sm);text-align:center}.calc-formula,.calc-value{text-align:center}.action-buttons-details{flex-direction:column;align-items:center}.action-buttons-details .btn-primary{width:100%}.details-grid-container{grid-template-columns:1fr}}@media (max-width:480px){.cargo-section{padding:var(--space-lg)}.app-header{padding:var(--space-lg);text-align:center}.modal-content{margin:0;border-radius:0;min-height:100vh;max-height:100vh}.notification{right:1rem;left:1rem;max-width:none}.pagination-left,.pagination-right{flex-direction:column;gap:var(--space-sm)}.page-size-selector{flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.pagination-btn{min-width:60px;padding:.3rem .6rem;font-size:.8rem}.search-toggle{padding:.6rem .8rem}.search-panel-collapsible.active{padding:var(--space-lg)}.range-inputs-compact{flex-direction:column;gap:var(--space-xs)}.range-inputs-compact span{display:none}.search-actions-compact{flex-direction:column}.action-buttons .btn-outline{padding:.3rem;font-size:.65rem}.modal-header.edit-header{padding:var(--space-lg) var(--space-md)}.modal-header.edit-header h3{font-size:1.25rem}.card-section-header{padding:var(--space-md) var(--space-lg)}.card-section-icon{width:28px;height:28px;font-size:.9rem}.card-section-content{padding:var(--space-lg)}.timeline-step{padding:.6rem;gap:var(--space-md)}.step-icon{width:28px;height:28px;font-size:.8rem}}.history-cards-container{display:grid;grid-template-columns:1fr 3fr;gap:var(--space-lg);width:100%}.rate-history-card{width:100%;max-height:100px;display:flex;flex-direction:column}.storage-history-card{width:100%;max-height:100px;display:flex;flex-direction:column}.rate-history-card .history-content-scroll,.storage-history-card .history-content-scroll{overflow-y:auto;max-height:calc(100px - 20px);padding-right:var(--space-sm)}.card-header{flex-shrink:0}.storage-history-card .history-content-scroll{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.rate-history-card .history-content-scroll{display:flex;flex-direction:column;gap:var(--space-md)}.history-content-scroll::-webkit-scrollbar{width:6px}.history-content-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.history-content-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.history-content-scroll::-webkit-scrollbar-thumb:hover{background:#555}.cargo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:1rem 2.5rem}.action-group{display:flex;flex-wrap:wrap;gap:.75rem}.action-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1.3rem;border:none;border-radius:40px;font-size:.85rem;font-weight:500;cursor:pointer;transition:.2s;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.03);line-height:1}.action-btn-primary{background:#fff;color:var(--text-primary,#1e293b);border:1px solid var(--border-color,#e2e8f0)}.action-btn-primary:hover{background:var(--primary-light,#e0f2fe);border-color:var(--primary,#3b82f6);box-shadow:0 6px 12px rgba(59,130,246,.15)}.action-btn-secondary{background:var(--primary,#3b82f6);color:#fff;border:1px solid var(--primary,#3b82f6)}.action-btn-secondary:hover{background:var(--primary-dark,#2563eb);box-shadow:0 8px 16px rgba(59,130,246,.3)}@media (max-width:900px){.cargo-actions{flex-direction:column;align-items:stretch;gap:1.2rem}.action-group{justify-content:center}}@media (max-width:600px){.action-group{gap:.5rem}}@media (prefers-color-scheme:dark){.cargo-actions{background:#1e293b;border-color:#334155}.action-btn-primary{background:#0f172a;color:#e2e8f0;border-color:#334155}.action-btn-primary:hover{background:#1e293b;border-color:#3b82f6}}.modal-header-left{flex:1;min-width:0}.details-breadcrumb{font-size:.75rem;font-weight:500;color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:.35rem}.breadcrumb-icon{font-size:.9rem;opacity:.8}.details-cargo-code{font-size:1.75rem;font-weight:700;color:var(--text,#0f172a);line-height:1.2;margin:0;word-break:break-word}@media (max-width:768px){.details-cargo-code{font-size:1.4rem}}@media (max-width:480px){.modal-header-left{gap:.15rem}.details-breadcrumb{font-size:.7rem}.details-cargo-code{font-size:1.2rem}}.details-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.5rem;font-size:.9rem;color:var(--text-muted,#64748b);padding-bottom:.75rem;width:100%}.meta-item{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.meta-label{font-weight:500;color:var(--text-light,#94a3b8)}.meta-value{font-weight:600;color:var(--text,#0f172a)}.meta-separator{color:var(--border,#e2e8f0);font-weight:300;font-size:1.2rem;line-height:1}.payment-status-row{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border,#e2e8f0);font-size:.9rem}.payment-status-label{font-weight:500;color:var(--text-muted,#64748b)}.payment-status-value{font-weight:600;padding:.2rem .6rem;border-radius:20px;background:var(--warning-light,#fef3c7);color:var(--warning,#d97706)}.payment-status-paid{font-weight:600;padding:.2rem .6rem;border-radius:20px;background:var(--success-light,#d1fae5);color:var(--success,#009c1a)}.payment-status-unpaid{font-weight:600;padding:.2rem .6rem;border-radius:20px;background:var(--warning-light,#fef3c7);color:var(--warning,#d97706)}.payment-status-overdue{background:var(--error-light,#fee2e2);color:var(--error,#dc2626)}@media (max-width:768px){.details-meta-row{flex-direction:column;align-items:flex-start;gap:.25rem}.meta-separator{display:none}.payment-status-row{flex-wrap:wrap}}select,select option{font-family:Nunito,sans-serif!important}tr.highlight-row{background-color:#fff3cd!important;transition:background-color .5s}tr.highlight-row td{background-color:inherit}@keyframes highlight-pulse{0%{background-color:#fff3cd}50%{background-color:#ffe69c}100%{background-color:#fff3cd}}tr.highlight-row{animation:2s infinite highlight-pulse}.select-all{text-align:center;padding-bottom:5px}.date-field-container,.date-range,.field,.input-group,.operations-header .date-range:has(input,select,textarea){cursor:pointer}.field:has(select),.input-group:has(select){cursor:pointer}.company-info{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.company-icon{font-size:.8rem}.company-name-in-status{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}@media (max-width:768px){.company-name-in-status{max-width:400px}}.checkbox-main{margin-left:3px}.system-settings-grid{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.system-setting-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background-alt,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,12px);cursor:pointer;transition:.2s;width:100%;text-align:left}.system-setting-card:hover{background:var(--surface,#fff);border-color:var(--primary,#3b82f6);transform:translateY(-2px);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.1))}.system-setting-icon{font-size:2rem;flex-shrink:0}.system-setting-content{flex:1}.system-setting-title{font-size:1rem;font-weight:600;color:var(--text,#1f2937);margin-bottom:.25rem}.system-setting-desc{font-size:.8rem;color:var(--text-muted,#6b7280)}.tariff-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg);margin-bottom:var(--space-md);transition:.2s}.tariff-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.tariff-card.active{border-color:var(--success);background:var(--success-light)}.tariff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.tariff-rates{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-md)}.rate-block{padding:var(--space-md);border-radius:var(--radius);text-align:center}.rate-block.loading{background:var(--primary-light);border:1px solid var(--primary)}.rate-block.daily{background:var(--warning-light);border:1px solid var(--warning)}.rate-label{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.rate-value{font-size:1.5rem;font-weight:700;color:var(--text)}.tariff-history-item{padding:var(--space-md);border-bottom:1px solid var(--border-light);font-size:.85rem}.tariff-history-item:last-child{border-bottom:none}.tariff-history-date{color:var(--text-muted);font-size:.75rem}.tariff-active-badge{background:var(--success);color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}@keyframes tariffPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.new-tariff-notification{animation:.5s tariffPulse;border-color:var(--primary)!important}@media (max-width:768px){.tariff-rates{grid-template-columns:1fr;gap:var(--space-md)}.tariff-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.tariff-active-badge{align-self:flex-start}}.tariff-settings-modal .modal-content{width:550px;max-width:95vw;border-radius:36px;overflow:hidden;box-shadow:var(--card-shadow,0 20px 35px -8px rgba(0,0,0,.2));background:var(--surface,#fff);animation:.3s modalFloatIn}.tariff-settings-header{padding:1.5rem 2rem}.tariff-settings-header h3{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.tariff-settings-body{padding:2rem;overflow-y:auto}.tariff-settings-description{text-align:center;color:var(--text-muted,#64748b);margin-bottom:2rem;font-size:1rem}.tariff-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.tariff-option-card{background:var(--surface,#fff);border:2px solid var(--border,#e2e8f0);border-radius:28px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;cursor:pointer;transition:.2s;box-shadow:0 4px 6px -2px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.03)}.tariff-option-card:hover{transform:translateY(-4px);border-color:var(--primary-light,#2563eb);box-shadow:0 20px 25px -8px rgba(141,143,148,.2)}.tariff-option-card:active{transform:translateY(-2px)}.tariff-option-icon{font-size:3rem;filter:drop-shadow(0 8px 12px rgba(0, 0, 0, .1));transition:transform .2s}.tariff-option-card:hover .tariff-option-icon{transform:scale(1.1)}.tariff-option-title{font-size:1.2rem;font-weight:700;color:var(--text,#0f172a)}.tariff-option-desc{font-size:.8rem;color:var(--text-muted,#64748b);line-height:1.4}@media (max-width:500px){.tariff-options-grid{grid-template-columns:1fr;gap:1rem}.tariff-option-card{flex-direction:row;text-align:left;padding:1rem}.tariff-option-icon{font-size:2.5rem}}.tariff-settings-footer{padding:1.5rem 2rem;display:flex;justify-content:flex-end}.tariff-settings-footer .btn-secondary{border-radius:40px;padding:.5rem 1.3rem;font-weight:600;background:#fff;border:1px solid var(--border);color:var(--text);transition:.2s}.tariff-settings-footer .btn-secondary:hover{background:#f1f5f9;border-color:var(--text-muted)}.tariff-card-company{background:var(--surface,#fff);border-radius:var(--radius-lg,16px);border:1px solid var(--border,#e2e8f0);padding:1.25rem;transition:.2s ease-in-out;position:relative;overflow:hidden;margin:0 1rem}.tariff-card-company:hover{box-shadow:0 8px 20px rgba(0,0,0,.08);transform:translateY(-2px)}.tariff-header-company{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.tariff-name-company{font-weight:700;font-size:1.2rem;transition:color .2s}.tariff-price-company{font-weight:600;font-size:1rem;padding:.2rem .8rem;border-radius:30px;white-space:nowrap;transition:.2s}.tariff-details-company{font-size:.85rem;color:var(--text-muted,#64748b);margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}.tariff-details-company div{display:flex;align-items:center;gap:.5rem}.detail-icon-company{font-size:1rem;min-width:1.4rem}.tariff-details-company strong{font-weight:600;color:var(--text,#1e293b)}.tariff-actions-company{display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid var(--border-light,#f1f5f9);padding-top:1rem}.tariff-actions-company .btn-sm{padding:.3rem .8rem;font-size:.8rem;border-radius:30px;transition:.2s;display:inline-flex;align-items:center;gap:.3rem}.edit-tariff-btn-company{background:var(--background-alt,#f8fafc);border:1px solid var(--border,#cbd5e1);color:var(--text,#334155)}.edit-tariff-btn-company:hover{background:#eef2ff;border-color:#3b82f6}.permissions-tariff-btn-company{background:#eff6ff;border:1px solid #3b82f6;color:#2563eb}.permissions-tariff-btn-company:hover{background:#3b82f6;color:#fff}.delete-tariff-btn-company{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.delete-tariff-btn-company:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.delete-tariff-btn-company:disabled{opacity:.5;cursor:not-allowed}.tariff-card-company.basic{background:#fff;border-left:4px solid #94a3b8}.tariff-card-company.basic .tariff-name-company{color:#475569}.tariff-card-company.basic .tariff-price-company{background:#f1f5f9;color:#1e293b}.tariff-card-company.popular{border:2px solid #f59e0b;background:linear-gradient(135deg,#fff,#fffbeb);box-shadow:0 4px 12px rgba(245,158,11,.15);position:relative}.tariff-card-company.popular::before{content:"🔥";position:absolute;top:12px;right:16px;font-size:1.8rem;opacity:.25;pointer-events:none;z-index:0}.tariff-card-company.popular .tariff-name-company{color:#b45309}.tariff-card-company.popular .tariff-price-company{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-weight:700;padding:.3rem .8rem}.tariff-card-company.popular .tariff-details-company strong{color:#f59e0b}.popular-badge{position:absolute;top:-2px;left:5px;background:#f59e0b;color:#fff;padding:.2rem .8rem;border-radius:30px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:2}.tariff-card-company.business{border-left:4px solid #3b82f6;background:#f8fafc}.tariff-card-company.business .tariff-name-company{color:#1e40af}.tariff-card-company.business .tariff-price-company{background:#e0f2fe;color:#0369a1}.tariff-card-company.premium{border:2px solid #8b5cf6;background:linear-gradient(135deg,#fff,#f5f3ff);box-shadow:0 4px 12px rgba(139,92,246,.15);position:relative}.tariff-card-company.premium::before{content:"✨";position:absolute;top:12px;right:16px;font-size:1.8rem;opacity:.25;pointer-events:none;z-index:0}.tariff-card-company.premium .tariff-name-company{color:#6d28d9}.tariff-card-company.premium .tariff-price-company{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-weight:700;padding:.3rem .8rem}.tariff-card-company.premium .tariff-details-company strong{color:#8b5cf6}.tariff-card-company.premium:hover{animation:.6s ease-in-out premiumGlow}@keyframes premiumGlow{0%{box-shadow:0 0 0 0 rgba(139,92,246,.4)}70%{box-shadow:0 0 0 6px rgba(139,92,246,0)}100%{box-shadow:0 0 0 0 rgba(139,92,246,0)}}.form-grid-2cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-section-card{background:var(--surface,#fff);border-radius:var(--radius-lg,16px);margin-bottom:.5rem;overflow:hidden}.section-card-header{padding:.5rem .1rem;font-weight:600;border-bottom:1px solid var(--border,#e2e8f0);display:flex;align-items:center;gap:.5rem}.section-icon{font-size:1.25rem}.tariff-features-container{margin-top:.5rem}.tariff-features-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.feature-category-card{background:var(--surface-card,#fff);border-radius:var(--radius-lg,16px);border:1px solid var(--border,#e2e8f0);overflow:hidden;transition:box-shadow .2s}.feature-category-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.05)}.feature-category-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.5rem .75rem;border-bottom:1px solid var(--border,#e2e8f0);display:flex;align-items:center;gap:.5rem}.category-icon{font-size:1.2rem}.category-title{font-weight:600;color:#1e293b;font-size:.95rem;letter-spacing:.3px}.feature-category-items{padding:.5rem .75rem;display:flex;flex-direction:column}.feature-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.5rem 0;border-bottom:1px dashed #eef2f6}.feature-item:last-child{border-bottom:none}.feature-label{flex:1;min-width:200px;display:flex;align-items:center;gap:.6rem;font-weight:500}.feature-label input[type=checkbox]{width:1.1rem;height:1.1rem;cursor:pointer;accent-color:#3b82f6}.feature-value-container{display:flex;align-items:center;gap:.5rem;min-width:180px}.feature-value-input{flex:1;padding:.4rem .6rem;border-radius:var(--radius,8px);border:1px solid var(--border,#cbd5e1);background:#fff;font-size:.85rem}.feature-value-input:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.feature-unit{font-size:.75rem;color:var(--text-muted,#64748b)}select.feature-value-input{cursor:pointer}.field-hint{display:block;font-size:.7rem;color:var(--text-muted,#64748b);margin-top:.25rem}.permissions-grid-company{max-height:60vh;padding:.5rem}.perm-category-company{margin-bottom:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border,#e2e8f0)}.perm-category-company strong{font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:#3b82f6}.perm-category-items-company{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.25rem}.perm-checkbox-company{display:inline-flex;align-items:center;gap:.4rem;background:#f1f5f9;padding:.3rem .8rem;border-radius:30px;font-size:.85rem;cursor:pointer;transition:background .2s}.perm-checkbox-company:hover{background:#e2e8f0}.perm-checkbox-company input{width:1rem;height:1rem;cursor:pointer}#addTariffPlanBtn{background:#3b82f6;color:#fff;border:none;padding:.4rem 1rem;border-radius:30px;font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem;transition:.2s}#addTariffPlanBtn:hover{background:#2563eb;transform:scale(1.02)}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-completed{background:#e0e7ff;color:#3730a3}.feature-available{color:#10b981;font-weight:600}.feature-unavailable{color:#94a3b8;font-weight:400;opacity:.7}.tariff-details-company strong.feature-unavailable{font-weight:400}@media (max-width:768px){.tariff-card-company{padding:1rem;margin:0 .5rem}.tariff-header-company{flex-direction:column;align-items:flex-start}.tariff-actions-company{flex-wrap:wrap;justify-content:center}.perm-category-items-company{gap:.4rem}.perm-checkbox-company{font-size:.75rem;padding:.2rem .6rem}.feature-item{flex-direction:column;align-items:stretch}.feature-value-container{width:100%}.form-grid-2cols{grid-template-columns:1fr}}.time-widget{display:flex;gap:.5rem;margin-left:auto;margin-right:1.5rem;align-items:center}.time-card{display:flex;flex-direction:row;align-items:center;gap:.5rem;background:rgba(255,255,255,.08);padding:.25rem .75rem;border-radius:var(--radius-lg);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.12);min-width:120px;transition:background .2s}.time-card:hover{background:rgba(255,255,255,.15)}.city-info{display:flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--text)}.flag{font-size:1rem;line-height:1}.city-name{white-space:nowrap}.time-display{font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--white)}.date-display{font-size:.7rem;font-weight:500;color:var(--text);margin-top:.05rem}@media (max-width:768px){.time-widget{gap:.25rem;margin-right:.5rem}.time-card{min-width:80px;padding:.15rem .5rem}.time-display{font-size:.9rem}.city-name{font-size:.6rem}.date-display{font-size:.5rem}}@media (max-width:480px){.time-widget{display:none}}:root{--card-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1),0 8px 10px -6px rgba(0, 0, 0, 0.02);--card-shadow-hover:0 20px 30px -10px rgba(0, 0, 0, 0.15),0 10px 15px -5px rgba(0, 0, 0, 0.05);--transition-default:all 0.2s ease;--border-radius-card:20px}.unloading-manager-modal .modal-content{width:600px;max-width:95vw;border-radius:25px;overflow:hidden;box-shadow:var(--card-shadow);animation:.4s cubic-bezier(.16,1,.3,1) modalFloatIn}@keyframes modalFloatIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tariff-card.active{background:linear-gradient(145deg,#e6f7e6,#d1fae5);border:2px solid var(--success);border-radius:20px;padding:1.8rem 1.5rem;margin-bottom:2rem;box-shadow:0 8px 20px -8px rgba(34,197,94,.3);transition:var(--transition-default);position:relative;overflow:hidden}.tariff-card.active::after{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.4) 0,transparent 50%);opacity:0;transition:opacity .4s;pointer-events:none}.tariff-card.active:hover::after{opacity:.3}.tariff-rate{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-.02em}.tariff-date{font-size:.9rem;color:var(--text-muted);display:flex;align-items:center;gap:.3rem;margin-top:.4rem}.tariff-date::before{content:'📅';font-size:.8rem;opacity:.7}.active-badge{background:var(--success);color:#fff;padding:.3rem 1.2rem;border-radius:40px;font-weight:600;font-size:.8rem;letter-spacing:.3px;box-shadow:0 2px 6px rgba(0,0,0,.1);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.3)}.tariff-create-card{background:var(--surface);padding:1.5rem;border-radius:20px;border:1px solid var(--border);box-shadow:0 4px 12px rgba(0,0,0,.02);transition:var(--transition-default);margin-bottom:1.5rem}.tariff-create-card:hover{border-color:var(--primary-light);box-shadow:0 8px 20px -12px var(--primary)}.checkbox-warning-label{display:flex;align-items:center;gap:.8rem;cursor:pointer;background:rgba(245,158,11,.08);padding:1rem 1.2rem;border-radius:60px;border:1.5px solid transparent;transition:var(--transition-default);font-weight:500}.checkbox-warning-label:hover{background:rgba(245,158,11,.15);border-color:var(--warning)}.checkbox-warning-label input[type=checkbox]{width:1rem;height:rem;accent-color:var(--warning);border-radius:15px;margin:5px;text-align:center}.field-hint-warning{color:var(--warning);font-weight:500;margin-left:2.5rem;display:block;font-size:.8rem}.tariff-history-list{max-height:320px;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:var(--primary) var(--border)}.tariff-history-list::-webkit-scrollbar{width:6px}.tariff-history-list::-webkit-scrollbar-track{background:var(--border);border-radius:35px}.tariff-history-list::-webkit-scrollbar-thumb{background:var(--primary);border-radius:35px}.tariff-history-item{border-radius:20px;margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--border);transition:var(--transition-default);position:relative;overflow:hidden}.tariff-history-item::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background:var(--border);transition:var(--transition-default)}.tariff-history-item.active{background:linear-gradient(to right,#f0fdf4,#fff);border-color:var(--success)}.tariff-history-item.active::before{background:var(--success);width:6px}.tariff-history-item:hover{transform:translateX(1px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.tariff-history-rate{font-weight:700;font-size:.875rem;background:linear-gradient(135deg,var(--text),#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tariff-history-date{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.2rem}.tariff-history-date::before{content:'🕒';font-size:.7rem;opacity:.6}.active-tag{background:var(--success-light,#d1fae5);color:var(--success,#10b981);padding:.1rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;border:1px solid var(--success,#10b981);white-space:nowrap}.unloading-modal .modal-content{width:900px;border-radius:25px;overflow:hidden;box-shadow:var(--card-shadow)}.cargo-icon{font-size:2.8rem;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.1))}.custom-indicator{margin-top:1rem;background:rgba(245,158,11,.1);color:#b45309;padding:.5rem 1rem;border-radius:40px;display:inline-block;font-weight:600;font-size:.8rem;border:1px dashed #f59e0b}#unloadingRate{border:2px solid var(--border);border-radius:60px;padding:.4rem 1.2rem;font-size:1.1rem;transition:var(--transition-default);background:#fff}#unloadingRate:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.1);outline:0}.calculation-row.total{border-radius:60px;padding:1rem 1.8rem;border:1px solid #bae6fd;box-shadow:0 4px 8px rgba(0,0,0,.02)}.calc-value{font-size:1.8rem;font-weight:800;color:var(--primary);text-shadow:0 2px 4px rgba(37,99,235,.1)}.confirm-modal .modal-content{width:500px;border-radius:25px;overflow:hidden;box-shadow:var(--card-shadow);background:var(--surface)}.modal-icon.confirm-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--info-light);color:var(--info);box-shadow:0 6px 12px rgba(0,0,0,.1);transition:var(--transition-default)}.confirm-icon.bg-error{background:var(--error-light);color:var(--error);animation:2s infinite pulseWarning}@keyframes pulseWarning{0%{box-shadow:0 0 0 0 rgba(220,38,38,.4)}70%{box-shadow:0 0 0 12px rgba(220,38,38,0)}100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}}.confirm-icon.bg-info{background:var(--info-light);color:var(--info)}.delete-warning{background:rgba(254,202,202,.3);border-radius:25px;padding:1rem;margin-bottom:1rem;border:1px solid #fecaca}.warning-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.warning-icon{font-size:1.8rem;animation:1.5s infinite bounce}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.warning-title{font-size:1.3rem;font-weight:700;color:var(--error)}.tariff-comparison{background:linear-gradient(145deg,#fff,#f9f9f9);padding:1.5rem;border-radius:25px;margin:1.5rem 0;border:1px solid var(--border);box-shadow:inset 0 2px 4px #fff,0 4px 8px rgba(0,0,0,.02)}.new-tariff-rate{color:var(--warning);font-size:1.2rem;background:rgba(245,158,11,.1);padding:.2rem .8rem;border-radius:40px}.tariff-total{display:flex;justify-content:space-between;padding-top:1rem;margin-top:.8rem;border-top:2px dashed var(--border);font-weight:600}.warning-text-small{font-size:.85rem;color:var(--error);background:rgba(239,68,68,.05);padding:1rem;border-radius:20px;border-left:4px solid var(--error)}.info-message{background:linear-gradient(145deg,#e0f2fe,#bae6fd);padding:1.5rem;border-radius:25px;display:flex;align-items:center;gap:1.2rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}.info-icon{font-size:2.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.info-note{margin-top:1rem;color:var(--text-muted);background:rgba(0,0,0,.02);padding:1rem 1.5rem;border-radius:25px;font-size:.9rem;border:1px dashed var(--border)}.confirm-modal .btn-primary{background:linear-gradient(145deg,var(--primary),#3b82f6);border:none;color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}.confirm-modal .btn-primary:hover{transform:translateY(0);box-shadow:0 8px 18px rgba(37,99,235,.4)}.confirm-modal .btn-danger{background:linear-gradient(145deg,#dc2626,#b91c1c);border:none;color:#fff;box-shadow:0 4px 12px rgba(220,38,38,.3)}.confirm-modal .btn-danger:hover{transform:translateY(0);box-shadow:0 8px 18px rgba(220,38,38,.4)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1rem{gap:1rem}.gap-0-5rem{gap:.5rem}.mb-0-5rem{margin-bottom:.5rem}.mt-0-5rem{margin-top:.5rem}.mt-1rem{margin-top:1rem}.mt-1-5rem{margin-top:1.5rem}.font-weight-600{font-weight:600}.text-center{text-align:center}.flex-1{flex:1}.confirm-modal-body{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 2rem}.confirm-modal-footer{display:flex;justify-content:end;gap:1rem}.custom-badge,.system-badge{margin-top:.5rem;padding:.5rem 1rem;border-radius:40px;display:inline-block;font-weight:500}.custom-badge{background:rgba(245,158,11,.1);color:#f59e0b}.system-badge{background:rgba(100,116,139,.1);color:var(--text-muted)}.system-tariff-info{background:var(--primary-light);padding:.8rem 1rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.system-tariff-label{font-weight:600}.system-tariff-value{font-size:1.2rem;font-weight:700;color:var(--primary);margin-left:.5rem}.system-tariff-date{font-size:.8rem;color:var(--text-muted)}.rate-input-group{display:flex;gap:1rem;align-items:center}.rate-input{flex:1;padding:.8rem 1.2rem;border:2px solid var(--border);border-radius:60px;font-size:1rem;transition:.2s}.rate-input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.rate-currency{font-weight:600;color:var(--text)}.rate-type-indicator{margin-top:.5rem;font-size:.85rem;display:flex;align-items:center;gap:.3rem}.rate-type-indicator.custom{color:#f59e0b}.rate-type-indicator.system{color:var(--text-muted)}.form-actions-modal{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:1.5rem}.action-buttons-group{display:flex;gap:.5rem}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50px/49px;color:#fff;border:none}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}.form-section-modal{background:var(--surface)}.mass-tag{background:var(--info-light,#dbeafe);color:var(--info,#1e40af);padding:.1rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;border:1px solid var(--info,#3b82f6);white-space:nowrap}.unloading-modal-container{display:flex;flex-direction:column;gap:1.25rem;padding:.5rem 0}.unloading-cargo-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1rem}.cargo-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cargo-icon{font-size:2rem}.cargo-details{flex:1}.cargo-code{font-size:1.2rem;font-weight:700}.cargo-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--text-muted);margin-top:.75rem;flex-wrap:wrap}.unloading-badge{background:var(--primary-light);border-radius:var(--radius-lg);padding:.5rem 1rem;text-align:center;min-width:100px}.unloading-icon{font-size:1.2rem}.unloading-total-preview{font-size:1.1rem;font-weight:700;color:var(--primary)}.individual-badge{margin-top:.75rem;padding:.5rem;background:#fef3c7;border-radius:var(--radius-lg);font-size:.8rem;color:#b45309;display:inline-flex;align-items:center;gap:.5rem}.unloading-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.unloading-location-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1rem}.location-input{padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;font-size:.9rem}.location-actions{display:flex;justify-content:flex-end;margin-top:.25rem}.location-hint{font-size:.7rem;color:var(--text-muted);text-align:center;border-top:1px dashed var(--border);padding-top:.5rem}.unloading-right-column{display:flex;flex-direction:column;gap:1rem}.unloading-tariff-card{background:var(--background-alt);border-radius:var(--radius-lg);padding:1rem}.card-header-unloading{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-weight:600}.tariff-info-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem}.tariff-rate .rate-value{font-size:1.3rem;font-weight:700;color:var(--primary)}.tariff-rate .rate-unit{font-size:.9rem;color:var(--text-muted)}.tariff-date{font-size:.75rem;color:var(--text-muted)}.unloading-rate-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1rem}.rate-input-group{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.rate-input{flex:1;padding:.6rem;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff}.rate-input.custom-rate{border-color:#f59e0b;background:#fef3c7}.rate-currency{font-size:1rem;font-weight:600;color:var(--text)}.rate-hint{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.custom-tag,.system-tag{font-size:.7rem;padding:.2rem .5rem;border-radius:12px;background:#fef3c7;color:#b45309}.system-tag{background:#e0f2fe;color:#0369a1}.unloading-result-card{background:linear-gradient(135deg,var(--success-light),#d1fae5);border-radius:var(--radius-lg);padding:1rem;text-align:center;border:2px solid var(--success)}.result-header{font-weight:600;margin-bottom:.5rem}.result-formula{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.result-total{font-size:1.8rem;font-weight:800;color:var(--success)}.result-note{font-size:.7rem;color:var(--text-muted);margin-top:.5rem}.unloading-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border)}.action-buttons-group{display:flex;gap:.5rem;flex-wrap:wrap}.btn-outline.btn-sm{padding:.5rem 1rem;font-size:.9rem}@media (max-width:800px){.unloading-two-columns{grid-template-columns:1fr;gap:1rem}.cargo-header{flex-direction:column;align-items:flex-start}.unloading-badge{align-self:stretch;text-align:center}.unloading-actions{flex-direction:column;align-items:stretch}.action-buttons-group{justify-content:center}}@media (max-width:600px){.location-row{grid-template-columns:1fr;gap:.5rem}}.location-view-mode{display:block}.location-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:.5rem}.location-item{display:flex;flex-direction:column;gap:.25rem;background:var(--background-alt);padding:.5rem 1rem;border-radius:var(--radius-lg)}.location-label{font-size:.6rem;text-transform:uppercase;font-weight:700;color:var(--text-muted);letter-spacing:.02em;padding:2px 10px 0;margin:0;line-height:1.2;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif}.location-value{font-size:.9rem;font-weight:500;color:var(--warning);word-break:break-word;padding:0 .5rem}.location-hint{font-size:.7rem;color:var(--text-muted);margin-top:.75rem;text-align:center;border-top:1px dashed var(--border);padding-top:.5rem}.location-edit-mode{display:none}.location-form{display:flex;flex-direction:column;gap:.75rem}.location-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.location-field{display:flex;flex-direction:column;gap:.25rem}.location-field label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.location-input{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;font-size:.9rem}.location-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 2px rgba(33,98,239,.1)}.location-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.unloading-location-card .btn-sm{padding:.25rem .75rem;font-size:.75rem}@media (max-width:600px){.location-row{grid-template-columns:1fr;gap:.5rem}.location-info-grid{grid-template-columns:1fr}}.location-action-button{display:flex;justify-content:center;margin:1rem 0 .5rem}.location-action-button .btn-sm{padding:.4rem 1rem}