body{background-color:#fff;font-family:Roboto,Helvetica,Arial,sans-serif}body,html{height:100%;margin:0;padding:0}.date-controls{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:20px}.period-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.period-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease}.period-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.period-btn:active{transform:translateY(0)}.date-inputs{align-items:end;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{color:#495057;font-size:14px;font-weight:600;text-align:center}.date-input{background:#fff;border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:140px}.date-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.1);outline:none}.search-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:40px;padding:10px 24px;transition:background-color .2s ease}.search-btn:hover:not(:disabled){background-color:#0056b3}.search-btn:disabled{background-color:#6c757d;cursor:not-allowed}.stock-movement-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.stock-movement-container h2{color:#343a40;font-size:2rem;font-weight:600;margin-bottom:30px;text-align:center}.restant-positive{background-color:#f8fff9;border:1px solid #c3e6cb;border-radius:4px;color:#28a745;font-weight:600;padding:4px 6px}.restant-negative{background-color:#fff5f5;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-weight:600;padding:4px 6px}.restant-zero{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;font-weight:500;padding:4px 6px}.loading,.no-data{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;font-size:16px;margin:20px 0;padding:40px;text-align:center}.results-info{background-color:#e7f3ff;border:1px solid #b8d4f0;border-radius:6px;color:#004085;font-size:14px;font-weight:500;margin-top:20px;padding:12px;text-align:center}@media (max-width:1200px){.stock-movement-container{padding:15px}}@media (max-width:768px){.stock-movement-container h2{font-size:1.4rem;margin-bottom:20px}.date-controls{padding:15px}.period-buttons{gap:6px}.period-btn{flex:1;font-size:12px;min-width:100px;padding:8px 12px}.date-inputs{gap:10px}.date-input-group{flex:1}.date-input{min-width:110px;width:100%}.search-btn{margin-top:8px;width:100%}.stock-table{font-size:12px;min-width:1000px}.stock-table td,.stock-table th{padding:10px 6px}}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{border-radius:3px}.table-responsive::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:3px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#6c757d}.table-responsive{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow-x:auto;width:100%}.stock-table{border-collapse:collapse;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;min-width:1200px;width:100%}.stock-table thead tr:first-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stock-table thead tr:first-child th{border-right:1px solid hsla(0,0%,100%,.1);font-weight:600;letter-spacing:.5px;padding:16px 12px;text-transform:uppercase}.stock-table thead tr:first-child th:last-child{border-right:none}.stock-table .sub-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.stock-table .sub-header th{border-right:1px solid #dee2e6;color:#495057;font-size:12px;font-weight:500;padding:12px 8px}.stock-table .sub-header th:last-child{border-right:none}.stock-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.stock-table tbody tr:hover{background-color:#f8f9fa}.stock-table tbody tr:nth-child(2n){background-color:#fafafa}.stock-table tbody tr:nth-child(2n):hover{background-color:#f1f3f4}.stock-table tbody td{border-right:1px solid #e9ecef;padding:12px 8px;text-align:center;vertical-align:middle}.stock-table tbody td:last-child{border-right:none}.date-cell{color:#495057;font-weight:500;min-width:100px;white-space:nowrap}.salesman-cell{color:#333;font-weight:500;min-width:120px}.product-cell{color:#2c5530;font-weight:500;min-width:150px;text-align:left!important}.restant-low{background-color:#ffe6e6;color:#d63031;font-weight:600}.restant-medium{background-color:#fff3cd;color:#856404;font-weight:500}.restant-normal{background-color:#f8f9fa;color:#495057}.text-center{text-align:center}.stock-table thead tr:first-child th[colspan="3"]{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}@media (max-width:768px){.table-responsive{border-radius:4px;font-size:12px}.stock-table{min-width:1000px}.stock-table tbody td{padding:8px 6px}.stock-table thead tr:first-child th{font-size:12px;padding:12px 8px}.stock-table .sub-header th{font-size:11px;padding:8px 6px}}@keyframes fadeIn{0%{background-color:#e3f2fd;opacity:0}to{background-color:transparent;opacity:1}}.stock-table tbody tr{animation:fadeIn .5s ease-in}@media print{.table-responsive{border:1px solid #000;box-shadow:none}.stock-table thead tr:first-child{background:#666!important;color:#000!important;-webkit-print-color-adjust:exact}.stock-table tbody tr{break-inside:avoid}}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#a8a8a8}