*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.app{max-width:1400px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{color:#333;margin:0}.user-info{display:flex;gap:10px;align-items:center}.user-info span{color:#666}h3{color:#555;margin-bottom:15px}.search-bar{display:flex;gap:10px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}.search-bar input{flex:1;min-width:200px;max-width:400px;padding:12px 16px;font-size:16px;border:2px solid #ddd;border-radius:4px;outline:none}.search-bar input:focus{border-color:#4caf50}.search-bar button{padding:12px 30px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;white-space:nowrap}.search-bar button:hover{background-color:#45a049}.btn-order{padding:12px 30px;font-size:16px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;white-space:nowrap}.btn-order:hover{background-color:#f57c00}@media (max-width: 768px){.search-bar{flex-direction:column}.search-bar input{max-width:100%}.search-bar button{width:100%}}.search-results{margin-bottom:30px;padding:20px;background-color:#f9f9f9;border-radius:8px}.goods-list{display:flex;flex-wrap:wrap;gap:10px;flex-direction:column}.good-item{padding:12px 16px;background-color:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;justify-content:space-between}.good-item:hover{border-color:#4caf50;background-color:#f0f8f0}.good-item.active{border-color:#4caf50;background-color:#e8f5e9}.warehouse-map{margin-top:30px;overflow-x:auto}.edor-del{display:flex;gap:30px}.map-container{width:var(--map-width, 800px);height:var(--map-height, 600px);border:4px solid red;background-color:#fff;position:relative;margin:0 auto;box-shadow:0 2px 8px #0000001a}.marker-group{position:absolute;transform:translate(-50%,-50%);z-index:10;cursor:pointer}.marker-group.selected{z-index:20}.marker-dot{width:15px;height:15px;background-color:#4caf50;border:2px solid white;border-radius:50%;box-shadow:0 2px 6px #0000004d;animation:pulse 1.5s infinite}.marker-label{position:absolute;top:25px;left:50%;transform:translate(-50%);background-color:#4caf50e6;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:700;white-space:nowrap;text-align:center;box-shadow:0 2px 6px #0000004d}.marker-multi{position:relative;width:40px;height:40px}.marker-dot-small{position:absolute;width:16px;height:16px;border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0000004d}.marker-count{position:absolute;bottom:-5px;right:-5px;background:#f44336;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid white;box-shadow:0 2px 4px #0000004d}.marker-list{position:absolute;top:45px;left:50%;transform:translate(-50%);background:#fff;border-radius:4px;box-shadow:0 4px 12px #0000004d;min-width:200px;max-width:300px;z-index:100}.marker-list-item{padding:10px 12px;border-bottom:1px solid #eee;font-size:13px;color:#333}.marker-list-item:last-child{border-bottom:none}.marker-list-item:hover{background:#f5f5f5}.toolbar{display:flex;gap:10px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.toolbar select{padding:10px;border:2px solid #ddd;border-radius:4px;font-size:14px;min-width:120px}.btn-toggle{display:none}.toolbar-content{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex:1}@media (max-width: 768px){.toolbar{flex-direction:column;align-items:stretch}.btn-toggle{display:block;width:100%}.toolbar-content{max-height:0;overflow:hidden;transition:max-height .3s ease;flex-direction:column}.toolbar-content.expanded{max-height:1000px;margin-top:10px}.toolbar-content button,.toolbar-content select,.toolbar-content label{width:100%;margin-left:0!important}}.btn-primary{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary:hover{background-color:#45a049}.btn-secondary{padding:10px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-secondary:hover{background-color:#0b7dda}.goods-table{margin:30px 0;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.btn-show-image{padding:6px 12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.btn-show-image:hover{background-color:#0b7dda}.detail-image{margin:15px 0;padding:15px;background-color:#f9f9f9;border-radius:4px;text-align:center}.goods-image-full{max-width:100%;max-height:400px;border-radius:4px;box-shadow:0 2px 8px #0000001a}.no-image-text{color:#999;font-style:italic;margin:20px 0}.alias-tag{color:#2196f3;font-size:.9em;font-style:italic}.goods-table table{width:100%;border-collapse:collapse}.goods-table th,.goods-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.goods-table th{background-color:#f5f5f5;font-weight:700;color:#333}.goods-row{cursor:pointer}.goods-row:hover{background-color:#f9f9f9}.goods-detail-row{background-color:#f0f8ff}.goods-detail-row td{padding:0!important}.goods-detail{padding:15px;border-top:2px solid #2196F3}.detail-item{margin-bottom:10px;font-size:14px;color:#555}.detail-item strong{color:#333;margin-right:8px}.detail-actions{margin-top:15px;display:flex;gap:10px}.detail-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:13px}.detail-actions button:nth-child(1){background-color:#2196f3;color:#fff}.detail-actions button:nth-child(2){background-color:#f44336;color:#fff}.detail-actions button:nth-child(3){background-color:#ff9800;color:#fff}.modal{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;padding:30px;border-radius:8px;width:500px;max-width:100%;max-height:90vh;overflow-y:auto}.modal-large{width:800px;max-width:100%}.modal-orders{width:900px;max-width:100%;max-height:80vh;overflow-y:auto}@media (max-width: 768px){.modal{padding:10px;align-items:flex-start}.modal-content{padding:20px;width:100%;max-height:95vh}.modal-large,.modal-orders{width:100%}.form-row{flex-direction:column}.coordinate-input{flex-wrap:wrap}.orders-table{overflow-x:auto}}.modal-content h2{margin-top:0;margin-bottom:20px;color:#333}.modal-content label{display:block;margin-bottom:5px;color:#555;font-weight:700;font-size:14px}.modal-content input,.modal-content textarea,.modal-content select{width:100%;padding:10px;margin-bottom:15px;border:2px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-col{flex:1}.coordinate-input{display:flex;gap:10px;align-items:center}.coordinate-input input{flex:1;margin-bottom:0}.btn-select-position{padding:10px 15px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap;font-size:12px}.btn-select-position:hover{background-color:#f57c00}.image-upload{margin-bottom:15px}.image-upload input[type=file]{margin-bottom:10px}.preview-image{width:100%;max-height:200px;object-fit:contain;border:2px solid #ddd;border-radius:4px;margin-bottom:10px}.map-container.selecting{cursor:crosshair;border-color:#ff9800;box-shadow:0 0 0 3px #ff98004d}.select-hint{background-color:#ff9800;color:#fff;padding:12px 20px;border-radius:4px;text-align:center;margin-bottom:10px;font-weight:700;animation:blink 1.5s infinite}.order-goods-hint{background-color:#2196f3;color:#fff;padding:12px 20px;border-radius:4px;text-align:center;margin-bottom:10px;font-weight:700}.order-marker .order-dot{background-color:#2196f3;border-color:#fff}.order-marker .order-label{background-color:#2196f3e6}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}.orders-table{max-height:500px;overflow-y:auto}.orders-table table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.orders-table th{background-color:#f5f5f5;font-weight:700;position:sticky;top:0}.orders-table button{padding:6px 12px;margin-right:5px;border:none;border-radius:3px;cursor:pointer;font-size:12px}.orders-table button:first-child{background-color:#4caf50;color:#fff}.orders-table button:last-child{background-color:#f44336;color:#fff}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.status-pending{background-color:#fff3e0;color:#f57c00}.status-completed{background-color:#e8f5e9;color:#4caf50}.status-cancelled{background-color:#ffebee;color:#f44336}.order-link{color:#2196f3;text-decoration:none;font-weight:700}.order-link:hover{text-decoration:underline}.order-detail{margin-top:30px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:2px solid #2196F3}.order-detail h3{margin-top:0;color:#2196f3}.order-detail h4{margin-top:20px;margin-bottom:10px;color:#555}.detail-info{margin-bottom:20px}.detail-info p{margin:8px 0;font-size:14px}.detail-table{width:100%;border-collapse:collapse;background-color:#fff;margin-bottom:15px}.detail-table th,.detail-table td{padding:10px;text-align:left;border:1px solid #ddd}.detail-table th{background-color:#f5f5f5;font-weight:700}.btn-close-detail{padding:8px 20px;background-color:#999;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-close-detail:hover{background-color:#777}.price-cell{font-weight:700;color:#f44336}.detail-total-price{font-size:20px;font-weight:700;color:#f44336;margin-left:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:15px;background-color:#f5f5f5;border-radius:4px}.pagination button{padding:8px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.pagination button:hover:not(:disabled){background-color:#0b7dda}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.page-info{font-size:14px;color:#555;font-weight:700}.order-detail-compact{margin-top:15px;padding:15px;background-color:#e3f2fd;border-radius:4px;border-left:4px solid #2196F3}.detail-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.btn-close-compact{margin-left:auto;background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;line-height:1}.btn-close-compact:hover{color:#f44336}.detail-items-compact{display:flex;flex-wrap:wrap;gap:8px}.item-tag{display:inline-block;padding:6px 12px;background-color:#fff;border-radius:4px;font-size:13px;border:1px solid #2196F3;color:#333}.btn-back{padding:10px 20px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:20px;font-size:14px}.btn-back:hover{background-color:#555}.order-detail-full{margin-top:20px}.order-detail-full h3{margin-bottom:15px;color:#333}.order-detail-full h4{margin-top:25px;margin-bottom:15px;color:#555}.order-warehouse-map{margin-top:20px;overflow-x:scroll}.order-map-container{width:var(--map-width, 800px);height:var(--map-height, 600px);border:4px solid #2196F3;background-color:#fff;position:relative;margin:0 auto;box-shadow:0 2px 8px #0000001a}.order-map-container .cabinet{pointer-events:none;cursor:default}.order-map-container .cabinet:hover{transform:none;box-shadow:0 2px 8px #0003}.order-map-marker{position:absolute;transform:translate(-50%,-50%);z-index:10}.order-map-dot{width:10px;height:10px;background-color:#4caf50;border:2px solid white;border-radius:50%;box-shadow:0 2px 6px #0000004d;animation:pulse 1.5s infinite}.order-map-label{position:absolute;top:25px;left:50%;transform:translate(-50%);background-color:#4caf50e6;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:700;white-space:nowrap;text-align:center;box-shadow:0 2px 6px #0000004d}.order-map-marker.low-stock .order-map-dot{background-color:#f44336}.order-map-marker.low-stock .order-map-label{background-color:#f44336e6}.modal-content textarea{min-height:80px;resize:vertical}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-buttons button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.modal-buttons button:first-child{background-color:#4caf50;color:#fff}.modal-buttons button:last-child{background-color:#999;color:#fff}.hint{color:#666;font-size:12px;margin:10px 0}.login-prompt{text-align:center;padding:40px 20px;background-color:#f9f9f9;border-radius:8px;margin:30px 0}.login-prompt p{color:#666;margin-bottom:20px;font-size:16px}.login-prompt button{padding:12px 40px;font-size:16px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.cabinet{position:absolute;display:flex;flex-direction:row;gap:4px;align-items:center;background:#ffffffe6;padding:8px;border-radius:4px;box-shadow:0 2px 8px #0003;cursor:pointer;transition:all .2s}.map-container:not(.selecting) .cabinet:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.map-container.selecting .cabinet{pointer-events:none}.cabinet-name{font-size:11px;font-weight:700;color:#333;writing-mode:vertical-rl;text-orientation:upright;margin-right:4px}.cabinet-levels{display:flex;gap:2px}.cabinet-levels.vertical{flex-direction:column}.cabinet-levels.vertical .cabinet-level{width:120px;height:50px}.cabinet-levels.vertical .cabinet-level.position-1{background:linear-gradient(to right,#4caf50,#f5f5f5 30%)}.cabinet-levels.vertical .cabinet-level.position-2{background:linear-gradient(to right,#f5f5f5 35%,#4caf50 35% 65%,#f5f5f5 65%)}.cabinet-levels.vertical .cabinet-level.position-3{background:linear-gradient(to right,#f5f5f5 70%,#4caf50 70%)}.cabinet-level{width:30px;height:100px;border:2px solid #666;border-radius:2px;background:#f5f5f5;position:relative}.cabinet-level.position-1{background:linear-gradient(to bottom,#4caf50,#f5f5f5 30%)}.cabinet-level.position-2{background:linear-gradient(to bottom,#f5f5f5 35%,#4caf50 35% 65%,#f5f5f5 65%)}.cabinet-level.position-3{background:linear-gradient(to bottom,#f5f5f5 70%,#4caf50 70%)}.cabinet-delete{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#f44336;color:#fff;border:none;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.cabinet-delete:hover{background:#d32f2f}.cabinet-tooltip{background:#000000e6;color:#fff;padding:16px 20px;border-radius:8px;font-size:16px;z-index:1000;box-shadow:0 4px 12px #0000004d;min-width:200px;max-width:400px;animation:fadeIn .3s ease-in}.tooltip-header{font-weight:700;margin-bottom:10px;color:#4caf50;display:flex;justify-content:space-between;align-items:center;font-size:18px}.tooltip-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;margin-left:10px}.tooltip-close:hover{color:#f44336}.tooltip-arrow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(0,0,0,.9)}.tooltip-items{margin-top:12px;font-size:14px;color:#ccc;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.loading-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:20px 40px;border-radius:8px;font-size:18px;z-index:9999}.quick-order{max-width:900px;margin:0 auto;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.quick-order h2{margin-bottom:30px;color:#333;text-align:center}.order-table{margin-bottom:20px}.table-header{display:flex;background-color:#f5f5f5;padding:12px;border-radius:4px;font-weight:700;color:#555;margin-bottom:10px}.table-row{display:flex;padding:10px 12px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;align-items:center}.col-product{flex:2;padding-right:10px}.col-quantity{flex:.8;padding-right:10px}.col-price{flex:.8;padding-right:10px;text-align:center}.col-subtotal{flex:1;padding-right:10px;text-align:center}.col-unit{flex:.8;padding-right:10px;text-align:center}.col-unit select{width:100%;padding:12px 8px;border-radius:4px;font-size:16px;font-weight:700;background-color:#fff;min-width:50px;width:60px}.col-action{flex:.6;text-align:center}.table-row input[type=text],.table-row input[list]{width:100%;padding:10px;border:2px solid #ddd;border-radius:4px;font-size:14px}.table-row input:focus{outline:none;border-color:#4caf50}.quantity-controls{display:flex;align-items:center;gap:5px;margin-bottom:8px}.quantity-controls input{flex:1;text-align:center;margin:0;padding:8px;min-width:50px}.qty-btn{width:35px;height:35px;padding:0;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;min-width:25px}.qty-btn:hover{background-color:#0b7dda}.qty-presets{display:flex;gap:5px}.preset-btn{flex:1;padding:6px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;color:#666}.preset-btn:hover{background-color:#e0e0e0;border-color:#999}.btn-remove{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-remove:hover:not(:disabled){background-color:#d32f2f}.btn-remove:disabled{background-color:#ccc;cursor:not-allowed}.order-actions{display:flex;justify-content:center;margin-top:20px}.btn-submit{width:100%;padding:15px 30px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;font-weight:700}.btn-submit:hover{background-color:#45a049}.price-display,.subtotal-display{font-weight:700;color:#333}.btn-add{width:100%;padding:12px 30px;font-size:16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-bottom:20px}.btn-add:hover{background-color:#0b7dda}.order-summary{background-color:#f9f9f9;border-radius:4px;padding:20px;margin-bottom:20px}.summary-line{display:flex;justify-content:space-between;padding:10px 0;font-size:16px;color:#666;border-bottom:1px solid #ddd;margin-bottom:15px}.summary-line span:last-child{font-weight:700;color:#333}.order-total{text-align:right}.order-total h3{margin:0;color:#333}.total-price{color:#f44336;font-size:24px;margin-left:10px}.product-search-wrapper{position:relative}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #4CAF50;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.search-dropdown-item{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.search-dropdown-item:hover{background-color:#f0f8f0}.search-dropdown-item:last-child{border-bottom:none}.alias-small{color:#2196f3;font-size:.85em;font-style:italic}.price-small{color:#666;font-size:.9em}.order-note{margin-bottom:20px}.order-note label{display:block;margin-bottom:8px;font-weight:700;color:#555}.order-note textarea{width:100%;padding:10px;border:2px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical}.order-note textarea:focus{outline:none;border-color:#4caf50}@media (max-width: 768px){.order-table .table-header{display:none}.order-table .table-row{flex-wrap:wrap;gap:0;padding:20px 15px;background:#f9f9f9}.order-table .col-product{order:1!important;width:60%!important;flex:none!important;padding-right:5px!important}.order-table .col-quantity{order:2!important;width:40%!important;flex:none!important;padding-left:5px!important;margin-bottom:10px!important}.order-table .col-unit{order:3!important;width:20%!important;flex:none!important;padding:5px!important}.order-table .col-price{order:4!important;width:25%!important;flex:none!important;padding:5px!important}.order-table .col-subtotal{order:5!important;width:30%!important;flex:none!important;padding:5px!important}.order-table .col-action{order:6!important;width:25%!important;flex:none!important;padding:5px!important}.order-table .col-unit .unit-select,.order-table .col-price .price-display,.order-table .col-subtotal .subtotal-display{font-size:14px}.order-table .btn-remove{padding:8px 10px;font-size:16px}.order-table .btn-remove{width:100%}}.statistics{max-height:90vh;overflow-y:auto}.date-filter{display:flex;gap:15px;align-items:center;margin-bottom:30px;padding:15px;background:#f5f5f5;border-radius:4px}.date-filter label{font-weight:700}.date-filter input{padding:8px;border:1px solid #ddd;border-radius:4px}.stats-section{margin-bottom:30px}.stats-section h3{margin-bottom:15px;color:#333;border-bottom:2px solid #4CAF50;padding-bottom:10px}.stats-cards{display:flex;gap:20px;margin-bottom:20px}.stat-card{flex:1;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;text-align:center}.stat-label{font-size:14px;opacity:.9;margin-bottom:10px}.stat-value{font-size:32px;font-weight:700}.stats-table{width:100%;border-collapse:collapse}.stats-table th,.stats-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.stats-table th{background:#f5f5f5;font-weight:700}.stats-table tbody tr:hover{background:#f9f9f9}.low-stock-row{background:#fff3cd}.quantity-warning{color:#d32f2f;font-weight:700}.rank{font-weight:700;color:#4caf50}