:root{--bg:#0a0c10;--panel:#12151c;--panel-2:#171b24;--border:#232936;--text:#e7eaf1;--muted:#8b93a7;--accent:#2f6fee;--accent-hover:#2460d6;--accent-soft:#2f6fee24;--green:#34c07c;--green-soft:#34c07c24;--amber:#e2b23e;--amber-soft:#e2b23e1f;--red:#e5544a;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.45}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}::placeholder{color:#5b6377}.app{flex-direction:column;height:100vh;display:flex}.topbar{color:#fff;border-bottom:1px solid var(--border);background:#0a0c10;flex-shrink:0;align-items:center;gap:20px;height:56px;padding:0 20px;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.brand .logo{color:#fff;background:linear-gradient(135deg,#2f6fee,#7b5bd6);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:inline-flex}.topbar nav{gap:8px;display:flex}.topbar nav button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:500}.topbar nav button.active{background:var(--accent-soft);color:#cddaff;border-color:#2f6fee59}.topbar nav button:hover{color:#fff}.topbar .spacer{flex:1}.credits-pill{color:#c9d1e4;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12px}.demo-banner{background:var(--amber-soft);color:var(--amber);border-bottom:1px solid #e2b23e40;flex-shrink:0;padding:7px 20px;font-size:13px}.demo-banner a{color:var(--amber);cursor:pointer;font-weight:600;text-decoration:underline}.main{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:292px;display:flex;overflow:hidden}.sidebar-head{border-bottom:1px solid var(--border);padding:16px 16px 12px}.sidebar-head h2{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:12px}.filters-scroll{flex:1;padding-bottom:110px;overflow-y:auto}.filters-scroll::-webkit-scrollbar{width:8px}.filters-scroll::-webkit-scrollbar-thumb{background:#2a3140;border-radius:4px}.fgroup{border-bottom:1px solid var(--border)}.fgroup-head{text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.fgroup-head:hover{background:var(--panel-2)}.fgroup-head .count-badge{background:var(--accent);color:#fff;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11px}.fgroup-head .chev{color:var(--muted);font-size:10px}.fgroup-body{flex-direction:column;gap:10px;padding:2px 16px 14px;display:flex}.flabel{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.finput,.fselect{border:1px solid var(--border);width:100%;color:var(--text);background:#0e1117;border-radius:8px;padding:8px 10px;font-size:13px}.fselect option{background:#12151c}.finput:focus,.fselect:focus{border-color:var(--accent);outline:none}.frow{gap:8px;display:flex}.frow>*{flex:1;min-width:0}.tags-box{border:1px solid var(--border);background:#0e1117;border-radius:8px;flex-wrap:wrap;gap:4px;padding:5px;display:flex}.tags-box:focus-within{border-color:var(--accent)}.tags-box input{min-width:70px;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:3px 5px;font-size:13px}.tag{background:var(--accent-soft);color:#a8c2ff;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:12.5px;font-weight:500;display:inline-flex}.tag button{color:inherit;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.checks{flex-direction:column;gap:6px;display:flex}.checks label{cursor:pointer;color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.checks input,input[type=checkbox]{accent-color:var(--accent)}.sidebar-foot{background:var(--panel);border-top:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;gap:8px;width:292px;padding:14px 16px;display:flex;position:absolute;bottom:0;left:0}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:8px;padding:8px 14px;font-size:13.5px;font-weight:600}.btn:hover{background:#1d2330}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-sm{border-radius:7px;padding:5px 11px;font-size:12.5px}.btn-row{gap:8px;display:flex}.btn-row .btn{flex:1}.results{background:var(--bg);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.results-head{background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 20px;display:flex}.results-head h1{font-size:16px;font-weight:700}.total-note{color:var(--muted);font-size:13px}.results-head .spacer{flex:1}.table-wrap{flex:1;overflow:auto}.table-wrap::-webkit-scrollbar{width:8px;height:8px}.table-wrap::-webkit-scrollbar-thumb{background:#2a3140;border-radius:4px}table.results-table{border-collapse:collapse;background:var(--bg);width:100%}.results-table th{z-index:1;text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#0e1117;padding:10px 14px;font-size:11px;position:sticky;top:0}.results-table td{vertical-align:top;border-bottom:1px solid #1a1f2a;padding:11px 14px;font-size:13.5px}.results-table tr:hover td{background:#10141c}.name-cell{font-weight:600}.name-cell a{color:#6f9bff;text-decoration:none}.name-cell a:hover{text-decoration:underline}.sub{color:var(--muted);margin-top:1px;font-size:12.5px}.sub a{color:var(--muted)}.pill{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.pill-valid{background:var(--green-soft);color:var(--green)}.pill-seniority{background:var(--panel-2);color:var(--muted)}.email-link{color:var(--text);text-decoration:none}.email-link:hover{color:#6f9bff}.load-more-bar{background:var(--bg);justify-content:center;padding:14px;display:flex}.empty-state{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.empty-state .big{font-size:42px}.empty-state h3{color:var(--text);font-size:18px}.empty-state p{max-width:480px}.error-bar{color:#f08a82;background:#e5544a1f;border-bottom:1px solid #e5544a40;padding:8px 20px;font-size:13px}.panel-page{background:var(--bg);flex:1;padding:24px;overflow-y:auto}.panel-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);max-width:640px;margin-bottom:18px;padding:22px}.panel-card h2{margin-bottom:4px;font-size:16px}.panel-card .desc{color:var(--muted);margin-bottom:14px;font-size:13px}.field{margin-bottom:14px}.field label{color:var(--muted);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.key-status{margin-top:5px;font-size:12.5px}.key-status.ok{color:var(--green)}.key-status.none{color:var(--muted)}.list-row{border-bottom:1px solid #1a1f2a;align-items:center;gap:12px;padding:12px 0;display:flex}.list-row:last-child{border-bottom:none}.list-row .grow{flex:1}.list-row .name{font-weight:600}.checkbox-cell{width:34px}.toast{z-index:90;background:var(--panel-2);color:#fff;border:1px solid var(--border);border-radius:10px;padding:11px 18px;font-size:13.5px;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 28px #00000080}.select-bar{background:var(--accent-soft);color:#a8c2ff;border-bottom:1px solid #2f6fee40;align-items:center;gap:10px;padding:8px 20px;font-size:13px;font-weight:500;display:flex}.nl-bar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 20px;display:flex}.nl-input{border:1px solid var(--border);color:var(--text);background:#0e1117;border-radius:10px;flex:1;padding:10px 14px;font-size:14px}.nl-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2f6fee2e}.nl-btn{white-space:nowrap;border-radius:10px}.hero{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:40px 24px;display:flex}.hero-art{font-size:52px}.hero-row{gap:10px;width:100%;max-width:720px;display:flex}.hero-input{border:1px solid var(--border);color:var(--text);background:#0e1117;border-radius:12px;flex:1;padding:13px 18px;font-size:14.5px}.hero-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2f6fee2e}.hero-btn{border-radius:12px;padding:12px 22px;font-size:14px}.hero-suggest{flex-direction:column;align-items:center;gap:10px;display:flex}.hero-suggest .lbl{color:var(--muted);font-size:13px}.hero-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero-chip{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:999px;padding:7px 15px;font-size:12.5px;font-weight:500}.hero-chip:hover{border-color:var(--accent);color:#a8c2ff}.ai-hero{background:linear-gradient(135deg,#f6f4fd,#f2f6fd);border-color:#ddd8f2}.ai-hero h2,.ai-hero .desc,.ai-hero strong{color:#1c2330}.ai-hero .sub{color:#6b7482}.ai-hero .chip-btn{color:#1c2330;background:#fff;border-color:#d8d3ec}.ai-col-head{min-width:220px;background:#f4f1fd!important}.ai-cell{max-width:320px;font-size:12.5px}.ai-col-act{cursor:pointer;color:var(--accent);text-decoration:underline}.job-row{border-bottom:1px solid #eef0f3;flex-wrap:wrap;align-items:flex-start;gap:14px;padding:13px 0;display:flex}.job-row:last-child{border-bottom:none}.progress{background:#edeff3;border-radius:999px;height:6px;margin:7px 0 4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .5s}.ai-panel{background:#f7f6fd;border:1px solid #e4e0f5;border-radius:8px;flex-basis:100%;margin-top:4px;padding:12px}.login-wrap{background:linear-gradient(135deg,#1d2540,#2b2350);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:380px;padding:34px 34px 26px;box-shadow:0 20px 60px #00000059}.row-click{cursor:pointer}.phone-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.profile-grid{grid-template-columns:1fr;gap:8px;display:grid}.profile-item{gap:10px;font-size:13.5px;display:flex}.profile-item .k{width:110px;color:var(--muted);flex-shrink:0;font-weight:600}.profile-item .v{word-break:break-word}.suggest-bar{background:#e2b23e0f;border-bottom:1px solid #e2b23e2e;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 20px;display:flex}.suggest-label{color:var(--amber);font-size:13px;font-weight:600}.chip-btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:500}.chip-btn:hover{border-color:var(--accent);color:#a8c2ff}.chip-count{background:var(--accent-soft);color:#a8c2ff;border-radius:999px;margin-left:7px;padding:1px 7px;font-size:11.5px;font-weight:700}.ac-wrap{position:relative}.ac-menu{z-index:30;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;max-height:224px;display:flex;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.ac-item{text-align:left;color:var(--text);background:0 0;border:none;padding:8px 11px;font-size:13px}.ac-item:hover,.ac-item.hi{background:var(--accent-soft);color:#a8c2ff}.mode-tabs{flex-wrap:wrap;gap:6px;display:flex}.mode-tab{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}.mode-tab.on{background:var(--accent);border-color:var(--accent);color:#fff}.mode-toggle{border:1px solid var(--border);background:#0e1117;border-radius:999px;flex-shrink:0;padding:3px;display:inline-flex}.mode-toggle button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:7px 18px;font-size:13.5px;font-weight:600}.mode-toggle button.on{background:var(--panel-2);color:#fff;border:1px solid var(--border)}.drawer-backdrop{z-index:60;background:#0000008c;position:fixed;inset:0}.drawer{z-index:61;background:var(--bg);border-left:1px solid var(--border);flex-direction:column;width:min(680px,92vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 50px #00000080}.drawer-head{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.drawer-head h2{font-size:16px}.drawer-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}
