:root{--bg-page: #F7F9FB;--bg-surface: #FFFFFF;--bg-soft: #EEF2F6;--bg-info: #E6F1FB;--navy: #14365C;--navy-light: #1E5189;--teal: #0F8B8D;--teal-soft: #E1F2F2;--text-primary: #1A2533;--text-secondary: #5B6B7B;--text-tertiary: #9AA8B5;--text-info: #185FA5;--text-warning: #9A6700;--text-success: #3B6D11;--text-danger: #A32D2D;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.14);--radius-sm: 7px;--radius-md: 8px;--radius-lg: 12px;--omics-individual: #7A5AF8;--omics-sample: #0F8B8D;--omics-experiment: #C77700;--omics-run: #185FA5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.55;font-size:14px}a{color:var(--text-info);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--radius-sm);padding:.5rem 1.2rem;font-size:13px;font-weight:600;cursor:pointer;background:var(--bg-soft);color:var(--text-primary);transition:all .15s}.btn:hover{filter:brightness(.97);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-teal{background:var(--teal);color:#fff}.btn-ghost{background:transparent;color:var(--navy);border-color:var(--navy)}.btn-outline{background:#fff;color:var(--text-secondary);border-color:var(--border-strong)}.btn-danger{background:#fff;color:var(--text-danger);border-color:var(--text-danger)}.btn-sm{padding:.3rem .75rem;font-size:12px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.card+.card{margin-top:1.2rem}.card-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:1.15rem 1.3rem}.stat-card.has-icon{min-height:112px;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 24px #14365c0b}.stat-card .stat-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border:1px solid #dbe7f3;border-radius:14px;color:var(--text-info);background:#f4f8fc}.stat-card .stat-body{min-width:0}.stat-card .label{font-size:12px;line-height:1.25;color:var(--text-secondary);font-weight:600}.stat-card .value{font-size:30px;line-height:1.1;font-weight:750;letter-spacing:-.03em;color:var(--navy);margin-top:7px;font-variant-numeric:tabular-nums}.stat-card .value .unit{font-size:13px;font-weight:500;color:var(--text-secondary);margin-left:2px}.stat-card .foot{font-size:12px;color:var(--text-secondary);margin-top:4px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:600;color:var(--text-secondary);font-size:12px;padding:.6rem .75rem;border-bottom:1px solid var(--border-strong);white-space:nowrap}.table td{padding:.65rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg-page)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 9px;border-radius:10px;background:var(--bg-soft);color:var(--text-secondary);white-space:nowrap}.badge-teal{background:var(--teal-soft);color:var(--teal)}.badge-navy{background:#e8eef5;color:var(--navy)}.badge-info{background:var(--bg-info);color:var(--text-info)}.badge-success{background:#eaf3e2;color:var(--text-success)}.badge-warning{background:#faf0dc;color:var(--text-warning)}.badge-danger{background:#f7e4e4;color:var(--text-danger)}.badge-purple{background:#efebfe;color:var(--omics-individual)}.pill{display:inline-block;font-size:11px;padding:1px 8px;border-radius:10px;background:var(--bg-soft);color:var(--text-secondary);margin:1px 2px}.form-row{margin-bottom:1rem}.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.form-label .req{color:var(--text-danger);margin-left:2px}.form-hint{font-size:12px;color:var(--text-tertiary);margin-top:4px}.form-input,.form-select,.form-textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:13px;font-family:inherit;background:#fff;color:var(--text-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid rgba(20,54,92,.25);border-color:var(--navy)}.form-input[readonly]{background:var(--bg-soft);color:var(--text-secondary)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e2d73;display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-box{background:#fff;border-radius:var(--radius-lg);width:640px;max-width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0000002e}.modal-head{padding:1rem 1.4rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-head h3{font-size:15px;color:var(--navy)}.modal-close{border:none;background:none;font-size:18px;cursor:pointer;color:var(--text-tertiary)}.modal-body{padding:1.2rem 1.4rem;overflow-y:auto}.modal-foot{padding:.9rem 1.4rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.7rem}.tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--border);margin-bottom:1rem;flex-wrap:wrap}.tabs .tab{padding:.5rem 1rem;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs .tab.active{color:var(--navy);border-bottom-color:var(--navy)}.pager{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin-top:1rem;font-size:13px}.pager button{min-width:30px;height:30px;border:1px solid var(--border-strong);background:#fff;border-radius:6px;cursor:pointer;font-size:12px;color:var(--text-secondary)}.pager button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.pager button:disabled{opacity:.4;cursor:not-allowed}.pager .pager-info{color:var(--text-tertiary);font-size:12px;margin-right:auto}.page{width:100%;max-width:none;margin:0;padding:1.5rem}.page-head{margin-bottom:1.2rem}.page-head h2{font-size:20px;color:var(--navy)}.page-head .sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.toolbar{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;flex-wrap:wrap}.toolbar .spacer{flex:1}.search-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.45rem .8rem;font-size:13px;width:240px;background:#fff}.empty,.loading{text-align:center;color:var(--text-tertiary);padding:3rem 1rem;font-size:13px}.alert{border-radius:var(--radius-md);padding:.7rem 1rem;font-size:13px;margin-bottom:1rem}.alert-error{background:#f7e4e4;color:var(--text-danger)}.alert-success{background:#eaf3e2;color:var(--text-success)}.alert-info{background:var(--bg-info);color:var(--text-info)}.hbar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px}.hbar-row .hbar-label{width:130px;color:var(--text-secondary);text-align:right;flex-shrink:0}.hbar-row .hbar-track{flex:1;background:var(--bg-soft);border-radius:5px;height:18px;overflow:hidden}.hbar-row .hbar-fill{height:100%;border-radius:5px;background:var(--navy-light)}.hbar-row .hbar-val{width:90px;color:var(--text-primary);font-weight:600;flex-shrink:0}.progress-track{background:var(--bg-soft);border-radius:6px;height:12px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--navy),var(--teal));border-radius:6px}.mono{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex;align-items:center;gap:.6rem}.flex-between{display:flex;align-items:center;justify-content:space-between}.card{overflow-x:auto}.table{min-width:560px}@media (max-width: 1024px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.form-grid-2{grid-template-columns:1fr}}@media (max-width: 640px){.page{padding:1rem}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.stat-card{padding:.9rem 1rem}.stat-card .value{font-size:21px}.toolbar{align-items:stretch;flex-direction:column}.toolbar .spacer{display:none}.search-input{width:100%}.hbar-row .hbar-label{width:92px;font-size:12px}.hbar-row .hbar-val{width:64px;font-size:12px}.modal-mask{padding:.6rem}.modal-box{max-height:92vh}.tabs .tab{padding:.45rem .7rem;font-size:12.5px}}