:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-input: #12141c;--border: #2a2d3a;--border-focus: #6366f1;--text: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .15);--success: #22c55e;--danger: #ef4444;--radius: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;z-index:10}.logo{display:flex;align-items:center;gap:10px}.logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);color:#fff;font-weight:700;font-size:16px;border-radius:8px}.logo h1{font-size:18px;font-weight:600;letter-spacing:-.02em}.header-controls{display:flex;align-items:center;gap:16px}.template-selector{display:flex;align-items:center;gap:8px}.template-selector label{font-size:13px;color:var(--text-muted)}.template-btns{display:flex;gap:4px;background:var(--bg);padding:3px;border-radius:8px}.template-btn{padding:5px 12px;font-size:12px;font-weight:500;border:none;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .15s}.template-btn:hover{color:var(--text)}.template-btn.active{background:var(--accent);color:#fff}.print-btn{padding:6px 14px;font-size:13px;font-weight:500;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:var(--radius);cursor:pointer;transition:all .15s}.print-btn:hover{border-color:var(--accent);color:var(--accent)}.mobile-preview-btn{display:none;padding:6px 14px;font-size:13px;font-weight:500;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer}.app-main{display:flex;flex:1;overflow:hidden}.form-panel{width:50%;overflow-y:auto;padding:24px;border-right:1px solid var(--border)}.preview-panel{width:50%;overflow-y:auto;padding:24px;background:#0c0d12}.resume-form{max-width:640px;margin:0 auto}.form-nav{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-card);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--border)}.nav-btn{flex:1;padding:8px 12px;font-size:13px;font-weight:500;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;transition:all .15s}.nav-btn:hover{color:var(--text);background:#ffffff0a}.nav-btn.active{background:var(--accent);color:#fff}.form-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h3{margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.form-grid .full-width{grid-column:1 / -1}label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}input[type=text],input[type=email],input[type=tel],textarea,select{padding:9px 12px;font-size:14px;font-family:inherit;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:border-color .15s;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}textarea{resize:vertical;min-height:60px}select{cursor:pointer}input:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{flex-direction:row;align-items:center;gap:8px;font-size:13px;text-transform:none;cursor:pointer}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.ai-btn{padding:6px 14px;font-size:12px;font-weight:600;border:1px solid var(--accent);background:var(--accent-glow);color:var(--accent-hover);border-radius:var(--radius);cursor:pointer;transition:all .15s;white-space:nowrap}.ai-btn:hover:not(:disabled){background:var(--accent);color:#fff}.ai-btn:disabled{opacity:.6;cursor:wait}.ai-btn.small{padding:4px 10px;font-size:11px}.add-btn{padding:6px 14px;font-size:12px;font-weight:600;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:var(--radius);cursor:pointer;transition:all .15s}.add-btn:hover{border-color:var(--success);color:var(--success)}.remove-btn{padding:4px 10px;font-size:11px;font-weight:500;border:1px solid transparent;background:transparent;color:var(--text-dim);border-radius:var(--radius);cursor:pointer;transition:all .15s}.remove-btn:hover{border-color:var(--danger);color:var(--danger);background:#ef444414}.icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid var(--border);background:transparent;color:var(--text-dim);border-radius:6px;cursor:pointer;transition:all .15s;flex-shrink:0}.icon-btn:hover{border-color:var(--danger);color:var(--danger);background:#ef444414}.text-btn{border:none;background:transparent;color:var(--accent);font-size:13px;font-weight:500;cursor:pointer;padding:4px 0;transition:color .15s}.text-btn:hover{color:var(--accent-hover)}.entry-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:14px}.entry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.entry-title{font-weight:600;font-size:14px;color:var(--text)}.entry-actions{display:flex;gap:6px}.bullets-section{margin-top:14px}.bullets-label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.bullet-row{display:flex;gap:6px;margin-bottom:6px}.bullet-row input{flex:1}.empty-state{font-size:13px;color:var(--text-dim);text-align:center;padding:24px 0}.skill-input-row{margin-bottom:14px}.skill-input-row input{width:100%}.skills-list-form{display:flex;flex-direction:column;gap:8px}.skill-entry{display:flex;gap:8px;align-items:center}.skill-name-input{flex:1}.skill-entry select{width:130px}.header-actions{display:flex;gap:8px}.preview-container{max-width:800px;margin:0 auto;background:#fff;color:#1a1a2e;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000004d;overflow:hidden}.resume-preview{padding:40px;font-family:Georgia,Times New Roman,serif;line-height:1.55;font-size:13px;color:#1a1a2e}.resume-header{margin-bottom:24px}.resume-header h1{font-size:26px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}.job-title{font-size:15px;color:#4a5568;margin-bottom:8px}.contact-row{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#4a5568}.contact-row span:not(:last-child):after{content:" | ";margin-left:6px;color:#cbd5e0}.resume-section{margin-bottom:22px}.resume-section h2{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;padding-bottom:4px;border-bottom:2px solid #1a1a2e}.resume-section p{font-size:13px;color:#2d3748}.experience-item,.education-item{margin-bottom:16px}.exp-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.exp-header strong{font-size:14px}.company{color:#4a5568;font-size:13px;margin-left:4px}.dates{font-size:12px;color:#718096;white-space:nowrap}.exp-desc{font-size:12px;color:#4a5568;margin:4px 0}.gpa{font-size:12px;color:#4a5568}.bullets{list-style:none;padding-left:0;margin:6px 0 0}.bullets li{position:relative;padding-left:16px;font-size:12.5px;color:#2d3748;margin-bottom:3px}.bullets li:before{content:"•";position:absolute;left:0;color:#a0aec0}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skill-item{display:flex;align-items:center;gap:10px}.skill-name{font-size:12px;font-weight:500;min-width:100px}.skill-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.skill-fill{height:100%;background:#1a1a2e;border-radius:3px;transition:width .3s}.skills-list{font-size:13px;color:#2d3748;line-height:1.8}.skills-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{padding:3px 10px;font-size:11px;background:#edf2f7;color:#2d3748;border-radius:4px;font-weight:500}.summary-text{font-size:13px;color:#2d3748;font-style:italic}.modern .resume-section h2{border-bottom-color:#6366f1;color:#6366f1}.modern .skill-fill{background:#6366f1}.classic .resume-header h1{text-align:center}.classic .contact-row{justify-content:center}.classic .resume-section h2{text-align:center;border-bottom-color:#1a1a2e}.minimal .resume-header{border-bottom:1px solid #e2e8f0;padding-bottom:16px}.minimal .resume-section h2{font-size:12px;letter-spacing:.12em;border-bottom:none;color:#718096;margin-bottom:8px}@media print{.app-header,.form-panel{display:none!important}.app{height:auto}.app-main{display:block}.preview-panel{width:100%;padding:0;overflow:visible;background:#fff}.preview-container{box-shadow:none;border-radius:0;max-width:none}.resume-preview{padding:20px 30px}}@media(max-width:900px){.template-selector label{display:none}.template-btn{padding:5px 8px;font-size:11px}}@media(max-width:768px){.app-header{padding:0 16px;height:54px}.logo h1{font-size:15px}.print-btn{display:none}.mobile-preview-btn{display:block}.form-panel{width:100%;border-right:none;padding:16px}.form-panel.hidden-mobile{display:none}.preview-panel{width:100%;display:none;padding:16px}.preview-panel.show-mobile{display:block}.form-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-btn{white-space:nowrap;padding:7px 10px;font-size:12px}.form-grid{grid-template-columns:1fr}.resume-preview{padding:24px}.skills-grid{grid-template-columns:1fr}}