.tracking-board{padding:2rem 0}.board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}.board-header h2{margin:0 0 .25rem;font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.board-subtitle{margin:0;color:#666;font-size:1rem}.add-sample-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d;display:flex;align-items:center;gap:.5rem}.add-sample-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-icon{font-size:1.2rem}.board-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.board-column{background:linear-gradient(to bottom,#f8f9fa,#fff);border-radius:12px;padding:1.5rem;min-height:500px;box-shadow:0 2px 8px #00000014;border:2px solid #e9ecef}.column-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid #e9ecef}.column-icon{font-size:2rem;flex-shrink:0}.column-info{flex:1}.column-info h3{margin:0 0 .25rem;font-size:1.2rem;color:#333}.column-info p{margin:0;font-size:.85rem;color:#999}.count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;min-width:40px;text-align:center;box-shadow:0 2px 6px #667eea4d}.column-content{display:flex;flex-direction:column;gap:1.25rem;min-height:350px;transition:background .3s}.column-content.drag-over{background:#667eea0d;border-radius:8px}.sample-card{background:#fff;border-radius:10px;padding:1.25rem;box-shadow:0 3px 10px #0000001a;cursor:pointer;transition:all .3s;border-left:4px solid #667eea}.sample-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.sample-card.dragging{opacity:.6;transform:rotate(3deg)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:.75rem}.card-title-section{display:flex;gap:.75rem;align-items:flex-start;flex:1;min-width:0}.file-icon{font-size:1.75rem;flex-shrink:0}.title-text{flex:1;min-width:0}.title-text h4{margin:0 0 .5rem;font-size:1.1rem;color:#333;word-break:break-word}.family-badge{display:inline-block;background:linear-gradient(135deg,#ffd32a,#fa0);color:#333;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase}.family-badge.unknown{background:#e9ecef;color:#6c757d}.card-menu{display:flex;align-items:center}.menu-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:.25rem .5rem;transition:color .2s}.menu-btn:hover{color:#333}.card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.info-row{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hash-short{font-family:Courier New,monospace;font-size:.85rem;color:#667eea;background:#f8f9fa;padding:.5rem;border-radius:4px;word-break:break-all}.description-row{margin-top:.5rem}.description-text{font-size:.9rem;color:#666;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.report-link{color:#667eea;text-decoration:none;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.25rem;transition:color .2s}.report-link:hover{color:#764ba2;text-decoration:underline}.no-report{font-size:.85rem;color:#999;font-style:italic}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-left,.footer-right{display:flex;align-items:center;gap:.5rem}.date-badge{font-size:.8rem;color:#666;display:flex;align-items:center;gap:.25rem}.icon-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:.5rem;cursor:pointer;font-size:1rem;transition:all .2s}.icon-btn:hover{background:#e9ecef;transform:scale(1.1)}.context-menu,.move-menu{position:fixed;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;padding:.5rem;z-index:2000;min-width:180px}.context-menu button,.move-menu button{display:block;width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;border-radius:4px;transition:background .2s;font-size:.95rem;color:#333}.context-menu button:hover,.move-menu button:hover{background:#f8f9fa}.context-menu button.danger{color:#dc3545}.context-menu button.danger:hover{background:#fff5f5}.move-menu .menu-header{padding:.5rem 1rem;font-size:.8rem;color:#999;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:1rem}.modal.active{display:flex}.modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px)}.modal-content{position:relative;background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;z-index:1001;box-shadow:0 10px 40px #0000004d}.modal-detail{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f0f0f0;background:linear-gradient(to right,#f8f9fa,#fff)}.modal-header h3{margin:0;font-size:1.5rem;color:#333}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#999;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:#f0f0f0;color:#333}form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.required{color:#dc3545}.form-group input,.form-group textarea{width:100%;padding:.875rem;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:.5rem;font-size:.85rem;color:#6c757d}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary,.btn-secondary{padding:.875rem 2rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#e9ecef;color:#333}.btn-secondary:hover{background:#dee2e6}#cardDetailContent{padding:2rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.detail-card{background:#f8f9fa;border-radius:10px;padding:1.5rem;border-left:4px solid #667eea}.detail-card.full-width{grid-column:1 / -1}.detail-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #e9ecef}.detail-icon{font-size:1.5rem}.detail-header h4{margin:0;font-size:1.1rem;color:#333}.detail-item{margin-bottom:1rem}.detail-item:last-child{margin-bottom:0}.detail-item label{display:block;font-size:.75rem;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.detail-value{margin:0;color:#333;font-size:1rem}.unknown-text{color:#999;font-style:italic}.hash-container{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.full-hash{font-family:Courier New,monospace;font-size:.85rem;color:#667eea;background:#fff;padding:.75rem;border-radius:6px;word-break:break-all;flex:1;min-width:0}.copy-hash-btn{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;white-space:nowrap;transition:all .2s}.copy-hash-btn:hover{background:#764ba2}.description-full{margin:0;color:#555;line-height:1.7;font-size:.95rem}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.status-submitted{background:#d1ecf1;color:#0c5460}.status-analyzing{background:#fff3cd;color:#856404}.status-in-progress{background:#f8d7da;color:#721c24}.status-completed{background:#d4edda;color:#155724}.detail-link{color:#667eea;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;transition:color .2s}.detail-link:hover{color:#764ba2;text-decoration:underline}.no-link{color:#999!important;font-style:italic}:root.dark .board-column{background:linear-gradient(to bottom,#1a1a1a,#2a2a2a);border-color:#444}:root.dark .sample-card{background:#2a2a2a;border-left-color:#667eea}:root.dark .title-text h4{color:#f5f5f5}:root.dark .hash-short{background:#1a1a1a;color:#667eea}:root.dark .description-text{color:#ccc}:root.dark .modal-content{background:#1a1a1a}:root.dark .modal-header{background:linear-gradient(to right,#2a2a2a,#1a1a1a);border-bottom-color:#444}:root.dark .modal-header h3{color:#f5f5f5}:root.dark .form-group input,:root.dark .form-group textarea{background:#2a2a2a;border-color:#444;color:#f5f5f5}:root.dark .detail-card{background:#2a2a2a}:root.dark .full-hash{background:#1a1a1a}:root.dark .detail-value{color:#f5f5f5}:root.dark .context-menu,:root.dark .move-menu{background:#2a2a2a}:root.dark .context-menu button,:root.dark .move-menu button{color:#f5f5f5}:root.dark .context-menu button:hover,:root.dark .move-menu button:hover{background:#3a3a3a}@media(max-width:1200px){.board-columns{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.board-columns{grid-template-columns:1fr}.board-header{flex-direction:column;align-items:stretch}.add-sample-btn{width:100%;justify-content:center}.sample-card{padding:1rem}.modal-content{max-height:95vh}form{padding:1.5rem}.detail-grid{grid-template-columns:1fr}.hash-container{flex-direction:column;align-items:stretch}.copy-hash-btn{width:100%}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media(max-width:480px){.board-header h2{font-size:1.5rem}.title-text h4{font-size:1rem}#cardDetailContent{padding:1rem}}.container[data-astro-cid-476iciyf]{max-width:1400px;margin:0 auto;padding:2rem 1rem}.page-intro[data-astro-cid-476iciyf]{text-align:center;margin-bottom:3rem}.page-intro[data-astro-cid-476iciyf] h1[data-astro-cid-476iciyf]{font-size:2.5rem;margin-bottom:1rem}.lead[data-astro-cid-476iciyf]{font-size:1.2rem;color:#666;max-width:800px;margin:0 auto}.info-box[data-astro-cid-476iciyf]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;margin-bottom:3rem}.info-box[data-astro-cid-476iciyf] h3[data-astro-cid-476iciyf]{margin-top:0;font-size:1.5rem}.info-box[data-astro-cid-476iciyf] ul[data-astro-cid-476iciyf]{list-style:none;padding:0;margin:1rem 0 0}.info-box[data-astro-cid-476iciyf] li[data-astro-cid-476iciyf]{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.info-box[data-astro-cid-476iciyf] li[data-astro-cid-476iciyf]:last-child{border-bottom:none}.privacy-note[data-astro-cid-476iciyf]{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-top:3rem;border-left:4px solid #667eea}.privacy-note[data-astro-cid-476iciyf] h3[data-astro-cid-476iciyf]{margin-top:0;color:#667eea}.privacy-note[data-astro-cid-476iciyf] p[data-astro-cid-476iciyf]{margin:0;color:#666;line-height:1.6}:root.dark .lead[data-astro-cid-476iciyf]{color:#ccc}:root.dark .privacy-note[data-astro-cid-476iciyf]{background:#1a1a1a;border-left-color:#667eea}:root.dark .privacy-note[data-astro-cid-476iciyf] p[data-astro-cid-476iciyf]{color:#ccc}@media(max-width:768px){.container[data-astro-cid-476iciyf]{padding:1rem}.page-intro[data-astro-cid-476iciyf] h1[data-astro-cid-476iciyf]{font-size:2rem}.lead[data-astro-cid-476iciyf]{font-size:1rem}.info-box[data-astro-cid-476iciyf]{padding:1.5rem}.info-box[data-astro-cid-476iciyf] li[data-astro-cid-476iciyf]{font-size:.9rem}}
