.query-builder-panel[data-v-31aa29ca]{display:flex;flex-direction:column;gap:var(--space-4)}.filter-grid[data-v-31aa29ca]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.builder-rows[data-v-31aa29ca]{display:flex;flex-direction:column;gap:var(--space-2)}.builder-row[data-v-31aa29ca]{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:var(--space-2);align-items:center}.builder-extra[data-v-31aa29ca]{border-top:1px solid var(--color-divider);padding-top:var(--space-4)}:root,[data-theme=light]{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--color-bg: #f7f6f2;--color-surface: #f9f8f5;--color-surface-2: #fbfbf9;--color-surface-offset: #f3f0ec;--color-divider: #dcd9d5;--color-border: #d4d1ca;--color-text: #28251d;--color-text-muted: #7a7974;--color-text-faint: #bab9b4;--color-primary: #01696f;--color-primary-hover: #0c4e54;--color-error: #a12c7b;--color-error-bg: #f9eff5;--color-success: #437a22;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(.2 .01 80 / .06);--shadow-md: 0 4px 12px oklch(.2 .01 80 / .08);--shadow-lg: 0 12px 32px oklch(.2 .01 80 / .12);--transition: .18s cubic-bezier(.16, 1, .3, 1);--content-default: 960px;--content-wide: 1200px;--font-body: "Satoshi", system-ui, sans-serif}[data-theme=dark]{--color-bg: #171614;--color-surface: #1c1b19;--color-surface-2: #201f1d;--color-surface-offset: #1d1c1a;--color-divider: #262523;--color-border: #393836;--color-text: #cdccca;--color-text-muted: #9c9b97;--color-text-faint: #75746f;--color-primary: #4f98a3;--color-primary-hover: #227f8b;--color-error: #d163a7;--color-error-bg: #2d1f28;--color-success: #6daa45;--shadow-sm: 0 1px 2px oklch(0 0 0 / .2);--shadow-md: 0 4px 12px oklch(0 0 0 / .3);--shadow-lg: 0 12px 32px oklch(0 0 0 / .4)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-bg: #171614;--color-surface: #1c1b19;--color-surface-2: #201f1d;--color-surface-offset: #1d1c1a;--color-divider: #262523;--color-border: #393836;--color-text: #cdccca;--color-text-muted: #9c9b97;--color-text-faint: #75746f;--color-primary: #4f98a3;--color-primary-hover: #227f8b;--color-error: #d163a7;--color-error-bg: #2d1f28;--color-success: #6daa45}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);line-height:1.6}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}#app{display:flex;flex-direction:column;min-height:100dvh}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-inner{max-width:var(--content-wide);margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;gap:var(--space-6);position:relative}.logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:700}.logo-text{font-size:var(--text-sm);letter-spacing:-.01em}.header-menu-toggle{display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex:0 0 auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:1.1rem}.header-collapsible{display:contents}.header-nav{display:flex;gap:var(--space-4);flex:0 0 auto}.nav-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition)}.nav-link:hover,.nav-link.router-link-active{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--space-3);position:relative}.profile-scan-password-actions{display:flex;gap:var(--space-2)}.profile-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-lg);min-width:220px;display:flex;flex-direction:column;gap:var(--space-3);z-index:200}.btn-primary,.btn-outline,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff;border:1px solid transparent}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{color:var(--color-text-muted)}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface-offset)}.btn-lg{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-icon{font-size:var(--text-base);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted)}.btn-icon:hover{color:var(--color-primary);background:var(--color-surface-offset)}.btn-danger:hover{color:var(--color-error)}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);transition:border-color var(--transition)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .15)}.input-sm{max-width:200px}.textarea{resize:vertical}.field-group{display:flex;flex-direction:column;gap:var(--space-1)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.field-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.hint{font-weight:400;text-transform:none;letter-spacing:0;color:var(--color-text-faint)}.field-error{font-size:var(--text-xs);color:var(--color-error)}.form{display:flex;flex-direction:column;gap:var(--space-5)}.form-section-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);border-bottom:1px solid var(--color-divider);padding-bottom:var(--space-1);margin-bottom:calc(var(--space-5) * -.5)}.home-view{max-width:var(--content-default);margin:0 auto;padding:var(--space-16) var(--space-6)}.hero{text-align:center;padding-bottom:var(--space-16)}.hero-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-4)}.hero-sub{font-size:var(--text-base);color:var(--color-text-muted);max-width:52ch;margin:0 auto var(--space-8)}.hero-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.feature-icon{font-size:1.75rem;margin-bottom:var(--space-3)}.feature-card h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.feature-card p{font-size:var(--text-sm);color:var(--color-text-muted)}.samples-view{max-width:var(--content-wide);margin:0 auto;padding:var(--space-8) var(--space-6)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.page-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}.page-actions{display:flex;align-items:center;gap:var(--space-3);position:relative}.dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);z-index:50;min-width:180px}.dropdown button{display:block;width:100%;text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text)}.dropdown button:hover{background:var(--color-surface-offset)}.dropdown-format{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.dropdown-format button{flex:1;text-align:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.dropdown-format button.active{background:var(--color-primary);color:#fff}.filter-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.selection-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--color-surface-offset);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--text-sm);border:1px solid var(--color-border)}.selection-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-surface);margin:0;font:inherit;color:var(--color-primary);width:1.25rem;height:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:grid;place-content:center;cursor:pointer;transition:all var(--transition)}.checkbox:before{content:"";width:.65rem;height:.65rem;transform:scale(0);transition:transform var(--transition);box-shadow:inset 1em 1em var(--color-primary);transform-origin:center;background-color:currentColor;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox:checked{border-color:var(--color-primary)}.checkbox:checked:before{transform:scale(1)}.checkbox:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .15)}.samples-list{display:flex;flex-direction:column;gap:var(--space-2)}.sample-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition),background var(--transition)}.sample-card:hover{box-shadow:var(--shadow-md)}.sample-card.selected{border-color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .03)}.sample-card-summary{display:grid;align-items:center;cursor:pointer;padding:var(--space-4);grid-template-columns:auto auto 1fr auto auto;gap:var(--space-4)}.sample-select-cell{display:flex;align-items:center}.sample-id-cell{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.sample-id-badge{font-family:monospace;font-size:var(--text-sm);font-weight:700;background:var(--color-surface-offset);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text)}.badge{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-full)}.badge-parent{background:oklch(from var(--color-primary) l c h / .12);color:var(--color-primary)}.badge-children{background:oklch(from var(--color-success) l c h / .12);color:var(--color-success)}.sample-meta{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-text-muted)}.meta-item{display:flex;align-items:center;gap:var(--space-1)}.meta-icon{font-size:.75rem}.meta-abbr{color:var(--color-text-faint)}.meta-storage{color:var(--color-primary);font-weight:500}.sample-label{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.sample-actions{display:flex;align-items:center;gap:var(--space-2)}.expand-icon{font-size:var(--text-xs);color:var(--color-text-faint);margin-left:var(--space-2);cursor:pointer;transition:color var(--transition)}.expand-icon:hover{color:var(--color-primary)}.storage-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .1);border:1px solid oklch(from var(--color-primary) l c h / .25);padding:2px var(--space-2);border-radius:var(--radius-full)}.sample-detail{border-top:1px solid var(--color-divider);padding:var(--space-4);background:var(--color-surface-2)}.detail-grid{display:flex;flex-direction:column;gap:var(--space-3)}.detail-row{display:grid;grid-template-columns:160px 1fr;gap:var(--space-4);align-items:start}.detail-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding-top:.15em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03030380;display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:580px;max-height:90dvh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-divider)}.modal-header h2{font-size:var(--text-lg);font-weight:700}.modal .form{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-divider)}.modal-wide{max-width:680px}.modal-wide-print{max-width:min(1500px,98vw)}.quantity-bar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-6);background:oklch(from var(--color-primary) l c h / .06);border-bottom:1px solid oklch(from var(--color-primary) l c h / .2)}.quantity-control{display:flex;align-items:center;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.qty-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-base);font-weight:600;background:var(--color-surface-offset);color:var(--color-text);transition:background var(--transition);border:none;cursor:pointer;line-height:1}.qty-btn:hover{background:var(--color-divider)}.qty-input{width:4rem;text-align:center;padding:var(--space-1) 0;background:var(--color-surface);border:none;font-size:var(--text-sm);font-weight:600;-moz-appearance:textfield}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none}.qty-input:focus{outline:none}.bulk-progress{padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-divider);display:flex;flex-direction:column;gap:var(--space-2)}.bulk-progress-bar{width:100%;height:6px;background:var(--color-surface-offset);border-radius:var(--radius-full);overflow:hidden}.bulk-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .2s ease}.bulk-errors{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-offset) 25%,var(--color-surface-2) 50%,var(--color-surface-offset) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-lg)}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-card{height:64px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.empty-state h3{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state p{max-width:36ch;margin-bottom:var(--space-6)}.error-banner{padding:var(--space-4) var(--space-6);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}code{font-family:monospace;font-size:.9em;background:var(--color-surface-offset);padding:2px 5px;border-radius:var(--radius-sm)}@media (max-width: 600px){.field-row{grid-template-columns:1fr}.sample-card-summary{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.sample-label{display:none}.header-inner{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.header-menu-toggle{display:inline-flex}.header-actions{gap:var(--space-2)}.header-actions .user-btn{max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:var(--space-2);padding-right:var(--space-2)}.header-actions .btn-outline{padding-left:var(--space-2);padding-right:var(--space-2)}.header-collapsible{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:var(--space-3);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);padding:var(--space-4);box-shadow:var(--shadow-lg);z-index:200}.header-collapsible.open{display:flex}.header-collapsible .header-nav{flex-direction:column;gap:var(--space-1)}.header-collapsible .nav-link{padding:var(--space-2) 0}.header-collapsible .global-search{width:100%;max-width:none}.page-header{flex-direction:column;align-items:flex-start}.filter-bar .input-sm{max-width:100%}.detail-row{grid-template-columns:1fr;gap:var(--space-1)}}