:root{--pink: #d6006e;--ink: #1a1e2b;--sidebar: #2b2b33;--sidebar-hover: #3a3a44;--blue: #1e63d6;--muted: #6b7280;--line: #e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:20px;letter-spacing:.5px;color:var(--pink)}.badge{background:var(--pink);color:#fff;font-size:10px;padding:2px 8px;border-radius:6px;vertical-align:middle}.badge-source{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px}.badge-source--cloud{background:#dbeafe;color:#1d4ed8}.badge-source--tcp{background:#dcfce7;color:#15803d}.badge-source--udp{background:#fef9c3;color:#854d0e}.user{border:1px solid var(--line);border-radius:8px;padding:6px 14px;font-size:13px}.layout{display:flex;flex:1;min-height:0}.sidebar{width:230px;background:var(--sidebar);color:#fff;padding-top:8px;flex-shrink:0}.side-head{padding:14px 18px;font-size:13px;font-weight:700;letter-spacing:.5px;opacity:.85;background:#ffffff0a}.side-item{display:block;padding:12px 26px;color:#d6d6db;font-size:14px;cursor:pointer;text-decoration:none}.side-item:hover{background:var(--sidebar-hover)}.side-item.active{background:var(--pink);color:#fff;font-weight:600}.main{flex:1;overflow:auto;background:#fff}.page{padding:28px 40px;max-width:1200px}.page-actions{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px}.search{flex:1;max-width:460px;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-size:14px}.btn-primary{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer}.btn-primary:hover{filter:brightness(1.07)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:none;border:none;color:var(--muted);font-size:14px;padding:11px 18px;cursor:pointer}.btn-ghost.btn-sm{padding:6px 10px;font-size:12px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:4px}.tab{padding:12px 22px;font-size:14px;color:var(--muted);cursor:pointer;border-radius:8px 8px 0 0}.tab.active{background:var(--pink);color:#fff;font-weight:600}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);font-size:14px}.table th{font-size:13px;font-weight:700}.table th.num,.table td.num{text-align:right}.table .ico{width:44px;font-size:20px}.mono{font-variant-numeric:tabular-nums;color:var(--muted)}.bold{font-weight:700}.muted{color:var(--muted)}.pad{padding:28px 12px;text-align:center}.alert{background:#fff3f6;border:1px solid #f5c2d3;color:#a01048;padding:10px 14px;border-radius:8px;margin:12px 0;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:12px;width:560px;max-width:92vw;box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 8px}.modal-head h2{margin:0;font-size:20px}.x{background:none;border:none;font-size:18px;cursor:pointer;color:var(--muted)}.modal-body{padding:8px 24px 20px}.modal-body label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}.modal-body input,.modal-body select{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-size:14px}.modal-body .row{display:flex;gap:16px}.modal-body .row>div{flex:1}.modal-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;background:#fafafa;border-top:1px solid var(--line)}.row-click{cursor:pointer}.row-click:hover{background:#fff5fa}.btn-back{background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer;padding:0 0 12px}.btn-back:hover{color:var(--pink)}.detail-head{margin-bottom:18px}.detail-head h1{margin:0 0 6px;font-size:24px}.detail-meta{display:flex;gap:18px;color:var(--muted);font-size:14px}.toolbar{display:flex;align-items:center;gap:14px;margin:14px 0}.small{font-size:12px}.rank{font-weight:700;color:var(--pink);width:44px}.table code,.toolbar code{background:#f3f4f6;padding:1px 6px;border-radius:4px;font-size:12px}.login-page{display:flex;min-height:100vh}.login-brand{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--pink);color:#fff;padding:40px}.login-brand h1{margin:0;font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:1px}.login-brand p{margin:12px 0 0;font-size:15px;opacity:.95}.login-panel{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;padding:40px 24px}.login-form{width:100%;max-width:360px}.login-form h2{margin:0 0 6px;font-size:22px;font-weight:600;color:var(--ink)}.login-sub{margin:0 0 28px;font-size:14px;color:var(--muted)}.login-form label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}.login-form input[type=text],.login-form input[type=password]{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-size:14px}.login-remember{display:flex!important;align-items:center;gap:8px;margin-top:16px!important;font-size:13px;color:var(--muted);cursor:pointer}.login-remember input{width:auto;margin:0}.login-submit{width:100%;margin-top:22px;padding:13px 20px;border:none;border-radius:8px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.login-submit:hover:not(:disabled){filter:brightness(1.08)}.login-submit:disabled{opacity:.65;cursor:default}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted);font-size:14px}.page-results{max-width:none;padding:20px 24px 32px}.results-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;flex-wrap:wrap}.results-title{margin:0;font-size:22px;font-weight:700}.results-sub{margin:4px 0 0;font-size:14px}.results-toolbar{display:flex;gap:4px;flex-wrap:wrap}.results-toolbar .btn-ghost.active{color:var(--pink);font-weight:600}.results-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;margin-bottom:14px;background:#fafafa;border:1px solid var(--line);border-radius:8px}.results-filters .search{flex:1;min-width:180px;max-width:280px;margin:0}.results-filters select{padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px;background:#fff}.results-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.dual-scroll-wrap{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px}.dual-scroll-top{overflow-x:scroll;overflow-y:hidden;height:16px;border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;background:#f9f9f9}.dual-scroll-spacer{height:1px}.dual-scroll-content{overflow-x:scroll;overflow-y:visible;border-radius:0 0 8px 8px}.table-results{min-width:1100px;margin:0}.table-results th,.table-results td{padding:10px 12px;font-size:13px;white-space:nowrap}.table-results th.center,.table-results td.center{text-align:center}.table-results .name-cell{color:var(--pink);font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis}.table-results .status-select{padding:6px 8px;border:1px solid var(--line);border-radius:6px;font-size:12px;background:#fff;min-width:100px}.table-results .status-select:disabled{opacity:.55;cursor:not-allowed}.table-results .status-select.status-finished{color:#10b981;font-weight:500}.table-results .status-select.status-started{color:#3b82f6}.table-results .status-select.status-dns{color:#6b7280}.table-results .status-select.status-dnf{color:#ef4444}.table-results .status-select.status-dq{color:#ef4444;font-weight:500}.table-results .status-select.status-cutoff{color:#f97316}.row-invalid{background:#fff8f8}.results-foot{margin:10px 4px 0}.event-dashboard{display:flex;gap:0;min-height:100%}.event-sidebar{width:240px;background:#2b2b33;color:#fff;border-right:1px solid #444;padding:16px 0;position:sticky;top:0;height:100vh;overflow-y:auto;align-self:flex-start;flex-shrink:0}.event-detail-container{flex:1;min-width:0}.sidebar-section{font-size:11px;font-weight:700;letter-spacing:.6px;color:#999;text-transform:uppercase;padding:12px 16px 6px}.sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;color:#ccc;cursor:pointer;font-size:13px;text-align:left;transition:all .15s}.sidebar-item:hover{background:#3a3a42;color:#fff}.sidebar-item.active{background:var(--pink);color:#fff;font-weight:500}.sidebar-icon{font-size:16px;min-width:16px}.sidebar-label{flex:1}.sidebar-badge{font-size:11px;background:#fff3;padding:2px 6px;border-radius:4px;min-width:20px;text-align:center}.sidebar-item.active .sidebar-badge{background:#ffffff4d}.page-detail{max-width:none;padding:24px 32px 40px}.tabs-wrap{flex-wrap:wrap;gap:6px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:16px}@media (max-width: 900px){.settings-grid{grid-template-columns:1fr}}.settings-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 22px}.settings-card-wide{grid-column:span 1}.settings-card h3{margin:0 0 14px;font-size:16px}.settings-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.settings-card label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}.settings-row{display:flex;gap:14px}.settings-row>div{flex:1}.settings-actions{grid-column:1 / -1}.settings-alert{grid-column:1 / -1;margin:0}.field{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px}.field-inline{padding:8px 10px;font-size:13px}.field-narrow{max-width:140px}.ok-alert{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.config-panel{margin-top:16px}.config-title{margin:0 0 4px;font-size:18px}.config-add{display:flex;gap:10px;align-items:center;margin:16px 0;flex-wrap:wrap}.config-add-wrap .field{flex:1;min-width:120px}.config-actions{white-space:nowrap}.btn-danger{color:#b91c1c}.btn-danger:hover{color:#991b1b}.read-rate-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.read-rate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:8px}.read-rate-card{border:1px solid var(--line);border-radius:10px;padding:16px 18px;background:#fafafa}.read-rate-card.has-missing{border-color:#f5c2d3;background:#fff8fa}.read-rate-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.read-rate-head h4{margin:0;font-size:15px;text-transform:uppercase}.read-rate-pct{font-weight:700;font-size:18px}.rate-ok{color:#15803d}.rate-warn{color:#b45309}.rate-bad{color:#b91c1c}.read-rate-bar-wrap{height:8px;background:var(--line);border-radius:4px;overflow:hidden;margin-bottom:8px}.read-rate-bar{height:100%;border-radius:4px}.read-rate-bar.rate-ok{background:#22c55e}.read-rate-bar.rate-warn{background:#f59e0b}.read-rate-bar.rate-bad{background:#ef4444}.read-rate-missing{margin-top:10px}.bib-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bib-missing{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#fce7f3;color:var(--pink);border:1px solid #f5c2d3}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#0006;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;padding:28px;max-width:400px;width:90%}.modal-title{margin:0 0 4px;font-size:18px}.modal-field{margin:16px 0}.modal-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--muted)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.time-input-wrap{position:relative}.time-input-row{display:flex;align-items:center;gap:4px}.time-input-row .field{flex:1}.tp-icon-btn{background:none;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:15px;cursor:pointer;flex-shrink:0}.tp-icon-btn:hover{background:#f5f5f7}.tp-popup{position:absolute;top:calc(100% + 4px);left:0;z-index:200;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:16px;min-width:260px}.tp-section{margin-bottom:12px}.tp-label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:600}.tp-time-row{display:flex;align-items:flex-end;gap:4px}.tp-col{display:flex;flex-direction:column;gap:2px;flex:1}.tp-num{text-align:center;padding:8px 4px;font-size:16px;font-weight:700;min-width:0}.tp-sep{font-size:20px;font-weight:700;color:var(--muted);padding-bottom:8px}.tp-preview{font-size:13px;font-weight:600;text-align:center;color:var(--blue);background:#eff6ff;border-radius:6px;padding:6px;margin-bottom:12px;font-family:monospace}.tp-actions{display:flex;justify-content:flex-end;gap:8px}