@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0deg)}75%{transform:translateY(-10px) rotate(-1deg)}}@keyframes glow{0%{box-shadow:0 0 20px rgba(197,48,46,.3)}to{box-shadow:0 0 30px rgba(197,48,46,.6)}}.animate-fade-in{animation:fadeIn 1s ease-out}.animate-slide-up{animation:slideUp .8s ease-out}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.hero-gradient[data-v-1b28aac1]{background:linear-gradient(135deg,rgba(197,48,46,.9),rgba(232,82,79,.8) 50%,rgba(255,107,53,.7))}.active-link[data-v-1b28aac1]{background:hsla(0,0%,100%,.2);padding:.625rem 1.5rem;border-radius:9999px;backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.3)}@keyframes float-1b28aac1{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0deg)}75%{transform:translateY(-10px) rotate(-1deg)}}.animate-float[data-v-1b28aac1]{animation:float-1b28aac1 6s ease-in-out infinite}.check-in-page[data-v-27db9f8e]{font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#f5f7fa,#fef5f5 50%,#fff5eb);min-height:100vh}.breadcrumb-container[data-v-27db9f8e]{max-width:1200px;margin:0 auto;padding:1.5rem 2rem}.breadcrumb-nav[data-v-27db9f8e]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.breadcrumb-link[data-v-27db9f8e]{display:flex;align-items:center;gap:.25rem;color:#6b7280;text-decoration:none;transition:color .2s}.breadcrumb-link[data-v-27db9f8e]:hover{color:#c5302e}.breadcrumb-icon[data-v-27db9f8e]{width:1rem;height:1rem}.breadcrumb-separator[data-v-27db9f8e]{width:1rem;height:1rem;color:#9ca3af}.breadcrumb-current[data-v-27db9f8e]{color:#c5302e;font-weight:500}.main-container[data-v-27db9f8e]{max-width:1200px;margin:0 auto;padding:0 2rem 3rem;display:grid;grid-template-columns:1fr 400px;gap:2rem}.left-section[data-v-27db9f8e]{display:flex;flex-direction:column;gap:1.5rem}.page-title[data-v-27db9f8e]{text-align:center;margin-bottom:1rem}.page-title h1[data-v-27db9f8e]{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.title-highlight[data-v-27db9f8e]{color:#c5302e}.subtitle[data-v-27db9f8e]{font-size:1rem;color:#6b7280}.section-card[data-v-27db9f8e]{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.section-header[data-v-27db9f8e]{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.section-icon[data-v-27db9f8e]{width:1.5rem;height:1.5rem;color:#c5302e}.section-header h3[data-v-27db9f8e]{font-size:1.25rem;font-weight:600;color:#1f2937}.section-desc[data-v-27db9f8e]{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.template-grid[data-v-27db9f8e]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.template-item[data-v-27db9f8e]{cursor:pointer;border-radius:1rem;overflow:hidden;border:2px solid transparent;transition:all .3s}.template-item[data-v-27db9f8e]:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.template-active[data-v-27db9f8e]{border-color:#c5302e;box-shadow:0 0 0 3px rgba(197,48,46,.1)}.template-preview[data-v-27db9f8e]{height:150px;position:relative;overflow:hidden}.template-preview img[data-v-27db9f8e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.template-overlay[data-v-27db9f8e]{position:absolute;inset:0}.template-info[data-v-27db9f8e]{padding:1rem;background:#f9fafb}.template-name[data-v-27db9f8e]{font-weight:600;color:#1f2937;margin-bottom:.25rem}.template-desc[data-v-27db9f8e]{font-size:.75rem;color:#6b7280}.form-group[data-v-27db9f8e]{margin-bottom:1.5rem}.form-label[data-v-27db9f8e]{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-input[data-v-27db9f8e]{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:.875rem;transition:all .2s}.form-input[data-v-27db9f8e]:focus{outline:none;border-color:#c5302e;box-shadow:0 0 0 3px rgba(197,48,46,.1)}.form-textarea[data-v-27db9f8e]{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:.875rem;resize:none;transition:all .2s}.form-textarea[data-v-27db9f8e]:focus{outline:none;border-color:#c5302e;box-shadow:0 0 0 3px rgba(197,48,46,.1)}.char-count[data-v-27db9f8e]{text-align:right;font-size:.75rem;color:#9ca3af;margin-top:.5rem}.upload-area[data-v-27db9f8e]{border:2px dashed #d1d5db;border-radius:1rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-area[data-v-27db9f8e]:hover{border-color:#c5302e;background:#fef5f5}.upload-placeholder[data-v-27db9f8e]{display:flex;flex-direction:column;align-items:center;width:100%}.upload-icon[data-v-27db9f8e]{width:3rem;height:3rem;color:#9ca3af;margin-bottom:1rem}.upload-text[data-v-27db9f8e]{color:#6b7280;font-weight:500;margin-bottom:.5rem}.upload-hint[data-v-27db9f8e]{font-size:.75rem;color:#9ca3af}.upload-preview[data-v-27db9f8e]{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.upload-preview img[data-v-27db9f8e]{max-height:200px;max-width:100%;border-radius:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.1);-o-object-fit:contain;object-fit:contain}.upload-actions[data-v-27db9f8e]{display:flex;gap:.75rem;justify-content:center}.remove-btn[data-v-27db9f8e],.reupload-btn[data-v-27db9f8e]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.remove-btn[data-v-27db9f8e]{background:#ef4444;color:#fff}.remove-btn[data-v-27db9f8e]:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px rgba(239,68,68,.3)}.reupload-btn[data-v-27db9f8e]{background:#3b82f6;color:#fff}.reupload-btn[data-v-27db9f8e]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px rgba(59,130,246,.3)}.hidden[data-v-27db9f8e]{display:none}.action-buttons[data-v-27db9f8e]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.action-buttons button[data-v-27db9f8e]{padding:.875rem 1rem;border-radius:.75rem;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s;border:none}.btn-preview[data-v-27db9f8e]{background:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-preview[data-v-27db9f8e]:hover{background:#f9fafb;color:#374151}.btn-favorite[data-v-27db9f8e]{background:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-favorite[data-v-27db9f8e]:hover{background:#fef5f5;color:#c5302e}.btn-submit[data-v-27db9f8e]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-submit[data-v-27db9f8e]:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(59,130,246,.3)}.btn-submit[data-v-27db9f8e]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-save[data-v-27db9f8e]{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.btn-save[data-v-27db9f8e]:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(107,114,128,.3)}.right-section[data-v-27db9f8e]{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:2rem;align-self:flex-start}.preview-card[data-v-27db9f8e]{background:#fff;border-radius:1.5rem;padding:1.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.preview-header[data-v-27db9f8e]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:#1f2937}.preview-icon[data-v-27db9f8e]{width:1.25rem;height:1.25rem;color:#f59e0b}.card-preview[data-v-27db9f8e]{margin-bottom:1rem}.card-template[data-v-27db9f8e]{aspect-ratio:3/4;background-size:cover;background-position:50%;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-template[data-v-27db9f8e]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(197,48,46,.8),rgba(232,82,79,.6))}.generated-card-image[data-v-27db9f8e]{width:100%;border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);position:relative;cursor:pointer;transition:all .3s}.generated-card-image[data-v-27db9f8e]:hover{transform:scale(1.02);box-shadow:0 8px 20px rgba(0,0,0,.2)}.generated-card-image:hover .preview-hint[data-v-27db9f8e]{opacity:1}.generated-card-image img[data-v-27db9f8e]{width:100%;height:auto;display:block}.preview-hint[data-v-27db9f8e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;padding:.75rem 1.5rem;border-radius:2rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:0;transition:opacity .3s;pointer-events:none}.preview-hint i[data-v-27db9f8e]{width:1.25rem;height:1.25rem}.card-content[data-v-27db9f8e]{position:relative;z-index:1;text-align:center;color:#fff}.card-avatar[data-v-27db9f8e]{width:60px;height:60px;margin:0 auto .75rem;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.2)}.card-avatar img[data-v-27db9f8e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-name[data-v-27db9f8e]{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card-badge[data-v-27db9f8e]{display:inline-flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);padding:.375rem .875rem;border-radius:2rem;font-size:.8rem;margin-bottom:.75rem}.card-message[data-v-27db9f8e]{font-size:.8rem;line-height:1.4;margin-bottom:.75rem;opacity:.95}.card-date[data-v-27db9f8e]{font-size:.75rem;opacity:.8}.btn-generate[data-v-27db9f8e]{width:100%;padding:1rem;background:linear-gradient(135deg,#c5302e,#e8524f);color:#fff;border:none;border-radius:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.btn-generate[data-v-27db9f8e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(197,48,46,.3)}.btn-generate[data-v-27db9f8e]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-checked-in[data-v-27db9f8e]{background:linear-gradient(135deg,#10b981,#059669)!important}.btn-content[data-v-27db9f8e]{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.btn-spinner[data-v-27db9f8e]{width:20px;height:20px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin-27db9f8e .8s linear infinite;display:inline-block}.stats-card[data-v-27db9f8e]{background:#fff;border-radius:1.5rem;padding:1.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.stats-header[data-v-27db9f8e]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:#1f2937}.stats-icon[data-v-27db9f8e]{width:1.25rem;height:1.25rem;color:#10b981}.stats-link[data-v-27db9f8e]{margin-left:auto;font-size:.75rem;color:#c5302e;text-decoration:none}.stats-list[data-v-27db9f8e]{display:flex;flex-direction:column;gap:.75rem}.stat-item[data-v-27db9f8e]{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:#f9fafb}.stat-thumb[data-v-27db9f8e]{width:3rem;height:3rem;border-radius:.5rem;overflow:hidden;flex-shrink:0}.stat-thumb img[data-v-27db9f8e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stat-highlight[data-v-27db9f8e]{background:linear-gradient(135deg,#fef5f5,#fff5eb);border:1px solid #fed7d7}.stat-rank[data-v-27db9f8e]{width:2rem;height:2rem;background:#e5e7eb;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;color:#6b7280;flex-shrink:0}.stat-highlight .stat-rank[data-v-27db9f8e]{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.stat-info[data-v-27db9f8e]{flex:1}.stat-name[data-v-27db9f8e]{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.125rem}.stat-date[data-v-27db9f8e]{font-size:.75rem;color:#6b7280}.stat-medal[data-v-27db9f8e]{width:1.25rem;height:1.25rem;color:#f59e0b}.stat-lock[data-v-27db9f8e]{width:1.25rem;height:1.25rem;color:#9ca3af}.stat-check[data-v-27db9f8e]{width:1.25rem;height:1.25rem;color:#10b981}.stat-empty[data-v-27db9f8e]{text-align:center;padding:1.5rem;color:#9ca3af}.stat-empty .stat-info[data-v-27db9f8e]{width:100%}.stat-empty .stat-name[data-v-27db9f8e]{color:#9ca3af}.back-container[data-v-27db9f8e]{max-width:1200px;margin:0 auto;padding:0 2rem 3rem;display:flex;gap:1rem}.btn-back[data-v-27db9f8e]{padding:.875rem 1.5rem;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s}.btn-back[data-v-27db9f8e]:hover{background:#f9fafb;color:#374151}.btn-generate-bottom[data-v-27db9f8e]{padding:.875rem 1.5rem;background:linear-gradient(135deg,#c5302e,#e8524f);color:#fff;border:none;border-radius:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s}.btn-generate-bottom[data-v-27db9f8e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(197,48,46,.3)}.btn-generate-bottom[data-v-27db9f8e]:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:1024px){.main-container[data-v-27db9f8e]{grid-template-columns:1fr}.action-buttons[data-v-27db9f8e],.template-grid[data-v-27db9f8e]{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.back-container[data-v-27db9f8e],.breadcrumb-container[data-v-27db9f8e],.main-container[data-v-27db9f8e]{padding-left:1rem;padding-right:1rem}.action-buttons[data-v-27db9f8e],.template-grid[data-v-27db9f8e]{grid-template-columns:1fr}}.loading-overlay[data-v-27db9f8e]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-overlay .loading-content[data-v-27db9f8e]{background:#fff;padding:30px;border-radius:12px;text-align:center;width:80%;max-width:300px}.loading-overlay .spinner[data-v-27db9f8e]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #c5302e;border-radius:50%;margin:0 auto 15px;animation:spin-27db9f8e 1s linear infinite}.loading-overlay .loading-text[data-v-27db9f8e]{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.loading-overlay .loading-subtext[data-v-27db9f8e]{font-size:12px;color:#999}@keyframes spin-27db9f8e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-preview-modal[data-v-27db9f8e]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn-27db9f8e .3s ease}@keyframes fadeIn-27db9f8e{0%{opacity:0}to{opacity:1}}.preview-modal-content[data-v-27db9f8e]{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:zoomIn-27db9f8e .3s ease}@keyframes zoomIn-27db9f8e{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.preview-modal-content img[data-v-27db9f8e]{max-width:100%;max-height:80vh;border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.5);-o-object-fit:contain;object-fit:contain}.preview-close-btn[data-v-27db9f8e]{position:absolute;top:-3rem;right:0;width:2.5rem;height:2.5rem;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#fff}.preview-close-btn[data-v-27db9f8e]:hover{background:hsla(0,0%,100%,.3);transform:rotate(90deg)}.preview-close-btn i[data-v-27db9f8e]{width:1.5rem;height:1.5rem}.preview-actions[data-v-27db9f8e]{display:flex;gap:1rem}.preview-action-btn[data-v-27db9f8e]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:.75rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;min-width:140px}.preview-download-btn[data-v-27db9f8e]{background:hsla(0,0%,100%,.2);color:#fff}.preview-download-btn[data-v-27db9f8e]:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px)}.preview-checkin-btn[data-v-27db9f8e]{background:linear-gradient(135deg,rgba(197,48,46,.9),rgba(232,82,79,.9));color:#fff;border:1px solid hsla(0,0%,100%,.5)}.preview-checkin-btn[data-v-27db9f8e]:hover:not(:disabled){background:linear-gradient(135deg,#c5302e,#e8524f);transform:translateY(-2px);box-shadow:0 8px 20px rgba(197,48,46,.4)}.preview-checkin-btn[data-v-27db9f8e]:disabled{opacity:.6;cursor:not-allowed;transform:none}.preview-action-btn i[data-v-27db9f8e]{width:1.25rem;height:1.25rem}.btn-spinner-small[data-v-27db9f8e]{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin-27db9f8e .8s linear infinite;display:inline-block}.all-records-modal[data-v-27db9f8e]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn-27db9f8e .3s ease}.all-records-content[data-v-27db9f8e]{background:#fff;border-radius:1.5rem;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;animation:zoomIn-27db9f8e .3s ease;overflow:hidden}.all-records-header[data-v-27db9f8e]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.all-records-header h3[data-v-27db9f8e]{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.modal-close-btn[data-v-27db9f8e]{width:2.5rem;height:2.5rem;background:#f3f4f6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#6b7280}.modal-close-btn[data-v-27db9f8e]:hover{background:#e5e7eb;transform:rotate(90deg)}.modal-close-btn i[data-v-27db9f8e]{width:1.5rem;height:1.5rem}.all-records-grid[data-v-27db9f8e]{padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;overflow-y:auto;max-height:calc(85vh - 100px)}.record-card[data-v-27db9f8e]{background:#f9fafb;border-radius:1rem;overflow:hidden;transition:all .3s;cursor:pointer;border:2px solid transparent}.record-card[data-v-27db9f8e]:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.1);border-color:#c5302e}.record-image[data-v-27db9f8e]{width:100%;aspect-ratio:3/4;overflow:hidden;background:#e5e7eb;position:relative;cursor:pointer}.record-image img[data-v-27db9f8e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;cursor:pointer}.record-card:hover .record-image img[data-v-27db9f8e]{transform:scale(1.05)}.record-overlay[data-v-27db9f8e]{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;justify-content:center;padding:1rem;pointer-events:none}.record-card:hover .record-overlay[data-v-27db9f8e]{opacity:1}.record-download-btn[data-v-27db9f8e]{background:hsla(0,0%,100%,.95);border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#c5302e;box-shadow:0 4px 12px rgba(0,0,0,.2);pointer-events:auto}.record-download-btn[data-v-27db9f8e]:hover{background:#c5302e;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(197,48,46,.4)}.record-download-btn i[data-v-27db9f8e]{width:1.25rem;height:1.25rem}.record-info[data-v-27db9f8e]{padding:1rem}.record-content[data-v-27db9f8e]{font-weight:600;color:#1f2937;margin-bottom:.5rem;font-size:.875rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.record-time[data-v-27db9f8e]{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.record-time i[data-v-27db9f8e]{width:.875rem;height:.875rem}.no-records[data-v-27db9f8e]{grid-column:1/-1;text-align:center;padding:3rem;color:#9ca3af}.no-records i[data-v-27db9f8e]{width:4rem;height:4rem;margin-bottom:1rem}.no-records p[data-v-27db9f8e]{font-size:1rem;margin:0}@media (max-width:768px){.all-records-grid[data-v-27db9f8e]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem}.all-records-header[data-v-27db9f8e]{padding:1rem 1.5rem}}