:root{--bg: #0a0e1a;--bg-soft: #0e1424;--bg-deep: #070a13;--surface: #131a2c;--surface-2: #182136;--surface-3: #1e2942;--border: #26324c;--border-strong: #33415f;--overlay: rgba(4, 7, 14, .72);--primary: #00d4ff;--primary-deep: #0093c4;--primary-soft: rgba(0, 212, 255, .12);--primary-ink: #04202b;--ok: #4ade80;--ok-soft: rgba(74, 222, 128, .12);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .12);--danger: #ff6b81;--danger-soft: rgba(255, 107, 129, .12);--text: #e8eef7;--text-soft: #c2d0e0;--text-dim: #9fb3c8;--text-on-primary: #04202b;--fs-sm: 13px;--fs-body: 14px;--fs-lg: 16px;--fs-h3: 16px;--fs-h2: 18px;--fs-h1: 22px;--radius: 10px;--radius-lg: 14px;--gap: 14px;--gap-lg: 20px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1100px 520px at 12% -8%,rgba(0,212,255,.1),transparent 60%),radial-gradient(900px 460px at 100% 0%,rgba(88,120,255,.08),transparent 55%),var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.35;font-weight:650;color:var(--text)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{margin:0;padding-left:18px}button{font-family:inherit;font-size:inherit}code,.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:#00d4ff47}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:var(--gap);padding:18px 14px;background:linear-gradient(180deg,#131a2ceb,#0a0e1aeb);border-right:1px solid var(--border);backdrop-filter:blur(6px);overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 10px;border-bottom:1px solid var(--border)}.brand-mark{width:32px;height:32px;flex:none;border-radius:9px;background:linear-gradient(135deg,var(--primary),#4c7dff);color:var(--primary-ink);font-weight:800;font-size:var(--fs-body);display:grid;place-items:center}.brand-text{min-width:0}.brand-name{font-size:var(--fs-lg);font-weight:700;letter-spacing:.2px}.brand-sub{font-size:var(--fs-sm);color:var(--text-dim)}.nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);border:1px solid transparent;color:var(--text-soft);font-size:var(--fs-body);text-decoration:none}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link.active{background:var(--primary-soft);border-color:#00d4ff66;color:var(--text);font-weight:600}.nav-ico{flex:none;width:18px;height:18px;color:var(--primary)}.nav-badge{margin-left:auto;font-size:var(--fs-sm);color:var(--primary)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.who{min-width:0}.who-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-meta{font-size:var(--fs-sm);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:none;align-items:center;gap:10px;padding:10px 14px;background:#0a0e1aeb;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;backdrop-filter:blur(6px)}.topbar-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.topbar .nav-link{padding:6px 10px;white-space:nowrap;font-size:var(--fs-sm)}.page{padding:22px clamp(14px,3vw,30px) 48px;display:flex;flex-direction:column;gap:var(--gap-lg);max-width:1180px;width:100%}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px}.page-title{font-size:var(--fs-h1)}.page-sub{color:var(--text-dim);font-size:var(--fs-body);max-width:72ch}.stack{display:flex;flex-direction:column;gap:var(--gap)}.stack-sm{display:flex;flex-direction:column;gap:8px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.row-tight{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap)}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.muted{color:var(--text-dim)}.soft{color:var(--text-soft)}.small{font-size:var(--fs-sm)}.nowrap{white-space:nowrap}.grow{flex:1 1 auto;min-width:0}.center{text-align:center}.right{margin-left:auto}.divider{height:1px;background:var(--border);border:0;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap-anywhere{overflow-wrap:anywhere}.card{background:linear-gradient(180deg,#182136db,#131a2cdb);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.card.tight{padding:12px;gap:8px}.card-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.card-title{font-size:var(--fs-h3);font-weight:650}.card-sub{font-size:var(--fs-sm);color:var(--text-dim)}.card-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;min-height:38px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:var(--fs-body);font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--primary-deep)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.btn-primary:hover:not(:disabled){background:#4ce2ff;border-color:#4ce2ff}.btn-danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:#ff6b8138;color:#ffd7dd}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-soft)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-sm{padding:6px 10px;min-height:32px;font-size:var(--fs-sm)}.btn-block{width:100%}.btn-spinner{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-soft);font-size:var(--fs-sm);line-height:1.7;white-space:nowrap}.tag-primary{border-color:#00d4ff73;background:var(--primary-soft);color:#8ee9ff}.tag-ok{border-color:#4ade8073;background:var(--ok-soft);color:#a7f3c4}.tag-warn{border-color:#fbbf2473;background:var(--warn-soft);color:#fde29a}.tag-danger{border-color:#ff6b8173;background:var(--danger-soft);color:#ffb3bf}.tag-muted{color:var(--text-dim);border-style:dashed}.tag-school{border-color:#7aa2ff73;background:#7aa2ff1f;color:#c3d3ff}.tag-lg{padding:3px 11px;font-size:var(--fs-body)}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{font-size:var(--fs-body);font-weight:600;color:var(--text-soft)}.field-hint{font-size:var(--fs-sm);color:var(--text-dim)}.field-error{font-size:var(--fs-sm);color:#ffb3bf}.input,.select,.textarea{width:100%;padding:9px 11px;min-height:38px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-deep);color:var(--text);font-size:var(--fs-body);font-family:inherit}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00d4ff29}.textarea{min-height:76px;resize:vertical;line-height:1.55}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% + 2px),calc(100% - 11px) calc(50% + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.input-invalid{border-color:var(--danger)}.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-body);color:var(--text-soft);cursor:pointer}.checkbox input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.range{width:100%;accent-color:var(--primary)}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.inline-form .field{flex:1 1 160px}.chip-grid{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-soft);font-size:var(--fs-sm);cursor:pointer}.chip:hover{border-color:var(--primary-deep);color:var(--text)}.chip.on{border-color:var(--primary);background:var(--primary-soft);color:#d6f6ff;font-weight:600}.chip-cat{font-size:var(--fs-sm);color:var(--text-dim)}.skill-picker{display:flex;flex-direction:column;gap:10px}.skill-groups{max-height:268px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:#070a1399}.skill-group-title{font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:5px}.selected-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:26px}.banner{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);font-size:var(--fs-body)}.banner-warn{border-color:#fbbf2480;background:var(--warn-soft);color:#ffe6ad}.banner-info{border-color:#00d4ff66;background:var(--primary-soft);color:#cdf3ff}.banner-danger{border-color:var(--danger);background:var(--danger-soft);color:#ffc9d2}.banner-ico{flex:none;font-weight:800}.result-list{display:flex;flex-direction:column;gap:var(--gap)}.result-card{padding:15px 16px}.result-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.result-rank{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-soft);font-weight:700;font-size:var(--fs-sm)}.result-name{font-size:var(--fs-lg);font-weight:650}.result-score{margin-left:auto;text-align:right}.result-total{font-size:26px;font-weight:750;color:var(--primary);line-height:1.1}.result-total-unit{font-size:var(--fs-sm);color:var(--text-dim);font-weight:500}.result-percentile{font-size:var(--fs-sm);color:var(--text-dim)}.result-panel{border-top:1px dashed var(--border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.score-bar{display:flex;flex-direction:column;gap:4px;min-width:0}.score-bar-head{display:flex;align-items:baseline;gap:8px;font-size:var(--fs-sm)}.score-bar-label{color:var(--text-soft);font-weight:600}.score-bar-weight{color:var(--text-dim)}.score-bar-value{margin-left:auto;color:var(--text);font-weight:650}.score-bar-track{height:8px;border-radius:999px;background:var(--bg-deep);border:1px solid var(--border);overflow:hidden}.score-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-deep),var(--primary))}.score-bar-fill.low{background:linear-gradient(90deg,#8a6b1f,var(--warn))}.reason-list{display:flex;flex-direction:column;gap:6px;list-style:none;padding-left:0}.reason-item{display:flex;gap:8px;font-size:var(--fs-body);color:var(--text-soft)}.reason-dot{flex:none;color:var(--primary)}.explain{padding:9px 11px;border-radius:var(--radius);border:1px dashed var(--border-strong);background:#070a13b3;color:var(--text-dim);font-size:var(--fs-sm);line-height:1.7;overflow-wrap:anywhere}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 18px;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:#131a2c80}.empty-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:20px;font-weight:700}.empty-title{font-size:var(--fs-lg);font-weight:650}.empty-desc{color:var(--text-dim);font-size:var(--fs-body);max-width:60ch}.loading{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#131a2c80}.loading-line{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:var(--fs-sm)}.skeleton{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.error-box{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--danger);background:var(--danger-soft)}.error-title{font-weight:700;color:#ffc9d2;font-size:var(--fs-lg)}.error-msg{color:var(--text);font-size:var(--fs-body);overflow-wrap:anywhere}.error-meta{color:var(--text-dim);font-size:var(--fs-sm)}.toast-host{position:fixed;z-index:60;right:14px;bottom:14px;display:flex;flex-direction:column;gap:8px;max-width:min(400px,calc(100vw - 28px))}.toast{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border-strong);background:#131a2cf7;box-shadow:var(--shadow);font-size:var(--fs-body);color:var(--text);animation:toast-in .16s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.toast-success{border-color:#4ade8099}.toast-error{border-color:var(--danger)}.toast-info{border-color:#00d4ff8c}.toast-ico{flex:none;font-weight:800}.toast-body{min-width:0}.toast-msg{font-weight:600;overflow-wrap:anywhere}.toast-detail{color:var(--text-dim);font-size:var(--fs-sm);overflow-wrap:anywhere}.toast-close{margin-left:auto;flex:none;background:transparent;border:0;color:var(--text-dim);cursor:pointer;font-size:var(--fs-lg);line-height:1;padding:0 2px}.toast-close:hover{color:var(--text)}.modal-overlay{position:fixed;inset:0;z-index:80;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:min(460px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:12px}.modal-title{font-size:var(--fs-h2);font-weight:700}.modal-body{color:var(--text-soft);font-size:var(--fs-body);display:flex;flex-direction:column;gap:10px}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:start}.kanban-col{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#131a2c8c;min-width:0}.kanban-col-head{display:flex;align-items:center;gap:8px;font-weight:650}.kanban-count{margin-left:auto;font-size:var(--fs-sm);color:var(--text-dim);font-weight:500}.task-card{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;padding:11px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:var(--fs-body)}.task-card:hover:not(:disabled){border-color:var(--primary);background:var(--surface-3)}.task-card:disabled{opacity:.6;cursor:progress}.task-title{font-weight:600;overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:var(--fs-sm);color:var(--text-dim)}.task-phase{border-color:#00d4ff66;background:var(--primary-soft);color:#8ee9ff}.candidate-list{display:flex;flex-direction:column;gap:10px}.candidate-card{display:flex;flex-direction:column;gap:9px;padding:12px 13px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#131a2cb8}.parse-preview{display:flex;flex-direction:column;gap:9px;padding:11px 12px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:#070a138c}.parse-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--fs-sm)}.parse-label{color:var(--text-dim);flex:none;min-width:74px}.chart-wrap{position:relative;width:100%;min-height:210px}.chart-note{font-size:var(--fs-sm);color:var(--text-dim)}.kv{display:flex;flex-direction:column;gap:7px}.kv-row{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:var(--fs-body)}.kv-key{color:var(--text-dim);min-width:96px;flex:none}.kv-val{color:var(--text);min-width:0;overflow-wrap:anywhere}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth-card{width:min(440px,100%)}.auth-title{font-size:var(--fs-h1)}.auth-foot{font-size:var(--fs-body);color:var(--text-dim);text-align:center}@media (max-width: 860px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.topbar{display:flex;flex-direction:column;align-items:stretch}.kanban{grid-template-columns:minmax(0,1fr)}.page{padding:16px 13px 40px}}@media (max-width: 560px){:root{--gap: 12px;--gap-lg: 16px}.card{padding:13px}.result-total{font-size:22px}.result-score{margin-left:0;text-align:left}.modal-actions{justify-content:stretch}.modal-actions .btn{flex:1 1 auto}.toast-host{left:12px;right:12px;bottom:12px;max-width:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}