:root{--primary-50: #f5f3ff;--primary-100: #ede9fe;--primary-200: #ddd6fe;--primary-300: #c4b5fd;--primary-400: #a78bfa;--primary-500: #8b5cf6;--primary-600: #7c3aed;--primary-700: #6d28d9;--primary-800: #5b21b6;--primary-900: #4c1d95;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--success: #34c759;--success-bg: #d1f4e0;--warning: #ff9f0a;--warning-bg: #fff4e6;--danger: #ff3b30;--danger-bg: #ffe5e5;--info: #007aff;--info-bg: #e5f0ff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-elevated: #ffffff;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%);--gradient-secondary: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);--gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .6) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .3) 100%);--gradient-success: linear-gradient(135deg, #34c759 0%, #30d158 100%);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--blur-xl: 40px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Menlo, Monaco, "Courier New", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-weight-regular);color:var(--gray-900);background:linear-gradient(to bottom,#fafafa,#f3f4f6);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app{min-height:100vh;display:flex;flex-direction:column}.gradient-text{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 50%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{position:sticky;top:0;z-index:var(--z-sticky);background:#ffffffb8;backdrop-filter:blur(var(--blur-lg)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);border-bottom:1px solid rgba(0,0,0,.08);padding:var(--space-3) var(--space-8);transition:all var(--transition-base)}.navbar.scrolled{background:#ffffffd9;box-shadow:var(--shadow-sm)}.nav-brand{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--gray-900);display:flex;align-items:center;gap:var(--space-2);letter-spacing:var(--tracking-tight)}.nav-links{display:flex;gap:var(--space-3)}.nav-links button{background:transparent;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);transition:all var(--transition-fast);position:relative}.nav-links button:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:transform var(--transition-spring)}.nav-links button:hover{background:var(--gray-100);color:var(--gray-900)}.nav-links button.active{background:var(--primary-50);color:var(--primary-600)}.nav-links button.active:after{transform:translate(-50%) scaleX(1)}.sync-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);background:var(--success-bg);color:var(--success);border:1px solid rgba(52,199,89,.2)}.main-content{flex:1;padding:var(--space-6) var(--space-10) var(--space-10);max-width:1600px;margin:0 auto;width:100%}.welcome-screen{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:var(--space-16) var(--space-8);position:relative;overflow:hidden}.welcome-screen:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 30% 50%,rgba(139,92,246,.05) 0%,transparent 50%);animation:pulse-subtle 8s ease-in-out infinite}.welcome-content{text-align:center;max-width:900px;position:relative;z-index:1}.welcome-title{font-size:var(--text-7xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 50%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slide-up .5s var(--transition-spring)}.welcome-subtitle{font-size:var(--text-2xl);font-weight:var(--font-weight-regular);line-height:var(--leading-relaxed);color:var(--gray-600);margin-bottom:var(--space-12);animation:slide-up .5s var(--transition-spring) .1s both}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.feature{background:#fff9;backdrop-filter:blur(var(--blur-lg)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-lg),inset 0 1px #fff9;transition:all var(--transition-spring);animation:slide-up .5s var(--transition-spring) .2s both}.feature:nth-child(2){animation-delay:275ms}.feature:nth-child(3){animation-delay:.35s}.feature:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl),inset 0 1px #fffc}.feature-icon{font-size:3.5rem;margin-bottom:var(--space-4);display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.feature h3{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:var(--space-2)}.feature p{font-size:var(--text-base);color:var(--gray-600);line-height:var(--leading-relaxed)}.success-banner{background:var(--gradient-success);color:#fff;padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);margin-bottom:var(--space-8);text-align:center;box-shadow:0 4px 12px #34c75940}.success-banner-title{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.success-banner p{margin:0;font-size:var(--text-base);opacity:.95}.cta-group{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;animation:slide-up .5s var(--transition-spring) 425ms both}.cta-secondary{background:#fff9;color:var(--gray-700);border:1.5px solid var(--gray-300)}.cta-secondary:hover{background:#ffffffe6;border-color:var(--gray-400)}.help-text{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--gray-600);font-style:italic}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);background:var(--gradient-primary);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #8b5cf640,0 2px 4px #8b5cf626;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.cta-button:hover:before{opacity:1}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d,0 4px 8px #8b5cf633}.cta-button:active{transform:translateY(0)}.btn-primary,.nav-btn.primary,.nav-btn.magical,.search-btn.magical,.apply-btn.magical,.add-experience-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--font-weight-semibold);background:var(--gradient-primary);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #8b5cf640,0 2px 4px #8b5cf626;position:relative;overflow:hidden}.btn-primary:before,.nav-btn.magical:before,.search-btn.magical:before,.apply-btn.magical:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.btn-primary:hover:before,.nav-btn.magical:hover:before,.search-btn.magical:hover:before,.apply-btn.magical:hover:before{opacity:1}.btn-primary:hover,.nav-btn.magical:hover,.search-btn.magical:hover,.apply-btn.magical:hover,.add-experience-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d,0 4px 8px #8b5cf633}.btn-primary:active,.nav-btn.magical:active,.search-btn.magical:active,.apply-btn.magical:active{transform:translateY(0)}.btn-secondary,.nav-btn.secondary,.action-btn.secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:1.5px solid var(--gray-300);border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--font-weight-medium);background:#fff;color:var(--gray-700);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover,.nav-btn.secondary:hover,.action-btn.secondary:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-900);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--font-weight-medium);background:transparent;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.add-btn,.nav-btn,.search-btn,.apply-btn,.action-btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.add-btn{background:var(--gray-100);color:var(--gray-900);width:100%;margin-top:var(--space-4);border:1.5px solid var(--gray-200)}.add-btn:hover{background:var(--gray-200);border-color:var(--gray-300);transform:translateY(-1px)}.add-achievement-btn{background:#8b5cf61a;color:var(--primary-600);border:2px solid rgba(139,92,246,.2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);width:100%;margin-top:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.add-achievement-btn:hover{background:#8b5cf626;border-color:var(--primary-600);transform:translateY(-1px)}.action-btn.success{background:var(--gradient-success);color:#fff;border:none}.action-btn.success:hover{transform:translateY(-2px);box-shadow:0 8px 20px #34c7594d}.action-btn.danger{background:#ff3b301a;color:var(--danger);border:1.5px solid rgba(255,59,48,.2)}.action-btn.danger:hover{background:#ff3b3026;border-color:var(--danger)}.nav-btn:disabled,.apply-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-lg)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-2xl)}.magic-input,.magic-textarea,.magic-select,.input,.textarea,.select{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);font-weight:var(--font-weight-regular);color:var(--gray-900);background:#fff;transition:all var(--transition-fast);outline:none}.magic-input::placeholder,.magic-textarea::placeholder,.input::placeholder,.textarea::placeholder{color:var(--gray-400)}.magic-input:hover,.magic-textarea:hover,.magic-select:hover,.input:hover,.textarea:hover,.select:hover{border-color:var(--gray-400)}.magic-input:focus,.magic-textarea:focus,.magic-select:focus,.input:focus,.textarea:focus,.select:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px #8b5cf61a,var(--shadow-sm)}.magic-textarea,.textarea{min-height:120px;resize:vertical;line-height:var(--leading-relaxed)}.magic-select,.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:var(--space-10)}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);margin-bottom:var(--space-2);letter-spacing:var(--tracking-wide)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2);color:var(--gray-700);font-size:var(--text-base)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;border-radius:var(--radius-xs)}.present-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600);cursor:pointer;white-space:nowrap}.present-checkbox input{width:18px;height:18px;cursor:pointer}.magical-card,.card,.resume-card{background:var(--bg-elevated);border-radius:var(--radius-2xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.magical-card{padding:var(--space-8);animation:scale-in .4s var(--transition-spring)}.card:hover,.magical-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--gray-300)}.card-glass{background:#ffffffb3;backdrop-filter:blur(var(--blur-xl)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(180%);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 6px #0000000d,inset 0 1px #fffc}.item-card{background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--gray-200);transition:all var(--transition-base)}.item-card.editable{background:var(--gray-50);padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-4);border:1.5px solid var(--gray-200);transition:all var(--transition-base)}.item-card.editable:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm),0 0 0 4px #8b5cf60d}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.item-header strong{color:var(--gray-900);font-size:var(--text-lg);display:block;margin-bottom:var(--space-1)}.skill-chips,.tech-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.skill-chip,.tech-chip{background:var(--gradient-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-medium);box-shadow:0 2px 8px #8b5cf633}.tech-chip{background:#8b5cf61a;color:var(--primary-600);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);box-shadow:none;border:1px solid rgba(139,92,246,.2)}.remove-btn,.remove-btn-small{background:#ff3b301a;color:var(--danger);border:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);font-size:var(--text-sm)}.remove-btn:hover,.remove-btn-small:hover{background:var(--danger);color:#fff}.remove-btn-small{font-size:var(--text-xs);padding:.1rem var(--space-2)}.edit-btn{background:transparent;border:1px solid var(--primary-500);color:var(--primary-600);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.edit-btn:hover{background:var(--primary-500);color:#fff}.edit-btn.small{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.onboarding-container{background:var(--bg-elevated);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);border:1px solid var(--gray-200);overflow:hidden;max-width:900px;margin:0 auto}.onboarding-header{background:var(--gradient-primary);color:#fff;padding:var(--space-10) var(--space-8);text-align:center;position:relative;overflow:hidden}.onboarding-header:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0%,transparent 60%);animation:pulse-subtle 6s ease-in-out infinite}.onboarding-header h2{font-size:var(--text-4xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4);position:relative;z-index:1;color:#fff;-webkit-text-fill-color:white}.onboarding-header .subtitle{opacity:.9;font-size:var(--text-base);margin-top:var(--space-2);position:relative;z-index:1}.progress-bar{background:#ffffff26;height:6px;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3);position:relative;z-index:1}.progress-fill{background:#fff;height:100%;border-radius:var(--radius-full);transition:width .4s var(--transition-spring);box-shadow:0 0 12px #fff9}.step-indicator{font-size:var(--text-sm);font-weight:var(--font-weight-medium);opacity:.9;position:relative;z-index:1}.onboarding-content{padding:var(--space-10);min-height:500px}.form-step{animation:slide-up .5s var(--transition-spring)}.form-step h3{font-size:var(--text-3xl);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:var(--space-6);letter-spacing:var(--tracking-tight)}.hint{color:var(--gray-600);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.full-width{grid-column:1 / -1}.form-section{margin-bottom:var(--space-6)}.form-section h3{color:var(--gray-900);font-size:var(--text-xl);margin-bottom:var(--space-4);font-weight:var(--font-weight-semibold)}.divider{height:1px;background:var(--gray-200);margin:var(--space-6) 0}.onboarding-footer{padding:var(--space-8);background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;gap:var(--space-4)}.onboarding-footer button{flex:1}.added-items,.added-experiences{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.experience-card{background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border:1px solid rgba(139,92,246,.2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-base)}.experience-card:hover{border-color:var(--primary-400);box-shadow:var(--shadow-sm)}.experience-info{display:flex;flex-direction:column;gap:var(--space-1)}.experience-info strong{color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.experience-info .dates{color:var(--gray-600);font-size:var(--text-sm)}.add-experience-form{background:var(--gray-50);padding:var(--space-5);border-radius:var(--radius-md);margin-top:var(--space-4);border:1px solid var(--gray-200)}.date-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin:var(--space-4) 0}.date-group{display:flex;flex-direction:column;gap:var(--space-2)}.date-group label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--gray-700)}.date-dropdowns{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.month-select{flex:1.5;min-width:110px}.year-select{flex:1;min-width:80px}.yoe-badge{display:inline-block;background:#ffffff26;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-base);margin-top:var(--space-3);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.generating-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--space-8)}.generating-screen h2{color:var(--gray-900);margin:var(--space-6) 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold)}.generating-screen p{color:var(--gray-600);font-size:var(--text-base)}.spinner{width:44px;height:44px;border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:rotate .8s linear infinite}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:rotate .8s linear infinite}.progress-dots{display:flex;gap:var(--space-2);margin-top:var(--space-6)}.progress-dots .dot{width:10px;height:10px;background:var(--gray-300);border-radius:var(--radius-full);animation:pulse-dot 1.5s ease-in-out infinite}.progress-dots .dot.active{background:var(--primary-500)}.progress-dots .dot:nth-child(2){animation-delay:.3s}.progress-dots .dot:nth-child(3){animation-delay:.6s}.review-content{padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);max-height:60vh;overflow-y:auto}.review-section{background:var(--gray-50);padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.review-section.experience-section{background:linear-gradient(135deg,#8b5cf608,#7c3aed08);border:1px solid rgba(139,92,246,.1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.section-header h3{color:var(--gray-900);font-size:var(--text-lg);margin:0;font-weight:var(--font-weight-semibold)}.section-header .date-range{color:var(--gray-600);font-size:var(--text-sm)}.review-text{color:var(--gray-900);line-height:var(--leading-relaxed);margin:0}.review-textarea{width:100%;padding:var(--space-3);border:2px solid var(--primary-500);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);resize:vertical;min-height:100px}.experience-content{display:flex;flex-direction:column;gap:var(--space-4)}.subsection{background:#fff;padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.subsection h4{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.accomplishments-list{margin:0;padding-left:var(--space-5);color:var(--gray-900);line-height:var(--leading-relaxed)}.accomplishments-list li{margin-bottom:var(--space-2)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.skill-category h4{color:var(--gray-900);font-size:var(--text-base);margin:0 0 var(--space-2) 0;font-weight:var(--font-weight-semibold)}.skill-category .skill-chip[data-level=Beginner]{background:var(--gray-500)}.skill-category .skill-chip[data-level=Intermediate]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.skill-category .skill-chip[data-level=Advanced]{background:var(--gradient-success)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.upload-zone{border:3px dashed var(--primary-500);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-base);background:#8b5cf605;width:100%;max-width:400px}.upload-zone:hover{background:#8b5cf614;border-color:var(--primary-600);transform:translateY(-2px)}.upload-zone.small{padding:var(--space-8) var(--space-6);max-width:100%}.upload-icon{font-size:3rem;margin-bottom:var(--space-4);color:var(--primary-500)}.upload-zone h3{color:var(--gray-900);margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold)}.upload-zone p{color:var(--gray-600);margin:0}.file-types{display:inline-block;margin-top:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--gray-100);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-600)}.summary-preview{background:var(--gray-50);padding:var(--space-6);border-radius:var(--radius-md);width:100%;margin-top:var(--space-4);border:1px solid var(--gray-200)}.summary-preview h4{margin:0 0 var(--space-4) 0;color:var(--gray-900);font-weight:var(--font-weight-semibold)}.summary-preview ul{margin:0;padding-left:var(--space-6);color:var(--gray-900)}.summary-preview li{margin-bottom:var(--space-2)}.resume-view{display:grid;grid-template-columns:1fr;gap:var(--space-8)}.resume-jobs-layout{display:grid;grid-template-columns:1.5fr 480px;gap:var(--space-8);min-height:calc(100vh - 140px)}.resume-pdf-container{display:flex;flex-direction:column;background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden;position:sticky;top:120px;height:fit-content;max-height:calc(100vh - 160px)}.resume-pdf-header{padding:var(--space-6);background:var(--gradient-primary);color:#fff;position:relative;overflow:hidden}.resume-pdf-header:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:var(--radius-full)}.resume-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);position:relative;z-index:1}.resume-pdf-header h2{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-1) 0;color:#fff;-webkit-text-fill-color:white}.pdf-subtitle{margin:0;opacity:.9;font-size:var(--text-sm)}.ats-grade-badge{background:#ffffff26;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);border:1px solid rgba(255,255,255,.2);min-width:220px;box-shadow:inset 0 1px #ffffff4d}.ats-grade-main{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.ats-grade-letter{font-size:3rem;font-weight:var(--font-weight-bold);line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff}.ats-grade-score{display:flex;flex-direction:column;gap:var(--space-1)}.ats-score-number{font-size:1.75rem;font-weight:var(--font-weight-bold);color:#fff;line-height:1}.ats-score-label{font-size:var(--text-xs);opacity:.9;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ats-grade-bar{width:100%;height:6px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.ats-grade-fill{height:100%;background:#fff;border-radius:var(--radius-full);transition:width .8s var(--transition-spring);box-shadow:0 0 8px #ffffff80}.ats-grade-loading{display:flex;align-items:center;gap:var(--space-3);background:#ffffff26;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);color:#fff;font-size:var(--text-sm)}.pdf-viewer-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--gray-50);min-height:700px}.pdf-viewer{flex:1;width:100%;border:none;min-height:700px;background:#fff}.pdf-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);color:var(--gray-600);min-height:700px}.pdf-loading p{margin-top:var(--space-4)}.jobs-sidebar{display:flex;flex-direction:column;background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden;max-height:calc(100vh - 160px);position:sticky;top:120px}.jobs-header{padding:var(--space-6);background:var(--gradient-primary);color:#fff;position:relative}.jobs-header h2{margin:0 0 var(--space-1) 0;color:#fff;-webkit-text-fill-color:white;font-size:var(--text-2xl);font-weight:var(--font-weight-semibold)}.jobs-subtitle{margin:0;opacity:.9;font-size:var(--text-sm)}.jobs-search-controls{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.jobs-search-controls .magic-input,.jobs-search-controls .search-btn{width:100%}.jobs-list-container{flex:1;overflow-y:auto;padding:var(--space-5)}.jobs-list{display:flex;flex-direction:column;gap:var(--space-4)}.jobs-loading-state,.jobs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);color:var(--gray-600);text-align:center}.jobs-empty-state .empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.jobs-empty-state h3{color:var(--gray-900);margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold)}.jobs-loading-state p,.jobs-empty-state p{margin-top:var(--space-4)}.job-card-compact{padding:var(--space-5);border-radius:var(--radius-lg);background:#fff;border:1px solid var(--gray-200);transition:all var(--transition-base);margin-bottom:var(--space-4)}.job-card-compact:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gray-300)}.job-header-compact{margin-bottom:var(--space-3)}.job-header-compact h3{font-size:var(--text-base);margin-bottom:var(--space-2);color:var(--gray-900);line-height:var(--leading-snug);font-weight:var(--font-weight-semibold)}.company-badge{background:var(--gradient-primary);color:#fff;padding:.2rem var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);display:inline-block}.job-details-compact{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--gray-600)}.job-match-compact{background:var(--gray-50);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);display:flex;gap:var(--space-3);align-items:flex-start}.match-score-compact{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.score-circle-compact{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-sm);background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #8b5cf64d,inset 0 1px #ffffff4d}.match-label-compact{font-size:var(--text-xs);color:var(--gray-600);font-weight:var(--font-weight-medium)}.match-reason-compact{flex:1;font-size:var(--text-sm);color:var(--gray-900);line-height:var(--leading-normal)}.job-description-compact{color:var(--gray-600);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-actions-compact{display:flex;flex-direction:column;gap:var(--space-2)}.view-link-compact{padding:var(--space-2) var(--space-3);border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);text-decoration:none;color:var(--gray-900);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);text-align:center;font-size:var(--text-sm)}.view-link-compact:hover{border-color:var(--primary-500);color:var(--primary-600);background:var(--gray-50)}.apply-btn-compact{width:100%;padding:var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.resume-card{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}.resume-header h2{font-size:var(--text-4xl);margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold)}.resume-contact{color:var(--gray-600);margin-bottom:var(--space-2)}.social-link{color:var(--primary-600);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.social-link:hover{color:var(--primary-700);text-decoration:underline}.resume-section{margin-top:var(--space-8);padding-top:var(--space-8);border-top:2px solid var(--gray-200)}.resume-section h3{margin-bottom:var(--space-4);color:var(--gray-900);font-weight:var(--font-weight-semibold)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{background:var(--gray-100);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--gray-900);border:1px solid var(--gray-200)}.experience-item,.education-item{margin-bottom:var(--space-6)}.date-range{color:var(--gray-600);font-size:var(--text-sm);margin:var(--space-1) 0}.job-search-section{grid-column:1 / -1}.search-header{text-align:center;margin-bottom:var(--space-8)}.search-header h2{font-size:var(--text-5xl);margin-bottom:var(--space-2);font-weight:var(--font-weight-bold);color:var(--gray-900)}.search-header p{color:var(--gray-600);font-size:var(--text-lg)}.search-box{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-4);margin-bottom:var(--space-8);background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-8)}.job-card{transition:transform var(--transition-base)}.job-card:hover{transform:translateY(-4px)}.job-header{margin-bottom:var(--space-4)}.job-header h3{font-size:var(--text-xl);margin-bottom:var(--space-2);color:var(--gray-900);font-weight:var(--font-weight-semibold)}.job-details{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--gray-600)}.job-match{background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;gap:var(--space-4);align-items:flex-start}.match-score{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.score-circle{width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--text-base);background:var(--gradient-primary);box-shadow:0 4px 12px #8b5cf64d}.match-label{font-size:var(--text-xs);color:var(--gray-600);font-weight:var(--font-weight-medium)}.match-reason{flex:1;font-size:var(--text-sm);color:var(--gray-900);line-height:var(--leading-relaxed)}.job-description{color:var(--gray-600);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.job-actions{display:flex;gap:var(--space-4)}.view-link{padding:var(--space-3) var(--space-6);border:1.5px solid var(--gray-300);border-radius:var(--radius-md);text-decoration:none;color:var(--gray-900);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);text-align:center}.view-link:hover{border-color:var(--primary-500);color:var(--primary-600);background:var(--gray-50)}.apply-btn{flex:1}.applications-view{max-width:1200px;margin:0 auto}.applications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding:var(--space-8);background:#fff9;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.18)}.applications-header h2{font-size:var(--text-4xl);font-weight:var(--font-weight-semibold);color:var(--gray-900);letter-spacing:var(--tracking-tight)}.auto-refresh-toggle{background:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:var(--font-weight-semibold);border:1px solid var(--gray-200);transition:all var(--transition-base)}.auto-refresh-toggle:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pulse-dot{width:8px;height:8px;background:var(--success);border-radius:var(--radius-full);animation:pulse-subtle 2s infinite}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--bg-elevated);padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);text-align:center;transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{font-size:3rem;margin-bottom:var(--space-4);filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.stat-value{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-2)}.stat-label{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.applications-list{display:flex;flex-direction:column;gap:var(--space-6)}.application-card{background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);padding:var(--space-6);transition:all var(--transition-base)}.application-card:hover{transform:translate(8px);box-shadow:var(--shadow-lg)}.app-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.app-header h3{font-size:var(--text-xl);color:var(--gray-900);margin-bottom:var(--space-1);font-weight:var(--font-weight-semibold)}.company-name{color:var(--gray-600);font-size:var(--text-sm)}.status-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.status-badge.success{background:var(--success-bg);color:var(--success);border:1px solid rgba(52,199,89,.2)}.status-badge.pending{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(255,159,10,.2)}.status-badge.failed{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(255,59,48,.2)}.app-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--gray-600)}.meta-item{display:flex;align-items:center;gap:var(--space-1)}.progress-section{margin-bottom:var(--space-4)}.progress-bar-container{background:var(--gray-200);height:8px;border-radius:var(--radius-xs);overflow:hidden;margin-bottom:var(--space-2)}.progress-bar-fill{background:var(--gradient-success);height:100%;transition:width var(--transition-base);border-radius:var(--radius-xs)}.progress-text{font-size:var(--text-sm);color:var(--gray-600)}.error-message{background:#ff3b301a;color:var(--danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);border:1px solid rgba(255,59,48,.2)}.app-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.action-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.empty-state,.loading-state{text-align:center;padding:var(--space-16) var(--space-8);background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.3;filter:grayscale(100%)}.empty-state h3{color:var(--gray-900);margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold)}.empty-state p{color:var(--gray-600);line-height:var(--leading-relaxed);max-width:500px;margin:0 auto var(--space-6)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--gray-600)}.profile-view{background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden;max-width:1200px;margin:0 auto}.profile-header{background:var(--gradient-primary);color:#fff;padding:var(--space-8);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-6);position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:var(--radius-full)}.profile-header h1{font-size:var(--text-4xl);margin:0;color:#fff;-webkit-text-fill-color:white;position:relative;z-index:1;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}.save-status-container{display:flex;align-items:center;gap:var(--space-4);position:relative;z-index:1}.save-status{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.save-status.success{background:#34c75933;color:#059669}.save-status.error{background:#ff3b3033;color:#dc2626}.save-button{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);background:#fff;color:var(--primary-600)}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.save-button:disabled{opacity:.6;cursor:not-allowed}.profile-nav{background:var(--gray-50);padding:var(--space-4);display:flex;gap:var(--space-2);overflow-x:auto;border-bottom:1px solid var(--gray-200)}.nav-section-btn{background:transparent;border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--gray-600);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;position:relative}.nav-section-btn:hover{background:#fff;color:var(--gray-900)}.nav-section-btn.active{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-sm),inset 0 -2px 0 var(--primary-500)}.profile-content{padding:var(--space-8);min-height:500px}.profile-section{animation:slide-up .5s var(--transition-spring)}.profile-section h2{font-size:var(--text-3xl);margin-bottom:var(--space-6);color:var(--gray-900);font-weight:var(--font-weight-semibold)}.profile-section label{display:block;margin-bottom:var(--space-2);color:var(--gray-700);font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.edit-form{margin-top:var(--space-4);padding-top:var(--space-4);border-top:2px solid var(--gray-200);display:flex;flex-direction:column;gap:var(--space-4)}.edit-form .action-btn{align-self:flex-start}.skill-meta{font-size:var(--text-xs);opacity:.7;margin-left:var(--space-2)}.application-receipt{background:#fff;border:2px dashed var(--gray-400);margin-bottom:var(--space-8);border-radius:var(--radius-lg);padding:var(--space-6)}.receipt-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--space-4);border-bottom:1px dashed var(--gray-300)}.receipt-title h3{font-size:var(--text-2xl);margin-bottom:var(--space-1);color:var(--gray-900);font-weight:var(--font-weight-semibold)}.receipt-meta{display:flex;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-4) 0;font-size:var(--text-sm);color:var(--gray-600);border-bottom:1px dashed var(--gray-300)}.receipt-meta a{color:var(--primary-600);text-decoration:none;font-weight:var(--font-weight-semibold)}.receipt-meta a:hover{text-decoration:underline}.receipt-divider{height:1px;background:repeating-linear-gradient(90deg,var(--gray-300) 0px,var(--gray-300) 8px,transparent 8px,transparent 16px);margin:var(--space-6) 0}.receipt-body{padding:var(--space-4) 0}.receipt-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--gray-200)}.receipt-summary h4{font-size:var(--text-xl);color:var(--gray-900);margin:0;font-weight:var(--font-weight-semibold)}.action-count{background:var(--gradient-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.receipt-items{display:flex;flex-direction:column;gap:var(--space-6)}.receipt-item{display:flex;gap:var(--space-5);padding:var(--space-5);background:var(--gray-50);border-radius:var(--radius-md);border-left:4px solid var(--gray-500);transition:all var(--transition-base)}.receipt-item.success{border-left-color:var(--success);background:linear-gradient(135deg,#34c7590d,#30d1580d)}.receipt-item.failed{border-left-color:var(--danger);background:linear-gradient(135deg,#ff3b300d,#dc26260d)}.receipt-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.item-number{background:#fff;width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-lg);color:var(--primary-600);border:2px solid var(--primary-500);flex-shrink:0}.item-details{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.item-action{font-weight:var(--font-weight-bold);font-size:var(--text-base);color:var(--gray-900);letter-spacing:var(--tracking-wide)}.item-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.item-status.success{background:var(--success);color:#fff}.item-status.failed{background:var(--danger);color:#fff}.item-row{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm)}.row-label{font-weight:var(--font-weight-semibold);color:var(--gray-600);min-width:60px}.row-value{background:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gray-900);border:1px solid var(--gray-200);word-break:break-all;flex:1}.row-value-text{color:var(--gray-900);font-weight:var(--font-weight-semibold);font-style:italic}.item-error{background:#ff3b301a;border:1px solid var(--danger);padding:var(--space-3);border-radius:var(--radius-sm);color:#991b1b;font-size:var(--text-sm);line-height:var(--leading-normal)}.item-screenshot{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--gray-200)}.screenshot-label{font-weight:var(--font-weight-semibold);color:var(--gray-600);margin-bottom:var(--space-2);font-size:var(--text-sm)}.screenshot-thumbnail{width:100%;max-width:600px;border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:block;margin-bottom:var(--space-2)}.screenshot-thumbnail:hover{border-color:var(--primary-500);box-shadow:0 4px 12px #8b5cf633;transform:scale(1.01)}.screenshot-hint{font-size:var(--text-sm);color:var(--gray-600);font-style:italic}.receipt-footer{margin-top:var(--space-6);padding:var(--space-5);background:var(--gray-50);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}.footer-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base)}.footer-row strong{font-size:var(--text-xl)}.success-text{color:var(--success)}.failed-text{color:var(--danger)}.no-receipt{text-align:center;padding:var(--space-12) var(--space-8);color:var(--gray-600);background:var(--gray-50);border-radius:var(--radius-md)}.receipt-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-4)}.receipt-actions .action-btn{flex:1;min-width:200px}.fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);cursor:pointer;padding:var(--space-8);animation:fade-in .2s ease}.modal-content{position:relative;max-width:90vw;max-height:90vh;cursor:default;animation:scale-in .3s var(--transition-spring)}.modal-content img{max-width:100%;max-height:90vh;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:-48px;right:0;background:#fff;border:none;width:40px;height:40px;border-radius:var(--radius-full);font-size:24px;font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--gray-900);box-shadow:var(--shadow-md)}.modal-close:hover{background:var(--gray-100);transform:scale(1.1)}.queue-view{padding:var(--space-8);max-width:1400px;margin:0 auto}.queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.queue-list{display:flex;flex-direction:column;gap:var(--space-6)}.queue-item{padding:var(--space-6);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-base)}.queue-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.queue-item-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.queue-item-position{background:var(--primary-500);color:#fff;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);flex-shrink:0}.queue-item-title{flex:1}.queue-item-title h3{margin:0;font-size:var(--text-lg);color:var(--gray-900);font-weight:var(--font-weight-semibold)}.queue-item-meta{display:flex;gap:var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--gray-600)}.queue-item-progress{margin-top:var(--space-4);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-sm)}.queue-item-success{margin-top:var(--space-4);padding:var(--space-4);background:var(--success-bg);color:#155724;border-radius:var(--radius-sm);border-left:4px solid var(--success)}.queue-item-failure{margin-top:var(--space-4);padding:var(--space-4);background:var(--danger-bg);color:#721c24;border-radius:var(--radius-sm);border-left:4px solid var(--danger)}.queue-item-actions{margin-top:var(--space-4);display:flex;gap:var(--space-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(.98)}}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fade-in .4s var(--transition-base)}.animate-slide-up{animation:slide-up .5s var(--transition-spring)}.animate-scale-in{animation:scale-in .4s var(--transition-spring)}.fade-in{animation:fade-in .5s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.upload-btn{padding:.45rem .95rem;background:var(--gradient-success);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2);transition:var(--transition-base);box-shadow:0 4px 12px #34c75940}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #34c7594d}.upload-btn:disabled{background:var(--gray-500);cursor:not-allowed;opacity:.6;transform:none}.refresh-btn{margin-top:var(--space-2);padding:.4rem .85rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:var(--transition-base)}.refresh-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.refresh-btn:disabled{background:var(--gray-500);cursor:not-allowed;opacity:.6}.upload-success{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:#d1fae5;border:1.5px solid var(--success-600);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#065f46;font-weight:500;line-height:1.4;animation:slideIn .3s ease}.upload-error{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:#fee2e2;border:1.5px solid var(--error-500);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#991b1b;font-weight:500;animation:slideIn .3s ease}.jobs-search-controls{flex-direction:column;gap:var(--space-3);background:#fff;padding:var(--space-5) var(--space-5);border-radius:0;border:none;box-shadow:none;border-bottom:2px solid var(--gray-200)}.search-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--gray-600);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.search-hint{font-size:.7rem;color:var(--gray-500);margin-top:var(--space-2);line-height:1.3}.magic-input{width:100%;padding:var(--space-3) var(--space-3);background:#fff;border:2px solid var(--gray-300);color:var(--gray-900);font-size:var(--text-sm);font-weight:500;box-shadow:inset 0 1px 3px #00000014;border-radius:var(--radius-sm);transition:var(--transition-base)}.magic-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #8b5cf61a}.magic-input:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}select.magic-input{cursor:pointer}.magic-button{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-sm);border:none;cursor:pointer;background:var(--gradient-primary);color:#fff;box-shadow:0 4px 6px -1px #8b5cf64d;transition:var(--transition-base)}.magic-button:hover{transform:translateY(-2px);box-shadow:0 8px 12px -2px #8b5cf666}.magic-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.job-card-compact{background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:var(--transition-base);box-shadow:var(--shadow-sm)}.job-card-compact:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.job-card-compact.magical-card{background:linear-gradient(135deg,#8b5cf608,#7c3aed08)}.agent-interface{background:#0f172a;padding:var(--space-5);border-radius:var(--radius-md);margin-top:var(--space-4);border:1px solid #334155;box-shadow:0 4px 6px -1px #00000080}.cover-letter-link{display:inline-block;margin-top:var(--space-2);margin-left:var(--space-2);padding:.4rem .85rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:var(--radius-sm);text-decoration:none;font-size:var(--text-sm);font-weight:600;transition:var(--transition-base)}.cover-letter-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-section-btn{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;color:var(--gray-700);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:var(--transition-base);white-space:nowrap}.nav-section-btn:hover{background:#8b5cf61a;color:var(--primary-700)}.nav-section-btn.active{background:#fff;color:var(--primary-700);box-shadow:var(--shadow-sm)}.nav-icon{font-size:1.1rem}.nav-label{font-size:var(--text-sm)}.profile-section{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);animation:fadeIn .3s ease}.profile-section h2{font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-grid-full{grid-column:1 / -1}.item-card{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:var(--transition-base)}.item-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.item-title{font-size:var(--text-lg);font-weight:600;color:var(--gray-900)}.item-subtitle{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-1)}.item-actions{display:flex;gap:var(--space-2)}.item-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--transition-base)}.item-btn-edit{background:var(--primary-100);color:var(--primary-700)}.item-btn-edit:hover{background:var(--primary-200)}.item-btn-delete{background:var(--error-100);color:var(--error-700)}.item-btn-delete:hover{background:var(--error-200)}.item-btn-save{background:var(--success-600);color:#fff}.item-btn-save:hover{background:var(--success-700)}.item-btn-cancel{background:var(--gray-200);color:var(--gray-700)}.item-btn-cancel:hover{background:var(--gray-300)}.save-btn{padding:var(--space-3) var(--space-6);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 6px -1px #8b5cf64d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 12px -2px #8b5cf666}.save-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;opacity:.6}.save-btn.success{background:var(--gradient-success)}.save-btn.error{background:linear-gradient(135deg,var(--error-600) 0%,var(--error-700) 100%)}.delete-btn{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--error-600) 0%,var(--error-700) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 6px -1px #ef44444d}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 8px 12px -2px #ef444466}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-300)}.stat-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.stat-value{font-size:var(--text-4xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.filter-btn{padding:var(--space-2) var(--space-4);background:var(--gray-100);color:var(--gray-700);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;text-transform:capitalize;transition:var(--transition-base)}.filter-btn:hover{background:var(--gray-200)}.filter-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 6px -1px #8b5cf64d}.application-card{background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);transition:var(--transition-base);box-shadow:var(--shadow-sm)}.application-card:hover{transform:translate(4px);box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.application-title h3{font-size:var(--text-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-1)}.company-name{font-size:var(--text-base);color:var(--gray-600);font-weight:500}.application-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--space-4)}.status-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:#fff;border:1.5px solid rgba(255,255,255,.3);box-shadow:var(--shadow-sm)}.notes-section{margin-top:var(--space-4);padding:var(--space-3);background:var(--gray-50);border-left:3px solid var(--primary-500);border-radius:var(--radius-sm)}.notes-label{font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--space-1)}.notes-content{font-size:var(--text-sm);color:var(--gray-900)}.app-action-btn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;transition:var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.app-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 6px -1px #3b82f64d}.app-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 12px -2px #3b82f666}.app-action-btn.secondary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;box-shadow:0 4px 6px -1px #8b5cf64d}.app-action-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 8px 12px -2px #8b5cf666}@media (max-width: 768px){:root{--space-4: .875rem;--space-6: 1.25rem;--space-8: 1.75rem;--space-10: 2rem;--text-7xl: 3rem;--text-5xl: 2.25rem;--text-4xl: 1.875rem;--text-3xl: 1.5rem}.main-content{padding:var(--space-4)}.navbar{padding:var(--space-3) var(--space-4)}.nav-links{flex-wrap:wrap;gap:var(--space-2)}.welcome-title{font-size:var(--text-5xl)}.features{grid-template-columns:1fr}.cta-group{flex-direction:column;width:100%}.cta-group button,.cta-button{width:100%}.resume-jobs-layout{grid-template-columns:1fr;gap:var(--space-6)}.resume-pdf-container{min-height:600px}.jobs-sidebar{position:static;max-height:600px}.pdf-viewer,.pdf-viewer-wrapper,.pdf-loading{min-height:500px}.resume-header-content{flex-direction:column;align-items:flex-start}.ats-grade-badge{width:100%;min-width:auto}.search-box,.jobs-grid{grid-template-columns:1fr}.app-actions{flex-direction:column}.action-btn{width:100%}.profile-header{flex-direction:column;align-items:flex-start}.save-status-container{width:100%;flex-direction:column;align-items:stretch}.save-button{width:100%}.profile-nav{padding:var(--space-2);overflow-x:scroll;-webkit-overflow-scrolling:touch}.nav-section-btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.profile-content{padding:var(--space-4)}.item-header{flex-direction:column;gap:var(--space-2)}.item-actions{width:100%;justify-content:flex-start}.receipt-header{flex-direction:column;gap:var(--space-4)}.receipt-meta{flex-direction:column;gap:var(--space-3)}.receipt-summary{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.receipt-item{flex-direction:column;gap:var(--space-4)}.item-number{align-self:flex-start}.screenshot-thumbnail{max-width:100%}.receipt-actions{flex-direction:column}.receipt-actions .action-btn{width:100%;min-width:auto}.fullscreen-modal{padding:var(--space-4)}.modal-close{top:-44px;width:36px;height:36px;font-size:20px}.date-row{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1023px){.resume-jobs-layout{grid-template-columns:1fr 400px}.features{grid-template-columns:repeat(2,1fr)}}.mobile-tab-switcher{display:flex;background:var(--gray-100);padding:4px;border-radius:var(--radius-lg);margin-bottom:var(--space-4);gap:4px}.mobile-tab-btn{flex:1;padding:8px 12px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--gray-600);font-weight:var(--font-weight-medium);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.mobile-tab-btn.active{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.resume-jobs-layout{display:flex!important;flex-direction:column;padding:0!important}}.email-command-center{background:linear-gradient(145deg,#1e293b,#0f172a);border-radius:var(--radius-xl);padding:1.25rem;color:#fff;min-height:400px;max-height:100%;overflow-y:auto;flex:1;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;border:1px solid rgba(255,255,255,.1);margin-top:1rem;font-family:var(--font-sans)}.ecc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.ecc-header h3{margin:0;font-size:1.1rem;font-weight:700;background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ecc-reset-btn{background:#ffffff1a;border:none;color:#94a3b8;padding:6px 10px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}.ecc-reset-btn:hover{background:#fff3;color:#fff}.ecc-phase{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.ecc-label{font-size:.7rem;color:#94a3b8;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.ecc-input-group{position:relative;margin-bottom:1rem}.ecc-input{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.15);padding:1rem;border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:all .2s}.ecc-input:focus{border-color:#8b5cf6;background:#0f172acc;box-shadow:0 0 0 2px #8b5cf640}.ecc-input::placeholder{color:#64748b}.ecc-action-btn{width:100%;padding:1rem;border-radius:12px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;margin-top:1rem}.ecc-action-btn.primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 12px #7c3aed4d}.ecc-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}.ecc-action-btn.launch-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1.1rem;padding:1.25rem;box-shadow:0 4px 12px #10b9814d}.ecc-action-btn:disabled{background:#334155;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.ecc-results{margin-top:2rem;border-top:1px dashed rgba(255,255,255,.1);padding-top:1.5rem}.ecc-chip{background:#1e293b80;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:10px;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.ecc-chip:hover{background:#8b5cf61a;border-color:#8b5cf6;transform:translate(2px)}.ecc-arrow{color:#64748b}.ecc-chip:hover .ecc-arrow{color:#a78bfa}.ecc-tone-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem}.ecc-tone-btn{background:#1e293b80;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.75rem .5rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.ecc-tone-btn:hover{background:#ffffff0d}.ecc-tone-btn.active{background:#8b5cf626;border-color:#8b5cf6;color:#a78bfa}.ecc-preview{background:#fff;color:#334155;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;box-shadow:inset 0 2px 4px #0000000d}.ecc-preview-row{border-bottom:1px solid #e2e8f0;padding-bottom:.75rem;margin-bottom:.75rem;display:flex;align-items:center}.ecc-preview-label{font-weight:600;color:#94a3b8;width:3rem;font-size:.8rem;text-transform:uppercase}.ecc-helper{font-size:.8rem;color:#64748b;margin-top:1.5rem;text-align:center}.ecc-link-btn{background:none;border:none;color:#8b5cf6;text-decoration:underline;cursor:pointer;font-size:inherit;margin-left:.25rem;padding:0}.center-text{text-align:center;padding:2rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.job-search-container{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg)}.job-search-header{background:linear-gradient(135deg,#7c3aed,#6d28d9);padding:1.75rem 2rem;color:#fff}.job-search-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.02em}.job-search-subtitle{font-size:.875rem;margin:0;opacity:.9;font-weight:400}.job-search-form{padding:1.5rem 2rem 2rem;overflow-y:auto;flex:1}.form-group{margin-bottom:1.25rem}.form-group-half{flex:1;margin-bottom:0}.form-row{display:flex;gap:1rem;margin-bottom:1.25rem}.form-label{display:block;font-size:.75rem;font-weight:600;color:#6b7280;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9375rem;color:#1f2937;background:#fff;transition:all .2s;font-family:var(--font-sans)}.form-input:focus,.form-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-input::placeholder{color:#9ca3af}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#7c3aed}.sources-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sources-counter{font-size:.875rem;font-weight:600;color:#7c3aed}.sources-section{margin-bottom:1.5rem}.sources-category{font-size:.75rem;font-weight:700;color:#6b7280;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase;display:flex;align-items:center;gap:.375rem}.category-icon{font-size:.875rem}.sources-pills{display:flex;flex-wrap:wrap;gap:.5rem}.source-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1.5px solid #d1d5db;border-radius:9999px;background:#fff;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.source-pill:hover:not(.disabled){border-color:#7c3aed;background:#f5f3ff;transform:translateY(-1px)}.source-pill.selected{background:#d1fae5;border-color:#10b981;color:#065f46}.source-pill.disabled{opacity:.4;cursor:not-allowed}.pill-icon{font-size:1rem;line-height:1}.pill-name{line-height:1}.search-jobs-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;box-shadow:0 4px 12px #7c3aed4d;font-family:var(--font-sans)}.search-jobs-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed66}.search-jobs-button:active:not(:disabled){transform:translateY(0)}.search-jobs-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{font-size:1.125rem;line-height:1}.representative-group{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-200)}.representative-group:last-child{border-bottom:none;margin-bottom:0}.tone-options{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.tone-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full, 9999px);border:1.5px solid var(--gray-300);background:#fff;color:var(--gray-700);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.tone-chip:hover{border-color:var(--primary-400);color:var(--primary-600);background:#8b5cf60d}.tone-chip.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-color:transparent;box-shadow:0 2px 8px #8b5cf640}.emphasis-suggestions,.never-do-suggestions,.common-question-templates{display:flex;flex-wrap:wrap;gap:var(--space-2)}.suggestion-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full, 9999px);border:1px dashed var(--gray-400);background:transparent;color:var(--gray-600);font-size:var(--text-xs);cursor:pointer;transition:all .2s ease}.suggestion-chip:hover{border-color:var(--primary-400);color:var(--primary-600);background:#8b5cf60d;border-style:solid}.suggestion-chip-warning:hover{border-color:#f59e0b;color:#d97706;background:#f59e0b0d}.prompt-card{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-xl, 12px);padding:var(--space-5);transition:all .2s ease}.prompt-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.prompt-preview{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md, 8px);padding:var(--space-4);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--text-xs);color:var(--gray-700);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;line-height:1.6}@media (max-width: 768px){.tone-options{gap:var(--space-1)}.tone-chip{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.prompt-preview{font-size:.7rem;max-height:150px}}