.orders-package{margin:20px 0;font-family:Arial,sans-serif}.orders-package .container{max-width:1200px;margin:0 auto;padding:0 15px}.orders-package .order-list{margin:20px 0}.orders-package .total-count{font-size:1.1em;font-weight:bold;margin:10px 0}.orders-package hr{margin:20px 0}.orders-package .no-orders{text-align:center;color:#999;font-style:italic;padding:20px}.orders-package .orders-table{width:100%;border-collapse:collapse;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.orders-package .orders-table th,.orders-package .orders-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.orders-package .orders-table th{background-color:#f2f2f2;font-weight:bold;color:#333}.orders-package .orders-table tr.order-row{cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.orders-package .orders-table tr.order-row:hover{background-color:#f5f5f5}.orders-package .orders-table tr.order-row:active{background-color:#e9e9e9}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);-webkit-animation:fadeIn .3s;animation:fadeIn .3s}.modal .modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border-radius:8px;width:90%;max-width:800px;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.3);box-shadow:0 5px 15px rgba(0,0,0,.3);-webkit-animation:slideDown .3s;animation:slideDown .3s;position:relative}.modal .modal-content .close{position:absolute;right:20px;top:15px;color:#aaa;font-size:28px;font-weight:bold;cursor:pointer;-webkit-transition:color .2s;transition:color .2s}.modal .modal-content .close:hover,.modal .modal-content .close:focus{color:#000;text-decoration:none}.modal .modal-content h3{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.modal .modal-content #modalProductsList{margin-top:20px;max-height:70vh;overflow-y:auto}.modal .modal-content #modalProductsList .loader{text-align:center;padding:20px;color:#666;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="none" stroke="%23333" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"><animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/></circle></svg>') no-repeat center;background-size:24px}.modal .modal-content #modalProductsList .error{color:#d32f2f;background:#ffebee;padding:10px;border-radius:4px;text-align:center}.modal .modal-content #modalProductsList .products-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.modal .modal-content #modalProductsList .product-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:15px;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s, -webkit-box-shadow .2s}.modal .modal-content #modalProductsList .product-card:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.modal .modal-content #modalProductsList .product-card.fully-packed{background-color:#d4edda !important;border-left:4px solid #28a745;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.modal .modal-content #modalProductsList .product-card .product-title{font-size:1.1em;margin-bottom:12px;color:#2c3e50;border-left:3px solid #4caf50;padding-left:10px}.modal .modal-content #modalProductsList .product-card .product-order-qty{margin-bottom:12px;font-size:.9em;color:#555}.modal .modal-content #modalProductsList .product-card .product-order-qty .packed-sum{font-weight:bold;color:#2e7d32}.modal .modal-content #modalProductsList .product-card .product-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:15px;margin-bottom:10px}.modal .modal-content #modalProductsList .product-card .product-controls .control-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.modal .modal-content #modalProductsList .product-card .product-controls .control-group label{font-size:.85em;font-weight:bold;color:#555}.modal .modal-content #modalProductsList .product-card .product-controls .control-group input,.modal .modal-content #modalProductsList .product-card .product-controls .control-group select{padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:.9em;background:#fff;cursor:pointer}.modal .modal-content #modalProductsList .product-card .product-controls .control-group input:focus,.modal .modal-content #modalProductsList .product-card .product-controls .control-group select:focus{outline:none;border-color:#4caf50;-webkit-box-shadow:0 0 3px rgba(76,175,80,.3);box-shadow:0 0 3px rgba(76,175,80,.3)}.modal .modal-content #modalProductsList .product-card .product-controls .control-group input[type=number]{width:80px;cursor:text}.modal .modal-content #modalProductsList .product-card .product-controls .control-group select{min-width:180px}.modal .modal-content #modalProductsList .product-card .product-controls .collect-btn{background-color:#2196f3;color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:.9em;-webkit-transition:background .2s;transition:background .2s;margin-bottom:0}.modal .modal-content #modalProductsList .product-card .product-controls .collect-btn:hover{background-color:#0b7dda}.modal .modal-content #modalProductsList .product-card .product-controls .collect-btn:active{background-color:#0a6ebd}.modal .modal-content #modalProductsList .product-card .collect-results-list{margin-top:12px}.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record{background:#e8f5e9;border-left:3px solid #4caf50;padding:6px 10px;margin:5px 0;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.9em}.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record .delete-record{color:#f44336;cursor:pointer;font-weight:bold;font-size:1.2em;margin-left:10px;-webkit-transition:color .2s;transition:color .2s}.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record .delete-record:hover{color:#d32f2f}.modal .modal-content #modalProductsList .product-card .collect-result{margin:10px 0 5px;font-size:.95em;color:#2e7d32;font-weight:500;padding:6px 10px;background:#e8f5e9;border-radius:4px;display:inline-block;width:auto}.modal .modal-content #modalProductsList .product-card .dimensions-block{margin-top:12px;padding:12px;background:#f0f4f8;border-radius:6px;border-left:3px solid #ff9800}.modal .modal-content #modalProductsList .product-card .dimensions-block .dimensions-title{font-weight:bold;margin-bottom:8px;font-size:.9em;color:#e65100}.modal .modal-content #modalProductsList .product-card .dimensions-block .dimensions-fields{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.modal .modal-content #modalProductsList .product-card .dimensions-block .dimensions-fields label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:.9em;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #ddd}.modal .modal-content #modalProductsList .product-card .dimensions-block .dimensions-fields label input{width:70px;padding:4px 6px;border:1px solid #ccc;border-radius:3px;text-align:center}.modal .modal-content #modalProductsList .product-separator{margin:10px 0;border:0;height:1px;background:-webkit-gradient(linear, left top, right top, from(#ccc), to(transparent));background:linear-gradient(to right, #ccc, transparent)}.modal .modal-content #modalProductsList .products-list{list-style:none;padding:0;margin:0}.modal .modal-content #modalProductsList .products-list li{background:#f9f9f9;margin-bottom:10px;padding:12px;border-radius:6px;border-left:4px solid #4caf50;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.modal .modal-content #modalProductsList .products-list li strong{font-size:1.05em;color:#2c3e50;display:block;margin-bottom:5px}.modal .modal-content #modalProductsList p{text-align:center;color:#999;padding:20px}.modal .modal-footer{margin-top:20px;padding-top:15px;border-top:1px solid #eee;text-align:center}.modal .modal-footer .save-packaging-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 24px;border-radius:4px;font-size:1em;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.modal .modal-footer .save-packaging-btn:hover{background-color:#45a049}.modal .modal-footer .save-packaging-btn:disabled{background-color:#ccc;cursor:not-allowed}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes slideDown{from{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideDown{from{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media(max-width: 768px){.orders-table th,.orders-table td{padding:8px 10px;font-size:14px}.modal .modal-content{margin:10% auto;width:95%;padding:15px}.modal .modal-content .product-controls{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch !important;-ms-flex-align:stretch !important;align-items:stretch !important}.modal .modal-content .product-controls .control-group{width:100%}.modal .modal-content .product-controls .control-group input,.modal .modal-content .product-controls .control-group select{width:100%}.modal .modal-content .product-controls .collect-btn{width:100%;margin-top:5px}.modal .modal-content .dimensions-fields{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.modal .modal-content .dimensions-fields label{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.modal .modal-content .collect-record{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}.modal .modal-content .collect-record .delete-record{-ms-flex-item-align:end;align-self:flex-end;margin-top:5px}}