:root{--bg-deepest:#0b0e14;--bg-panel:#1a1f2e;--bg-card:#1e2538;--bg-card-hover:#252b40;--bg-input:#141825;--border-dim:#2a3348;--border-active:#3d4660;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-indigo:#6366f1;--accent-indigo-dim:#6366f126;--accent-indigo-glow:#6366f14d;--accent-green:#22c55e;--accent-green-dim:#22c55e26;--accent-yellow:#eab308;--accent-yellow-dim:#eab30826;--accent-red:#ef4444;--accent-red-dim:#ef444426;--accent-blue:#3b82f6;--accent-blue-dim:#3b82f626;--accent-cyan:#06b6d4;--accent-orange:#f97316;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 2px 8px #0000004d;--shadow-glow:0 0 20px #6366f11a;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deepest);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}.font-mono-num{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Fira Code,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.panel{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:var(--radius-md)}.panel-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:16px}.panel-card:hover{border-color:var(--border-active)}.card-glow{box-shadow:var(--shadow-glow);border-color:var(--accent-indigo)!important}.btn-primary{background:var(--accent-indigo);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary:hover{background:#5558e6;box-shadow:0 0 12px #6366f14d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-dim);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-active);background:var(--bg-card)}.btn-sm{padding:4px 10px;font-size:12px}.tab-nav{border-bottom:1px solid var(--border-dim);gap:0;margin-bottom:20px;display:flex}.tab-item{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:13px}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--accent-indigo);border-bottom-color:var(--accent-indigo)}.skill-tag{white-space:nowrap;transition:all var(--transition-fast);border-radius:12px;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.skill-tag-high{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid #22c55e40}.skill-tag-mid{background:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid #3b82f640}.skill-tag-low{color:var(--text-muted);background:#6b728026;border:1px solid #6b728040}.category-tag{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-dim);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border-radius:16px;align-items:center;padding:5px 14px;font-size:12px;display:inline-flex}.category-tag:hover{border-color:var(--border-active);color:var(--text-primary)}.category-tag.active{background:var(--accent-indigo-dim);border-color:var(--accent-indigo);color:var(--accent-indigo)}.badge{border-radius:10px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-available{background:var(--accent-green-dim);color:var(--accent-green)}.badge-busy{background:var(--accent-yellow-dim);color:var(--accent-yellow)}.badge-training{background:var(--accent-blue-dim);color:var(--accent-blue)}.badge-urgent{background:var(--accent-red-dim);color:var(--accent-red);position:relative}.badge-urgent:before{content:"";background:var(--accent-red);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse-urgent;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.badge-urgent{padding-left:18px}@keyframes pulse-urgent{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.6;box-shadow:0 0 0 4px #ef444400}}.dot-urgent{background:var(--accent-red);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.radar-container{justify-content:center;align-items:center;padding:12px;display:flex}.radar-container svg text{fill:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:11px}.draggable-card{cursor:grab;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.draggable-card:active{cursor:grabbing;z-index:10;transform:scale(1.02);box-shadow:0 8px 24px #0006}.graph-node{cursor:pointer;transition:all var(--transition-fast)}.graph-node:hover circle{stroke:var(--accent-indigo);stroke-width:2px}.graph-node text{fill:var(--text-secondary);text-anchor:middle;font-size:10px}.graph-edge{stroke:var(--border-dim);stroke-linecap:round;opacity:.6}.proficiency-bar{background:var(--bg-deepest);border-radius:3px;height:6px;overflow:hidden}.proficiency-fill{border-radius:3px;height:100%;transition:width .5s}.input-dark{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;width:100%;padding:8px 12px;font-size:13px}.input-dark:focus{border-color:var(--accent-indigo)}.input-dark::placeholder{color:var(--text-muted)}.textarea-dark{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;width:100%;min-height:60px;transition:border-color var(--transition-fast);outline:none;padding:10px 12px;font-family:inherit;font-size:13px}.textarea-dark:focus{border-color:var(--accent-indigo)}.select-dark{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:6px 28px 6px 10px;font-size:13px}.message-key{border-left:3px solid var(--accent-indigo)!important;background:#6366f10d!important}.priority-bar{border-radius:2px;flex-shrink:0;width:3px}.priority-urgent{background:var(--accent-red)}.priority-normal{background:var(--accent-blue)}.priority-done{background:var(--text-muted)}.match-score{font-family:JetBrains Mono,monospace;font-weight:600}.match-high{color:var(--accent-green)}.match-mid{color:var(--accent-yellow)}.match-low{color:var(--accent-red)}.count-badge{border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.count-badge-red{background:var(--accent-red-dim);color:var(--accent-red)}.count-badge-indigo{background:var(--accent-indigo-dim);color:var(--accent-indigo)}.summary-section{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-dim);margin-bottom:8px;padding:10px 14px}.summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.3s forwards fadeIn}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--bg-panel);border:1px solid var(--border-dim);color:var(--text-secondary);white-space:nowrap;z-index:100;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}