:root{--bg: #f3f7fb;--panel: #ffffff;--panel-muted: #f8fbff;--text: #18202b;--muted: #697586;--border: #dbe7ef;--border-soft: #edf0f4;--primary: #12a8c8;--primary-strong: #087d98;--success: #1d6539;--warning: #805600;--danger: #bc1b3a;--sidebar: #ffffff;--shadow-soft: 0 16px 40px rgba(26, 78, 105, .08);--shadow-lift: 0 18px 38px rgba(18, 168, 200, .18);--radius: 8px;--space-page: clamp(16px, 2.1vw, 32px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#ffffff 0,#ffffff 72px,transparent 72px),var(--bg)}body::selection{background:#cfe0ff}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid #e7eef5;box-shadow:12px 0 30px #0f5b730a;color:#243041;padding:24px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;min-height:52px}.brand strong,.brand span{display:block}.brand strong{font-size:17px}.brand span{color:#6d7785;font-size:12px;margin-top:2px}.brand svg{color:var(--primary)}.nav-list{display:grid;gap:8px;margin-top:34px}.nav-list a{color:#667085;text-decoration:none;padding:10px 12px;border-radius:8px;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-list a:hover{background:#e6f8fc;color:#075f74;transform:translate(2px)}.workspace{padding:var(--space-page);position:relative;overflow:auto}.workspace:before{background:linear-gradient(135deg,#3ac8d8,#31bdd1 48%,#42c5dd);content:"";height:clamp(310px,36vw,420px);left:0;position:absolute;right:0;top:0;z-index:-1}.app-shell-loading .workspace{display:grid;min-height:100vh;place-items:center}.topbar,.panel-header,.account,.sync-summary,.memory-item{display:flex;align-items:center}.topbar{justify-content:space-between;gap:18px;margin-bottom:26px;min-height:96px}.eyebrow{color:#0a8aa4;font-size:13px;font-weight:700;margin:0 0 4px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:#172634;font-size:clamp(28px,3vw,38px);line-height:1.08;margin-bottom:6px}h2{font-size:18px;margin-bottom:4px}h3{font-size:18px;line-height:1.35}.panel-header p,.page-subtitle,.details p,.memory-item p{color:var(--muted);margin-bottom:0}.page-subtitle{color:#557081;max-width:640px}.account{gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-height:44px;padding:6px 8px 6px 14px;box-shadow:0 12px 28px #147e991f}.topbar-link{color:#667085;font-size:13px;font-weight:800;text-decoration:none}.topbar-link:hover{color:var(--teal-strong)}.primary-button,.secondary-button,.icon-button{align-items:center;border:0;border-radius:8px;display:inline-flex;gap:8px;justify-content:center;min-height:38px}.primary-button{background:linear-gradient(135deg,#13a8ca,#0c91bb);color:#fff;font-weight:700;padding:0 16px;text-decoration:none;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.secondary-button{background:var(--panel);border:1px solid #cfd8e3;color:#243041;font-weight:700;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.icon-button{background:transparent;color:#475467;height:34px;width:34px}.icon-button:hover{background:#eef2f6}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-1px)}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#0f95b5,#087da2)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(34,102,213,.22);outline-offset:2px}.danger{color:#bc1b3a}.danger-button{align-items:center;background:#bc1b3a;border:0;border-radius:8px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;min-height:38px;padding:0 14px}.alert{align-items:center;background:#fff4f3;border:1px solid #ffccc7;border-radius:8px;color:#8f1d17;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px;padding:12px 14px}.alert>div{align-items:center;display:flex;gap:8px}.alert .secondary-button{color:#8f1d17}.loading-strip{background:#eef6ff;border:1px solid #c7ddff;border-radius:var(--radius);color:var(--primary-strong);font-weight:700;margin-bottom:18px;padding:10px 14px;position:relative;overflow:hidden}.loading-strip:after{animation:loading-sweep 1.2s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(34,102,213,.18),transparent);content:"";inset:0;position:absolute;transform:translate(-100%)}.initial-loading{background:linear-gradient(180deg,#fffffff5,#ffffffe6),radial-gradient(circle at 20% 0,#dff9ff,transparent 40%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);display:grid;gap:18px;justify-items:center;max-width:620px;padding:clamp(28px,5vw,48px);text-align:center;width:min(100%,620px)}.initial-loading p:not(.eyebrow){color:var(--muted);line-height:1.55;margin-bottom:0}.loading-orbit{align-items:center;animation:soft-pulse 1.6s ease-in-out infinite;background:#dff9ff;border:1px solid #a9edf7;border-radius:999px;color:var(--primary);display:inline-flex;height:72px;justify-content:center;position:relative;width:72px}.loading-orbit:after{animation:spin 1.1s linear infinite;border:2px solid transparent;border-top-color:var(--primary);border-right-color:#20a464;border-radius:999px;content:"";inset:-7px;position:absolute}.loading-steps{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.loading-steps span{align-items:center;background:#fbfcfe;border:1px solid var(--border-soft);border-radius:999px;color:#475467;display:inline-flex;font-size:13px;font-weight:700;gap:7px;min-height:34px;padding:0 12px}.welcome-panel{align-items:center;background:linear-gradient(135deg,#fffffffa,#ffffffeb),linear-gradient(90deg,#e8fbff,#fff7df);border:1px solid rgba(255,255,255,.82);border-radius:var(--radius);box-shadow:0 18px 44px #12759029;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px;padding:18px}.welcome-panel h2{color:#1b2b34;font-size:22px;margin-bottom:6px}.welcome-panel p:not(.eyebrow){color:#596678;margin-bottom:0;max-width:720px}.welcome-panel .homepage-purpose{color:#435063;font-size:13px;margin-top:8px}.welcome-actions{display:flex;flex-wrap:wrap;gap:10px}.metric-row{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:18px}.metric,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.metric{overflow:hidden;padding:16px;position:relative}.metric:before{border-radius:999px;content:"";height:54px;opacity:.8;position:absolute;right:-18px;top:-18px;width:54px}.metric:nth-child(1){background:linear-gradient(135deg,#fff,#e9fbff);border-color:#a9edf7}.metric:nth-child(1):before{background:#4fd2e6}.metric:nth-child(2){background:linear-gradient(135deg,#fff7e9,#ffe0ad);border-color:#ffd393}.metric:nth-child(2):before{background:#ffb547}.metric:nth-child(3){background:linear-gradient(135deg,#fff1fb,#ead7ff);border-color:#ddbfff}.metric:nth-child(3):before{background:#d992ff}.metric:nth-child(4){background:linear-gradient(135deg,#eafff5,#bdf2d2);border-color:#9ee8bd}.metric:nth-child(4):before{background:#39d487}.metric-action,.metric-link{color:inherit;cursor:pointer;text-align:left;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.metric-action{display:block}.metric-action:hover,.metric-link:hover,.metric-action.active{border-color:#087d9866;box-shadow:var(--shadow-lift);transform:translateY(-1px)}.metric-action.active{outline:3px solid rgba(18,168,200,.16)}.metric span:not(.metric-label){color:#697586;display:block;font-size:13px;margin-bottom:8px}.metric-label{align-items:center;color:#697586;display:inline-flex;font-size:13px;gap:7px;margin-bottom:8px}.metric-label svg{color:currentColor}.metric strong{color:#15242e;display:block;font-size:28px}.metric small{color:#697586;display:block;font-size:12px;margin-top:6px}.panel{box-shadow:0 8px 26px #1a4e690d;padding:18px;transition:border-color .16s ease,box-shadow .16s ease}.panel:hover{border-color:#c9d5e4;box-shadow:var(--shadow-soft)}.panel+.panel,.content-grid{margin-top:18px}.panel-header{justify-content:space-between;gap:16px;margin-bottom:16px}.sync-controls{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 132px 150px;align-items:end}label{color:#475467;display:grid;font-size:13px;font-weight:700;gap:6px}.query-builder{display:grid;gap:8px}.query-builder-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.query-builder-header label{display:block}.query-presets{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.query-presets button{align-items:center;background:#fff;border:1px solid #cfd8e3;border-radius:999px;color:#475467;display:inline-flex;font-size:12px;font-weight:700;gap:6px;min-height:28px;padding:0 10px}.query-presets button.active,.query-presets button:hover{background:#e6f8fc;border-color:#8fe4f0;color:var(--primary-strong)}textarea,select,input{border:1px solid #cfd8e3;border-radius:var(--radius);color:var(--text);outline:none;padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea:hover,select:hover,input:hover{border-color:#aebdcb}textarea:focus,select:focus,input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2266d51f}textarea{min-height:82px;resize:vertical}input{min-height:42px}select{background:#fff;min-height:42px}.sync-button{min-height:42px}.helper-note{color:#697586;font-size:13px;margin:10px 0 0}.sync-summary{background:linear-gradient(90deg,#eafff5,#e7fbff);border:1px solid #a9ead0;border-radius:8px;color:var(--success);flex-wrap:wrap;gap:12px;margin-top:14px;padding:10px 12px}.sync-result-panel{display:grid;gap:10px;margin-top:14px}.sync-summary span:first-child{align-items:center;display:inline-flex;gap:6px}.created-list{display:grid;gap:8px}.created-list div{background:linear-gradient(135deg,#fff,#f2fdff);border:1px solid #d9f2f6;border-radius:8px;display:grid;gap:2px;padding:10px 12px}.created-list span{color:#697586;font-size:13px}.content-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.7fr) minmax(min(360px,100%),.8fr)}.manual-form{background:linear-gradient(135deg,#fbfeff,#f7fbff);border:1px solid #dceef5;border-radius:8px;margin-bottom:14px;padding:14px}.manual-form-heading{align-items:center;color:#243041;display:flex;gap:8px;margin-bottom:12px}.manual-form-heading svg{color:var(--primary)}.manual-form-grid{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(130px,1fr) minmax(170px,1.3fr) minmax(118px,.7fr) minmax(138px,.8fr) minmax(112px,.6fr)}.manual-submit{min-height:42px}.list-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.search-field{align-items:center;background:#fff;border:1px solid #cfe5ed;border-radius:8px;color:#697586;display:flex;flex:1;gap:8px;min-height:42px;padding:0 12px}.search-field input{border:0;flex:1;min-height:auto;padding:0}.status-filter{align-items:center;background:#edf9fc;border:1px solid #cfeef4;border-radius:8px;display:flex;gap:4px;padding:4px}.status-filter>svg{color:#697586;margin:0 4px}.status-filter button{align-items:center;background:transparent;border:0;border-radius:6px;color:#475467;display:inline-flex;font-size:13px;font-weight:700;gap:6px;min-height:32px;padding:0 10px;text-transform:capitalize}.status-filter button.active,.status-filter button:hover{background:#fff;color:var(--primary-strong);box-shadow:0 4px 14px #12a8c81c}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:720px;width:100%}th,td{border-bottom:1px solid #edf0f4;padding:12px 10px;text-align:left}th{color:#697586;font-size:12px;text-transform:uppercase}tbody tr{cursor:pointer;transition:background .14s ease,transform .14s ease}tbody tr:hover,.selected-row{background:#eefbfe}tbody tr:hover{transform:translate(2px)}.confirm-row:hover{transform:none}.confirm-row,.confirm-row:hover{background:#fff8f8}.confirm-row td{padding:0 10px 12px}.confirm-row div{align-items:center;border:1px solid #ffd0d8;border-radius:8px;color:#7f1d2d;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px}.confirm-row span{flex:1;min-width:240px}.status-pill{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;min-height:24px;padding:4px 9px;text-transform:capitalize;white-space:nowrap}.status-applied,.status-imported{background:#dcf7ff;color:#087d98}.status-interviewing{background:#fff0c7;color:#805600}.status-offer{background:#dff8ea;color:#146c2e}.status-rejected,.status-failed{background:#ffe8e8;color:#a52424}.status-ignored,.status-skipped_unrelated{background:#f1f5f9;color:#475467}.empty-cell,.empty-state{color:#697586;padding:24px 10px;text-align:center}.empty-card,.sync-empty,.detail-empty{align-items:center;display:grid;justify-items:center}.empty-card{background:linear-gradient(135deg,#fff,#eefbfe);border:1px dashed #9fe5ef;border-radius:8px;gap:10px;margin:8px auto;max-width:460px;padding:24px}.empty-card svg,.sync-empty svg,.detail-empty svg{color:var(--primary)}.empty-card strong,.sync-empty strong,.detail-empty strong{color:#243041}.empty-card span,.sync-empty span,.detail-empty span{line-height:1.5;max-width:420px}.empty-card .primary-button,.empty-card .secondary-button{margin-top:4px}.details dl{display:grid;gap:12px;margin:18px 0}.detail-intro{line-height:1.5}.next-step-box{background:linear-gradient(135deg,#eafff5,#effbff);border:1px solid #bcebd0;border-radius:8px;margin-top:14px;padding:12px}.next-step-box span{color:#1d6539;display:block;font-size:12px;font-weight:800;margin-bottom:4px;text-transform:uppercase}.next-step-box p{color:#1f5131;margin-bottom:0}.details dl div{border-bottom:1px solid #edf0f4;padding-bottom:10px}dt{color:#697586;font-size:12px;font-weight:700;text-transform:uppercase}dd{margin:4px 0 0}.related-email-box{background:#fbfeff;border:1px solid #dceef5;border-radius:8px;display:grid;gap:10px;margin:14px 0;padding:12px}.related-email-box>div{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.related-email-box span{color:#263142;font-size:13px;font-weight:800}.related-email-box small{color:#697586;font-size:12px}.research-box{background:linear-gradient(135deg,#f7fbff,#fff7e7);border:1px solid #d7edf6;border-radius:8px;display:grid;gap:12px;margin-top:14px;padding:14px}.research-heading{align-items:center;display:flex;justify-content:space-between;gap:10px}.provider-badge{align-items:center;background:#e9f9fd;border:1px solid #bceaf2;border-radius:999px;color:#108da6;display:inline-flex;font-size:12px;font-weight:800;gap:6px;padding:4px 8px}.provider-huggingface{background:linear-gradient(135deg,#fff4cc,#ffe3f3);border-color:#ffd36b;color:#7a4a00}.provider-gemini{background:#eef0ff;border-color:#d5d9ff;color:#5246bd}.provider-openai{background:#ecfbf3;border-color:#c4efd8;color:#167045}.provider-manual{background:#f3f6f8;border-color:#dce7ee;color:#536173}.provider-mark{align-items:center;border-radius:999px;display:inline-flex;font-size:9px;height:18px;justify-content:center;width:18px}.provider-hf{background:#ffcc4d;color:#111827}.research-box section{display:grid;gap:6px}.research-box h4{color:#263142;font-size:13px;margin:0}.research-box p,.research-box ul{color:#536173;font-size:13px;line-height:1.55;margin:0}.research-box ul{padding-left:18px}.memory-list{display:grid;gap:10px}.memory-item{background:#fff;border:1px solid #e0edf4;border-radius:var(--radius);gap:12px;padding:12px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.memory-item:hover{background:#f4fdff;border-color:#bceaf2;transform:translateY(-1px)}.memory-main{align-items:center;display:flex;flex:1;gap:12px;min-width:0}.memory-date{align-items:center;color:#697586;display:inline-flex;flex-shrink:0;font-size:12px;gap:5px}.memory-copy{display:grid;flex:1;gap:4px;min-width:0}.memory-copy strong{color:#263142;font-size:14px}.memory-copy span{color:#697586;font-size:13px}.memory-copy code{background:#edf9fc;border-radius:6px;color:#075f74;font-size:12px;justify-self:start;padding:4px 7px}.memory-main p{flex:1}.legal-page{background:linear-gradient(135deg,#3ac8d82e,#ffc55f29),#f6f9fb;min-height:100vh;padding:42px 20px}.legal-brand{align-items:center;color:#172634;display:inline-flex;font-weight:900;gap:10px;margin:0 auto 22px;max-width:920px;text-decoration:none;width:100%}.legal-card{background:#fff;border:1px solid #dce7ee;border-radius:8px;box-shadow:0 20px 44px #1f3c4a1f;display:grid;gap:18px;margin:0 auto;max-width:920px;padding:clamp(24px,5vw,48px)}.legal-card h1{margin-bottom:0}.legal-card h2{color:#172634;font-size:18px}.legal-card section{display:grid;gap:8px}.legal-card p{color:#536173;line-height:1.7;margin-bottom:0}.legal-updated{color:#667085;font-size:14px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.workspace:before{height:390px}.workspace{padding:18px}.metric-row,.content-grid,.manual-form-grid,.sync-controls{grid-template-columns:1fr}.topbar,.alert,.welcome-panel,.query-builder-header,.memory-item,.memory-main,.list-toolbar{align-items:flex-start;flex-direction:column}.topbar{color:#fff}.search-field{width:100%}.status-filter{flex-wrap:wrap}.query-presets{justify-content:flex-start}}@media(max-width:640px){.workspace{padding:14px}.topbar h1,.initial-loading h1{font-size:28px}.account,.welcome-actions,.sync-button,.manual-submit{width:100%}.primary-button,.secondary-button{min-width:0;width:100%}.status-filter button{flex:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes soft-pulse{0%,to{box-shadow:0 0 #2266d529}50%{box-shadow:0 0 0 14px #2266d500}}@keyframes loading-sweep{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
