.stok-header{margin-left:20px;margin-right:20px;margin-bottom:20px}.header-actions{padding:10px;align-items:center;margin-bottom:20px}.header-title h2{margin:0;color:#fff;font-weight:600}.header-title p{margin:0;font-size:14px}.btn-add{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;padding:10px 20px;font-weight:500;box-shadow:0 2px 8px #28a7454d;transition:all .3s ease}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.table{margin-bottom:0}.table-header th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;font-weight:600;border:none;padding:15px 12px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.table-row{transition:all .3s ease}.table-row:hover{background-color:#f8f9fa;box-shadow:0 2px 8px #0000001a}.table td{padding:15px 12px;border:none;border-bottom:1px solid #e9ecef;vertical-align:middle}.table-header th{top:0;background:#fff}.code-cell{font-family:Courier New,monospace;font-weight:600;color:#6c757d;min-width:100px}.name-cell,.desc-cell{max-width:150px}.product-name,.product-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name{font-weight:600;color:#333}.product-desc{color:#6c757d;font-size:13px}.price-cell{min-width:120px}.price{font-weight:600;color:#28a745;font-size:14px}.stock-badge{padding:4px 8px;border-radius:20px;font-size:12px;font-weight:600;min-width:40px;text-align:center;display:inline-block}.stock-badge.high{background-color:#d4edda;color:#155724}.stock-badge.medium{background-color:#fff3cd;color:#856404}.stock-badge.low{background-color:#f8d7da;color:#721c24}.no-image{color:#6c757d;font-size:12px;display:flex;align-items:center;gap:5px}.btn-preview{background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:6px;padding:6px 12px;color:#fff;font-size:12px;transition:all .3s ease}.btn-preview:hover{transform:translateY(-1px);box-shadow:0 2px 8px #17a2b84d}.btn-group-custom{display:flex;gap:5px;flex-wrap:wrap}.btn-edit{background:linear-gradient(135deg,#ffc107,#e0a800);border:none;border-radius:6px;padding:6px 12px;color:#fff;font-size:12px;transition:all .3s ease}.btn-edit:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ffc1074d;color:#fff}.btn-delete{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;padding:6px 12px;color:#fff;font-size:12px;transition:all .3s ease}.btn-delete:hover{transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d;color:#fff}.delete-form{display:inline-block;margin:0}.preview-image{max-height:400px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.form-label{font-weight:600;color:#333;margin-bottom:8px}.form-control{border:1px solid #dee2e6;transition:all .3s ease}.form-control:focus{border-color:#80bdff}.input-group-text{background-color:#f8f9fa;border:1px solid #dee2e6;font-weight:500}.dropdown{position:relative}.addproduct-dropdown{min-width:400px;margin-top:8px}.dropdown-menu-custom{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px}.table-container{margin-top:20px;clear:both}.stok-header{margin-bottom:20px}.header-actions{display:flex;justify-content:space-between;align-items:center}.modal-backdrop{z-index:-1}@media (max-width: 768px){.header-actions{flex-direction:column;gap:15px;text-align:center}.addproduct-dropdown{right:0;left:0;min-width:auto}.btn-text,.no-image-text{display:none}.product-name,.product-desc{max-width:100px}.btn-group-custom{flex-direction:column;gap:3px}.table td{padding:10px 8px}.modal-dialog{margin:10px}}@media (max-width: 576px){.btn-add{width:100%;padding:12px}.table-responsive{font-size:12px}.product-name,.product-desc{max-width:80px}.btn-group-custom button{padding:4px 8px;font-size:11px}.stock-badge{font-size:10px;padding:2px 6px}}@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Instrument Sans,sans-serif}.container{margin:0 auto;padding:0}