:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;color:#1a1a2e;background:#f0f2f5}*{box-sizing:border-box}body{margin:0}.app{max-width:1400px;margin:0 auto;padding:1.5rem}header h1{margin:0;font-size:1.75rem}.header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.user-label{color:#64748b;font-size:.9rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{width:min(360px,100%);background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:1rem}.login-card h1{margin:0;text-align:center}.login-subtitle{margin:-.5rem 0 0;text-align:center;color:#64748b;font-size:.95rem}.sync-btn{white-space:nowrap}.sync-btn:disabled{opacity:.6;cursor:wait}.sync-result{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem}.sync-result ul{margin:.5rem 0 0;padding-left:1.25rem}.sync-meta{display:block;color:#64748b;font-size:.8rem;margin-top:.25rem}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tabs button{padding:.5rem 1.25rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;cursor:pointer;font:inherit}.tabs button.active{background:#2563eb;color:#fff;border-color:#2563eb}.card{background:#fff;border-radius:10px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000f}.card h2{margin:0 0 1rem;font-size:1.1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem}.form-grid .span-2{grid-column:span 2}label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;font-weight:600;color:#475569}input,textarea,select{padding:.5rem .625rem;border:1px solid #cbd5e1;border-radius:6px;font:inherit;font-weight:400}input:read-only{background:#f1f5f9;color:#475569}button.secondary{padding:.5rem 1.25rem;background:#fff;color:#2563eb;border:1px solid #2563eb;border-radius:6px;cursor:pointer;font:inherit;font-weight:600}.photo-row{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.photo-preview{display:flex;flex-direction:column;gap:.25rem}.photo-preview img,.photo-preview video{width:120px;height:120px;object-fit:cover;border-radius:8px;border:1px solid #cbd5e1}.rec-badge{color:#dc2626;font-size:.9rem;font-weight:600}button.danger-rec{background:#dc2626!important;border-color:#dc2626!important}.photo-preview span{font-size:.75rem;color:#64748b}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.camera-modal{background:#fff;border-radius:12px;padding:1.25rem;width:min(480px,100%)}.camera-modal h3{margin:0 0 1rem}.camera-preview{position:relative;background:#000;border-radius:8px;overflow:hidden;aspect-ratio:4 / 3}.camera-preview video{width:100%;height:100%;object-fit:cover;display:block}.camera-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;margin:0}.camera-actions{display:flex;gap:.75rem;margin-top:1rem}.camera-actions button{padding:.5rem 1.25rem;border-radius:6px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font:inherit}.camera-actions button.primary{background:#2563eb;color:#fff;border-color:#2563eb}.camera-actions button:disabled{opacity:.5;cursor:not-allowed}button.primary{padding:.5rem 1.25rem;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font:inherit;font-weight:600}button.primary:disabled{opacity:.5;cursor:not-allowed}button.danger{padding:.25rem .5rem;background:#fee2e2;color:#991b1b;border:none;border-radius:4px;cursor:pointer;font:inherit}button.danger:disabled{opacity:.4;cursor:not-allowed}button.edit-btn{padding:.25rem .5rem;background:#e0e7ff;color:#3730a3;border:none;border-radius:4px;cursor:pointer;font:inherit}button.edit-btn:disabled{opacity:.4;cursor:not-allowed}button.btn-cancel{padding:.25rem .5rem;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;font:inherit}.filters{display:flex;gap:1rem;margin-bottom:1rem}.filters label{flex-direction:row;align-items:center;gap:.5rem}.filters input{width:80px}.table-wrap{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{padding:.625rem .75rem;text-align:left;border-bottom:1px solid #e2e8f0}th{background:#f8fafc;font-weight:600;white-space:nowrap}.tz-cell{max-width:220px;font-size:.78rem;color:#64748b}.photo-link{margin-right:.35rem;color:#2563eb}.photo-hover-preview{position:fixed;z-index:2000;pointer-events:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:4px;box-shadow:0 8px 24px #00000026}.photo-hover-preview img{display:block;max-width:220px;max-height:220px;object-fit:contain}.barcode-select{position:relative}.barcode-select-row{display:flex;gap:.35rem}.barcode-select-row input{flex:1}.clear-btn{padding:.35rem .6rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer;color:#64748b}.barcode-suggestions{position:absolute;z-index:100;left:0;right:0;top:100%;margin:.25rem 0 0;padding:0;list-style:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-height:240px;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.barcode-suggestions li button{width:100%;text-align:left;padding:.5rem .75rem;border:none;background:none;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:.15rem}.barcode-suggestions li button:hover{background:#f1f5f9}.barcode-suggestions span{font-size:.75rem;color:#64748b}.th-sort{border:none;background:none;font:inherit;font-weight:600;cursor:pointer;padding:0;color:inherit}.col-filter{display:block;width:100%;margin-top:.35rem;padding:.25rem .4rem;font-size:.75rem}.table-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.table-toolbar .primary{padding:.4rem 1rem;font-size:.85rem}.search-input{flex:1;min-width:200px;max-width:400px}.page-info{color:#64748b;font-size:.85rem}.loading-hint{color:#64748b;font-size:.85rem;margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.pagination button{padding:.4rem .9rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer;font:inherit}.pagination button:disabled{opacity:.4;cursor:not-allowed}.actions-cell{white-space:nowrap}.actions-cell button{margin-right:.25rem}.actions-cell button.primary,.actions-cell button.btn-cancel,.actions-cell button.danger,.actions-cell button.edit-btn{padding:.25rem .5rem}td input,.edit-row input{width:100%;font-size:.8rem;padding:.35rem .5rem}.edit-row{background:#f8fafc}.error{background:#fee2e2;color:#991b1b;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.empty{text-align:center;color:#94a3b8;padding:2rem}