:root{--moph-dark: #091a2b;--moph-navy: #0f2942;--moph-navy-light: #183b5e;--moph-teal: #0891b2;--moph-teal-dark: #0e7490;--moph-emerald: #059669;--moph-emerald-light: #10b981;--moph-emerald-bg: #ecfdf5;--moph-emerald-border: #a7f3d0;--status-success: #059669;--status-success-bg: #d1fae5;--status-success-text: #065f46;--status-warning: #d97706;--status-warning-bg: #fef3c7;--status-warning-text: #92400e;--status-danger: #e11d48;--status-danger-bg: #ffe4e6;--status-danger-text: #9f1239;--status-info: #2563eb;--status-info-bg: #dbeafe;--status-info-text: #1e40af;--status-purple: #7c3aed;--status-purple-bg: #ede9fe;--status-purple-text: #5b21b6;--metric-identified: #0891b2;--metric-identified-bg: #e0f2fe;--metric-potential: #7c3aed;--metric-potential-bg: #ede9fe;--metric-success: #059669;--metric-success-bg: #d1fae5;--metric-organs: #e11d48;--metric-organs-bg: #ffe4e6;--metric-ineligible: #d97706;--metric-ineligible-bg: #fef3c7;--metric-latency: #2563eb;--metric-latency-bg: #dbeafe;--chart-gender-male: #0284c7;--chart-gender-female: #be185d;--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-elevated: #f1f5f9;--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-strong: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .08);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .06);--font-thai: "Prompt", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-numeric: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-thai);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}*:focus-visible{outline:2px solid var(--moph-teal);outline-offset:2px}button,input,select,textarea{font-family:inherit}.app-container{display:flex;flex-direction:column;min-height:100vh}.top-header{background:linear-gradient(135deg,var(--moph-dark) 0%,var(--moph-navy) 60%,var(--moph-navy-light) 100%);color:var(--text-inverse);padding:.75rem 1.5rem;border-bottom:2px solid #38bdf8;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:50}.header-content{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.brand-section{display:flex;align-items:center;gap:1rem}.moph-logo-badge{width:46px;height:46px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#38bdf8;font-weight:700;font-size:1.25rem}.brand-titles h1{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.brand-titles p{font-size:.78rem;color:#94a3b8;font-weight:400}.year-tag{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3);padding:.1rem .5rem;border-radius:9999px;font-size:.72rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:1rem}.role-badge-container{display:flex;align-items:center;gap:.5rem;background:#ffffff14;padding:.35rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.role-badge-container select{background:transparent;color:#fff;border:none;font-size:.82rem;font-weight:500;cursor:pointer;outline:none}.role-badge-container select option{background:var(--moph-navy);color:#fff}.live-indicator{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:#34d399;background:#10b9811f;padding:.3rem .6rem;border-radius:20px;border:1px solid rgba(52,211,153,.3)}.pulsing-dot{width:8px;height:8px;background-color:#34d399;border-radius:50%;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #34d399b3}70%{transform:scale(1);box-shadow:0 0 0 6px #34d39900}to{transform:scale(.95);box-shadow:0 0 #34d39900}}.nav-tab-bar{background:#fff;border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);padding:0 1.5rem;position:sticky;top:66px;z-index:40}.nav-tabs-list{max-width:1600px;margin:0 auto;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.nav-tab-button{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.15rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.nav-tab-button:hover{color:var(--moph-navy);background-color:var(--bg-main)}.nav-tab-button.active{color:var(--moph-navy);font-weight:600;border-bottom-color:var(--moph-teal);background-color:#f0fdfa}.badge-counter{background-color:var(--bg-elevated);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.15rem .45rem;border-radius:9999px;font-family:var(--font-numeric)}.nav-tab-button.active .badge-counter{background-color:var(--moph-teal);color:#fff}.main-wrapper{max-width:1600px;margin:0 auto;padding:1.5rem;width:100%}.filter-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.filter-label{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--text-secondary)}.select-control{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:8px;padding:.45rem .85rem;font-size:.85rem;color:var(--text-primary);font-weight:500;cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.select-control:focus{border-color:var(--moph-teal);box-shadow:0 0 0 2px #0891b226}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:1.2rem;box-shadow:var(--shadow-xs);transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column;justify-content:space-between}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stat-icon-wrapper{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-title{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.stat-value{font-family:var(--font-numeric);font-size:1.9rem;font-weight:700;color:var(--text-primary);line-height:1.1;margin-bottom:.4rem}.stat-footer{font-size:.75rem;display:flex;align-items:center;gap:.35rem;color:var(--text-muted)}.analytics-grid-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:1.5rem;margin-bottom:1.5rem}.card-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1.25rem;box-shadow:var(--shadow-xs)}.card-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.card-panel-title{font-size:.95rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.card-panel-subtitle{font-size:.75rem;color:var(--text-muted)}.table-responsive{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.data-table th{background-color:var(--bg-elevated);color:var(--text-secondary);font-weight:600;padding:.75rem 1rem;border-bottom:1px solid var(--border-medium);white-space:nowrap}.data-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.data-table tr:hover{background-color:#f8fafc}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.73rem;font-weight:600;padding:.2rem .55rem;border-radius:6px;white-space:nowrap}.badge-success{background-color:var(--status-success-bg);color:var(--status-success-text);border:1px solid rgba(5,150,105,.2)}.badge-warning{background-color:var(--status-warning-bg);color:var(--status-warning-text);border:1px solid rgba(217,119,6,.2)}.badge-danger{background-color:var(--status-danger-bg);color:var(--status-danger-text);border:1px solid rgba(225,29,72,.2)}.badge-info{background-color:var(--status-info-bg);color:var(--status-info-text);border:1px solid rgba(37,99,235,.2)}.badge-purple{background-color:var(--status-purple-bg);color:var(--status-purple-text);border:1px solid rgba(124,58,237,.2)}.metric-identified .stat-icon-wrapper{background-color:var(--metric-identified-bg);color:var(--metric-identified)}.metric-potential .stat-icon-wrapper{background-color:var(--metric-potential-bg);color:var(--metric-potential)}.metric-success .stat-icon-wrapper{background-color:var(--metric-success-bg);color:var(--metric-success)}.metric-organs .stat-icon-wrapper{background-color:var(--metric-organs-bg);color:var(--metric-organs)}.metric-ineligible .stat-icon-wrapper{background-color:var(--metric-ineligible-bg);color:var(--metric-ineligible)}.metric-latency .stat-icon-wrapper{background-color:var(--metric-latency-bg);color:var(--metric-latency)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-size:.84rem;font-weight:600;padding:.5rem .95rem;min-height:38px;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;outline:none}.btn-primary{background-color:var(--moph-navy);color:#fff}.btn-primary:hover{background-color:var(--moph-navy-light)}.btn-teal{background-color:var(--moph-teal);color:#fff}.btn-teal:hover{background-color:var(--moph-teal-dark)}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-medium)}.btn-secondary:hover{background-color:var(--border-subtle);color:var(--text-primary)}.btn-sm{font-size:.78rem;padding:.35rem .75rem;min-height:34px}@media(pointer:coarse){.btn,.select-control,.nav-tab-button{min-height:44px}.btn-sm{min-height:42px;padding:.4rem .85rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-container{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle)}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:.75rem;background:#f8fafc;border-radius:0 0 16px 16px}.detail-section{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem;margin-bottom:1rem}.detail-section-title{font-size:.85rem;font-weight:700;color:var(--moph-navy);margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}.info-pair-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;font-size:.82rem}.info-label{color:var(--text-muted);font-size:.74rem;margin-bottom:.15rem}.info-val{font-weight:600;color:var(--text-primary)}.bar-container{display:flex;flex-direction:column;gap:.65rem}.bar-row{display:flex;align-items:center;gap:.75rem;font-size:.82rem}.bar-label{width:140px;flex-shrink:0;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;background-color:var(--bg-elevated);height:20px;border-radius:6px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:6px;transition:width .5s ease-out;display:flex;align-items:center;justify-content:flex-end;padding-right:.4rem;font-size:.72rem;font-weight:600;color:#fff;font-family:var(--font-numeric)}.bar-count{width:45px;text-align:right;font-family:var(--font-numeric);font-weight:600;color:var(--text-primary)}.code-box{background-color:#091a2b;color:#e2e8f0;font-family:var(--font-mono);font-size:.8rem;padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid #1e293b;line-height:1.5}@media(max-width:960px){.analytics-grid-2col{grid-template-columns:1fr}.filter-card{flex-direction:column;align-items:stretch}}