:root{--color-primary:#4a90d9;--color-primary-hover:#357abd;--color-accent:#1a73e8;--color-accent-bg:#e8f0fe;--color-accent-border:#b3cefb;--color-warning:#e65100;--color-warning-mid:#fb8c00;--color-warning-border:#ffcc80;--color-warning-bg:#fff3e0;--color-feature-gate:#bf360c;--color-error:#d9534f;--color-success:#2e7d32}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f3f5f8;font-family:system-ui,-apple-system,sans-serif}.loading{color:#666;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;display:flex}.header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header h1{color:#1a1a2e;font-size:1.4rem}.header-user{align-items:center;gap:12px;display:flex}.avatar{border-radius:50%;width:32px;height:32px}.container{max-width:1200px;margin:0 auto;padding:24px}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;text-decoration:none;display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-danger{color:#fff;background:#dc3545}.btn-danger:hover:not(:disabled){background:#b02a37}.btn-secondary{color:#333;background:#e8e8e8}.btn-secondary:hover:not(:disabled){background:#d0d0d0}.btn-sm{padding:4px 10px;font-size:12px}.login-page{justify-content:center;align-items:center;height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;padding:48px;box-shadow:0 2px 12px #0000001a}.login-card h1{color:#1a1a2e;margin-bottom:12px}.login-card p{color:#666;margin-bottom:24px}.login-error{color:var(--color-error);margin-bottom:16px;font-size:14px}.login-divider{color:#999;align-items:center;margin:20px 0;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #ddd;flex:1}.login-divider span{padding:0 12px}.login-form{flex-direction:column;gap:10px;display:flex}.login-form input{border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:14px}.login-form input:focus{border-color:var(--color-primary);outline:none}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.search-list{flex-direction:column;gap:12px;display:flex}.search-card{background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 1px 3px #0000001a}.search-card-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.search-date{color:#999;font-size:13px}.search-card-body .error{color:var(--color-error);font-size:13px}.spinner{color:#5bc0de}.status-badge{color:#fff;text-transform:capitalize;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.results-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.filter-tabs{gap:4px;margin-bottom:20px;display:flex}.tab{cursor:pointer;background:#e8e8e8;border:none;border-radius:6px;padding:8px 16px;font-size:13px}.tab.active{background:var(--color-primary);color:#fff}.tab .count{opacity:.8;margin-left:4px;font-size:11px}.projects-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001a}.projects-table th{text-align:left;color:#555;background:#f8f9fa;border-bottom:2px solid #e0e0e0;padding:12px 16px;font-size:13px;font-weight:600}.projects-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:14px}.projects-table a{color:var(--color-primary);text-decoration:none}.projects-table a:hover{text-decoration:underline}.tags{flex-wrap:wrap;gap:4px;display:flex}.tag{background:var(--color-accent-bg);color:var(--color-accent);border-radius:4px;padding:2px 8px;font-size:12px}.actions{gap:6px;display:flex}.empty-state{text-align:center;color:#999;padding:40px}.header-nav{gap:4px;display:flex}.header-nav-btn{cursor:pointer;color:#555;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 14px;font-size:14px}.header-nav-btn:hover{background:#f0f0f0}.header-nav-btn.active{background:var(--color-accent-bg);color:var(--color-accent);border-color:var(--color-accent-border)}.onboarding-banner{background:var(--color-warning-bg);border-bottom:1px solid var(--color-warning-border);padding:12px 24px}.onboarding-banner-content{max-width:1200px;margin:0 auto}.onboarding-banner-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.onboarding-banner-title{align-items:center;gap:8px;font-size:14px;display:flex}.onboarding-icon{font-size:16px}.onboarding-percent{color:var(--color-warning);font-size:13px}.onboarding-dismiss{cursor:pointer;color:#999;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.onboarding-dismiss:hover{color:#555}.onboarding-progress{background:var(--color-warning-border);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.onboarding-progress-bar{background:var(--color-warning-mid);border-radius:2px;height:100%;transition:width .3s}.onboarding-message{color:#555;margin-bottom:8px;font-size:13px}.onboarding-items{flex-wrap:wrap;gap:8px;display:flex}.onboarding-item-btn{border:1px solid var(--color-warning-mid);cursor:pointer;color:var(--color-warning);background:#fff;border-radius:16px;padding:4px 12px;font-size:13px}.onboarding-item-btn:hover{background:var(--color-warning-bg)}.feature-gate-message{color:#666;margin-top:8px;font-size:13px}.feature-gate-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-feature-gate);border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.link-btn{color:var(--color-primary);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn:hover{color:var(--color-primary-hover)}.dashboard-search-action{flex-direction:column;align-items:flex-end;display:flex}.profile-load-error-banner{border-bottom:1px solid var(--color-error);color:var(--color-error);background:#fdecea;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.profile-page{max-width:800px}.profile-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.profile-page-title{align-items:center;gap:12px;display:flex}.profile-completion{align-items:center;gap:10px;display:flex}.profile-completion-label{color:#666;white-space:nowrap;font-size:13px}.profile-completion-bar{background:#e0e0e0;border-radius:3px;width:120px;height:6px;overflow:hidden}.profile-completion-fill{background:var(--color-primary);border-radius:3px;height:100%;transition:width .3s}.profile-tabs{border-bottom:2px solid #e0e0e0;gap:4px;margin-bottom:24px;padding-bottom:0;display:flex}.profile-tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:14px}.profile-tab:hover{color:#333;background:#f5f5f5}.profile-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.profile-section-content{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.profile-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#555;font-size:13px;font-weight:500}.form-input{background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.form-input:focus{border-color:var(--color-primary);outline:none}.form-input:disabled{color:#999;background:#f5f5f5}.form-hint{color:#999;margin-top:4px;font-size:12px}.form-error{color:var(--color-error);background:#fdf2f2;border:1px solid #f5c6cb;border-radius:6px;padding:8px 12px;font-size:13px}.form-success{color:var(--color-success);background:#f1f8f1;border:1px solid #a5d6a7;border-radius:6px;padding:8px 12px;font-size:13px}.form-actions{gap:8px;padding-top:8px;display:flex}.form-checkbox label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.tag-input{flex-direction:column;gap:8px;display:flex}.tag-input-chips{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{background:var(--color-accent-bg);color:var(--color-accent);border-radius:14px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;display:inline-flex}.tag-chip-remove{color:var(--color-accent);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.tag-chip-remove:hover{opacity:1}.tag-input-row{gap:8px;display:flex}.tag-input-row .form-input{flex:1}.url-list{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.url-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.url-item-name{white-space:nowrap;min-width:80px;font-weight:500}.url-item-url{color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;text-decoration:none;overflow:hidden}.url-item-url:hover{text-decoration:underline}.url-add-row{flex-wrap:wrap;gap:8px;display:flex}.url-add-row .form-input{flex:1;min-width:120px}.experience-section{flex-direction:column;gap:16px;display:flex}.section-actions{justify-content:flex-end;display:flex}.experience-list{flex-direction:column;gap:12px;display:flex}.experience-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.experience-card-new{border-color:var(--color-accent-border);background:#f0f7ff}.experience-card h4{color:#555;margin-bottom:12px;font-size:14px}.experience-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.experience-company{margin-bottom:4px;font-size:15px;display:block}.experience-dates{color:#888;font-size:13px}.experience-card-actions{flex-shrink:0;gap:6px;display:flex}.experience-delete-confirm{color:var(--color-feature-gate);align-self:center;font-size:13px}.experience-form{flex-direction:column;gap:12px;display:flex}