:root{--primary:#0078d4;--bg:#f3f2f1;--text:#323130;--card:#fff;--border:#edebe9}body{background-color:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:1000px;margin:40px auto;padding:0 20px}header h1{color:var(--primary);margin-bottom:4px}header p{color:#605e5c;margin-top:0;margin-bottom:30px}.search-card{background:var(--card);border-radius:4px;margin-bottom:30px;padding:24px;box-shadow:0 2px 4px #0000001a}.search-form{align-items:flex-end;gap:20px;display:flex}.input-group{flex-direction:column;flex:1;display:flex}.input-group label{margin-bottom:8px;font-size:12px;font-weight:600}input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:2px;padding:8px 12px;font-size:14px}input:focus{outline:2px solid var(--primary)}.search-button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:2px;padding:10px 24px;font-weight:600;transition:background .2s}.search-button:hover{background-color:#005a9e}.table-container{background:var(--card);border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.product-table{border-collapse:collapse;text-align:left;width:100%}.product-table th{border-bottom:1px solid var(--border);background-color:#faf9f8;padding:12px 16px;font-size:13px}.product-table td{border-bottom:1px solid var(--border);padding:12px 16px;font-size:14px}.product-table tr:hover{background-color:#f8f8f8}.badge{color:var(--primary);background:#eff6fc;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.low-stock{color:#d83b01;font-weight:700}.no-data{text-align:center;color:#a19f9d;padding:40px!important}.loader{text-align:center;color:var(--primary);padding:40px}