body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#228a5b;--primary-hover:#1a6e49;--primary-light:#e8f5ef;--secondary:#43d191;--accent:#50e3a1;--accent-hover:#3cc88c;--accent-light:#e8faf2;--success:#228a5b;--success-hover:#1a6e49;--danger:#ef4444;--danger-hover:#dc2626;--background:#eff2f1;--surface:#fff;--border:#c8d7d0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#a5c2b5;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--radius:8px;--radius-lg:12px}*{box-sizing:border-box}body{background:#eff2f1;background:var(--background);color:#0f172a;color:var(--text-primary);font-family:DM Sans,system-ui,-apple-system,sans-serif;line-height:1.5;margin:0}h1,h2,h3,h4,h5,h6{font-family:Outfit,system-ui,-apple-system,sans-serif}.App{background:#eff2f1;background:var(--background);display:flex;flex-direction:column;min-height:100vh}.app-footer{border-top:1px solid #c8d7d0;border-top:1px solid var(--border);margin-top:auto;padding:1.5rem 2rem;text-align:center}.app-footer p{color:#475569;color:var(--text-secondary);font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:.85rem;margin:0}.top-bar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #c8d7d0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 2rem}.logo{color:#228a5b;color:var(--primary);font-family:Outfit,system-ui,-apple-system,sans-serif;font-size:1.25rem;font-weight:700}.sign-out-btn{background:#0000;border:1px solid #c8d7d0;border:1px solid var(--border);color:#475569;color:var(--text-secondary);font-size:.85rem;margin:0;padding:.4rem 1rem;width:auto}.sign-out-btn:hover:not(:disabled){background:#eff2f1;background:var(--background);color:#0f172a;color:var(--text-primary)}.tabs{display:flex;gap:0;justify-content:center;margin:1.5rem auto 0;max-width:800px;padding:0 2rem}.tab{background:#fff;background:var(--surface);border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:0;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;margin:0;padding:.875rem 1.75rem;transition:all .15s ease;width:auto}.tab:first-child{border-radius:8px 0 0 8px;border-radius:var(--radius) 0 0 var(--radius);border-right:none}.tab:last-child{border-radius:0 8px 8px 0;border-radius:0 var(--radius) var(--radius) 0}.tab:hover:not(.active){background:#eff2f1;background:var(--background);color:#0f172a;color:var(--text-primary)}.tab.active{background:linear-gradient(135deg,#228a5b,#43d191);border-color:#228a5b;border-color:var(--primary);color:#fff}.container{margin:0 auto;max-width:800px;padding:2rem}.container:has(.generate-layout),.container:has(.manage-layout){max-width:1200px}.generate-layout{gap:2.4rem}.generate-layout,.manage-layout{align-items:flex-start;display:flex}.manage-layout{gap:2rem}.manage-sidebar{flex:0 0 320px;padding:2rem 1rem;position:-webkit-sticky;position:sticky;top:2rem}.manage-title{color:#0f172a;color:var(--text-primary);font-size:3.25rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0 0 1rem}.manage-highlight{color:#228a5b;color:var(--primary)}.manage-subtitle{color:#475569;color:var(--text-secondary);font-size:1.3rem;line-height:1.6;margin:0}.manage-content{flex:1 1;min-width:0}.experience-manager,.input-section,.matches-section,.projects-section,.results-section{background:#fff;background:var(--surface);border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.75rem}.input-section h2,.matches-section h2,.projects-section h2,.results-section h2{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}textarea{background:#fff;background:var(--surface);border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.875rem 1rem;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;width:100%}textarea:focus{border-color:#228a5b;border-color:var(--primary);box-shadow:0 0 0 3px #e8f5ef;box-shadow:0 0 0 3px var(--primary-light);outline:none}textarea::placeholder{color:#a5c2b5;color:var(--text-muted)}button{background:#228a5b;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:.95rem;font-weight:500;margin-top:1rem;padding:.875rem 1.5rem;transition:background .15s ease,transform .1s ease;width:100%}button:hover:not(:disabled){background:#1a6e49;background:var(--primary-hover)}button:active:not(:disabled){transform:scale(.98)}button:disabled{background:#c8d7d0;background:var(--border);color:#a5c2b5;color:var(--text-muted);cursor:not-allowed}.hero-container{align-items:center;background:#eff2f1;background:var(--background);display:flex;flex-direction:column;gap:3rem;justify-content:center;min-height:100vh;padding:3rem 2rem}.hero-top{align-items:flex-start;display:flex;gap:5rem;max-width:900px;width:100%}.hero-left{flex:1 1}.hero-badge{background:#e8f5ef;background:var(--primary-light);border:1px solid #2563eb26;border-radius:20px;color:#228a5b;color:var(--primary);display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1.25rem;padding:.375rem 1rem}.hero-title{color:#0f172a;color:var(--text-primary);font-size:2.75rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0}.hero-highlight{color:#228a5b;color:var(--primary)}.hero-right{display:flex;flex:1 1;flex-direction:column;gap:1rem}.hero-feature-card{background:#fff;background:var(--surface);border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:default;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.hero-feature-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px) scale(1.02)}.hero-feature-card h3{color:#0f172a;color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 .375rem}.hero-feature-card p{color:#475569;color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0}.hero-bottom{display:flex;justify-content:center;width:100%}.auth-box{background:#fff;background:var(--surface);border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);max-width:440px;padding:2rem;width:100%}.auth-box h2{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;text-align:center}@media (max-width:768px){.hero-top{flex-direction:column;gap:2rem}.hero-title{font-size:2rem}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group label{color:#0f172a;color:var(--text-primary)}.form-group input{background:#fff;background:var(--surface);border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:.95rem;padding:.875rem 1rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-group input:focus{border-color:#228a5b;border-color:var(--primary);box-shadow:0 0 0 3px #e8f5ef;box-shadow:0 0 0 3px var(--primary-light);outline:none}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius);color:#dc2626}.error-message,.success-message{font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;border-radius:var(--radius);color:#16a34a}.auth-toggle{color:#475569;color:var(--text-secondary);font-size:.9rem;margin-top:1.5rem;text-align:center}.link-button{background:none;border:none;color:#228a5b;color:var(--primary);cursor:pointer;font-size:inherit;font-weight:600;margin:0;padding:0;width:auto}.link-button:hover{background:none;text-decoration:underline}.google-btn{align-items:center;background:#fff;border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:8px;color:#3c4043;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem 1rem;transition:background .2s,box-shadow .2s;width:100%}.google-btn:hover{background:#f7f8f8;box-shadow:0 1px 3px #0000001a}.auth-divider{align-items:center;color:#475569;color:var(--text-secondary);display:flex;font-size:.85rem;margin:1.25rem 0}.auth-divider:after,.auth-divider:before{background:#c8d7d0;background:var(--border);content:"";flex:1 1;height:1px}.auth-divider span{padding:0 .75rem}.loading-container{align-items:center;background:#eff2f1;background:var(--background);color:#475569;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #c8d7d0;border-top-color:#228a5b;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.experience-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.experience-header h2{margin:0}.add-btn{background:#228a5b;background:var(--success);font-size:.9rem;margin:0;padding:.625rem 1.25rem;width:auto}.add-btn:hover:not(:disabled){background:#1a6e49;background:var(--success-hover)}.experience-loading,.no-experiences{color:#a5c2b5;color:var(--text-muted);padding:3rem;text-align:center}.experience-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.experience-card{background:#fff;background:var(--surface);border:1px solid #c8d7d0;border-left:3px solid #228a5b;border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:8px;border-radius:var(--radius);padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.experience-card:hover{box-shadow:0 4px 12px #7c3aed26;transform:translateY(-2px)}.experience-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.experience-type-badge{background:#e8f5ef;background:var(--primary-light);border-radius:20px;color:#228a5b;color:var(--primary);font-size:.75rem;font-weight:600;padding:.25rem .75rem}.experience-actions{display:flex;gap:.5rem}.delete-btn,.edit-btn{font-size:.8rem;margin:0;padding:.375rem .75rem;width:auto}.edit-btn{background:#43d191;background:var(--secondary)}.edit-btn:hover:not(:disabled){background:#475569}.delete-btn{background:#ef4444;background:var(--danger)}.delete-btn:hover:not(:disabled){background:#dc2626;background:var(--danger-hover)}.experience-card h3{color:#0f172a;color:var(--text-primary);font-size:1rem;margin:0 0 .375rem}.experience-card .date-range{color:#475569;color:var(--text-secondary);font-size:.85rem;margin:0 0 .75rem}.skills-list{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.skill-tag{align-items:center;background:#e8f5ef;background:var(--primary-light);border:1px solid #2563eb26;border-radius:4px;color:#228a5b;color:var(--primary);display:inline-flex;font-size:.8rem;gap:.4rem;padding:.25rem .6rem}.skills-list.editable .skill-tag{background:#228a5b;background:var(--primary);border-color:#228a5b;border-color:var(--primary);color:#fff}.remove-skill{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem;margin:0;opacity:.8;padding:0;width:auto}.remove-skill:hover{background:none;opacity:1}.content-preview{color:#475569;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.modal-content h2{color:#0f172a;color:var(--text-primary);font-size:1.25rem;margin:0 0 1.5rem}.modal-content .form-group{margin-bottom:1.25rem}.modal-content label{color:#0f172a;color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.modal-content input,.modal-content select,.modal-content textarea{background:#fff;background:var(--surface);border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:#228a5b;border-color:var(--primary);box-shadow:0 0 0 3px #e8f5ef;box-shadow:0 0 0 3px var(--primary-light);outline:none}.modal-content textarea{min-height:120px;resize:vertical}.skills-input-container{display:flex;gap:.5rem}.skills-input-container input{flex:1 1}.add-skill-btn{margin:0;padding:.75rem 1rem;white-space:nowrap;width:auto}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.modal-actions button{flex:1 1;margin:0}.cancel-btn{background:#eff2f1;background:var(--background);border:1px solid #c8d7d0;border:1px solid var(--border);color:#0f172a;color:var(--text-primary)}.cancel-btn:hover:not(:disabled){background:#c8d7d0;background:var(--border)}.matches-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.matches-header h2{margin:0}.selection-actions{align-items:center;display:flex;gap:.5rem}.link-btn{background:none;border:none;color:#228a5b;color:var(--primary);cursor:pointer;font-size:.85rem;font-weight:500;margin:0;padding:0;width:auto}.link-btn:hover{background:none;text-decoration:underline}.separator{color:#c8d7d0;color:var(--border)}.matches-hint{color:#475569;color:var(--text-secondary);font-size:.875rem;margin:0 0 1.25rem}.matches-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.5rem}.match-card{align-items:flex-start;background:#eff2f1;background:var(--background);border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;gap:.875rem;padding:1rem 1.25rem;transition:all .15s ease}.match-card.selected,.match-card:hover{border-color:#228a5b;border-color:var(--primary)}.match-card.selected{background:#e8f5ef;background:var(--primary-light);box-shadow:0 0 0 1px #7c3aed1a}.match-card input[type=checkbox]{accent-color:#228a5b;accent-color:var(--primary);cursor:pointer;height:18px;margin-top:2px;width:18px}.match-content{flex:1 1;min-width:0}.match-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.25rem}.match-header h3{color:#0f172a;color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0}.match-badge{border-radius:20px;font-size:.7rem;font-weight:600;padding:.2rem .6rem;white-space:nowrap}.match-strong{background:#dcfce7;color:#166534}.match-good{background:#fef9c3;color:#854d0e}.match-weak{background:#fee2e2;color:#991b1b}.match-meta{color:#475569;color:var(--text-secondary);font-size:.8rem;margin:0 0 .5rem;text-transform:capitalize}.match-skills{display:flex;flex-wrap:wrap;gap:.3rem}.skill-tag-sm{background:#fff;background:var(--surface);border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:3px;color:#475569;color:var(--text-secondary);font-size:.7rem;padding:.125rem .5rem}.skill-tag-sm.more{background:#c8d7d0;background:var(--border);color:#a5c2b5;color:var(--text-muted)}.generate-btn{background:linear-gradient(135deg,#50e3a1,#0ea5e9);background:linear-gradient(135deg,var(--accent),#0ea5e9);font-size:1rem;padding:1rem 2rem}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#3cc88c,#0284c7);background:linear-gradient(135deg,var(--accent-hover),#0284c7)}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.results-header h2{margin:0}.copy-all-btn{background:#43d191;background:var(--secondary);font-size:.85rem;margin:0;padding:.5rem 1rem;width:auto}.copy-all-btn:hover:not(:disabled){background:#475569}.project-bullets{margin-bottom:1.5rem}.project-bullets:last-child{margin-bottom:0}.project-title{border-bottom:2px solid #228a5b;border-bottom:2px solid var(--primary);color:#0f172a;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.bullets-list{list-style:none;margin:0;padding:0}.bullet-item{align-items:flex-start;background:#e8f5ef;background:var(--primary-light);border:1px solid #7c3aed1a;border-radius:8px;border-radius:var(--radius);display:flex;gap:1rem;margin:.5rem 0;padding:1rem}.bullet-item:first-child{margin-top:0}.bullet-text{color:#0f172a;color:var(--text-primary);flex:1 1;line-height:1.6}.bullet-text:before{color:#228a5b;color:var(--primary);content:"•  ";font-weight:700}.copy-btn{background:#228a5b;background:var(--primary);font-size:.8rem;margin:0;padding:.375rem .75rem;white-space:nowrap;width:auto}.copy-btn:hover:not(:disabled){background:#1a6e49;background:var(--primary-hover)}.projects-section>p{color:#475569;color:var(--text-secondary);margin-bottom:1.5rem}.project-card{background:#eff2f1;background:var(--background);border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.project-card h3{color:#0f172a;color:var(--text-primary);margin:0 0 .5rem}.project-card p{color:#475569;color:var(--text-secondary);margin:.25rem 0}.project-card button{margin-top:1rem;padding:.625rem 1.25rem;width:auto}.experience-header-actions{align-items:center;display:flex;gap:.5rem}.import-btn{background:#228a5b;background:var(--primary);font-size:.9rem;margin:0;padding:.625rem 1.25rem;width:auto}.import-btn:hover:not(:disabled){background:#1a6e49;background:var(--primary-hover)}.import-modal{max-width:700px}.import-hint{color:#475569;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1.25rem}.parsed-results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.parsed-results-header p{color:#475569;color:var(--text-secondary);font-size:.9rem;margin:0}.save-all-btn{background:#228a5b;background:var(--success);font-size:.85rem;margin:0;padding:.5rem 1rem;width:auto}.save-all-btn:hover:not(:disabled){background:#1a6e49;background:var(--success-hover)}.parsed-experience-card{background:#eff2f1;background:var(--background);border:1px solid #c8d7d0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);margin-bottom:.75rem;padding:1.25rem}.parsed-experience-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.parsed-experience-actions{display:flex;gap:.5rem}.parsed-experience-card h3{color:#0f172a;color:var(--text-primary);font-size:1rem;margin:0 0 .375rem}.parsed-experience-card .date-range{color:#475569;color:var(--text-secondary);font-size:.85rem;margin:0 0 .75rem}.parsed-experience-card .content-preview{color:#475569;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}