.header{position:sticky;top:0;z-index:100;background:#0a0a0bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.header-content{max-width:1400px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between}.header-brand{display:flex;align-items:center;gap:var(--space-3)}.header-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--dd-red) 0%,#FF6B4A 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md),0 0 20px var(--dd-red-glow)}.logo-icon{font-family:var(--font-mono);font-weight:700;font-size:.875rem;color:#fff;letter-spacing:-.02em}.header-info{display:flex;flex-direction:column}.header-name{font-weight:600;font-size:.9375rem;color:var(--text-primary);line-height:1.2}.header-role{font-size:.75rem;color:var(--text-tertiary)}.header-nav{display:flex;align-items:center;gap:var(--space-2)}.nav-link{padding:var(--space-2) var(--space-3);font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link-icon{display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.header-cta{margin-left:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:600;color:#fff;background:var(--dd-red);border-radius:var(--radius-sm);text-decoration:none;transition:all .2s}.header-cta:hover{background:var(--dd-red-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:640px){.header-content{padding:var(--space-3) var(--space-4)}.header-info{display:none}.nav-link:not(.nav-link-icon){display:none}}.metrics-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:all .2s}.metric-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.metric-icon{font-size:1.25rem}.metric-label{font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.metric-value{font-size:2rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em;margin-bottom:var(--space-1)}.metric-change{font-size:.75rem;color:var(--status-success);font-weight:500}.funnel-visualization{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.funnel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.funnel-header h3{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.funnel-total{font-size:.8125rem;color:var(--text-tertiary);font-family:var(--font-mono)}.funnel-bars{display:flex;flex-direction:column;gap:var(--space-3)}.funnel-row{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:var(--space-3)}.funnel-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.funnel-bar-container{height:24px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.funnel-bar{height:100%;border-radius:var(--radius-sm);transition:width .6s ease-out}.funnel-count{font-size:.875rem;color:var(--text-secondary);text-align:right;font-weight:600}@media(max-width:900px){.metrics-dashboard{grid-template-columns:1fr}}@media(max-width:640px){.metrics-grid{grid-template-columns:1fr}}.hiring-pipeline{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);overflow:hidden}.pipeline-header{margin-bottom:var(--space-6)}.pipeline-header h2{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-1)}.pipeline-header p{font-size:.875rem;color:var(--text-tertiary);margin-bottom:var(--space-4)}.add-candidate-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.add-candidate-btn:hover{background:var(--bg-elevated);border-color:var(--dd-red);color:var(--dd-red)}.add-candidate-btn span{font-size:1.125rem;font-weight:600}.pipeline-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.pipeline-column{min-width:160px;background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-3);transition:all .2s}.pipeline-column.drop-target{background:#ff30081a;border:2px dashed var(--dd-red)}.column-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.column-icon{font-size:1rem}.column-label{flex:1;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.column-count{padding:2px 8px;font-size:.75rem;font-weight:600;color:#fff;border-radius:100px}.column-content{display:flex;flex-direction:column;gap:var(--space-2);min-height:120px}.candidate-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:grab;transition:all .2s;-webkit-user-select:none;user-select:none}.candidate-card:hover{border-color:var(--border-default);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.candidate-card:active{cursor:grabbing}.candidate-card.dragging{opacity:.5;transform:scale(.95)}.candidate-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--dd-red) 0%,#FF6B4A 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:#fff;flex-shrink:0}.candidate-info{flex:1;min-width:0;display:flex;flex-direction:column}.candidate-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-role{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-score{font-size:.75rem;font-weight:700;flex-shrink:0}.empty-state{padding:var(--space-6) var(--space-3);text-align:center;font-size:.75rem;color:var(--text-muted);border:1px dashed var(--border-subtle);border-radius:var(--radius-md)}@media(max-width:900px){.pipeline-stages{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.pipeline-stages{grid-template-columns:repeat(2,1fr)}.hiring-pipeline{padding:var(--space-4)}}.automation-panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);height:fit-content;position:sticky;top:80px}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-title{display:flex;align-items:center;gap:var(--space-2)}.panel-icon{font-size:1.25rem}.panel-title h3{font-size:1rem;font-weight:700}.toggle-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:transparent;border:none;cursor:pointer}.toggle-track{width:40px;height:22px;background:var(--bg-tertiary);border-radius:100px;position:relative;transition:all .3s;border:1px solid var(--border-default)}.toggle-btn.active .toggle-track{background:var(--dd-red);border-color:var(--dd-red)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:var(--shadow-sm)}.toggle-btn.active .toggle-thumb{left:calc(100% - 18px)}.toggle-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);transition:color .2s}.toggle-btn.active .toggle-label{color:var(--dd-red)}.automation-features{display:flex;flex-direction:column;gap:var(--space-2)}.feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);opacity:.5;transition:all .2s}.feature.active{opacity:1;background:#ff300814;border:1px solid rgba(255,48,8,.2)}.feature-icon{font-size:1.125rem}.feature-info{flex:1;display:flex;flex-direction:column}.feature-name{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.feature-desc{font-size:.6875rem;color:var(--text-tertiary)}.feature-status{font-size:.6875rem;font-weight:600;color:var(--text-muted);padding:2px 8px;background:var(--bg-secondary);border-radius:100px}.feature-status.active{color:var(--status-success);background:#22c55e1a}.automation-logs{background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.logs-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.logs-icon{font-size:.875rem}.logs-title{flex:1;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.logs-count{font-size:.6875rem;color:var(--text-tertiary);padding:2px 6px;background:var(--bg-secondary);border-radius:100px}.logs-container{max-height:200px;overflow-y:auto;padding:var(--space-3)}.logs-empty{font-size:.75rem;color:var(--text-muted);text-align:center;padding:var(--space-4)}.log-entry{font-size:.6875rem;color:var(--text-secondary);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);line-height:1.4}.log-entry:last-child{border-bottom:none}.about-section{margin-top:var(--space-16);padding-top:var(--space-12);border-top:1px solid var(--border-subtle)}.about-header{text-align:center;margin-bottom:var(--space-10)}.about-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--dd-red);margin-bottom:var(--space-3)}.about-header h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-4)}.about-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.about-content{display:grid;grid-template-columns:1fr 400px;gap:var(--space-10)}.about-text{display:flex;flex-direction:column;gap:var(--space-5)}.about-text p{font-size:1.0625rem;line-height:1.7;color:var(--text-secondary)}.about-text strong{color:var(--text-primary)}.about-text em{color:var(--dd-red);font-style:normal;font-weight:600}.about-cta{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.cta-primary{padding:var(--space-3) var(--space-6);background:var(--dd-red);color:#fff;font-weight:600;font-size:.9375rem;border-radius:var(--radius-md);text-decoration:none;transition:all .2s}.cta-primary:hover{background:var(--dd-red-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.cta-secondary{padding:var(--space-3) var(--space-6);background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:.9375rem;border-radius:var(--radius-md);text-decoration:none;border:1px solid var(--border-default);transition:all .2s}.cta-secondary:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.about-sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.highlight-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;text-align:center;transition:all .2s}.highlight-card:hover{border-color:var(--dd-red);transform:translateY(-2px);box-shadow:var(--shadow-md)}.highlight-metric{font-size:1.75rem;font-weight:700;color:var(--dd-red);line-height:1;margin-bottom:var(--space-1)}.highlight-label{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.highlight-desc{font-size:.6875rem;color:var(--text-tertiary)}.skills-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.skill-group{display:flex;flex-direction:column;gap:var(--space-2)}.skill-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);border-radius:100px;font-size:.75rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.skill-tag:hover{background:var(--bg-elevated);color:var(--text-primary)}@media(max-width:900px){.about-content{grid-template-columns:1fr}.about-sidebar{order:-1}}@media(max-width:640px){.about-section{margin-top:var(--space-10);padding-top:var(--space-8)}.about-cta{flex-direction:column}.cta-primary,.cta-secondary{text-align:center}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1400px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-16);width:100%}.hero-section{text-align:center;padding:var(--space-12) 0 var(--space-10)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:100px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-6)}.badge-dot{width:8px;height:8px;background:var(--status-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-4)}.hero-title-accent{background:linear-gradient(135deg,var(--dd-red) 0%,#FF6B4A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.pipeline-section{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6);margin-top:var(--space-8)}.pipeline-container{min-width:0}.footer{padding:var(--space-8) var(--space-6);text-align:center;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.footer p{font-size:.875rem;color:var(--text-tertiary)}.footer strong{color:var(--text-secondary);font-weight:600}.footer a{color:var(--dd-red);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--text-primary)}.footer-divider{margin:0 var(--space-3);color:var(--text-muted)}@media(max-width:1024px){.pipeline-section{grid-template-columns:1fr}}@media(max-width:640px){.main-content{padding:var(--space-4)}.hero-section{padding:var(--space-8) 0 var(--space-6)}.hero-subtitle{font-size:1rem}}:root{--dd-red: #FF3008;--dd-red-dark: #E52B07;--dd-red-glow: rgba(255, 48, 8, .3);--bg-primary: #0A0A0B;--bg-secondary: #111113;--bg-tertiary: #1A1A1D;--bg-elevated: #222226;--bg-hover: #2A2A2F;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-tertiary: #71717A;--text-muted: #52525B;--status-success: #22C55E;--status-warning: #F59E0B;--status-info: #3B82F6;--status-pending: #8B5CF6;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px var(--dd-red-glow)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(255,48,8,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(139,92,246,.05),transparent);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:-1}#root{min-height:100vh}::selection{background:var(--dd-red);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}:focus-visible{outline:2px solid var(--dd-red);outline-offset:2px}.mono{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .6s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}