.records-container{background:#f8fafc;min-height:100vh;margin-top:50px;padding:20px}.records-title{color:#1e293b;margin-bottom:20px;font-size:32px;font-weight:700}.table-wrapper{border-radius:12px;max-height:80vh;overflow:auto}.table-header,.table-row{grid-template-columns:140px 180px 140px 120px 260px 220px 360px 360px 360px 320px 240px;gap:16px;min-width:2860px;display:grid}.table-header.with-actions,.table-row.with-actions{grid-template-columns:140px 180px 140px 120px 260px 220px 360px 360px 360px 320px 240px 170px;min-width:3040px}.table-header{z-index:20;background:#f1f5f9;border-radius:10px;margin-bottom:10px;padding:14px 10px;position:sticky;top:0;box-shadow:0 2px 8px #0000000d}.table-header div{color:#1e293b;background:#e2e8f0;border-radius:8px;padding:12px;font-size:15px;font-weight:600}.table-row{background:#fff;border-radius:10px;align-items:start;margin-bottom:10px;padding:12px 10px;box-shadow:0 2px 8px #0000000a}.table-row div{color:#334155;word-break:break-word;font-size:14px;line-height:1.5}.table-row input,.table-row textarea{border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:6px 8px;font-family:inherit;font-size:13px}.record-actions{flex-direction:column;gap:6px;display:flex}.record-actions button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px;font-size:12px}.table-row:hover{background:#f8fafc;transition:all .2s;transform:scale(1.002)}.wide{font-size:14px;line-height:1.6}.no-data{text-align:center;color:#64748b;padding:30px;font-size:16px}.added-by-header{align-items:center;gap:6px;display:flex;position:relative}.info-btn{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:50%;width:18px;height:18px;font-size:12px}.info-popup{z-index:100;opacity:0;background:#fff;border-radius:8px;width:220px;padding:10px;font-size:13px;animation:.2s forwards fadeIn;position:absolute;top:34px;right:0;transform:translateY(-5px)scale(.95);box-shadow:0 10px 25px #00000026}@keyframes fadeIn{to{opacity:1;transform:translateY(0)scale(1)}}.tooltip-arrow{background:#fff;width:10px;height:10px;position:absolute;top:-6px;right:12px;transform:rotate(45deg);box-shadow:-2px -2px 5px #0000000d}.close-btn{cursor:pointer;position:absolute;top:5px;right:8px}.table-wrapper::-webkit-scrollbar{height:10px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}@media (max-width:1200px){.records-container{padding:100px 20px 20px}.records-title{font-size:26px}}@media (max-width:768px){.records-title{font-size:22px}}