body,html{overflow-x:hidden;max-width:100vw}:root,[data-theme=light]{--primary:#f65427;--primary-dark:#b22c00;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#455c99;--bg:#faf8ff;--bg-secondary:#f2f3ff;--surface:#ffffff;--surface-container:#eaedff;--surface-low:#f2f3ff;--surface-high:#e4e6f5;--border:rgba(197,198,209,0.15);--text:#000f22;--text-secondary:#455c99;--navy:#000f22;--navy-light:#1a2d4d;--target-color:#10b981;--consider-color:#455c99;--stretch-color:#f59e0b;--skip-color:#9ca3af;--shadow:0 4px 32px rgba(19,27,46,0.06);--shadow-lg:0 8px 40px rgba(19,27,46,0.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}[data-theme=dark]{--primary:#f65427;--primary-dark:#b22c00;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg:#0f172a;--bg-secondary:#1e293b;--surface:#1e293b;--surface-container:#334155;--surface-low:#1e293b;--surface-high:#475569;--border:rgba(197,198,209,0.1);--text:#e2e8f0;--text-secondary:#94a3b8;--navy:#e2e8f0;--navy-light:#94a3b8}[data-theme=dark] .header{background:rgba(15,23,42,.8)}[data-theme=dark] .btn-secondary{background:var(--surface-low);border:none;color:var(--text)}[data-theme=dark] .btn-secondary:hover{background:var(--surface-container)}[data-theme=dark] .google-btn{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .chart-container{background:#1e293b}[data-theme=dark] .modal-box{background:#1e293b;color:#e2e8f0}[data-theme=dark] .modal-overlay{background:rgba(0,0,0,.7)}[data-theme=dark] .dropzone{border-color:#475569}[data-theme=dark] .dropzone:hover{border-color:var(--primary);background:#334155}[data-theme=dark] input[type=number],[data-theme=dark] input[type=search],[data-theme=dark] input[type=text]{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] select{background:#334155;color:#e2e8f0}[data-theme=dark] .tag{background:var(--surface-high);color:var(--text-secondary)}[data-theme=dark] .tag-target{background:rgba(16,185,129,.15);color:#6ee7b7}[data-theme=dark] .tag-consider{background:rgba(69,92,153,.15);color:#93c5fd}[data-theme=dark] .tag-career{background:rgba(139,92,246,.15);color:#c4b5fd}[data-theme=dark] .tag-stretch{background:rgba(245,158,11,.15);color:#fcd34d}*{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.header{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:none;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:100}.logo{font-size:22px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:10px;letter-spacing:-.02em;font-family:Manrope,sans-serif}.logo-icon{width:36px;height:36px;background:var(--primary);border-radius:var(--radius-md);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}.header-right{display:flex;align-items:center;gap:12px;flex-shrink:1}.btn{padding:8px 16px;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;border:none;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:all .2s;font-family:Manrope,sans-serif}.btn-primary{background:var(--primary);color:#fff;background-image:linear-gradient(to bottom,rgba(255,255,255,.08),transparent)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--surface-low);border:none;color:var(--text)}.btn-secondary:hover{background:var(--surface-container)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-lg{padding:14px 28px;font-size:16px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer;flex-shrink:0}.main-container{display:flex;min-height:calc(100vh - 64px);margin-top:64px}.sidebar{width:260px;background:#faf8ff;border-right:none;padding:24px 12px;flex-shrink:0;overflow:hidden;transition:none;z-index:50;position:fixed;top:64px;bottom:0;left:0;overflow-y:auto}[data-theme=dark] .sidebar{background:var(--bg)}.sidebar:hover{width:260px;box-shadow:none}.sidebar .nav-count,.sidebar .nav-item span,.sidebar .sidebar-title{opacity:1;pointer-events:auto}.sidebar-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;margin-top:16px;height:16px}.sidebar-brand{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;color:#000f22;letter-spacing:-.03em;text-transform:none;height:auto;margin-bottom:16px}[data-theme=dark] .sidebar-brand{color:#e8ecf4}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;margin-bottom:2px;font-size:14px;font-weight:500;transition:all .15s}.nav-item i{flex-shrink:0;width:20px;text-align:center}.nav-item:hover{background:var(--surface-low);color:var(--text)}.nav-item.active{color:var(--primary);font-weight:600;border-right:3px solid var(--primary);background:rgba(246,84,39,.05)}.nav-count{margin-left:auto;background:var(--bg);padding:2px 8px;border-radius:12px;font-size:12px}.content{flex:1;padding:24px;max-width:1200px;margin-left:260px}.card{background:var(--surface);border:none;border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;box-shadow:none}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:18px;font-weight:600}.stats-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.stat-card{background:var(--surface);border:none;border-radius:var(--radius-lg);padding:16px 20px;text-align:center;flex:1 1 0;min-width:120px;position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px}.stat-card:first-child::before{background:var(--success)}.stat-card:nth-child(2)::before{background:var(--info)}.stat-card:nth-child(3)::before{background:var(--primary)}#dashboardSpinner{padding:16px 0 8px;display:flex;align-items:center;gap:10px}#dashboardSpinner .spinner{flex-shrink:0}#dashboardProgress{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}#dashboardProgressFill{height:100%;background:linear-gradient(90deg,var(--primary),var(--success));border-radius:3px;width:0%;transition:width .4s ease}#keywordSpinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(248,250,252,.7);z-index:5;border-radius:8px}[data-theme=dark] #keywordSpinner{background:rgba(15,23,42,.7)}[data-theme=dark] #quadrantLoader{background:rgba(15,23,42,.85)}#jobsLayout{display:flex;gap:16px;align-items:flex-start}#jobsRightPanel{width:240px;flex-shrink:0;position:sticky;top:80px;align-self:flex-start;max-height:calc(100vh - 92px);overflow:hidden;display:flex;flex-direction:column;gap:12px}#companyPanel h4{font-size:.6875rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}#companyTiles{display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow-y:auto}.company-tile{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;border:none;transition:all .15s;font-size:13px}.company-tile:hover{background:var(--surface-low)}.company-tile.selected{background:rgba(246,84,39,.06);color:var(--primary)}.company-tile img{width:24px;height:24px;border-radius:4px;object-fit:contain;flex-shrink:0;background:var(--bg)}.company-tile-count{margin-left:auto;font-size:11px;color:var(--text-secondary);background:var(--bg);padding:1px 6px;border-radius:10px;flex-shrink:0}#jobsMain{flex:1;min-width:0}@media (max-width:768px){#jobsLayout{flex-direction:column}#jobsRightPanel{display:none}#companyTiles{max-height:200px}#quadrantCompanyPanel{display:none!important}}.kanban-card{cursor:grab;user-select:none;transition:box-shadow .2s,transform .15s;border:none;background:var(--surface);border-radius:var(--radius-md)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.5;transform:rotate(2deg) scale(1.03);box-shadow:0 8px 24px rgba(0,0,0,.18)}.kanban-card.selected{border-color:var(--primary);background:rgba(37,99,235,.04)}.kanban-col.drag-over{outline:2px dashed var(--primary);background:rgba(37,99,235,.04)}.kanban-col{transition:background .15s;max-height:70vh;overflow-y:auto;position:relative}.kanban-col:after{content:'';display:block;height:40px;pointer-events:none}.kanban-col-wrap{position:relative}.kanban-col-wrap:after{content:'';position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(transparent,var(--bg));border-radius:0 0 10px 10px;pointer-events:none}.stat-value{font-family:Manrope,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.02em}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-top:2px}.job-card{background:var(--surface);border:none;border-radius:var(--radius-lg);padding:12px 16px;margin-bottom:8px;transition:all .2s;cursor:pointer;overflow:hidden}.job-card:hover{background:var(--surface-low);transform:translateY(-1px)}.job-card-row{display:flex;align-items:center;gap:10px}.job-score{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;flex-shrink:0;font-family:Manrope,sans-serif}.score-high{background:var(--success)}.score-med{background:var(--warning)}.score-low{background:var(--danger)}.score-skip{background:var(--skip-color)}.job-info{flex:1;min-width:0}.job-title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-meta{font-size:13px;color:var(--text-secondary);display:flex;gap:12px;margin-top:2px}.job-tags{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.tag{padding:3px 10px;background:var(--surface-high);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);font-weight:500}.tag-target{background:rgba(16,185,129,.1);color:#047857}.tag-consider{background:rgba(69,92,153,.1);color:#455c99}.tag-career{background:rgba(139,92,246,.1);color:#7c3aed}.tag-stretch{background:rgba(245,158,11,.1);color:#b45309}.tag-contract{background:#ede9fe;color:#5b21b6}.sa-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:900px){.sa-grid{grid-template-columns:1fr}}.sa-quadrant{min-height:340px}.sa-chart-wrap{position:relative;height:280px}.sa-select{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;min-width:120px}[data-theme=dark] .sa-select{background:#334155;border-color:#475569;color:#e2e8f0}.sa-insight{background:var(--bg-secondary);border-radius:8px;padding:10px 14px;font-size:13px;display:flex;align-items:center;gap:8px}.sa-insight i{color:var(--primary);font-size:14px}.chart-container{position:relative;height:500px;background:var(--surface);border:none;border-radius:var(--radius-lg);padding:16px}.chart-controls{display:flex;gap:8px;margin-bottom:12px}.chart-toggle{padding:6px 14px;border-radius:20px;font-size:13px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.chart-toggle.active{background:var(--primary);color:#fff;border-color:var(--primary)}.dropzone{border:2px dashed rgba(197,198,209,.3);border-radius:var(--radius-lg);padding:40px;text-align:center;cursor:pointer;transition:all .2s}.dropzone:hover{border-color:var(--primary);background:rgba(246,84,39,.03)}.dropzone.has-file{border-color:var(--success);background:#ecfdf5}input[type=number],input[type=search],input[type=text]{background:var(--surface-low);border:1px solid rgba(197,198,209,.15);border-radius:var(--radius-md);font-family:Manrope,sans-serif}input[type=number]:focus,input[type=search]:focus,input[type=text]:focus{border-color:var(--info);outline:0}select{background:var(--surface-low);border:1px solid rgba(197,198,209,.15);border-radius:var(--radius-md);font-family:Manrope,sans-serif}.user-dropdown{border:none;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(19,27,46,.12)}.resume-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px}.resume-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.resume-card-name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px}.resume-card-type{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary)}.resume-card-summary{font-size:14px;color:var(--text-secondary);margin-bottom:10px;line-height:1.5}.resume-keywords{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.resume-keywords .chip-high,.resume-keywords .chip-low,.resume-keywords .chip-medium{font-size:11px;padding:2px 8px;border-radius:8px;cursor:pointer;transition:all .2s;user-select:none;display:inline-flex;align-items:center;gap:4px}.resume-keywords .chip-high{background:#dc262615;color:#dc2626;border:1px solid #dc262630}.resume-keywords .chip-medium{background:#2563eb15;color:#2563eb;border:1px solid #2563eb30}.resume-keywords .chip-low{background:#6b728015;color:#6b7280;border:1px solid #6b728030}.resume-keywords .chip-basic{font-size:11px;padding:2px 8px;border-radius:8px;display:inline-flex;align-items:center;background:#94a3b815;color:#94a3b8;border:1px solid #94a3b830}.resume-keywords .chip-high:hover,.resume-keywords .chip-low:hover,.resume-keywords .chip-medium:hover{transform:scale(1.05);filter:brightness(1.1)}.resume-keywords .chip-weight{font-size:9px;font-weight:700;opacity:.7}.resume-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary);border-top:1px solid var(--border);padding-top:10px;margin-top:4px}#modalDescription ol,#modalDescription ul{padding-left:20px;margin:8px 0}#modalDescription li{margin-bottom:4px}#modalDescription p{margin:6px 0}#modalDescription h1,#modalDescription h2,#modalDescription h3,#modalDescription h4{color:var(--text-primary);margin:12px 0 6px;font-size:14px}#modalDescription a{color:var(--primary);text-decoration:none}#modalDescription a:hover{text-decoration:underline}#modalDescription b,#modalDescription strong{color:var(--text-primary)}.reading-badge{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--bg-secondary);font-weight:500}[data-theme=dark] .chip-high{background:#dc262630;color:#fca5a5;border-color:#dc262650}[data-theme=dark] .chip-medium{background:#2563eb30;color:#93c5fd;border-color:#2563eb50}[data-theme=dark] .chip-low{background:#6b728030;color:#d1d5db;border-color:#6b728050}[data-theme=dark] .chip-high:hover,[data-theme=dark] .chip-low:hover,[data-theme=dark] .chip-medium:hover{filter:brightness(1.2)}.progress-bar-track{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden;margin:8px 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0,#ff8c5e 100%);border-radius:5px;transition:width .3s;width:0%}.progress-info{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.keyword-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{padding:4px 12px;background:var(--primary);color:#fff;border-radius:16px;font-size:13px}.search-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.auth-section{text-align:center;padding:60px 20px}.google-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:15px}.google-btn:hover{background:var(--bg)}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal-box{background:var(--surface);border-radius:12px;padding:28px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-box h2{margin-bottom:16px}.diff-block{display:inline;border-radius:3px;margin:0 1px}.diff-original{background:rgba(239,68,68,.15);color:var(--danger);text-decoration:line-through}.diff-suggestion{background:rgba(34,197,94,.15);color:var(--success)}.diff-actions{display:inline-flex;gap:2px;margin-left:4px;vertical-align:middle}.diff-actions button{border:none;background:0 0;cursor:pointer;font-size:12px;padding:1px 4px;border-radius:3px}.diff-actions button:hover{background:var(--border)}.diff-accept{color:var(--success)}.diff-reject{color:var(--danger)}#resumeEditor.diff-hidden .diff-original{text-decoration:none;background:0 0;color:var(--text)}#resumeEditor.diff-hidden .diff-suggestion{display:none}#resumeEditor.diff-hidden .diff-actions{display:none}#splashView{font-family:Manrope,-apple-system,sans-serif;background:#faf8ff}.splash-hero{min-height:calc(100vh - 64px);background:#0a0f1e;color:#e8ecf4;display:flex;flex-direction:column;position:relative;overflow:hidden}[data-theme=light] .splash-hero{background:#faf8ff;color:#000f22}.splash-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(37,99,235,.08) 0,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(16,185,129,.06) 0,transparent 70%);pointer-events:none}[data-theme=light] .splash-hero::before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(37,99,235,.06) 0,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(16,185,129,.04) 0,transparent 70%)}.splash-hero::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='g' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='30' cy='30' r='0.5' fill='%23ffffff08'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='60' height='60' fill='url(%23g)'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}[data-theme=light] .splash-hero::after{background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='g' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='30' cy='30' r='0.5' fill='%2300000008'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='60' height='60' fill='url(%23g)'/%3E%3C/svg%3E")}.splash-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.splash-header{padding:48px 48px 0;max-width:1200px;margin:0 auto;width:100%}.splash-tagline{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:3px;color:#3b82f6;font-family:'DM Mono',monospace;margin-bottom:16px}.splash-title{font-size:clamp(32px, 5vw, 56px);font-weight:800;line-height:1.1;margin-bottom:16px;font-family:Manrope,sans-serif;letter-spacing:-.02em;background:linear-gradient(135deg,#e8ecf4 0,#94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .splash-title{background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#000f22;color:#000f22}.splash-subtitle{font-size:18px;color:#64748b;max-width:520px;line-height:1.6;font-weight:300}[data-theme=light] .splash-subtitle{color:#455c99}.splash-cta{margin-top:32px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.splash-btn-google{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:#fff;color:#1e293b;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Manrope,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,.3)}.splash-btn-google:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.4)}.splash-btn-google img{width:22px;height:22px}[data-theme=light] .splash-btn-google{background:#f65427;color:#fff;border-radius:.75rem;box-shadow:0 2px 12px rgba(246,84,39,.3)}[data-theme=light] .splash-btn-google:hover{box-shadow:0 6px 24px rgba(246,84,39,.4)}.splash-btn-explore{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:0 0;color:#94a3b8;border:1px solid #334155;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Manrope,sans-serif}.splash-btn-explore:hover{border-color:#3b82f6;color:#e8ecf4}[data-theme=light] .splash-btn-explore{color:#475569;border-color:#cbd5e1}[data-theme=light] .splash-btn-explore:hover{border-color:#2563eb;color:#1e293b}.splash-grid-section{padding:48px;flex:1;max-width:1200px;margin:0 auto;width:100%}.splash-grid-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#475569;margin-bottom:20px;font-family:'DM Mono',monospace;display:flex;align-items:center;gap:12px}.splash-grid-label::after{content:'';flex:1;height:1px;background:#1e293b}[data-theme=light] .splash-grid-label::after{background:#c4bdd4}.splash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;min-height:240px}.splash-tile{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:20px;transition:all .25s;cursor:default;position:relative;overflow:hidden}.splash-tile:hover{border-color:#334155;background:#151d30;transform:translateY(-2px)}[data-theme=light] .splash-tile{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06);color:#000f22}[data-theme=light] .splash-tile:hover{border-color:#cbd5e1;background:#f8fafc}.splash-tile-sector{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:8px}[data-theme=light] .splash-tile-sector{color:#1e293b}.splash-tile-count{font-size:36px;font-weight:700;font-family:Manrope,sans-serif;line-height:1;color:#f65427}.splash-tile-label{font-size:11px;color:#475569;margin-top:4px;text-transform:uppercase;letter-spacing:1px;font-family:'DM Mono',monospace}[data-theme=light] .splash-tile-label{color:#455c99}.splash-tile-bar{position:absolute;bottom:0;left:0;right:0;height:3px;opacity:.7}.splash-total{display:flex;align-items:baseline;gap:12px;padding:0 48px 32px;max-width:1200px;margin:0 auto;width:100%}.splash-total-num{font-size:48px;font-weight:800;font-family:Manrope,sans-serif;color:#3b82f6}[data-theme=light] .splash-total-num{color:#f65427}.splash-total-label{font-size:16px;color:#475569;font-weight:300}[data-theme=light] .splash-total-label{color:#455c99}@keyframes splashFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.splash-tile{animation:splashFadeUp .5s ease backwards}@media (max-width:768px){.splash-grid-section,.splash-header,.splash-total{padding-left:20px;padding-right:20px}#splashView .splash-cta+div,#splashView footer{padding-left:20px!important;padding-right:20px!important}#splashView [style*="padding:32px 48px"]{padding:24px 20px!important}.splash-grid{grid-template-columns:repeat(2,1fr);min-height:520px}}@media (max-width:480px){.splash-grid{grid-template-columns:1fr;min-height:900px}}.change-log-entry{padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.change-log-entry:last-child{border-bottom:none}.change-log-field{font-weight:600;color:var(--primary)}.change-log-time{color:var(--text-secondary);font-size:11px;font-family:monospace}.change-log-old{color:var(--danger);text-decoration:line-through}.change-log-new{color:var(--success)}.reposted-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:11px;font-weight:600}[data-theme=dark] .reposted-badge{background:#1e3a5f;color:#93c5fd}.hidden{display:none!important}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:var(--radius-md);color:#fff;font-size:14px;z-index:9999;animation:slideIn .3s ease;font-family:Manrope,sans-serif}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}@keyframes slideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hamburger{display:none;background:0 0;border:none;font-size:22px;cursor:pointer;color:var(--text);padding:8px}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:99}@media (max-width:768px){.hamburger{display:block}.sidebar{width:260px;position:fixed;left:-270px;top:64px;bottom:0;z-index:100;transition:left .3s ease;box-shadow:2px 0 12px rgba(0,0,0,.1);padding:20px}.sidebar:hover{width:260px;position:fixed;top:64px;bottom:0;box-shadow:2px 0 12px rgba(0,0,0,.1)}.sidebar .nav-count,.sidebar .nav-item span,.sidebar .sidebar-title{opacity:1;pointer-events:auto}.sidebar.open{left:0}.sidebar-overlay.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99}.header-right{flex-shrink:1;gap:4px;overflow:hidden}.header-right .user-avatar{width:28px;height:28px;font-size:10px}#apiStatusDot{display:none}.main-container{flex-direction:column}.content{padding:8px;max-width:100%;margin-left:0}.stats-row{grid-template-columns:1fr 1fr}.chart-container{height:calc(100vh - 220px);min-height:300px}.card{padding:8px}.modal-box{width:95vw;max-height:90vh;padding:16px}#quadrantView h1{font-size:18px}#jobsView .card-header form{margin-left:0!important;width:100%}#jobsView .card-header form input[type=search]{min-width:100%!important}#jobsView .card-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:480px){.stats-row{display:none!important}.job-card-row{flex-direction:column;align-items:flex-start;gap:8px}.job-score{width:36px;height:36px;font-size:12px}.job-meta{flex-direction:column;gap:2px}.header{padding:0 8px;height:52px}.user-avatar{width:30px;height:30px;font-size:12px}.header-right{gap:6px}.content{padding:4px}.chart-container{height:calc(100vh - 200px);min-height:280px}.card{padding:4px}#quadrantView h1{font-size:16px}#radarDropdowns{flex-direction:column}#radarDropdowns select{min-width:0!important;width:100%}#briefView .card>div[style*="display:flex"]{flex-direction:column!important}}.unified-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,15,34,.5);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:16px}.unified-modal-overlay.active{display:flex}.unified-modal-box{background:var(--surface);border:none;border-radius:var(--radius-xl);width:720px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 40px rgba(19,27,46,.15);position:relative;color:var(--text);overflow:hidden}.ujm-close-x{position:absolute;top:12px;right:16px;background:0 0;border:none;color:var(--text-secondary);font-size:22px;cursor:pointer;z-index:10;line-height:1}.ujm-mobile-topbar{display:none;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.ujm-mobile-topbar .ujm-back{color:var(--primary);font-size:18px;cursor:pointer;border:none;background:0 0}.ujm-mobile-topbar .ujm-nav-title{color:var(--text);font-size:15px;font-weight:600;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ujm-mobile-topbar .ujm-bookmark{color:var(--text-secondary);font-size:18px;cursor:pointer;border:none;background:0 0}.unified-modal-header{padding:20px 24px 12px;border-bottom:none;background:var(--surface-low);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-shrink:0}.unified-modal-header h2{font-family:Manrope,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0;color:var(--text);line-height:1.25}.ujm-title-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;padding-right:32px}.ujm-company-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ujm-company-row .ujm-company{font-size:14px;font-weight:500;color:var(--text-secondary)}.ujm-company-row a{color:var(--primary);font-size:12px;text-decoration:none;border:1px solid var(--border);padding:1px 8px;border-radius:6px}.ujm-company-row .ujm-linkedin{color:var(--text-secondary);font-size:12px;text-decoration:none;border:none;padding:0}.unified-modal-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ujm-days-pill{background:var(--primary-bg,#dbeafe);color:var(--primary,#2563eb);padding:2px 10px;border-radius:12px;font-size:11px;white-space:nowrap;font-weight:500;flex-shrink:0}.ujm-days-pill.stale{background:#fff7ed;color:#c2410c}.ujm-days-pill.old{background:#fef2f2;color:#b91c1c}[data-theme=dark] .ujm-days-pill{background:#1e3a5f;color:#67b8f0}[data-theme=dark] .ujm-days-pill.stale{background:#451a03;color:#fdba74}[data-theme=dark] .ujm-days-pill.old{background:#451a03;color:#fca5a5}.mbadge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;white-space:nowrap}.mbadge-green{background:#ecfdf5;color:#047857}.mbadge-blue{background:#dbeafe;color:#1d4ed8}.mbadge-orange{background:#fff7ed;color:#c2410c}.mbadge-gray{background:var(--bg);color:var(--text-secondary)}[data-theme=dark] .mbadge-blue{background:#1e3a5f;color:#67b8f0}[data-theme=dark] .mbadge-orange{background:#451a03;color:#fdba74}.ujm-meta-pill{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);padding:2px 8px;border-radius:8px;font-size:11px}.ujm-meta-pill.contract{background:#fff7ed;border-color:#fdba74;color:#c2410c;font-weight:500}[data-theme=dark] .ujm-meta-pill.contract{background:#451a03;border-color:#f59e0b;color:#fdba74}.ujm-commute{color:var(--text-secondary);font-size:12px}.commute-group{display:flex;align-items:center;gap:6px}.commute-pill{background:var(--border);border-radius:14px;padding:2px;display:inline-flex;position:relative}.commute-pill-modes{display:flex;position:relative}.commute-pill-slider{position:absolute;width:33.333%;height:100%;background:var(--surface);border-radius:12px;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.1);left:0}.commute-pill button{background:0 0;border:none;padding:4px 8px;cursor:pointer;font-size:14px;position:relative;z-index:1;filter:grayscale(100%);opacity:.5;transition:all .2s}.commute-pill button.active{filter:none;opacity:1}.commute-result{font-size:11px;color:var(--text-secondary)}.unified-modal-scroll{flex:1;overflow-y:auto;padding:20px 24px;min-height:0}.unified-modal-scroll h4{font-family:Manrope,sans-serif;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:16px 0 8px}.unified-modal-scroll li,.unified-modal-scroll p{font-size:12px;line-height:1.6;color:var(--text-secondary)}.ujm-ats-kw-block{padding:8px 24px 12px;border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}.ujm-ats-bar{display:flex;align-items:center;gap:8px;height:18px}.ujm-ats-vendor{font-size:11px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);padding:1px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.ujm-ats-track{flex:1;height:18px;background:var(--border);border-radius:9px;position:relative;overflow:visible}.ujm-ats-fill{position:absolute;left:0;top:0;height:100%;border-radius:9px 0 0 9px;transition:width .5s}[data-theme=dark] .ujm-ats-fill{background:linear-gradient(90deg,#1e3a5f,#d97706)}.ujm-ats-fill,[data-theme=light] .ujm-ats-fill{background:linear-gradient(90deg,#93c5fd,#d97706)}.ujm-ats-edits{position:absolute;top:0;height:100%}[data-theme=dark] .ujm-ats-edits{background:repeating-linear-gradient(90deg,rgba(103,184,240,.15) 0,rgba(103,184,240,.15) 3px,transparent 3px,transparent 6px)}.ujm-ats-edits,[data-theme=light] .ujm-ats-edits{background:repeating-linear-gradient(90deg,rgba(59,130,246,.12) 0,rgba(59,130,246,.12) 3px,transparent 3px,transparent 6px)}.ujm-ats-tick{position:absolute;top:0;width:1.5px;height:100%;background:var(--primary);opacity:.5}.ujm-ats-lbl{position:absolute;top:50%;transform:translateY(-50%);font-weight:700}.unified-modal-kw-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.kw{font-size:11px;padding:3px 10px;border-radius:var(--radius-sm);font-weight:500;white-space:nowrap}.kw-match{background:rgba(69,92,153,.1);color:#455c99}.kw-miss{background:rgba(246,84,39,.08);color:#b22c00;border-left:2px solid #f65427}[data-theme=dark] .kw-match{background:#0c4a6e;color:#7dd3fc}[data-theme=dark] .kw-miss{background:#451a03;color:#fdba74}.ujm-kw-label{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.unified-modal-buttons{display:flex;gap:6px;flex-wrap:wrap;padding:12px 24px 16px;flex-shrink:0}.unified-modal-buttons .btn{font-size:12px;padding:8px 16px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-weight:500;transition:background .15s}.unified-modal-buttons .btn:hover{background:var(--bg)}.unified-modal-buttons .btn-track{background:var(--navy);color:#fff;border:none}.btn-track:hover{background:var(--navy-light)}.unified-modal-buttons .btn-tailor{background:var(--primary);color:#fff;border:none}.unified-modal-buttons .btn-tailor:hover{opacity:.9}.unified-modal-buttons .btn-danger{color:#dc2626;border-color:#fecaca}.unified-modal-buttons .btn-danger:hover{background:rgba(220,38,38,.08)}.ujm-mobile-bottom{display:none;position:absolute;bottom:0;left:0;right:0;gap:8px;padding:12px 16px;padding-top:24px;z-index:10;background:linear-gradient(transparent,var(--surface) 30%)}.ujm-mobile-bottom button{flex:1;padding:12px;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.ujm-mobile-bottom .ujm-m-track{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.ujm-mobile-bottom .ujm-m-tailor{flex:2;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;color:#fff;font-weight:600;font-size:14px}@media (max-width:520px){.unified-modal-overlay{padding:0;align-items:stretch}.unified-modal-box{width:100%;max-height:100vh;border-radius:0;border:none}.ujm-mobile-topbar{display:flex}.ujm-mobile-bottom{display:flex}.ujm-close-x{display:none}.unified-modal-buttons{display:none}.unified-modal-header{padding:16px 16px 12px}.ujm-title-row{padding-right:0}.unified-modal-header h2{font-size:22px}.unified-modal-scroll{padding:16px;padding-bottom:80px}.ujm-ats-kw-block{padding:8px 16px 12px}.kw{font-size:10px}}.split-view{display:none;position:fixed;inset:0;z-index:900;flex-direction:column;background:var(--bg,#f9fafb)}.split-view.active{display:flex}.split-top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.split-top-left{display:flex;align-items:center;gap:16px}.split-top-left .back{font-size:12px;color:var(--primary);cursor:pointer;text-decoration:none}.split-top-right{display:flex;gap:8px}.split-container{display:flex;flex:1;overflow:hidden}.split-jd{width:38%;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);transition:width .3s}.split-jd.collapsed{width:0;overflow:hidden}.split-jd-header{padding:14px;border-bottom:1px solid var(--border);flex-shrink:0}.split-jd-header h3{font-size:14px;font-weight:600;margin:0}.split-jd-all{display:flex;flex-direction:column;flex:1;overflow:hidden}.split-jd-scroll{flex:1;overflow-y:auto;padding:12px 20px;font-size:12px;line-height:1.6}.split-jd-fixed{flex-shrink:0;border-top:1px solid var(--border)}.split-jd-section{padding:8px 14px;border-top:1px solid var(--border)}.split-jd-section textarea{width:100%;height:50px;border:1px solid var(--border);border-radius:4px;font-size:11px;padding:6px;resize:none;font-family:inherit}.split-jd-collapsed{display:none;writing-mode:vertical-rl;text-align:center;padding:20px 8px;background:var(--bg);cursor:pointer;font-size:10px;letter-spacing:3px;color:var(--text-secondary);font-weight:600}.split-jd.collapsed+.split-jd-collapsed,.split-jd.collapsed~.split-jd-collapsed{display:block}.jd-toggle{background:0 0;border:none;font-size:16px;cursor:pointer;color:#9ca3af;padding:4px}.jd-kw-found{background:#d1fae5;color:#047857;padding:0 2px;border-radius:2px;font-weight:600}.jd-kw-missing{background:#fee2e2;color:#b91c1c;padding:0 2px;border-radius:2px;font-weight:600}.jd-kw-pending{background:#dbeafe;color:#1d4ed8;padding:0 2px;border-radius:2px;font-weight:600}.split-editor{flex:1;display:flex;flex-direction:column;background:var(--surface)}.split-editor-header{padding:10px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.resume-select{font-size:11px;padding:4px 8px;border:1px solid var(--border);border-radius:4px}.ats-bar{width:120px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.ats-fill{height:100%;border-radius:3px}.split-editor-scroll{flex:1;overflow-y:auto;padding:24px 32px;background:var(--bg)}.doc-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.doc-tab{padding:8px 18px;font-size:11px;font-weight:600;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .15s}.doc-tab:hover{color:var(--text);background:var(--bg)}.doc-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.doc-panel{display:none;flex-direction:column;flex:1;overflow:hidden}.doc-panel.active{display:flex}.resume-doc{max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:32px 36px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.resume-name{font-size:20px;font-weight:700;text-align:center}.resume-contact{font-size:11px;color:var(--text-secondary);text-align:center;margin-top:4px}.resume-divider{border:none;border-top:1.5px solid var(--text);margin:14px 0 12px}.resume-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:16px 0 8px;border-bottom:1px solid var(--border);padding-bottom:4px}.resume-role{margin-bottom:12px}.resume-role-header{display:flex;justify-content:space-between}.resume-role-title{font-size:12px;font-weight:600}.resume-role-date{font-size:10px;color:var(--text-secondary)}.resume-role-company{font-size:11px;font-style:italic}.bullet-item{padding:6px 8px;border-radius:4px;margin:3px 0;font-size:11px;line-height:1.55;border-left:3px solid transparent}.bullet-item::before{content:"\2022";margin-right:6px;color:#9ca3af}.bullet-item.has-edit{background:#f8f7ff;border-left-color:var(--primary)}.bullet-item.no-edit{border-left-color:transparent}.bullet-item.accepted{background:#f0fdf4;border-left-color:#047857}.edit-highlight{background:#ede9fe;color:var(--primary);padding:0 2px;border-radius:2px}.edit-removed{text-decoration:line-through;color:#b91c1c;opacity:.6}.bullet-actions{display:flex;gap:4px;margin-top:4px;justify-content:flex-end}.pill{font-size:9px;padding:2px 8px;border-radius:10px;cursor:pointer;border:none;font-weight:500}.pill-accept{background:#ecfdf5;color:#047857}.pill-accept:hover{background:#d1fae5}.pill-discard{background:#fef2f2;color:#b91c1c}.pill-discard:hover{background:#fee2e2}.pill-edit{background:var(--bg);color:var(--text-secondary)}.pill-edit:hover{background:var(--border)}.pill-done{background:#f0fdf4;color:#047857;font-style:italic}.no-change-label{font-size:9px;color:silver;font-style:italic;text-align:right}.split-editor-footer{padding:10px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:var(--bg)}.analyzing{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:14px}.gemini-spin{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;position:relative}.gemini-spin::after{content:"\2726";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.analyzing-bar{width:200px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.analyzing-fill{height:100%;background:var(--primary);border-radius:2px;animation:analyzeProgress 2.5s ease-in-out forwards}@keyframes analyzeProgress{from{width:0}to{width:100%}}.cl-doc{max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:32px 36px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.cl-date{font-size:11px;color:var(--text-secondary);margin-bottom:16px}.cl-address{font-size:11px;line-height:1.6;margin-bottom:14px}.cl-salutation{font-size:11px;font-weight:600;margin-bottom:10px}.cl-paragraph{font-size:11px;line-height:1.65;margin-bottom:10px}.cl-closing{font-size:11px;margin-top:16px;line-height:1.8}.iq-doc{max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:28px 32px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.iq-section-title{font-size:13px;font-weight:700;margin:20px 0 10px;border-bottom:1px solid var(--border);padding-bottom:4px}.iq-section-title:first-child{margin-top:0}.iq-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px 14px;margin-bottom:8px}.iq-q{font-size:11px;font-weight:600;margin-bottom:6px}.iq-why{font-size:10px;color:var(--text-secondary);font-style:italic;margin-bottom:6px}.iq-hint{font-size:10px;color:var(--primary);cursor:pointer}.iq-hint:hover{text-decoration:underline}.iq-answer{font-size:10px;line-height:1.5;margin-top:6px;padding:8px 10px;background:#f8f7ff;border-radius:4px;border-left:3px solid var(--primary);display:none}.iq-kw{background:#dbeafe;color:#1d4ed8;padding:0 3px;border-radius:2px;font-weight:600;font-size:10px}.ip-sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ip-session-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;cursor:pointer;transition:box-shadow .2s,border-color .2s}.ip-session-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.08)}.ip-session-logo{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;flex-shrink:0}.ip-cat-header{font-size:14px;font-weight:700;padding:10px 0 6px;border-bottom:2px solid var(--border);margin-bottom:10px;display:flex;align-items:center;gap:8px}.ip-q-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:10px;transition:border-color .2s}.ip-q-card:hover{border-color:var(--primary)}.ip-q-card.answered{border-left:3px solid var(--success)}.ip-q-text{font-size:13px;font-weight:600;margin-bottom:6px}.ip-q-why{font-size:11px;color:var(--text-secondary);margin-bottom:8px}.ip-mock-panel{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:20px;margin-top:12px}.ip-answer-area{width:100%;min-height:120px;border:1px solid var(--border);border-radius:8px;padding:12px;font-size:13px;font-family:inherit;background:var(--surface);color:var(--text);resize:vertical}.ip-answer-area:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.ip-mic-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;position:relative}.ip-mic-btn:hover{border-color:var(--primary);color:var(--primary)}.ip-mic-btn.recording{border-color:#ef4444;color:#ef4444;animation:ip-pulse 1.5s infinite}.ip-mic-btn.recording::after{content:'';position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#ef4444;animation:ip-dot-pulse 1s infinite}@keyframes ip-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.3)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}@keyframes ip-dot-pulse{0%,100%{opacity:1}50%{opacity:.4}}.ip-score-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.ip-score-badge.green{background:#dcfce7;color:#166534}.ip-score-badge.yellow{background:#fef9c3;color:#854d0e}.ip-score-badge.red{background:#fee2e2;color:#991b1b}.ip-eval-feedback{font-size:13px;line-height:1.7;color:var(--text-secondary);margin:12px 0}.ip-improved-toggle{font-size:12px;color:var(--primary);cursor:pointer;font-weight:600}.ip-improved-toggle:hover{text-decoration:underline}.ip-improved-answer{font-size:12px;line-height:1.6;padding:12px;background:#f8f7ff;border-radius:6px;border-left:3px solid var(--primary);margin-top:8px;display:none}.ip-speak-btn{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:4px}.ip-speak-btn:hover{color:var(--primary)}.ip-back-btn{background:0 0;border:1px solid var(--border);border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer;color:var(--text);display:inline-flex;align-items:center;gap:6px}.ip-back-btn:hover{background:var(--surface)}.ip-kanban-icon{background:0 0;border:none;cursor:pointer;color:var(--text-secondary);font-size:12px;padding:2px 4px;border-radius:4px}.ip-kanban-icon:hover{color:var(--primary);background:rgba(99,102,241,.1)}.ip-artifact-icons{display:flex;gap:4px;align-items:center;margin-top:6px}.ip-artifact-dot{width:6px;height:6px;border-radius:50%}.resume-tree-parent{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);font-size:13px}.resume-tree-parent:hover{background:var(--bg)}.resume-tree-chevron{font-size:10px;color:#9ca3af;width:14px;transition:transform .2s}.resume-tree-children{padding-left:28px}.resume-tree-child{display:flex;align-items:center;gap:6px;padding:8px 14px;cursor:pointer;border-bottom:1px solid var(--bg);font-size:12px}.resume-tree-child:hover{background:#f8f7ff}.filter-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;line-height:16px;height:32px;box-sizing:border-box;border:1px solid rgba(197,198,209,.15);background:var(--surface);color:var(--text);cursor:pointer;user-select:none;white-space:nowrap;transition:all .15s;position:relative;overflow:visible;flex-shrink:0}.filter-pill:hover{border-color:rgba(197,198,209,.4)}.filter-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-pill .pill-clear{margin-left:2px;font-size:10px;opacity:.8;padding:2px;border-radius:50%;line-height:1}.filter-pill .pill-clear:hover{opacity:1;background:rgba(255,255,255,.25)}.pill-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:600;border:none;background:var(--surface);border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(19,27,46,.1);min-width:120px;overflow:hidden}.pill-dropdown-item{padding:8px 14px;font-size:12px;cursor:pointer;white-space:nowrap;color:var(--text);transition:background .1s}.pill-dropdown-item:hover{background:var(--bg)}.pill-dropdown-item.selected{color:var(--primary);font-weight:600}.ticker-bar{position:fixed;bottom:0;left:0;right:0;z-index:500;background:var(--navy);color:#fff;font-size:12px;font-family:inherit;overflow:hidden;max-width:100vw}.ticker-row{height:28px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;position:relative}.ticker-row:first-child{border-bottom:none}.ticker-track{display:inline-flex;gap:40px;animation:tickerScroll 45s linear infinite;padding-left:100%;position:relative}@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-item{display:inline-flex;align-items:center;gap:6px}.ticker-score{background:rgba(255,255,255,.2);padding:1px 6px;border-radius:8px;font-weight:700;font-size:11px}.ticker-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:rgba(255,255,255,.5);cursor:pointer;font-size:14px;z-index:2}.ticker-close:hover{color:#fff}.profile-tab{transition:all .15s}.profile-tab:hover{color:var(--text)!important}.profile-tab.active{font-weight:600}#profileView .card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}#profileView label{cursor:pointer}#profileView input[type=checkbox],#profileView input[type=radio]{margin-right:4px}body.has-ticker{padding-bottom:56px}@media (max-width:768px){.ticker-bar{font-size:10px}.ticker-row{height:24px}body.has-ticker{padding-bottom:48px}#pricingCards{grid-template-columns:1fr!important}#marketIndustryList{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}#marketIndustryList .card{min-width:220px!important;flex-shrink:0!important;scroll-snap-align:start}#employerView .card>div{grid-template-columns:1fr!important}#pulseContent .card{padding:12px!important}.stats-row{display:none!important}#jobsView>div:nth-child(2){position:sticky!important;top:0!important;z-index:10!important;background:var(--bg)!important;padding:4px 0!important}#jobFilterPills,#quadrantFilterPills{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:24px}#jobFilterPills::-webkit-scrollbar,#quadrantFilterPills::-webkit-scrollbar{display:none}.nav-item{min-height:44px}.filter-pill{height:36px;padding:6px 12px;font-size:12px;white-space:nowrap;flex-shrink:0;touch-action:manipulation}*{scrollbar-width:thin}::-webkit-scrollbar{width:0;height:0}body.has-ticker{padding-bottom:24px!important}#orgView:not(.hidden){display:flex!important;flex-direction:column!important}#orgView>div:first-child{order:99!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:50!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;border-bottom:none!important;padding:0!important;justify-content:space-around!important;flex-wrap:wrap!important}#orgView .org-tab{flex:1!important;text-align:center!important;padding:10px 4px!important;font-size:11px!important;border-bottom:none!important}#orgView .org-tab.active{border-top:2px solid var(--primary)!important;border-bottom:none!important}#orgFilterPills{position:fixed!important;bottom:44px!important;left:0!important;right:0!important;z-index:51!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;margin:0!important;padding:4px 8px 4px 8px!important;padding-right:24px!important;gap:4px!important}#orgFilterPills::-webkit-scrollbar{display:none}#orgFilterPills .filter-pill{font-size:11px!important;padding:6px 12px!important;white-space:nowrap!important;flex-shrink:0!important;touch-action:manipulation!important;min-height:36px!important}#orgChartTab>div:first-child{position:relative!important;top:auto!important;left:auto!important;padding:8px!important;gap:6px!important;flex-wrap:wrap!important}#orgChartTab>div:first-child select{max-width:55%!important;font-size:13px!important;flex:none!important}#orgChartTab>div:first-child input[type=search]{width:35%!important;font-size:16px!important;flex:none!important}#orgChartTab>div:first-child button{display:none!important}#orgChartTab>div:first-child span:not(#orgSearchCount){display:none!important}#orgChartTab>div:nth-child(2){display:none!important}#indBreadcrumb,#orgBreadcrumb{position:fixed!important;bottom:50px!important;left:8px!important;right:8px!important;font-size:12px!important;z-index:51!important}#orgView{height:calc(100vh - 64px)!important;overflow:hidden!important}#orgChartTab,#orgIndustryTab,#orgSortingTab{padding-bottom:88px!important;overflow:auto!important}#orgChart,#orgIndustryChart{height:calc(100vh - 160px)!important}#orgTreeSearch{font-size:16px!important}#orgIndustryTab>div:first-child{position:relative!important;top:auto!important;left:auto!important;padding:8px!important;gap:6px!important}#orgIndustryTab>div:first-child select{max-width:100%!important;flex:1}#orgIndustryTab>div:first-child input[type=search]{width:35%!important;font-size:16px!important;flex:none!important}#orgIndustryTab>div:first-child button,#orgIndustryTab>div:first-child span{display:none!important}#orgIndustryTab>div:nth-child(2){display:none!important}#indBreadcrumb,#orgBreadcrumb{display:none!important}}.survey-overlay{position:fixed;inset:0;z-index:2000;background:#0f172a;display:none;align-items:center;justify-content:center;flex-direction:column}.survey-overlay.active{display:flex}.survey-container{width:100%;max-width:700px;padding:24px;position:relative}.survey-close{position:absolute;top:16px;right:16px;background:0 0;border:none;color:#64748b;font-size:24px;cursor:pointer;z-index:10}.survey-close:hover{color:#e2e8f0}.survey-progress{text-align:center;margin-bottom:24px}.survey-progress-text{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.survey-progress-bar{height:4px;background:#334155;border-radius:2px;max-width:240px;margin:0 auto}.survey-progress-fill{height:100%;background:#3b82f6;border-radius:2px;width:12.5%;transition:width .4s ease}.survey-question{text-align:center;font-size:18px;font-weight:600;color:#e2e8f0;margin-bottom:24px}.survey-cards{display:flex;gap:16px;justify-content:center;animation:surveySlideIn .3s ease}.survey-card{flex:1;max-width:300px;background:#1e293b;border:2px solid #334155;border-radius:14px;padding:20px;cursor:pointer;transition:all .2s}.survey-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.survey-card-salary{font-size:22px;font-weight:700;color:#10b981;margin-bottom:14px}.survey-card-attr{font-size:13px;color:#cbd5e1;margin-bottom:8px;display:flex;align-items:center;gap:8px}.survey-card-attr .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.survey-card-or{display:flex;align-items:center;font-size:12px;color:#475569;font-weight:600;padding:0 4px}.survey-complete{text-align:center;color:#e2e8f0}.survey-complete h2{font-size:24px;margin-bottom:8px}.survey-complete p{color:#94a3b8;margin-bottom:20px}@keyframes surveySlideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:600px){.survey-cards{flex-direction:column;align-items:center}.survey-card{max-width:100%}.survey-card-or{padding:8px 0}}.editor-overlay{position:fixed;inset:0;z-index:1500;display:none}.editor-overlay.active{display:block}.editor-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.3)}.editor-panel{position:absolute;top:0;right:-60%;bottom:0;width:60%;background:var(--surface);box-shadow:-4px 0 20px rgba(0,0,0,.15);display:flex;flex-direction:column;transition:right .3s ease}.editor-overlay.active .editor-panel{right:0}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.editor-body{flex:1;overflow-y:auto;padding:20px}.editor-section{margin-bottom:24px}.editor-section-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding-bottom:6px}.editor-section-title .drag-handle{cursor:grab;color:var(--text-secondary);font-size:12px}.editor-field{margin-bottom:8px}.editor-field label{font-size:11px;color:var(--text-secondary);display:block;margin-bottom:2px}.editor-field input,.editor-field textarea{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--surface);color:var(--text);font-family:inherit}.editor-field textarea{min-height:80px;resize:vertical}.editor-exp-entry{border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:12px}.editor-exp-header{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.editor-bullet{display:flex;align-items:flex-start;gap:6px;margin-bottom:6px;padding:4px 0;border-bottom:1px solid var(--bg)}.editor-bullet input{flex:1;border:none;background:0 0;font-size:13px;color:var(--text);padding:4px 0;outline:0;font-family:inherit}.editor-bullet input:focus{border-bottom:1px solid var(--primary)}.editor-bullet .bullet-dot{color:var(--text-secondary);margin-top:4px;flex-shrink:0}.editor-bullet .bullet-delete{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:0 4px;flex-shrink:0;opacity:.5}.editor-bullet .bullet-delete:hover{color:var(--danger);opacity:1}.editor-bullet .bullet-story-dot{width:6px;height:6px;border-radius:50%;margin-top:7px;flex-shrink:0}.editor-add-btn{background:0 0;border:1px dashed var(--border);border-radius:6px;padding:6px 12px;font-size:12px;color:var(--text-secondary);cursor:pointer;width:100%;text-align:left}.editor-add-btn:hover{border-color:var(--primary);color:var(--primary)}@media (max-width:768px){.editor-panel{width:100%;right:-100%}}.chat-fab{position:fixed;bottom:60px;right:24px;z-index:1400;width:52px;height:52px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s}.chat-fab:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.3)}.chat-panel{position:fixed;bottom:120px;right:24px;z-index:1400;width:360px;max-height:500px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.15);display:none;flex-direction:column;overflow:hidden}.chat-panel.active{display:flex}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px;max-height:360px}.chat-msg{padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.5;max-width:85%;word-wrap:break-word}.chat-ai{background:var(--bg);color:var(--text);align-self:flex-start;border-bottom-left-radius:4px}.chat-user{background:var(--primary);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.chat-input-row input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:20px;font-size:13px;background:var(--surface);color:var(--text);outline:0}.chat-input-row input:focus{border-color:var(--primary)}.chat-send{background:var(--primary);color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px;flex-shrink:0}.chat-send:hover{opacity:.9}@media (max-width:600px){.chat-panel{width:calc(100vw - 16px);right:8px;bottom:80px;max-height:60vh}.chat-fab{bottom:20px;right:16px}}.pm-eyebrow{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600;margin-bottom:4px}.pm-title{font-size:2.5rem;font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.1;margin:0 0 8px;font-family:Manrope,sans-serif}.pm-subtitle{color:var(--text-secondary);font-size:.875rem;max-width:480px;line-height:1.6;margin:0 0 20px}@media (max-width:768px){.pm-title{font-size:1.75rem}}.pm-skeleton{background:linear-gradient(90deg,var(--surface-container) 25%,var(--surface-low) 50%,var(--surface-container) 75%);background-size:200% 100%;animation:pm-shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes pm-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.pm-loader{width:40px;height:40px;border-radius:50%;border:3px solid var(--surface-container);border-top-color:var(--primary);animation:pm-spin .8s linear infinite}@keyframes pm-spin{to{transform:rotate(360deg)}}#marketIndustryList .card{background:var(--surface);border:none;border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all .2s}#marketIndustryList .card:hover{background:var(--surface-low);transform:translateY(-2px)}
#industryPanel{max-height:calc(50vh - 80px);overflow-y:auto}
#industryFilters{max-height:calc(50vh - 120px);overflow-y:auto}
#companyPanel{max-height:calc(50vh - 80px);overflow-y:auto;background:var(--surface);border:none;border-radius:var(--radius-lg);padding:16px}
#companyTiles{max-height:calc(50vh - 140px);overflow-y:auto}
#quadrantRightPanel{max-height:calc(100vh - 92px);overflow:hidden}
#quadrantIndustryFilters{max-height:calc(40vh - 60px);overflow-y:auto}
#quadrantCompanyPanel{max-height:calc(60vh - 80px);overflow-y:auto}
/* ── Stitch 3 (Desktop) + Stitch 4 (Mobile) — Quadrant View Theme ── */
/* Precision Mariner: quadrant-grid background texture */
.quadrant-grid-bg{background-image:radial-gradient(circle,rgba(196,198,210,0.6) 1px,transparent 1px),linear-gradient(to right,#eeedf3 1px,transparent 1px),linear-gradient(to bottom,#eeedf3 1px,transparent 1px);background-size:24px 24px,48px 48px,48px 48px}
/* Stitch 4 Mobile: stack layout, aspect-fit chart */
@media(max-width:768px){
#quadrantView .q-main-layout{flex-direction:column!important}
#quadrantView .q-right-panel{width:100%!important;position:relative!important;top:auto!important;max-height:none!important;flex-direction:row;flex-wrap:wrap;gap:8px}
#quadrantView .q-right-panel>div{flex:1;min-width:calc(50% - 4px)}
#quadrantView .q-chart-container{height:min(70vw,420px)!important;min-height:260px!important}
#quadrantView .q-chart-card{padding:8px!important}
/* Stitch 4: full-bleed chart on mobile */
#quadrantView .quadrant-grid-bg{border-radius:0.375rem!important}
}
/* ══════════════════════════════════════════════════════════════
Onboarding v2
══════════════════════════════════════════════════════════════ */
.ob2-overlay {
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
z-index: 10000; background: var(--bg);
display: flex; align-items: center; justify-content: center;
}
.ob2-card {
width: 600px; max-width: 94vw; background: var(--surface);
border-radius: var(--radius-xl); padding: 0;
box-shadow: none;
}
.ob2-progress {
display: flex; justify-content: center; gap: 12px;
padding: 24px 0 0;
}
.ob2-progress-dot {
display: flex; flex-direction: column; align-items: center; gap: 4px;
}
.ob2-progress-dot-bar {
height: 6px; border-radius: 3px; transition: all 0.3s ease;
}
.ob2-progress-dot-bar.active { width: 28px; background: var(--primary); }
.ob2-progress-dot-bar.done { width: 12px; background: var(--primary); }
.ob2-progress-dot-bar.pending { width: 12px; background: var(--surface-high); }
.ob2-progress-label {
font-size: 9px; font-weight: 600; letter-spacing: 0.04em;
color: var(--text-secondary); transition: color 0.3s;
}
.ob2-progress-label.active { color: var(--primary); }
.ob2-body { padding: 32px 40px 40px; min-height: 380px; }
.ob2-title {
font-size: 24px; font-weight: 800; color: var(--text);
font-family: Manrope, sans-serif; letter-spacing: -0.02em; margin: 0 0 6px;
}
.ob2-subtitle {
font-size: 14px; color: var(--text-secondary); margin: 0 0 28px; line-height: 1.5;
}
.ob2-field { margin-bottom: 16px; }
.ob2-label {
font-size: 11px; font-weight: 600; color: var(--text-secondary);
text-transform: uppercase; letter-spacing: 0.06em;
display: block; margin-bottom: 4px;
}
.ob2-input {
width: 100%; padding: 10px 14px; border: none;
border-radius: var(--radius-sm); background: var(--surface-low);
color: var(--text); font-size: 14px; font-family: Manrope, sans-serif;
outline: none; transition: background 0.2s;
}
.ob2-input:focus { background: var(--surface-container); }
.ob2-input[readonly] { opacity: 0.6; cursor: default; }
.ob2-toggle-row {
display: flex; align-items: center; gap: 8px;
margin-top: 8px; font-size: 13px; color: var(--text-secondary);
}
.ob2-toggle-row input[type="checkbox"] {
accent-color: var(--success); width: 18px; height: 18px;
}
.ob2-btn {
padding: 12px 28px; border: none; border-radius: var(--radius-lg);
font-size: 14px; font-weight: 700; cursor: pointer;
font-family: Manrope, sans-serif; letter-spacing: 0.01em;
transition: opacity 0.2s;
}
.ob2-btn:hover { opacity: 0.9; }
.ob2-btn-primary { background: #455c99; color: #fff; }
.ob2-btn-orange { background: var(--primary); color: #fff; }
.ob2-btn-back {
padding: 10px 18px; border: none; border-radius: var(--radius-lg);
font-size: 13px; font-weight: 600; cursor: pointer;
background: var(--surface-low); color: var(--text-secondary);
font-family: Manrope, sans-serif;
}
.ob2-level-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 24px;
}
.ob2-level-card {
padding: 18px 16px; border-radius: var(--radius-lg);
background: var(--surface-low); cursor: pointer;
transition: all 0.2s; border-left: 4px solid transparent;
}
.ob2-level-card:hover { background: var(--surface-container); }
.ob2-level-card.selected {
background: var(--surface-container);
border-left-color: var(--success);
}
.ob2-level-card-title {
font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 2px;
}
.ob2-level-card-desc {
font-size: 12px; color: var(--text-secondary);
}
.ob2-chips {
display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px;
}
.ob2-chip {
display: inline-flex; align-items: center; gap: 6px;
padding: 6px 12px; border-radius: var(--radius-sm);
background: var(--surface-low); color: var(--text);
font-size: 13px; font-weight: 500; cursor: default;
}
.ob2-chip-remove {
cursor: pointer; font-size: 11px; color: var(--text-secondary);
font-weight: 700; line-height: 1;
}
.ob2-chip-remove:hover { color: var(--danger); }
.ob2-chip-input {
border: none; background: none; outline: none;
font-size: 13px; color: var(--text); min-width: 120px;
font-family: Manrope, sans-serif;
}
.ob2-dropzone {
border: 2px dashed rgba(197,198,209,0.3); border-radius: var(--radius-lg);
padding: 28px 20px; text-align: center; cursor: pointer;
transition: all 0.2s; background: var(--surface-low);
}
.ob2-dropzone:hover { border-color: var(--info); background: var(--surface-container); }
.ob2-summary-row {
display: flex; justify-content: space-between; align-items: center;
padding: 10px 0; border-bottom: 1px solid rgba(197,198,209,0.15);
font-size: 14px;
}
.ob2-summary-label { color: var(--text-secondary); font-weight: 500; }
.ob2-summary-value { color: var(--text); font-weight: 700; }
/* ══════════════════════════════════════════════════════════════
Post-Onboarding Choice Screen
══════════════════════════════════════════════════════════════ */
.ob2-choice-overlay {
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
z-index: 9999; background: var(--bg);
display: flex; flex-direction: column;
align-items: center; justify-content: center;
}
.ob2-choice-cards {
display: flex; gap: 20px; margin-top: 32px; max-width: 680px;
}
.ob2-choice-card {
flex: 1; padding: 32px 28px; border-radius: var(--radius-xl);
background: var(--surface); cursor: pointer;
transition: all 0.2s; text-align: center;
}
.ob2-choice-card:hover { background: var(--surface-container); }
.ob2-choice-card-icon {
font-size: 32px; margin-bottom: 12px; display: block;
}
.ob2-choice-card-title {
font-size: 18px; font-weight: 800; color: var(--text);
font-family: Manrope, sans-serif; margin-bottom: 4px;
}
.ob2-choice-card-time {
font-size: 13px; font-weight: 700; margin-bottom: 8px;
}
.ob2-choice-card-desc {
font-size: 13px; color: var(--text-secondary); line-height: 1.5;
}
.ob2-choice-skip {
margin-top: 24px; font-size: 13px; color: var(--text-secondary);
cursor: pointer; background: none; border: none;
font-family: Manrope, sans-serif;
}
.ob2-choice-skip:hover { color: var(--text); }
/* ══════════════════════════════════════════════════════════════
Profile Page v2: Core Profile + Target Profiles
══════════════════════════════════════════════════════════════ */
.prof2-core-banner {
background: linear-gradient(135deg, var(--navy) 0%, #1a2d4d 60%, #243b5e 100%);
border-radius: var(--radius-xl); padding: 32px 28px;
margin-bottom: 32px; position: relative; overflow: hidden;
}
.prof2-core-badge {
display: inline-flex; align-items: center; gap: 6px;
font-size: 10px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.12em; color: rgba(255,255,255,0.5);
margin-bottom: 12px;
}
.prof2-core-name {
font-size: 24px; font-weight: 800; color: #fff;
font-family: Manrope, sans-serif; letter-spacing: -0.02em;
}
.prof2-core-email {
font-size: 13px; color: rgba(255,255,255,0.45); margin-top: 2px;
}
.prof2-core-stats {
display: flex; gap: 24px; margin-top: 16px; flex-wrap: wrap;
}
.prof2-core-stat {
text-align: center;
}
.prof2-core-stat-value {
font-size: 20px; font-weight: 800; color: #fff;
font-family: Manrope, sans-serif;
}
.prof2-core-stat-label {
font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em;
color: rgba(255,255,255,0.4); font-weight: 600;
}
.prof2-section-header {
display: flex; justify-content: space-between; align-items: center;
margin-bottom: 20px;
}
.prof2-section-title {
font-size: 14px; font-weight: 800; text-transform: uppercase;
letter-spacing: 0.12em; color: var(--text-secondary);
}
.prof2-section-subtitle {
font-size: 12px; color: var(--text-secondary); opacity: 0.6;
margin-left: 10px;
}
.prof2-target-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 16px; margin-bottom: 32px;
}
.prof2-target-card {
background: var(--surface); border-radius: var(--radius-lg);
padding: 20px; cursor: pointer; transition: all 0.2s;
position: relative;
}
.prof2-target-card:hover { background: var(--surface-container); }
.prof2-target-card.active {
outline: 2px solid var(--success);
outline-offset: -2px;
}
.prof2-active-badge {
display: inline-flex; align-items: center; gap: 4px;
font-size: 10px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.08em; color: #fff;
background: var(--success); padding: 3px 10px;
border-radius: 20px; position: absolute; top: 12px; right: 12px;
}
.prof2-target-title {
font-size: 17px; font-weight: 700; color: var(--text);
font-family: Manrope, sans-serif; margin-bottom: 4px;
}
.prof2-target-meta {
font-size: 12px; color: var(--text-secondary); margin-bottom: 12px;
}
.prof2-target-details {
display: flex; gap: 16px; flex-wrap: wrap;
font-size: 12px; color: var(--text-secondary);
}
.prof2-target-detail {
display: flex; align-items: center; gap: 4px;
}
.prof2-target-actions {
display: flex; gap: 8px; margin-top: 14px;
border-top: 1px solid rgba(197,198,209,0.15); padding-top: 12px;
}
.prof2-target-action-btn {
padding: 6px 12px; border: none; border-radius: var(--radius-sm);
font-size: 11px; font-weight: 600; cursor: pointer;
background: var(--surface-low); color: var(--text-secondary);
font-family: Manrope, sans-serif; transition: background 0.2s;
}
.prof2-target-action-btn:hover { background: var(--surface-container); }
.prof2-create-btn {
width: 100%; padding: 16px; border: none; border-radius: var(--radius-lg);
background: var(--success); color: #fff;
font-size: 15px; font-weight: 700; cursor: pointer;
font-family: Manrope, sans-serif; transition: opacity 0.2s;
}
.prof2-create-btn:hover { opacity: 0.9; }
.prof2-create-form {
background: var(--surface); border-radius: var(--radius-lg);
padding: 28px; margin-bottom: 20px;
}
.prof2-create-form .ob2-field { margin-bottom: 14px; }
.prof2-match-circle {
width: 40px; height: 40px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 13px; font-weight: 800; color: #fff;
font-family: Manrope, sans-serif; flex-shrink: 0;
}
.prof2-match-circle.green { background: var(--success); }
.prof2-match-circle.teal { background: #14b8a6; }
.prof2-match-circle.amber { background: var(--warning); }
.prof2-match-circle.gray { background: #9ca3af; }
/* ══════════════════════════════════════════════════════════════
Ask Ringsail — Collapsible Chat Drawer
══════════════════════════════════════════════════════════════ */
@keyframes rsChatPeek {
0% { transform: translateX(100%); box-shadow: none; }
30% { transform: translateX(62%); box-shadow: -4px 0 24px rgba(0,0,0,0.08); }
65% { transform: translateX(62%); box-shadow: -4px 0 24px rgba(0,0,0,0.08); }
100% { transform: translateX(100%); box-shadow: none; }
}
.rs-chat-sidebar.rs-chat-peek {
animation: rsChatPeek 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-chat-sidebar {
width: 300px;
background: rgba(255,255,255,0.7);
backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
border-left: 1px solid rgba(197,198,209,0.15);
display: flex; flex-direction: column;
position: fixed; right: 0; top: 64px; bottom: 0; z-index: 150;
transform: translateX(100%);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
box-shadow: none;
}
.rs-chat-sidebar.rs-chat-open {
transform: translateX(0);
box-shadow: -4px 0 24px rgba(0,0,0,0.08);
}
/* Tab that sticks out from the right edge, always visible */
.rs-chat-toggle-tab {
position: fixed; right: 0; top: 50%;
transform: translateY(-50%);
z-index: 151;
width: 36px; height: 108px;
background: #455c99; color: #fff;
border: none; border-radius: 8px 0 0 8px;
cursor: pointer;
display: flex; flex-direction: column;
align-items: center; justify-content: center; gap: 8px;
transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s;
box-shadow: -2px 2px 12px rgba(69,92,153,0.25);
padding: 0;
}
.rs-chat-toggle-tab:hover { opacity: 0.88; }
.rs-chat-toggle-tab .rs-tab-icon { font-size: 14px; line-height: 1; }
.rs-chat-toggle-tab .rs-tab-text {
writing-mode: vertical-lr;
font-size: 9px; font-weight: 700;
font-family: Manrope, sans-serif;
letter-spacing: 0.8px; text-transform: uppercase;
}
.rs-chat-toggle-tab.rs-tab-open { right: 300px; }
/* Header — now includes close affordance */
.rs-chat-header {
padding: 20px 20px 16px;
border-bottom: 1px solid rgba(197,198,209,0.15);
display: flex; flex-direction: column;
}
.rs-chat-header-row {
display: flex; align-items: center; justify-content: space-between;
}
.rs-chat-header-title {
font-size: 15px; font-weight: 800; color: var(--text);
font-family: Manrope, sans-serif;
display: flex; align-items: center; gap: 8px;
}
.rs-chat-close-btn {
width: 28px; height: 28px; border-radius: 50%;
border: none; background: transparent; color: var(--text-secondary);
cursor: pointer; font-size: 16px;
display: flex; align-items: center; justify-content: center;
transition: background 0.15s, color 0.15s;
}
.rs-chat-close-btn:hover { background: var(--surface-low); color: var(--text); }
.rs-chat-header-subtitle {
font-size: 11px; color: var(--text-secondary); margin-top: 4px;
}
.rs-chat-messages {
flex: 1; overflow-y: auto; padding: 16px 20px;
display: flex; flex-direction: column; gap: 12px;
}
.rs-chat-msg {
padding: 10px 14px; border-radius: var(--radius-lg);
font-size: 13px; line-height: 1.5; max-width: 90%;
}
.rs-chat-msg-ai {
background: var(--surface-low); color: var(--text);
align-self: flex-start;
}
.rs-chat-msg-user {
background: #455c99; color: #fff; align-self: flex-end;
}
.rs-chat-input-row {
padding: 12px 16px; border-top: 1px solid rgba(197,198,209,0.15);
display: flex; gap: 8px;
}
.rs-chat-input {
flex: 1; padding: 10px 14px; border: none;
border-radius: var(--radius-lg); background: var(--surface-low);
color: var(--text); font-size: 13px; font-family: Manrope, sans-serif;
outline: none;
}
.rs-chat-input:focus { background: var(--surface-container); }
.rs-chat-send {
width: 38px; height: 38px; border-radius: var(--radius-lg);
border: none; background: #455c99; color: #fff;
cursor: pointer; display: flex; align-items: center; justify-content: center;
font-size: 14px; transition: opacity 0.2s;
}
.rs-chat-send:hover { opacity: 0.85; }
/* Old FAB — hidden, replaced by toggle tab */
.rs-chat-fab { display: none !important; }
@media (max-width: 768px) {
.rs-chat-sidebar { width: 100%; }
.rs-chat-toggle-tab.rs-tab-open { right: 100%; }
.rs-chat-toggle-tab { top: auto; bottom: 80px; transform: none; }
/* Job cards — fill mobile width, prevent overflow */
.jc2-card { padding: 12px 14px; max-width: 100%; box-sizing: border-box; overflow: hidden; }
.jc2-row { gap: 10px; }
.jc2-info { min-width: 0; overflow: hidden; }
.jc2-score-circle { width: 42px; height: 42px; font-size: 15px; flex-shrink: 0; }
.jc2-title {
white-space: normal;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden; font-size: 14px; max-width: 100%; text-overflow: unset;
}
.jc2-meta { font-size: 12px; gap: 4px; flex-wrap: wrap; min-width: 0; }
.jc2-meta span[style*="white-space:nowrap"],
.jc2-meta span[style*="white-space: nowrap"] { white-space: normal !important; }
.jc2-bottom { flex-wrap: wrap; gap: 8px; }
.jc2-apply-btn { font-size: 11px; padding: 7px 12px; }
}
@media (max-width: 480px) {
.jc2-card { padding: 10px 12px; }
.jc2-score-circle { width: 36px; height: 36px; font-size: 13px; }
.jc2-bottom { flex-direction: column; align-items: stretch; gap: 6px; margin-top: 8px; }
.jc2-actions { flex-direction: column; align-items: stretch; gap: 6px; }
.jc2-apply-btn { width: 100%; justify-content: center; font-size: 12px; }
.jc2-bottom .btn-auto-apply { width: 100%; justify-content: center; }
.jc2-save-btn { align-self: flex-start; }
}
/* Main layout — sidebar is fixed overlay, content fills full width */
.main-container { display: flex; }
.main-container .content { flex: 1; min-width: 0; }
.view-content {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
min-height: calc(100vh - 64px);
background: var(--bg);
}
.view-content-narrow {
max-width: 880px;
margin: 0 auto;
padding: 0 20px;
min-height: calc(100vh - 64px);
background: var(--bg);
}
/* ══════════════════════════════════════════════════════════════
Deep Experience Survey
══════════════════════════════════════════════════════════════ */
.ds-overlay {
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
z-index: 10000; background: var(--bg);
display: flex; align-items: center; justify-content: center;
overflow-y: auto;
}
.ds-card {
width: 640px; max-width: 94vw; background: var(--surface);
border-radius: var(--radius-xl); padding: 0;
box-shadow: none; margin: 20px auto;
}
.ds-body { padding: 32px 40px 40px; }
.ds-progress-bar {
height: 4px; background: var(--surface-high);
border-radius: 2px; overflow: hidden; margin-bottom: 24px;
}
.ds-progress-fill {
height: 100%; border-radius: 2px;
transition: width 0.4s ease;
}
.ds-progress-label {
font-size: 11px; font-weight: 600; color: var(--text-secondary);
margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.06em;
}
.ds-domain-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
margin-bottom: 24px;
}
.ds-domain-card {
padding: 18px 16px; border-radius: var(--radius-lg);
background: var(--surface-low); cursor: pointer;
transition: all 0.2s; border-left: 4px solid transparent;
display: flex; align-items: center; gap: 12px;
}
.ds-domain-card:hover { background: var(--surface-container); }
.ds-domain-card.selected { background: var(--surface-container); }
.ds-domain-card-icon {
width: 36px; height: 36px; border-radius: var(--radius-md);
display: flex; align-items: center; justify-content: center;
font-size: 16px; color: #fff; flex-shrink: 0;
}
.ds-domain-card-text {
font-size: 14px; font-weight: 600; color: var(--text);
}
.ds-textarea {
width: 100%; padding: 14px 16px; border: none;
border-radius: var(--radius-lg); background: var(--surface-low);
color: var(--text); font-size: 14px; font-family: Manrope, sans-serif;
outline: none; resize: vertical; min-height: 100px;
line-height: 1.6; transition: background 0.2s;
}
.ds-textarea:focus { background: var(--surface-container); }
.ds-skill-row {
display: flex; align-items: center; justify-content: space-between;
padding: 12px 0; border-bottom: 1px solid rgba(197,198,209,0.15);
}
.ds-skill-row:last-child { border-bottom: none; }
.ds-skill-name {
font-size: 14px; font-weight: 500; color: var(--text);
flex: 1; min-width: 0;
}
.ds-skill-circles {
display: flex; gap: 8px; align-items: center; flex-shrink: 0;
}
.ds-skill-circle {
width: 28px; height: 28px; border-radius: 50%;
background: var(--surface-high); cursor: pointer;
display: flex; align-items: center; justify-content: center;
font-size: 10px; font-weight: 700; color: var(--text-secondary);
transition: all 0.2s; border: none;
}
.ds-skill-circle:hover { transform: scale(1.1); }
.ds-skill-circle.filled { color: #fff; }
.ds-skill-labels {
display: flex; justify-content: space-between;
font-size: 9px; color: var(--text-secondary); font-weight: 600;
letter-spacing: 0.04em; margin-top: 2px; padding-left: 0;
text-transform: uppercase;
}
.ds-summary-domain {
background: var(--surface-low); border-radius: var(--radius-lg);
padding: 16px 20px; margin-bottom: 12px;
}
.ds-summary-domain-header {
display: flex; align-items: center; gap: 10px;
margin-bottom: 8px;
}
.ds-summary-domain-name {
font-size: 15px; font-weight: 700; color: var(--text);
font-family: Manrope, sans-serif;
}
.ds-summary-desc {
font-size: 12px; color: var(--text-secondary);
line-height: 1.5; margin-bottom: 10px;
font-style: italic;
}
.ds-summary-skills {
display: flex; flex-wrap: wrap; gap: 6px;
}
.ds-summary-skill-chip {
display: inline-flex; align-items: center; gap: 4px;
padding: 3px 10px; border-radius: 20px;
font-size: 11px; font-weight: 600; color: #fff;
}
.ds-btn-row {
display: flex; justify-content: space-between; margin-top: 28px;
}
.ds-collaborative-note {
font-size: 12px; color: var(--text-secondary);
margin-top: 10px; line-height: 1.5;
padding: 8px 12px; background: var(--surface-low);
border-radius: var(--radius-sm);
border-left: 3px solid var(--success);
}
/* ══════════════════════════════════════════════════════════════
Job Card v2 — Large Score Circles + Dynamic CTA
══════════════════════════════════════════════════════════════ */
.jc2-card {
background: var(--surface); border-radius: var(--radius-lg);
padding: 16px 20px; margin-bottom: 10px; cursor: pointer;
transition: background 0.2s; position: relative;
}
.jc2-card:hover { background: var(--surface-container); }
.jc2-row {
display: flex; align-items: flex-start; gap: 16px;
}
.jc2-score-circle {
width: 52px; height: 52px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 18px; font-weight: 800; color: #fff;
font-family: Manrope, sans-serif; flex-shrink: 0;
}
.jc2-score-circle.sc-green { background: linear-gradient(135deg, #10b981, #059669); }
.jc2-score-circle.sc-teal { background: linear-gradient(135deg, #14b8a6, #0d9488); }
.jc2-score-circle.sc-amber { background: linear-gradient(135deg, #f59e0b, #d97706); }
.jc2-score-circle.sc-gray { background: #9ca3af; }
.jc2-score-circle.sc-none { background: var(--surface-high); color: var(--text-secondary); font-size: 14px; }
.jc2-info { flex: 1; min-width: 0; }
.jc2-title {
font-size: 15px; font-weight: 700; color: var(--text);
font-family: Manrope, sans-serif; margin-bottom: 2px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
word-break: break-word;
}
.jc2-meta {
font-size: 13px; color: var(--text-secondary);
display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
margin-bottom: 6px;
}
.jc2-salary {
color: var(--success); font-weight: 600; font-size: 12px;
}
.jc2-tags {
display: flex; gap: 6px; flex-wrap: wrap; align-items: center;
margin-top: 4px;
}
.jc2-bottom {
display: flex; justify-content: space-between; align-items: center;
margin-top: 10px;
}
.jc2-actions { display: flex; gap: 8px; align-items: center; }
.jc2-apply-btn {
padding: 8px 16px; border: none; border-radius: var(--radius-lg);
font-size: 12px; font-weight: 700; cursor: pointer;
font-family: Manrope, sans-serif; color: #fff;
transition: opacity 0.2s; display: inline-flex;
align-items: center; gap: 6px;
}
.jc2-apply-btn:hover { opacity: 0.9; }
.jc2-apply-btn.portal { background: #10b981; }
.jc2-apply-btn.linkedin { background: #0A66C2; }
.jc2-save-btn {
padding: 6px 12px; border-radius: var(--radius-sm);
font-size: 11px; font-weight: 600; cursor: pointer;
background: transparent; border: 1px solid var(--border);
color: var(--text-secondary); font-family: Manrope, sans-serif;
transition: all 0.2s;
}
.jc2-save-btn.saved {
background: var(--primary); color: #fff; border-color: var(--primary);
}
/* ══════════════════════════════════════════════════════════════
Apply Confirmation Flow (4-step overlay)
══════════════════════════════════════════════════════════════ */
.ac-overlay {
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
z-index: 10000; background: rgba(0,15,34,0.4);
backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
display: flex; align-items: center; justify-content: center;
}
.ac-card {
width: 520px; max-width: 94vw; background: var(--surface);
border-radius: var(--radius-xl); padding: 0;
box-shadow: none;
}
.ac-body { padding: 28px 36px 36px; }
.ac-steps {
display: flex; justify-content: center; gap: 8px;
padding: 20px 0 0;
}
.ac-step-dot {
width: 8px; height: 8px; border-radius: 50%;
background: var(--surface-high); transition: all 0.3s;
}
.ac-step-dot.active { width: 24px; border-radius: 4px; background: #10b981; }
.ac-step-dot.done { background: #10b981; }
.ac-info-row {
display: flex; justify-content: space-between; align-items: center;
padding: 10px 0; border-bottom: 1px solid rgba(197,198,209,0.15);
font-size: 14px;
}
.ac-info-label { color: var(--text-secondary); font-weight: 500; }
.ac-info-value { color: var(--text); font-weight: 600; }
.ac-resume-option {
padding: 14px 16px; border-radius: var(--radius-lg);
background: var(--surface-low); cursor: pointer;
transition: all 0.2s; margin-bottom: 8px;
display: flex; align-items: center; gap: 12px;
border-left: 4px solid transparent;
}
.ac-resume-option:hover { background: var(--surface-container); }
.ac-resume-option.selected {
background: var(--surface-container);
border-left-color: #10b981;
}
.ac-checkbox-row {
display: flex; align-items: center; gap: 10px;
margin: 16px 0; font-size: 13px; color: var(--text-secondary);
}
.ac-checkbox-row input[type="checkbox"] {
accent-color: #10b981; width: 18px; height: 18px;
}
.ac-success-icon {
font-size: 56px; color: #10b981; margin-bottom: 16px;
}
/* ══════════════════════════════════════════════════════════════
Resume Tailoring Flow
══════════════════════════════════════════════════════════════ */
.rt-overlay {
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
z-index: 10000; background: var(--bg);
display: flex; align-items: flex-start; justify-content: center;
overflow-y: auto; padding: 40px 20px;
}
.rt-card {
width: 800px; max-width: 100%; background: var(--surface);
border-radius: var(--radius-xl); padding: 0;
box-shadow: none;
}
.rt-body { padding: 32px 40px 40px; }
.rt-source-cards {
display: flex; gap: 16px; align-items: stretch; margin-bottom: 24px;
}
.rt-source-card {
flex: 1; padding: 20px; border-radius: var(--radius-lg);
background: var(--surface-low);
}
.rt-source-card-label {
font-size: 10px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.1em; margin-bottom: 8px;
}
.rt-source-card-title {
font-size: 16px; font-weight: 700; color: var(--text);
font-family: Manrope, sans-serif; margin-bottom: 4px;
}
.rt-source-card-meta {
font-size: 12px; color: var(--text-secondary); line-height: 1.5;
}
.rt-arrow {
display: flex; align-items: center; justify-content: center;
font-size: 20px; color: var(--text-secondary); flex-shrink: 0;
width: 40px;
}
.rt-compare {
display: flex; gap: 16px; margin-bottom: 20px;
}
.rt-compare-panel {
flex: 1; border-radius: var(--radius-lg); padding: 20px;
min-height: 120px;
}
.rt-compare-panel.current {
background: var(--surface-low);
}
.rt-compare-panel.suggested {
background: var(--surface);
border-left: 3px solid var(--success);
}
.rt-compare-label {
font-size: 10px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.1em; margin-bottom: 8px;
}
.rt-compare-text {
font-size: 13px; color: var(--text); line-height: 1.7;
}
.rt-quick-actions {
display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;
}
.rt-quick-btn {
padding: 8px 16px; border: none; border-radius: var(--radius-lg);
font-size: 12px; font-weight: 600; cursor: pointer;
font-family: Manrope, sans-serif; transition: opacity 0.2s;
}
.rt-quick-btn:hover { opacity: 0.85; }
.rt-quick-btn.accept { background: var(--success); color: #fff; }
.rt-quick-btn.action { background: var(--surface-low); color: var(--text); }
.rt-preview {
background: #fff; border-radius: var(--radius-lg);
padding: 32px; margin-bottom: 20px;
border: 1px solid rgba(197,198,209,0.15);
}
.rt-preview-note {
background: var(--surface-low); border-radius: var(--radius-sm);
padding: 10px 14px; font-size: 12px; color: var(--text-secondary);
margin-bottom: 20px; border-left: 3px solid var(--success);
line-height: 1.5;
}
.rt-preview h3 {
font-size: 11px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.08em; color: var(--text-secondary);
margin: 20px 0 8px; padding-bottom: 4px;
border-bottom: 1px solid rgba(197,198,209,0.15);
}
.rt-preview h3:first-child { margin-top: 0; }
.rt-preview-name {
font-size: 22px; font-weight: 800; color: var(--text);
font-family: Manrope, sans-serif; text-align: center;
margin-bottom: 4px;
}
.rt-preview-contact {
text-align: center; font-size: 12px; color: var(--text-secondary);
margin-bottom: 16px;
}
.rt-preview-summary {
font-size: 13px; color: var(--text); line-height: 1.7;
margin-bottom: 16px;
}
.rt-preview-exp {
margin-bottom: 12px;
}
.rt-preview-exp-header {
display: flex; justify-content: space-between; align-items: baseline;
margin-bottom: 4px;
}
.rt-preview-exp-title {
font-size: 14px; font-weight: 700; color: var(--text);
}
.rt-preview-exp-dates {
font-size: 11px; color: var(--text-secondary);
}
.rt-preview-exp-company {
font-size: 12px; color: var(--text-secondary); margin-bottom: 4px;
}
.rt-preview-exp-bullets {
padding-left: 16px; font-size: 12px; color: var(--text);
line-height: 1.6;
}
.rt-preview-exp-bullets li { margin-bottom: 2px; }
.rt-preview-skills {
display: flex; flex-wrap: wrap; gap: 6px;
}
.rt-preview-skill-chip {
padding: 4px 10px; border-radius: var(--radius-sm);
background: var(--surface-low); font-size: 11px;
font-weight: 500; color: var(--text);
}
.rt-action-bar {
display: flex; gap: 8px; flex-wrap: wrap; justify-content: center;
}
.rt-action-btn {
padding: 10px 20px; border: none; border-radius: var(--radius-lg);
font-size: 13px; font-weight: 700; cursor: pointer;
font-family: Manrope, sans-serif; transition: opacity 0.2s;
display: inline-flex; align-items: center; gap: 6px;
}
.rt-action-btn:hover { opacity: 0.9; }
.rt-action-btn.primary { background: var(--success); color: #fff; }
.rt-action-btn.secondary { background: #455c99; color: #fff; }
.rt-action-btn.ghost { background: var(--surface-low); color: var(--text); }
/* ══════════════════════════════════════════════════════════════
Job Search Agent
══════════════════════════════════════════════════════════════ */
.ag-enable-card {
text-align: center; padding: 48px 32px;
background: var(--surface); border-radius: var(--radius-xl);
max-width: 480px; margin: 0 auto;
}
.ag-enable-btn {
padding: 16px 36px; border: none; border-radius: var(--radius-xl);
background: var(--success); color: #fff;
font-size: 18px; font-weight: 800; cursor: pointer;
font-family: Manrope, sans-serif; transition: opacity 0.2s;
display: inline-flex; align-items: center; gap: 10px;
}
.ag-enable-btn:hover { opacity: 0.9; }
.ag-confirm-overlay {
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
z-index: 10000; background: rgba(0,15,34,0.4);
backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
display: flex; align-items: center; justify-content: center;
}
.ag-confirm-card {
width: 520px; max-width: 94vw; background: var(--surface);
border-radius: var(--radius-xl);
}
.ag-confirm-body { padding: 32px 36px 36px; }
.ag-benefit-cards {
display: flex; flex-direction: column; gap: 12px;
margin: 20px 0;
}
.ag-benefit-card {
display: flex; align-items: flex-start; gap: 14px;
padding: 14px 16px; border-radius: var(--radius-lg);
background: var(--surface-low);
}
.ag-benefit-icon {
font-size: 20px; flex-shrink: 0; width: 32px;
text-align: center; line-height: 1.4;
}
.ag-benefit-title {
font-size: 14px; font-weight: 700; color: var(--text);
margin-bottom: 2px;
}
.ag-benefit-desc {
font-size: 12px; color: var(--text-secondary); line-height: 1.5;
}
.ag-safety-note {
font-size: 12px; color: var(--text-secondary);
padding: 10px 14px; background: var(--surface-low);
border-radius: var(--radius-sm); border-left: 3px solid var(--success);
margin: 16px 0; line-height: 1.5;
}
.ag-dashboard {
max-width: 700px; margin: 0 auto; padding: 32px 20px;
}
.ag-status-card {
background: linear-gradient(135deg, var(--navy) 0%, #1a2d4d 60%, #243b5e 100%);
border-radius: var(--radius-xl); padding: 24px 28px;
color: #fff; margin-bottom: 24px; position: relative; overflow: hidden;
}
.ag-status-badge {
display: inline-flex; align-items: center; gap: 6px;
padding: 4px 12px; border-radius: 20px; font-size: 11px;
font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;
}
.ag-status-badge.active { background: rgba(16,185,129,0.3); color: #6ee7b7; }
.ag-status-badge.inactive { background: rgba(156,163,175,0.3); color: #9ca3af; }
.ag-stats-row {
display: flex; gap: 24px; margin-top: 16px; flex-wrap: wrap;
}
.ag-stat { text-align: center; }
.ag-stat-value {
font-size: 22px; font-weight: 800; font-family: Manrope, sans-serif;
}
.ag-stat-label {
font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em;
color: rgba(255,255,255,0.5); font-weight: 600;
}
.ag-daily-card {
background: var(--surface); border-radius: var(--radius-lg);
padding: 20px; margin-bottom: 16px;
}
.ag-daily-header {
font-size: 14px; font-weight: 700; color: var(--text);
margin-bottom: 12px; font-family: Manrope, sans-serif;
}
.ag-match-item {
display: flex; align-items: center; gap: 12px;
padding: 12px 0; border-bottom: 1px solid rgba(197,198,209,0.15);
cursor: pointer; transition: background 0.2s;
}
.ag-match-item:last-child { border-bottom: none; }
.ag-match-item:hover { background: var(--surface-low); border-radius: var(--radius-sm); margin: 0 -8px; padding: 12px 8px; }
.ag-match-letter {
width: 32px; height: 32px; border-radius: 50%;
background: var(--success); color: #fff;
display: flex; align-items: center; justify-content: center;
font-size: 14px; font-weight: 800; font-family: Manrope, sans-serif;
flex-shrink: 0;
}
.ag-match-info { flex: 1; min-width: 0; }
.ag-match-title {
font-size: 14px; font-weight: 600; color: var(--text);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ag-match-meta {
font-size: 12px; color: var(--text-secondary);
display: flex; gap: 8px; align-items: center;
}
.ag-match-score {
font-size: 14px; font-weight: 800; font-family: Manrope, sans-serif;
flex-shrink: 0;
}
.ag-settings-card {
background: var(--surface); border-radius: var(--radius-lg);
padding: 20px; margin-bottom: 16px;
}
.ag-setting-row {
display: flex; justify-content: space-between; align-items: center;
padding: 10px 0; border-bottom: 1px solid rgba(197,198,209,0.15);
}
.ag-setting-row:last-child { border-bottom: none; }
.ag-setting-label {
font-size: 13px; font-weight: 500; color: var(--text);
}
.ag-setting-value {
font-size: 13px; color: var(--text-secondary);
}
/* Splash page industry cards */
.splash-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 16px;
padding: 24px 0;
}
.splash-tile {
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 16px;
transition: all 0.3s ease;
animation: slideIn 0.5s ease-out forwards;
opacity: 0;
}
@keyframes slideIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.splash-tile:hover {
border-color: var(--primary);
background: linear-gradient(135deg, rgba(37, 99, 235, 0.02), rgba(59, 130, 246, 0.02));
transform: translateY(-2px);
}
.splash-tile-sector {
font-size: 16px;
font-weight: 600;
color: var(--text);
margin-bottom: 8px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.splash-tile-count {
font-size: 24px;
font-weight: 700;
margin-bottom: 4px;
color: var(--primary);
}
.splash-tile-label {
font-size: 12px;
color: var(--text-secondary);
margin-bottom: 8px;
}
.splash-tile-bar {
height: 4px;
border-radius: 2px;
background: linear-gradient(90deg, var(--primary), transparent);
}