:root{--bg: #f5f7fb;--surface: #ffffff;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--blue: #2f7cf6;--blue-soft: #e8f1ff;--blue-border: #b7d4ff;--track: #eef1f6;--up: #059669;--down: #dc2626;--shadow: 0 1px 2px rgba(16, 24, 40, .04);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef3fb)}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:20px 20px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{font-size:22px;font-weight:700;letter-spacing:.02em}.nav{display:flex;gap:8px}.nav a{padding:8px 14px;border-radius:8px;color:var(--muted);font-size:14px}.nav a.active{background:var(--blue-soft);color:var(--blue);font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:16px 18px}.filter-bar{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-bottom:18px}.filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-label{color:var(--muted);font-size:13px}.date-chip{border:1px solid var(--blue-border);background:var(--blue-soft);color:var(--blue);border-radius:6px;padding:6px 10px;font-size:13px;display:inline-flex;align-items:center;gap:8px}.date-chip input{border:none;background:transparent;color:var(--blue);font:inherit;outline:none}.seg{display:inline-flex;gap:6px;flex-wrap:wrap}.seg button{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.seg button.active{background:var(--blue);border-color:var(--blue);color:#fff}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.person-card.solo{grid-column:1 / -1}@media (max-width: 860px){.cards-grid{grid-template-columns:1fr}.person-card.solo{grid-column:auto}}.person-card{padding:8px 4px 12px;border-bottom:1px solid #f0f2f5}.person-card:last-child{border-bottom:none}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.card-name{font-size:15px;font-weight:600}.card-rate{font-size:14px;font-weight:700}.progress{height:10px;background:var(--track);border-radius:999px;overflow:hidden;margin-bottom:8px}.progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7dd3fc,#2563eb);min-width:0;transition:width .35s ease}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:12px;color:var(--muted)}.metrics strong{color:var(--text);font-weight:600}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--muted)}.page-title{font-size:18px;font-weight:700;margin:0 0 14px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}input[type=text],input[type=number],input[type=date],select{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font:inherit;background:#fff}button.primary,button.secondary,button.danger{border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer;border:1px solid transparent}button.primary{background:var(--blue);color:#fff}button.secondary{background:#fff;border-color:var(--border);color:var(--text)}button.danger{background:#fff;border-color:#fecaca;color:var(--down)}button:disabled{opacity:.55;cursor:not-allowed}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left;vertical-align:middle}th{color:var(--muted);font-weight:600;background:#fafbfc}.table-input{width:110px}.msg{padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:12px}.msg.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.msg.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.msg.info{background:var(--blue-soft);color:#1e40af;border:1px solid var(--blue-border)}.preview{max-width:100%;max-height:280px;border:1px solid var(--border);border-radius:8px;object-fit:contain;background:#fafafa;margin-bottom:12px}.paste-box{position:relative;min-height:160px;margin:4px 0 14px;padding:16px;border:1.5px dashed var(--blue-border);border-radius:12px;background:linear-gradient(180deg,#fbfcff,#f3f7ff);outline:none;cursor:text;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.paste-box:focus,.paste-box.drag-over{border-color:var(--blue);background:#eef5ff;box-shadow:0 0 0 3px #2f7cf61f}.paste-box.has-image{border-style:solid;align-items:stretch}.paste-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:13px;pointer-events:none}.paste-placeholder strong{color:var(--text);font-size:15px;font-weight:600}.paste-preview{max-width:100%;max-height:280px;object-fit:contain;border-radius:8px;background:#fff;align-self:center}.paste-status{font-size:12px;color:var(--blue);text-align:center}.empty{text-align:center;color:var(--muted);padding:40px 12px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#f3f4f6}.badge.ok{background:#d1fae5;color:#065f46}.badge.warn{background:#fef3c7;color:#92400e}.people-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}