:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);--primary-gradient-hover: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #3b82f6 100%);--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #f59e0b 100%);--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--dark-bg: #0a0a0f;--dark-surface: #151521;--dark-elevated: #1f1f2e;--dark-border: #2a2a3c;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-gradient: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .08);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--shadow-premium: 0 32px 64px -12px rgba(37, 99, 235, .15), 0 0 0 1px rgba(37, 99, 235, .05);--shadow-glow: 0 0 40px rgba(37, 99, 235, .2);--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-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;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 1;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-toast: 1500;--z-tooltip: 1600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--leading-normal);color:var(--gray-800);background:var(--bg-gradient);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--gray-900)}h1{font-size:var(--font-size-4xl);font-weight:700}h2{font-size:var(--font-size-3xl);font-weight:700}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}@media(min-width:768px){h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}.container{width:100%;margin:0 auto;padding:0 var(--space-md)}@media(min-width:640px){.container{max-width:640px;padding:0 var(--space-lg)}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px;padding:0 var(--space-xl)}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1400px}}.page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--bg-gradient)}@media(min-width:768px){.page-wrapper{padding:var(--space-xl)}}.card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-lg);border:1px solid var(--gray-200);transition:all var(--transition-base)}@media(min-width:768px){.card{padding:var(--space-xl);border-radius:var(--radius-2xl)}}.card-elevated{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-premium);padding:var(--space-xl);border:1px solid var(--gray-100)}.card-hover{cursor:pointer}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.glass{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 1.5rem;font-size:var(--font-size-base);font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;line-height:1;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px #2563eb40}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2563eb59}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-primary);color:var(--gray-700);border:2px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800)}.btn-accent{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #8b5cf640}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf659}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:.625rem 1.25rem;font-size:var(--font-size-sm)}.btn-lg{padding:1.125rem 2rem;font-size:var(--font-size-lg)}.btn-full{width:100%}@media(min-width:768px){.btn-lg{padding:1.25rem 2.5rem}}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);margin-bottom:var(--space-sm);letter-spacing:var(--tracking-wide)}.form-input,.form-textarea,.form-select{width:100%;padding:.875rem 1rem;font-size:var(--font-size-base);font-family:var(--font-sans);color:var(--gray-800);background:var(--bg-primary);border:2px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);-webkit-appearance:none;appearance:none}@media(min-width:768px){.form-input,.form-textarea,.form-select{padding:1rem 1.25rem}}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100)}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--error-500)}.form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus{box-shadow:0 0 0 4px var(--error-100)}.form-helper{display:block;margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--gray-500)}.form-error{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--error-600);font-weight:500}.alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg);border:2px solid}@media(min-width:768px){.alert{padding:var(--space-lg);border-radius:var(--radius-xl)}}.alert-success{background:var(--success-50);border-color:var(--success-500);color:var(--success-700)}.alert-error{background:var(--error-50);border-color:var(--error-500);color:var(--error-600)}.alert-warning{background:var(--warning-50);border-color:var(--warning-500);color:var(--warning-600)}.alert-info{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-700)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.375rem .875rem;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);line-height:1;letter-spacing:var(--tracking-wide);text-transform:uppercase}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-error{background:var(--error-100);color:var(--error-700)}.badge-accent{background:linear-gradient(135deg,#8b5cf626,#ec489926);color:var(--accent-purple)}.divider{height:1px;background:var(--gray-200);margin:var(--space-xl) 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-fadeInDown{animation:fadeInDown .6s ease-out}.animate-slideInRight{animation:slideInRight .6s ease-out}.animate-slideInLeft{animation:slideInLeft .6s ease-out}.animate-scaleIn{animation:scaleIn .5s ease-out}.loading-spinner{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:2000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:3px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible{outline:3px solid var(--primary-500);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::selection{background:var(--primary-200);color:var(--primary-900)}#root{width:100%;min-height:100vh}.footer{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--gray-50) 100%);border-top:2px solid var(--gray-200);margin-top:auto;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);opacity:.5}.footer-container{max-width:1400px;margin:0 auto;padding:2.5rem 1rem 1.5rem}@media(min-width:768px){.footer-container{padding:3.5rem 2rem 2rem}}@media(min-width:1024px){.footer-container{padding:4rem 2rem 2rem}}.footer-content{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media(min-width:768px){.footer-content{grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2.5rem}}@media(min-width:1024px){.footer-content{grid-template-columns:1.5fr 2.5fr;gap:4rem;margin-bottom:3rem}}.footer-brand{display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center}@media(min-width:768px){.footer-brand{align-items:flex-start;text-align:left}}.footer-brand-logo{width:60px;height:auto;object-fit:contain;animation:fadeInUp .6s ease-out;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}@media(min-width:768px){.footer-brand-logo{width:70px}}@media(min-width:1024px){.footer-brand-logo{width:80px}}.footer-logo{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--primary-gradient);border-radius:var(--radius-xl);box-shadow:0 8px 24px #2563eb40;animation:fadeInUp .6s ease-out}@media(min-width:768px){.footer-logo{width:64px;height:64px}}.footer-logo svg{color:#fff;width:28px;height:28px}@media(min-width:768px){.footer-logo svg{width:32px;height:32px}}.footer-brand-title{font-size:var(--font-size-2xl);font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--tracking-tight);margin:0;animation:fadeInUp .6s ease-out .1s both}@media(min-width:768px){.footer-brand-title{font-size:var(--font-size-3xl)}}.footer-brand-subtitle{font-size:var(--font-size-sm);color:var(--gray-600);line-height:var(--leading-relaxed);max-width:280px;margin:0;animation:fadeInUp .6s ease-out .2s both}@media(min-width:768px){.footer-brand-subtitle{font-size:var(--font-size-base)}}.footer-links{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:640px){.footer-links{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1024px){.footer-links{gap:2.5rem}}.footer-column{animation:fadeInUp .6s ease-out .3s both}.footer-column-title{font-size:var(--font-size-xs);font-weight:700;color:var(--gray-900);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:0 0 1rem;position:relative;padding-bottom:.5rem}.footer-column-title:after{content:"";position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--primary-gradient);border-radius:var(--radius-full)}.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-list li{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.footer-link{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--gray-600);text-decoration:none;transition:all var(--transition-fast);padding:.375rem 0;position:relative;font-weight:500}.footer-link svg{flex-shrink:0;transition:all var(--transition-fast)}.footer-link:hover{color:var(--primary-600);transform:translate(4px)}.footer-link:hover svg{color:var(--primary-500);transform:scale(1.1)}.footer-tag{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.625rem;font-weight:700;color:var(--primary-700);background:linear-gradient(135deg,#2563eb1a,#3b82f614);border:1.5px solid var(--primary-300);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-left:.5rem;animation:pulse 3s ease-in-out infinite}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:1.5rem;border-top:2px solid var(--gray-200);text-align:center}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;padding-top:2rem}}.footer-copyright,.footer-powered{font-size:var(--font-size-xs);color:var(--gray-500);margin:0;line-height:var(--leading-relaxed)}@media(min-width:768px){.footer-copyright,.footer-powered{font-size:var(--font-size-sm)}}.footer-gradient-text{font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-powered-link{text-decoration:none;transition:all .3s ease;display:inline-block}.footer-powered-link:hover{transform:translateY(-2px);filter:brightness(1.2)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.welcome-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f7ff,#fff,#fff5f7)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35;animation:float-orb 25s ease-in-out infinite;will-change:transform}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.5) 0%,rgba(139,92,246,.3) 50%,transparent 100%);top:-15%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.4) 0%,rgba(251,146,60,.2) 50%,transparent 100%);bottom:-10%;right:-10%;animation-delay:-12s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,rgba(16,185,129,.2) 50%,transparent 100%);top:40%;left:60%;animation-delay:-18s}@keyframes float-orb{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(70px,-70px) scale(1.15) rotate(120deg)}66%{transform:translate(-60px,60px) scale(.9) rotate(240deg)}}.welcome-container{position:relative;z-index:10;width:100%;max-width:1100px;animation:fadeInUp .7s cubic-bezier(.16,1,.3,1)}.welcome-hero{text-align:center;margin-bottom:3rem;animation:fadeIn .8s ease-out}.welcome-logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;margin-bottom:1.5rem;box-shadow:0 10px 40px -10px #6366f180,0 0 0 1px #ffffff1a inset;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) .2s both;position:relative}.welcome-logo:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:22px;opacity:0;filter:blur(20px);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.6}}.welcome-logo svg{width:40px;height:40px;color:#fff;position:relative;z-index:1}.welcome-title{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;letter-spacing:-.02em;line-height:1.1;animation:slideDown .6s ease-out .1s both}.welcome-subtitle{font-size:1rem;color:#64748b;line-height:1.6;max-width:500px;margin:0 auto 1.5rem;animation:slideDown .6s ease-out .2s both}.feature-pills{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;animation:fadeIn .6s ease-out .3s both}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:100px;font-size:.75rem;font-weight:600;color:#475569;box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#6366f14d}.pill svg{width:14px;height:14px;color:#6366f1}.selection-section{animation:slideUp .6s ease-out .3s both}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.selection-title{text-align:center;font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:2rem;letter-spacing:-.01em}.type-cards{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.type-card{position:relative;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #e2e8f0;border-radius:20px;padding:2rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #0000000d,0 0 0 1px #ffffff1a inset;overflow:hidden;animation:cardFadeIn .5s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.type-card:nth-child(1){animation-delay:.1s}.type-card:nth-child(2){animation-delay:.2s}.type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.type-card:hover{transform:translateY(-6px);border-color:#c7d2fe;box-shadow:0 20px 60px #6366f126,0 0 0 1px #ffffff1a inset}.type-card:hover:before{transform:scaleX(1)}.type-card:active{transform:translateY(-2px)}.type-card.selected{border-color:#6366f1;background:linear-gradient(135deg,#fffffffa,#eef2fffa);box-shadow:0 20px 60px #6366f140,0 0 0 1px #6366f11a inset;transform:translateY(-6px) scale(1.02)}.type-card.selected:before{transform:scaleX(1)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 24px -6px #00000026}.icon-wrapper.recruiter{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.icon-wrapper.candidate{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.type-card:hover .icon-wrapper{transform:scale(1.1) rotate(-5deg)}.icon-wrapper svg{width:32px;height:32px;color:#fff}.card-badge{padding:.375rem .875rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;box-shadow:0 4px 12px #fbbf244d}.card-title{font-size:1.375rem;font-weight:700;color:#0f172a;margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.2}.card-subtitle{font-size:.9375rem;color:#64748b;line-height:1.5;margin-bottom:1.5rem}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.features-list li{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#475569;font-weight:500}.features-list svg{width:16px;height:16px;color:#10b981;flex-shrink:0}.selected-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:.75rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;font-size:.875rem;font-weight:600;color:#6366f1;animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.selected-indicator svg{width:20px;height:20px}.action-section{display:flex;flex-direction:column;gap:1rem;animation:fadeIn .6s ease-out .5s both}.continue-btn{width:100%;padding:1.125rem 2rem;background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#64748b;border:none;border-radius:14px;font-size:1rem;font-weight:700;font-family:inherit;cursor:not-allowed;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 16px #94a3b833;position:relative;overflow:hidden}.continue-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;box-shadow:0 8px 32px #6366f166}.continue-btn.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf6,#6366f1);opacity:0;transition:opacity .3s ease}.continue-btn.active:hover{transform:translateY(-4px);box-shadow:0 12px 40px #6366f180}.continue-btn.active:hover:before{opacity:1}.continue-btn.active:active{transform:translateY(-2px)}.continue-btn span,.continue-btn svg{position:relative;z-index:1}.login-link{width:100%;padding:1rem;background:transparent;border:2px solid #e2e8f0;color:#64748b;border-radius:12px;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.login-link:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-2px)}.login-link:active{transform:translateY(0)}@media(min-width:768px){.welcome-page{padding:2rem}.welcome-hero{margin-bottom:4rem}.welcome-logo{width:96px;height:96px;border-radius:24px;margin-bottom:2rem}.welcome-logo svg{width:48px;height:48px}.welcome-title{font-size:3rem;margin-bottom:1rem}.welcome-subtitle{font-size:1.125rem;margin-bottom:2rem}.pill{font-size:.875rem;padding:.625rem 1.25rem}.selection-title{font-size:1.25rem;margin-bottom:2.5rem}.type-cards{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem}.type-card{padding:2.5rem}.card-title{font-size:1.5rem}.card-subtitle{font-size:1rem}.continue-btn{padding:1.25rem 2.5rem;font-size:1.0625rem}.login-link{padding:1.125rem;font-size:1rem}}@media(min-width:1024px){.welcome-hero{margin-bottom:5rem}.welcome-logo{width:112px;height:112px}.welcome-title{font-size:3.5rem}.type-card{padding:3rem}.action-section{flex-direction:row;align-items:center}.continue-btn{flex:1}.login-link{width:auto;min-width:200px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.type-card:focus-visible,.continue-btn:focus-visible,.login-link:focus-visible{outline:3px solid #6366f1;outline-offset:3px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#eff6ff,#f9fafb,#fef2f2)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:float-orb 30s ease-in-out infinite;will-change:transform}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.4) 0%,rgba(59,130,246,.2) 50%,transparent 100%);top:-15%;left:-10%;animation-delay:0s}.orb-2{width:450px;height:450px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,rgba(236,72,153,.2) 50%,transparent 100%);bottom:-10%;right:-10%;animation-delay:-10s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.3) 0%,rgba(16,185,129,.2) 50%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-20s}@keyframes float-orb{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(50px,-50px) scale(1.1) rotate(120deg)}66%{transform:translate(-40px,40px) scale(.95) rotate(240deg)}}.login-container{position:relative;z-index:10;width:100%;max-width:440px;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}@media(min-width:640px){.login-page{padding:1.5rem}.login-container{max-width:480px}}@media(min-width:768px){.login-page{padding:2rem}.login-container{max-width:520px}}.login-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-premium);padding:2rem;border:1px solid rgba(255,255,255,.8);margin-bottom:1rem}@media(min-width:640px){.login-card{padding:2.5rem;margin-bottom:1.5rem}}@media(min-width:768px){.login-card{padding:3rem}}.login-header{text-align:center;margin-bottom:1.5rem}@media(min-width:768px){.login-header{margin-bottom:2rem}}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--primary-gradient);border-radius:var(--radius-xl);margin-bottom:1.25rem;box-shadow:0 8px 32px -4px #2563eb4d;animation:scaleIn .5s cubic-bezier(.16,1,.3,1) .2s both;position:relative}.login-logo:before{content:"";position:absolute;inset:-2px;background:var(--primary-gradient);border-radius:var(--radius-xl);opacity:0;filter:blur(8px);transition:opacity var(--transition-base)}.login-logo:hover:before{opacity:.6;animation:pulse 2s ease-in-out infinite}@media(min-width:768px){.login-logo{width:80px;height:80px;margin-bottom:1.5rem}}.login-logo.sparkle{animation:scaleIn .5s cubic-bezier(.16,1,.3,1) .2s both,gentle-pulse 4s ease-in-out .7s infinite}@keyframes gentle-pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px -4px #2563eb4d}50%{transform:scale(1.05);box-shadow:0 12px 40px -4px #2563eb80}}.login-logo svg{width:32px;height:32px;color:#fff;position:relative;z-index:1}@media(min-width:768px){.login-logo svg{width:40px;height:40px}}.login-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900);margin-bottom:.625rem;letter-spacing:var(--tracking-tight);display:flex;align-items:center;justify-content:center;gap:.625rem;line-height:var(--leading-tight)}@media(min-width:768px){.login-title{font-size:var(--font-size-3xl);margin-bottom:.75rem}}.sparkle-inline{color:var(--primary-600);animation:pulse 2s ease-in-out infinite;flex-shrink:0}.login-subtitle{font-size:var(--font-size-sm);color:var(--gray-600);line-height:var(--leading-relaxed);max-width:380px;margin:0 auto}@media(min-width:768px){.login-subtitle{font-size:var(--font-size-base)}}.user-type-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#2563eb1a,#3b82f61a);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:1.5rem;border:2px solid var(--primary-200);transition:all var(--transition-base);animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) .3s both}.user-type-badge svg{width:18px;height:18px;flex-shrink:0}.change-type-btn{background:var(--primary-200);border:none;color:var(--primary-700);padding:.375rem .875rem;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.change-type-btn:hover{background:var(--primary-300);transform:translateY(-1px)}.change-type-btn:active{transform:translateY(0)}.login-form{display:flex;flex-direction:column;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-premium);padding:1.5rem;border:1px solid rgba(255,255,255,.8)}@media(min-width:640px){.login-form{padding:2rem}}@media(min-width:768px){.login-form{padding:2.5rem}}@media(min-width:768px){.form-field{margin-bottom:1.5rem}}.field-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);margin-bottom:.625rem;letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:.6875rem}.input-icon{position:absolute;left:1rem;color:var(--gray-400);pointer-events:none;transition:color var(--transition-fast);z-index:1}.field-input{width:100%;padding:.875rem 1rem .875rem 3rem;font-size:var(--font-size-base);font-family:var(--font-sans);color:var(--gray-800);background:var(--bg-primary);border:2px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);-webkit-appearance:none;appearance:none}@media(min-width:768px){.field-input{padding:1rem 1.25rem 1rem 3.25rem}}.field-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100);background:#fff}.field-input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--primary-600)}.field-input.input-error{border-color:var(--error-500);background:var(--error-50)}.field-input.input-error:focus{box-shadow:0 0 0 4px var(--error-100)}.toggle-password{position:absolute;right:.75rem;background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);z-index:1}.toggle-password:hover{color:var(--gray-700);background:var(--gray-100)}.toggle-password:active{transform:scale(.95)}.error-message{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:var(--font-size-sm);color:var(--error-600);font-weight:500;animation:slideInLeft .3s cubic-bezier(.16,1,.3,1)}.error-message:before{content:"⚠";font-size:.875rem}.alert-success{animation:slideInDown .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--success-50) 0%,rgba(16,185,129,.05) 100%);border:2px solid var(--success-500);border-radius:var(--radius-lg);color:var(--success-700);font-weight:500;margin-bottom:1.25rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.submit-button{width:100%;height:52px;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.625rem;box-shadow:0 4px 20px #2563eb4d;margin-top:.5rem;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}@media(min-width:768px){.submit-button{height:56px;font-size:var(--font-size-lg)}}.submit-button:before{content:"";position:absolute;inset:0;background:var(--primary-gradient-hover);opacity:0;transition:opacity var(--transition-base)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #2563eb66}.submit-button:hover:not(:disabled):before{opacity:1}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.submit-button svg,.submit-button span{position:relative;z-index:1}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--gray-200)}.link-button{background:none;border:none;color:var(--primary-600);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);padding:.5rem 1rem;border-radius:var(--radius-md)}@media(min-width:768px){.link-button{font-size:var(--font-size-base)}}.link-button:hover{color:var(--primary-700);background:var(--primary-50)}.link-button:active{transform:scale(.98)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animated-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;animation:float-orb 25s ease-in-out infinite}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#6366f1,#8b96f8);top:-15%;left:-15%;animation-delay:0s}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,#ec4899,#f43f5e);bottom:-10%;right:-10%;animation-delay:-8s}.orb-3{width:450px;height:450px;background:linear-gradient(135deg,#22c55e,#3b82f6);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-15s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.login-container{position:relative;z-index:10;width:100%;max-width:480px;animation:fadeInUp .5s ease-out}.login-card{background:#fff;border-radius:24px;box-shadow:var(--shadow-xl);padding:2.5rem;border:1px solid var(--gray-200)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--primary-500);border-radius:20px;margin-bottom:1.5rem;box-shadow:0 8px 24px -4px #6366f13d;animation:scaleIn .4s ease-out .15s both}.login-logo.sparkle{animation:scaleIn .4s ease-out .15s both,gentle-pulse 4s ease-in-out .6s infinite}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.login-logo svg{width:36px;height:36px;color:#fff}.login-title{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem;letter-spacing:-.015em;display:flex;align-items:center;justify-content:center;gap:.5rem}.sparkle-inline{color:var(--primary-500);animation:pulse 2s ease-in-out infinite}.login-subtitle{font-size:.9375rem;color:var(--gray-600);line-height:1.5}.user-type-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1.5px solid var(--primary-200)}.user-type-badge svg{width:18px;height:18px}.change-type-btn{background:var(--primary-200);border:1px solid var(--primary-300);color:var(--primary-700);padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.change-type-btn:hover{background:var(--primary-300)}.login-form{display:flex;flex-direction:column}.form-field{margin-bottom:1.25rem}.field-label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--gray-400);pointer-events:none}.field-input{width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;font-family:inherit;color:var(--gray-800);background:var(--bg-primary);border:1.5px solid var(--gray-300);border-radius:12px;transition:all .2s ease}.field-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.field-input::placeholder{color:var(--gray-400)}.field-input.input-error{border-color:var(--error-500)}.field-input.input-error:focus{box-shadow:0 0 0 3px var(--error-50)}.toggle-password{position:absolute;right:1rem;background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.toggle-password:hover{color:var(--gray-600);background:var(--gray-100)}.error-message{display:block;margin-top:.5rem;font-size:.875rem;color:var(--error-600);font-weight:500}.alert-success{animation:slideUp .3s ease-out}.submit-button{width:100%;height:52px;background:var(--primary-500);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px -2px #6366f13d;margin-top:.5rem}.submit-button:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px);box-shadow:0 8px 20px -4px #6366f152}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-button .spinner{animation:spin 1s linear infinite}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.link-button{background:none;border:none;color:var(--primary-600);font-size:.9375rem;font-weight:600;cursor:pointer;transition:color .2s ease}.link-button:hover{color:var(--primary-700);text-decoration:underline}@media(min-width:768px){.login-container{max-width:520px}.login-card{padding:3rem}.login-logo{width:80px;height:80px;margin-bottom:2rem}.login-logo svg{width:40px;height:40px}.login-title{font-size:2rem}.login-subtitle{font-size:1rem}}@media(min-width:1024px){.login-card{padding:3.5rem}.submit-button{height:56px;font-size:1.0625rem}}.notification-bell-container{position:relative}.notification-bell-button{position:relative;background:var(--bg-primary);border:2px solid var(--gray-300);color:var(--gray-700);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;overflow:visible}.notification-bell-button svg{position:relative;z-index:1;pointer-events:none;display:block;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.notification-bell-button:hover{background:#667eea14;border-color:#667eea;color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 8px #ff6b6b66;animation:pulse-badge 2s infinite;z-index:2}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-overlay{position:fixed;inset:0;z-index:999}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:420px;max-height:600px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:1000;display:flex;flex-direction:column;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-title{margin:0;font-size:18px;font-weight:700;color:#1a1a1a}.btn-mark-all{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-mark-all:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.notification-list{flex:1;overflow-y:auto;padding:8px}.notification-list::-webkit-scrollbar{width:8px}.notification-list::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.notification-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999;text-align:center}.notification-empty svg{opacity:.3;margin-bottom:16px}.notification-empty p{margin:0;font-size:15px;font-weight:500}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;margin-bottom:8px;background:#ffffff80;border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:all .3s ease;position:relative}.notification-item:hover{background:#fffc;transform:translate(-4px)}.notification-item.unread{background:#667eea14;border-left:3px solid #667eea}.notification-item.unread:before{content:"";position:absolute;top:20px;left:-8px;width:8px;height:8px;background:#667eea;border-radius:50%;box-shadow:0 0 0 3px #667eea33}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-item.notification-success .notification-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.notification-item.notification-warning .notification-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.notification-content{flex:1;min-width:0}.notification-item-title{margin:0 0 4px;font-size:15px;font-weight:700;color:#1a1a1a}.notification-message{margin:0 0 8px;font-size:14px;color:#555;line-height:1.5;word-wrap:break-word}.notification-data{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.notification-data span{font-size:12px;color:#666;display:flex;align-items:center;gap:6px}.notification-time{font-size:12px;color:#999;font-weight:500}.notification-delete{flex-shrink:0;background:transparent;border:none;color:#999;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.notification-delete:hover{background:#ff6b6b1a;color:#ff6b6b;transform:rotate(90deg)}@media(max-width:768px){.notification-dropdown{width:calc(100vw - 32px);max-width:420px;right:50%;transform:translate(50%);max-height:70vh}.notification-header{padding:16px}.notification-title{font-size:16px}.btn-mark-all{padding:6px 10px;font-size:12px}.btn-mark-all span{display:none}.notification-item{padding:12px}.notification-icon{width:36px;height:36px}.notification-item-title{font-size:14px}.notification-message{font-size:13px}}.settings-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.settings-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.settings-modal-header{padding:24px 28px;border-bottom:2px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.settings-modal-title{display:flex;align-items:center;gap:12px;color:#1a1a1a}.settings-modal-title svg{color:#667eea}.settings-modal-title h2{margin:0;font-size:24px;font-weight:700}.settings-modal-close{background:transparent;border:none;color:#666;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.settings-modal-close:hover{background:#ff6b6b1a;color:#ff6b6b;transform:rotate(90deg)}.settings-modal-loading{padding:60px 28px;display:flex;flex-direction:column;align-items:center;gap:16px;color:#666}.settings-modal-loading .spinner{animation:spin 1s linear infinite}.settings-modal-content{flex:1;overflow-y:auto;padding:28px}.settings-modal-content::-webkit-scrollbar{width:8px}.settings-modal-content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.settings-logo-upload{display:flex;gap:24px;align-items:center;margin-bottom:20px;padding:20px;background:#f8f9fa;border-radius:12px}.settings-logo-preview{flex-shrink:0;width:120px;height:120px;border-radius:12px;overflow:hidden;background:#fff;border:2px dashed #ddd;display:flex;align-items:center;justify-content:center}.settings-logo-preview img{width:100%;height:100%;object-fit:contain}.settings-logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#999}.settings-logo-placeholder svg{opacity:.5}.settings-logo-placeholder span{font-size:12px;font-weight:600}.settings-logo-actions{flex:1}.settings-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.settings-upload-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.settings-upload-hint{margin:8px 0 0;font-size:12px;color:#666}.settings-field{margin-bottom:20px}.settings-field:last-child{margin-bottom:0}.settings-field label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.settings-field input[type=text],.settings-field input[type=email],.settings-field textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;font-family:inherit;transition:all .3s ease}.settings-field input:focus,.settings-field textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.settings-field textarea{resize:vertical;min-height:80px}.settings-field-hint{display:block;margin-top:6px;font-size:12px;color:#666}.settings-duration-selector{display:flex;align-items:center;gap:16px}.settings-duration-selector input[type=range]{flex:1;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none}.settings-duration-selector input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 8px #667eea4d}.settings-duration-selector input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 8px #667eea4d}.settings-duration-value{font-size:16px;font-weight:700;color:#667eea;min-width:90px;text-align:right}.settings-modal-footer{padding:20px 28px;border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.settings-modal-footer .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.settings-modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.settings-modal-footer .btn-secondary{background:#f0f0f0;color:#666}.settings-modal-footer .btn-secondary:hover:not(:disabled){background:#e0e0e0}.settings-modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.settings-modal-footer .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@media(max-width:768px){.settings-modal{max-width:100%;max-height:100vh;border-radius:0}.settings-modal-header{padding:20px}.settings-modal-title h2{font-size:20px}.settings-modal-content{padding:20px}.settings-logo-upload{flex-direction:column;text-align:center}.settings-logo-preview{width:100px;height:100px}.settings-modal-footer{padding:16px 20px;flex-direction:column-reverse}.settings-modal-footer .btn{width:100%;justify-content:center}}.confirm-overlay{position:fixed;inset:0;z-index:10000;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.confirm-dialog{position:relative;background:#fff;border-radius:24px;padding:2rem;max-width:420px;width:100%;box-shadow:0 25px 80px #0000004d;animation:slideUp .3s ease-out;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s}.confirm-close:hover{background:#f1f5f9;color:#64748b}.confirm-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#ef44441a;border-radius:50%;color:#ef4444}.confirm-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0 0 1rem;letter-spacing:-.02em}.confirm-message{font-size:1rem;line-height:1.6;color:#64748b;margin:0 0 2rem}.confirm-actions{display:flex;gap:.75rem}.btn-confirm-cancel,.btn-confirm{flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;font-family:inherit;border-radius:12px;cursor:pointer;transition:all .2s;border:none}.btn-confirm-cancel{background:#f1f5f9;color:#64748b}.btn-confirm-cancel:hover{background:#e2e8f0}.btn-confirm.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-confirm.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-confirm.danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-confirm:active{transform:translateY(0)}.dashboard-page{min-height:100vh;background:var(--bg-gradient);position:relative}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25;animation:float-orb 30s ease-in-out infinite;will-change:transform}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.4) 0%,rgba(59,130,246,.2) 50%,transparent 100%);top:-20%;left:-15%;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.35) 0%,rgba(236,72,153,.2) 50%,transparent 100%);bottom:-15%;right:-10%;animation-delay:-15s}.dashboard-header{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid var(--gray-200);padding:1rem;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-md)}@media(min-width:768px){.dashboard-header{padding:1.25rem 2rem}}.dashboard-header-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media(min-width:768px){.dashboard-header-content{flex-direction:row;align-items:center;justify-content:space-between}}.dashboard-title-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.dashboard-title-group{display:flex;align-items:center;gap:1rem}.company-avatar{width:56px;height:56px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;flex-shrink:0}.company-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-title-wrapper{display:flex;flex-direction:column;gap:.25rem}.company-name{margin:0;font-size:.875rem;font-weight:600;color:var(--gray-600);opacity:.8}.dashboard-header-actions{display:flex;align-items:center;gap:12px}@media(max-width:768px){.company-avatar{width:44px;height:44px}.company-name{font-size:.75rem}}.metrics-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media(min-width:640px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1024px){.metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.metric-card{background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;gap:1rem;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.5) 100%);opacity:0;transition:opacity .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl);border-color:var(--gray-300)}.metric-card:hover:before{opacity:1}.metric-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.metric-icon svg{width:24px;height:24px;color:#fff}.metric-content{flex:1;min-width:0;position:relative;z-index:1}.metric-label{font-size:.875rem;font-weight:500;color:var(--gray-600);margin-bottom:.25rem;line-height:1.4}.metric-value{font-size:1.875rem;font-weight:700;color:var(--gray-900);line-height:1.2;letter-spacing:-.02em}@media(min-width:640px){.metric-value{font-size:2.25rem}}.metric-change{font-size:.75rem;font-weight:600;color:var(--success-600);margin-top:.25rem;display:inline-flex;align-items:center;gap:.25rem}.metric-card.metric-primary .metric-icon{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);box-shadow:0 4px 16px #3b82f64d}.metric-card.metric-success .metric-icon{background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);box-shadow:0 4px 16px #22c55e4d}.metric-card.metric-info .metric-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #8b5cf64d}.metric-card.metric-warning .metric-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b4d}.analytics-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}@media(min-width:768px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}.chart-card{background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.chart-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f605,#8b5cf605);opacity:0;transition:opacity .3s ease}.chart-card:hover{box-shadow:var(--shadow-2xl);border-color:var(--primary-200)}.chart-card:hover:before{opacity:1}.chart-card.chart-large{grid-column:1 / -1}.chart-header{margin-bottom:1.5rem;position:relative;z-index:1}.chart-title-group{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.chart-title-group svg{color:var(--primary-500);flex-shrink:0}.chart-title{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0;line-height:1.4}.chart-subtitle{font-size:.875rem;color:var(--gray-600);margin:0;line-height:1.5}.chart-content{position:relative;z-index:1;min-height:240px}.jobs-section{margin-bottom:2rem}.section-header{margin-bottom:1.5rem;padding:0 .25rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.section-title svg{color:var(--primary-500)}.section-subtitle{font-size:.95rem;color:var(--gray-600);margin:0}.dashboard-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:.75rem;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}@media(min-width:768px){.dashboard-title{font-size:var(--font-size-2xl)}}.dashboard-title svg{width:24px;height:24px;color:var(--primary-600);flex-shrink:0}@media(min-width:768px){.dashboard-title svg{width:28px;height:28px}}.logout-btn,.settings-btn,.profile-btn,.feedbacks-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-primary);border:2px solid var(--gray-300);color:var(--gray-700);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.settings-btn,.profile-btn,.feedbacks-btn{padding:.625rem;width:44px;height:44px;justify-content:center;border-radius:50%}.settings-btn:hover{border-color:#667eea;color:#667eea;background:#667eea14;transform:translateY(-1px)}.profile-btn:hover{border-color:var(--primary-500);color:var(--primary-500);background:#2563eb14;transform:translateY(-1px)}.feedbacks-btn:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14;transform:translateY(-1px)}.logout-btn:hover{border-color:var(--error-500);color:var(--error-600);background:var(--error-50);transform:translateY(-1px)}.logout-btn:active,.settings-btn:active,.profile-btn:active,.feedbacks-btn:active{transform:translateY(0)}.logout-btn svg,.settings-btn svg,.profile-btn svg,.feedbacks-btn svg{width:16px;height:16px}.dashboard-actions{display:flex;gap:.75rem;flex-direction:column}@media(min-width:640px){.dashboard-actions{flex-direction:row}}.btn-new-job{width:100%;height:48px;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.625rem;box-shadow:0 4px 16px #2563eb40;position:relative;overflow:hidden}@media(min-width:640px){.btn-new-job{width:auto;min-width:180px}}.btn-new-job:before{content:"";position:absolute;inset:0;background:var(--primary-gradient-hover);opacity:0;transition:opacity var(--transition-base)}.btn-new-job:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb59;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.btn-new-job:hover:before{opacity:0}.btn-new-job svg,.btn-new-job span{position:relative;z-index:1}.dashboard-content{max-width:1400px;margin:0 auto;padding:1.5rem 1rem}@media(min-width:768px){.dashboard-content{padding:2rem}}@media(min-width:1024px){.dashboard-content{padding:3rem 2rem}}.jobs-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.jobs-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1280px){.jobs-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.job-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);padding:1.5rem;box-shadow:var(--shadow-lg);transition:all var(--transition-base);border:2px solid var(--gray-200);position:relative;overflow:hidden;animation:fadeInUp .5s ease-out}@media(min-width:768px){.job-card{padding:2rem}}.job-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.job-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px);border-color:var(--primary-300)}.job-card:hover:before{transform:scaleX(1)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.job-title{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900);margin-bottom:.5rem;word-break:break-word;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}@media(min-width:768px){.job-title{font-size:var(--font-size-xl)}}.job-description{font-size:var(--font-size-sm);color:var(--gray-600);line-height:var(--leading-relaxed);margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.job-description{font-size:var(--font-size-base)}}.job-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.job-meta-item{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--gray-600);font-weight:500}.job-meta-item svg{width:16px;height:16px;color:var(--gray-400);flex-shrink:0}.job-status{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.job-status.active{background:linear-gradient(135deg,#10b98126,#05966926);color:var(--success-700);border:2px solid var(--success-500)}.job-status.closed{background:var(--gray-100);color:var(--gray-700);border:2px solid var(--gray-300)}.job-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:2px solid var(--gray-200)}@media(min-width:640px){.job-actions{flex-direction:row}}.job-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-lg);border:2px solid var(--gray-300);background:var(--bg-primary);color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.job-action-btn:hover{background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.job-action-btn:active{transform:translateY(0)}.job-action-btn.primary{background:var(--primary-gradient);color:#fff;border:none;box-shadow:0 2px 12px #2563eb40}.job-action-btn.primary:hover{box-shadow:0 4px 16px #2563eb59}.job-action-btn svg{width:16px;height:16px;flex-shrink:0}.empty-state{text-align:center;padding:3rem 1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);border:2px solid var(--gray-200);box-shadow:var(--shadow-lg)}@media(min-width:768px){.empty-state{padding:5rem 2rem}}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gray-100);border-radius:var(--radius-2xl);margin-bottom:1.5rem}@media(min-width:768px){.empty-icon{width:96px;height:96px}}.empty-icon svg{width:40px;height:40px;color:var(--gray-400)}@media(min-width:768px){.empty-icon svg{width:48px;height:48px}}.empty-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:.75rem;letter-spacing:var(--tracking-tight)}@media(min-width:768px){.empty-title{font-size:var(--font-size-2xl)}}.empty-description{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:2rem;line-height:var(--leading-relaxed);max-width:400px;margin-left:auto;margin-right:auto}@media(min-width:768px){.empty-description{font-size:var(--font-size-base)}}.modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:fadeIn .25s cubic-bezier(.4,0,.2,1)}@media(min-width:768px){.modal-overlay{padding:2rem}}.modal-content{background:#fff;border-radius:20px;box-shadow:0 24px 48px #0000003d,0 0 0 1px #0000000f;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1);position:relative}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.75rem 1.5rem 1.25rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}@media(min-width:768px){.modal-header{padding:2rem 2rem 1.5rem;gap:1.25rem}}.modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;box-shadow:0 4px 16px #10b98133;flex-shrink:0;animation:scaleIn .3s cubic-bezier(.16,1,.3,1) .1s both}@media(min-width:768px){.modal-icon{width:52px;height:52px}}.modal-icon svg{color:#fff;width:24px;height:24px;stroke-width:2.5}@media(min-width:768px){.modal-icon svg{width:28px;height:28px}}.modal-icon-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98140}.modal-header h2{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900);letter-spacing:-.02em;margin:0 0 .25rem;line-height:1.3}@media(min-width:768px){.modal-header h2{font-size:var(--font-size-xl)}}.modal-subtitle{font-size:var(--font-size-sm);color:var(--gray-600);margin:0;line-height:1.5;font-weight:400}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray-200);border:none;border-radius:8px;color:var(--gray-700);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.modal-close-btn:hover{background:var(--gray-300);color:var(--gray-900)}.modal-close-btn:active{transform:scale(.95)}.modal-close-btn svg{width:20px;height:20px;stroke-width:2.5}.modal-body{padding:1.5rem}@media(min-width:768px){.modal-body{padding:2rem}}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);margin-bottom:.5rem;letter-spacing:-.01em}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-footer{padding:1rem 1.5rem 1.5rem;border-top:2px solid var(--gray-200);display:flex;flex-direction:column-reverse;gap:.75rem;background:linear-gradient(180deg,transparent 0%,var(--gray-50) 100%)}@media(min-width:640px){.modal-footer{flex-direction:row;justify-content:flex-end}}@media(min-width:768px){.modal-footer{padding:1.25rem 2rem 2rem;gap:1rem}}.modal-footer button{height:48px;min-width:140px}@media(min-width:640px){.modal-footer button{flex:0 0 auto}}.create-job-form{padding:1.5rem}@media(min-width:768px){.create-job-form{padding:2rem}}.create-job-form .form-group{margin-bottom:1.5rem;animation:fadeInUp .4s ease-out;animation-fill-mode:both}.create-job-form .form-group:nth-child(1){animation-delay:.1s}.create-job-form .form-group:nth-child(2){animation-delay:.2s}.create-job-form .form-group:nth-child(3){animation-delay:.3s}.create-job-form textarea{min-height:100px;resize:vertical;font-family:var(--font-sans);line-height:var(--leading-relaxed)}@media(min-width:768px){.create-job-form textarea{min-height:120px}}.share-instructions{background:linear-gradient(135deg,#3b82f60f,#2563eb0a);border:1px solid var(--primary-200);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;animation:fadeInDown .3s cubic-bezier(.16,1,.3,1) .15s both}.share-instructions p{margin:0;font-size:var(--font-size-sm);color:var(--primary-700);line-height:1.6;font-weight:500}@media(min-width:768px){.share-instructions p{font-size:var(--font-size-base)}}.share-link-box{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) .2s both}@media(min-width:640px){.share-link-box{flex-direction:row;gap:.75rem}}.share-link-input{flex:1;padding:.875rem 1.125rem;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:var(--font-size-sm);background:var(--gray-100);border:1px solid var(--gray-300);border-radius:10px;color:var(--primary-700);word-break:break-all;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.share-link-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a;background:#fff}.copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:var(--font-size-sm);font-family:var(--font-sans);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 8px #3b82f640;min-height:44px}@media(min-width:768px){.copy-btn{font-size:var(--font-size-base);padding:.875rem 1.75rem}}.copy-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.copy-btn:active{transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.copy-btn.copied{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140;animation:successPulse .3s cubic-bezier(.16,1,.3,1)}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.copy-btn.copied:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98159}.copy-btn svg{width:18px;height:18px;flex-shrink:0;stroke-width:2.5}.share-tips{background:linear-gradient(135deg,#f59e0b0f,#fbbf240a);border:1px solid rgba(245,158,11,.25);border-radius:12px;padding:1rem 1.25rem;animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) .25s both}@media(min-width:768px){.share-tips{padding:1.125rem 1.5rem}}.share-tip{margin:0;font-size:var(--font-size-sm);color:var(--gray-700);line-height:var(--leading-relaxed);display:flex;align-items:start;gap:.5rem}.share-tip strong{color:var(--gray-900)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}.modal-content::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-sm)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.job-card-status-group{display:flex;align-items:center;gap:.5rem}.job-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:2px solid var(--gray-300);background:#fff;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast)}.job-menu-btn:hover{background:var(--gray-50);border-color:var(--primary-400);color:var(--primary-600)}.job-status.paused{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);color:#d97706;border:2px solid #f59e0b}.job-action-btn.secondary{background:#fff;color:var(--gray-700);border:2px solid var(--gray-300)}.job-action-btn.secondary:hover{background:var(--gray-50);border-color:var(--primary-400);color:var(--primary-600)}.modal-status{max-width:600px}.modal-icon-edit{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.modal-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-options{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.status-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:2px solid var(--gray-300);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%}.status-option:hover:not(:disabled){border-color:var(--primary-400);background:var(--primary-50);transform:translate(4px)}.status-option:disabled{opacity:.6;cursor:not-allowed}.status-option.active{border-color:var(--primary-500);background:linear-gradient(135deg,#3b82f61a,#2563eb0d)}.status-option svg{flex-shrink:0;color:var(--gray-600)}.status-option.active svg{color:var(--primary-600)}.status-option-content h3{font-size:1rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem}.status-option-content p{font-size:.875rem;color:var(--gray-600);margin:0}@media(min-width:640px){.job-actions{flex-wrap:wrap}.job-action-btn{flex:0 1 auto;min-width:140px}}.alert{position:fixed;top:2rem;right:2rem;z-index:9999;min-width:320px;max-width:420px;display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;animation:slideInRight .3s ease-out;border-left:4px solid}@media(max-width:640px){.alert{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.alert-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.alert-success{border-left-color:#22c55e}.alert-success .alert-icon{background:#22c55e1a;color:#22c55e}.alert-error{border-left-color:#ef4444}.alert-error .alert-icon{background:#ef44441a;color:#ef4444}.alert-warning{border-left-color:#f59e0b}.alert-warning .alert-icon{background:#f59e0b1a;color:#f59e0b}.alert-info{border-left-color:#3b82f6}.alert-info .alert-icon{background:#3b82f61a;color:#3b82f6}.alert-content{flex:1;min-width:0}.alert-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 .25rem;line-height:1.4}.alert-message{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.alert-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s}.alert-close:hover{background:#f1f5f9;color:#64748b}.alert-close:active{transform:scale(.95)}.card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-xl);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-lg)}.card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:var(--space-md)}.avatar{width:56px;height:56px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info{flex:1;min-width:0}.info h3{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info .position{font-size:var(--font-size-sm);color:var(--primary-600);font-weight:600}.card-content{display:flex;flex-direction:column;gap:var(--space-lg)}.candidates-page{min-height:100vh;background:var(--bg-gradient)}.candidates-container{max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-md)}@media(min-width:768px){.candidates-container{padding:var(--space-3xl) var(--space-xl)}}.sort-select{padding:var(--space-lg) var(--space-lg);background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:500;font-family:var(--font-sans);color:var(--gray-700);cursor:pointer;transition:all var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234b5563' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-lg) center;padding-right:var(--space-3xl)}.candidates-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.candidates-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.candidates-grid{grid-template-columns:repeat(3,1fr)}}.contact{display:flex;flex-direction:column;gap:var(--space-md)}.contact-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--gray-700)}.contact-item svg{color:var(--gray-400);flex-shrink:0}.contact-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-item a{color:var(--primary-600);font-weight:600;transition:color var(--transition-fast)}.contact-item a:hover{color:var(--primary-700)}.scores{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--gray-50);border-radius:var(--radius-xl)}.score-main{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:#fff;border-radius:var(--radius-lg);border:2px solid transparent}.score-main.score-excellent{border-color:var(--success-500);background:linear-gradient(to right,var(--success-50),white)}.score-main.score-good{border-color:var(--primary-500);background:linear-gradient(to right,var(--primary-50),white)}.score-main.score-average{border-color:var(--warning-500);background:linear-gradient(to right,var(--warning-50),white)}.score-main.score-low{border-color:var(--error-500);background:linear-gradient(to right,var(--error-50),white)}.score-main .label{font-size:var(--font-size-xs);font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.score-main .value-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.score-main .value-wrapper svg{flex-shrink:0}.score-main.score-excellent .value-wrapper svg,.score-main.score-excellent .value-wrapper strong{color:var(--success-600)}.score-main.score-good .value-wrapper svg,.score-main.score-good .value-wrapper strong{color:var(--primary-600)}.score-main.score-average .value-wrapper svg,.score-main.score-average .value-wrapper strong{color:var(--warning-600)}.score-main.score-low .value-wrapper svg,.score-main.score-low .value-wrapper strong{color:var(--error-600)}.score-main .value-wrapper strong{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:var(--tracking-tight)}.scores-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.mini-score{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background:#fff;border-radius:var(--radius-md);text-align:center}.mini-score span{font-size:var(--font-size-xs);font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.mini-score strong{font-size:var(--font-size-xl);font-weight:800;color:var(--primary-600);letter-spacing:var(--tracking-tight)}.card-actions{display:flex;gap:var(--space-md);margin-top:auto}.view-report-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex:1;padding:var(--space-lg);background:var(--primary-600);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-base);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base)}.view-report-btn:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.view-report-btn:active{transform:translateY(0)}.view-report-btn svg{flex-shrink:0}.delete-icon-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#fff;border:2px solid var(--error-300);border-radius:var(--radius-lg);color:var(--error-600);cursor:pointer;transition:all var(--transition-base)}.delete-icon-btn:hover{background:var(--error-50);border-color:var(--error-500);color:var(--error-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.delete-icon-btn:active{transform:translateY(0)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .page-info{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);padding:0 var(--space-md)}.feedbacks-page{min-height:100vh;background:var(--bg-gradient)}.feedbacks-container{max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-md)}@media(min-width:768px){.feedbacks-container{padding:var(--space-3xl) var(--space-xl)}}.page-header{margin-bottom:var(--space-3xl)}.back-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--gray-100);border:none;border-radius:var(--radius-lg);color:var(--gray-700);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-xl)}.back-button:hover{background:var(--gray-200);color:var(--gray-900);transform:translate(-2px)}.back-button svg{flex-shrink:0;transition:transform var(--transition-fast)}.back-button:hover svg{transform:translate(-2px)}.header-title h1{font-size:var(--font-size-4xl);font-weight:700;color:var(--gray-900);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-xs)}.header-title .subtitle{font-size:var(--font-size-lg);color:var(--gray-600);font-weight:500}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-lg)}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loading-state p{color:var(--gray-600);font-size:var(--font-size-base);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:var(--space-lg);padding:var(--space-3xl) var(--space-lg)}.empty-state svg{color:var(--gray-300);opacity:.8}.empty-state h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900);letter-spacing:var(--tracking-tight)}.empty-state p{font-size:var(--font-size-base);color:var(--gray-600);max-width:400px}.filters{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-2xl)}@media(min-width:768px){.filters{grid-template-columns:1fr auto}}.search-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-lg);background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-xl);transition:all var(--transition-base)}.search-wrapper:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 4px #2563eb1a}.search-wrapper svg{color:var(--gray-400);flex-shrink:0}.search-wrapper input{flex:1;padding:var(--space-lg) 0;border:none;background:transparent;font-size:var(--font-size-base);font-family:var(--font-sans);color:var(--gray-900);outline:none}.search-wrapper input::placeholder{color:var(--gray-400)}.sort-select{padding:var(--space-lg) var(--space-lg);background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:500;font-family:var(--font-sans);color:var(--gray-700);cursor:pointer;transition:all var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234b5563' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-lg) center;padding-right:var(--space-3xl)}.sort-select:hover{border-color:var(--gray-300)}.sort-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #2563eb1a}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-lg);text-align:center}.no-results svg{color:var(--gray-300)}.no-results p{font-size:var(--font-size-lg);color:var(--gray-600);font-weight:500}.feedbacks-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.feedbacks-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.feedbacks-grid{grid-template-columns:repeat(3,1fr)}}.feedback-meta{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-lg)}.meta-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--gray-700);background:transparent}.meta-item svg{color:var(--gray-400);flex-shrink:0}.meta-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating-section{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--gray-50);border-radius:var(--radius-xl)}.rating-main{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:#fff;border-radius:var(--radius-lg);border:2px solid transparent}.rating-main.rating-excellent{border-color:var(--success-500);background:linear-gradient(to right,var(--success-50),white)}.rating-main.rating-good{border-color:var(--warning-500);background:linear-gradient(to right,var(--warning-50),white)}.rating-main.rating-low{border-color:var(--error-500);background:linear-gradient(to right,var(--error-50),white)}.rating-main .label{font-size:var(--font-size-xs);font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.rating-main .rating-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.rating-main.rating-excellent .rating-wrapper strong{color:var(--success-600)}.rating-main.rating-good .rating-wrapper strong{color:var(--warning-600)}.rating-main.rating-low .rating-wrapper strong{color:var(--error-600)}.rating-main .rating-wrapper strong{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:var(--tracking-tight)}.stars-display{display:flex;gap:.2rem;align-items:center}.star-filled{color:#f59e0b}.star-empty{color:var(--gray-300)}.rating-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.mini-rating{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background:#fff;border-radius:var(--radius-md);text-align:center}.mini-rating span{font-size:var(--font-size-xs);font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.mini-rating strong{font-size:var(--font-size-xl);font-weight:800;color:var(--primary-600);letter-spacing:var(--tracking-tight)}.comments-section{display:flex;gap:var(--space-sm);flex-wrap:wrap}.comment-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:2px solid;font-size:var(--font-size-xs);font-weight:600;transition:all var(--transition-fast)}.comment-badge.positive{border-color:var(--success-300);color:var(--success-700);background:var(--success-50)}.comment-badge.negative{border-color:var(--error-300);color:var(--error-700);background:var(--error-50)}.comment-badge.suggestion{border-color:var(--warning-300);color:var(--warning-700);background:var(--warning-50)}.comment-badge svg{flex-shrink:0}.comments-details{margin-top:var(--space-sm)}.comments-details summary{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-600);cursor:pointer;padding:var(--space-xs) 0;transition:all var(--transition-fast);list-style:none;display:inline-flex;align-items:center;gap:var(--space-xs)}.comments-details summary:hover{color:var(--primary-700);text-decoration:underline}.comments-details summary::marker,.comments-details summary::-webkit-details-marker{display:none}.comments-details summary:after{content:"▼";font-size:10px;transition:transform var(--transition-fast)}.comments-details[open] summary:after{transform:rotate(180deg)}.comments-content{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.comment-block{padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid}.comment-block.positive{border-color:var(--success-300);background:var(--success-50)}.comment-block.negative{border-color:var(--error-300);background:var(--error-50)}.comment-block.suggestion{border-color:var(--warning-300);background:var(--warning-50)}.comment-block .comment-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--font-size-sm)}.comment-block.positive .comment-header{color:var(--success-700)}.comment-block.negative .comment-header{color:var(--error-700)}.comment-block.suggestion .comment-header{color:var(--warning-700)}.comment-block .comment-header svg{flex-shrink:0}.comment-block p{font-size:var(--font-size-sm);color:var(--gray-700);line-height:1.6;margin:0}.card-actions{display:flex;justify-content:center;gap:var(--space-md);margin-top:auto;padding-top:var(--space-md);border-top:2px solid var(--gray-100)}.delete-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--error-600);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.delete-btn:hover{background:var(--error-50);color:var(--error-700)}.delete-btn svg{flex-shrink:0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:2px solid var(--gray-200)}.pagination button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;transition:all var(--transition-base)}.pagination button:hover:not(:disabled){border-color:var(--primary-500);color:var(--primary-600);box-shadow:var(--shadow-sm)}.profile-page{min-height:100vh;background:var(--bg-gradient);position:relative}.profile-page .animated-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.profile-page .gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25;animation:float-orb 30s ease-in-out infinite;will-change:transform}.profile-page .orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.4) 0%,rgba(59,130,246,.2) 50%,transparent 100%);top:-20%;left:-15%;animation-delay:0s}.profile-page .orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.35) 0%,rgba(236,72,153,.2) 50%,transparent 100%);bottom:-15%;right:-10%;animation-delay:-15s}@keyframes float-orb{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(60px,-60px) scale(1.15) rotate(120deg)}66%{transform:translate(-50px,50px) scale(.9) rotate(240deg)}}.profile-header{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid var(--gray-200);padding:1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #00000014}.profile-header-content{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:1rem}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:none;background:var(--gray-100);color:var(--gray-700);cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--gray-200);transform:translate(-2px)}.back-button:active{transform:translate(-4px)}.profile-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.profile-main{position:relative;z-index:1;padding:2rem 1rem;min-height:calc(100vh - 80px)}.profile-container{max-width:600px;margin:0 auto}.profile-card{background:#fff;border-radius:24px;box-shadow:0 4px 24px #00000014;padding:2rem;animation:slideUpFade .5s ease}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--gray-100)}.avatar-wrapper{position:relative;margin-bottom:.75rem}.profile-avatar,.profile-avatar-placeholder{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 16px #0000001f}.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff}.avatar-upload-btn{position:absolute;bottom:4px;right:4px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px #2563eb66;transition:all .2s ease;border:3px solid white}.avatar-upload-btn:hover{transform:scale(1.1);box-shadow:0 4px 16px #2563eb99}.avatar-upload-btn:active{transform:scale(.95)}.avatar-input{display:none}.avatar-hint{font-size:.875rem;color:var(--gray-500);text-align:center;margin:0}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--gray-700)}.form-label svg{color:var(--primary-500)}.form-input{width:100%;padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:12px;font-size:1rem;color:var(--gray-900);background:#fff;transition:all .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #2563eb1a}.form-input:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.field-hint{font-size:.75rem;color:var(--gray-500);margin:0}.success-message,.error-message{padding:1rem;border-radius:12px;font-size:.875rem;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message{background:#10b981;color:#fff;box-shadow:0 2px 12px #10b9814d}.error-message{background:#ef4444;color:#fff;box-shadow:0 2px 12px #ef44444d}.save-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-500) 100%);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #2563eb4d;margin-top:1rem}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.save-button:active:not(:disabled){transform:translateY(0)}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-button .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:768px){.profile-header{padding:1.25rem 2rem}.profile-main{padding:3rem 2rem}.profile-card{padding:3rem}.profile-title{font-size:1.75rem}}@media(min-width:1024px){.profile-main{padding:4rem 2rem}.back-button:hover{transform:translate(-4px)}}.public-job-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;padding:1rem}@media(min-width:768px){.public-job-page{padding:2rem}}.job-container{position:relative;z-index:1;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;animation:fadeInUp .6s ease-out}@media(min-width:768px){.job-container{gap:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.job-hero{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem 1.5rem;text-align:center;box-shadow:0 20px 60px #00000026;border:2px solid rgba(255,255,255,.8);position:relative;overflow:hidden}@media(min-width:768px){.job-hero{padding:3rem 2.5rem}}.job-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.3);border-radius:999px;font-size:.875rem;font-weight:600;color:#667eea;margin-bottom:1.5rem}.hero-badge svg{width:16px;height:16px}.hero-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:1.5rem;box-shadow:0 10px 30px #667eea66;overflow:hidden;position:relative}.hero-icon svg{color:#fff;width:40px;height:40px}.hero-icon.has-logo{background:#fff;border:2px solid var(--gray-200);box-shadow:0 10px 30px #0000001a}.company-logo{width:100%;height:100%;object-fit:cover;display:block}.hero-title{font-size:1.75rem;font-weight:800;color:#1e293b;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}@media(min-width:768px){.hero-title{font-size:2.5rem}}.hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border-radius:999px;font-size:.875rem;font-weight:600;color:#64748b}.meta-item svg{width:18px;height:18px;color:#667eea}.job-content-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem 1.5rem;box-shadow:0 20px 60px #0000001a;border:2px solid rgba(255,255,255,.8)}@media(min-width:768px){.job-content-card{padding:2.5rem}}.content-section{margin-bottom:2rem}.content-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.section-header svg{width:24px;height:24px;color:#667eea;flex-shrink:0}.section-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.section-description{font-size:1rem;line-height:1.7;color:#475569;margin:0}.content-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#e2e8f0 50%,transparent 100%);margin:2rem 0}.requirements-list{display:flex;flex-direction:column;gap:.75rem}.requirement-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.6;color:#475569}.requirement-bullet{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);margin-top:.5rem;flex-shrink:0}.application-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem 1.5rem;box-shadow:0 20px 60px #0000001a;border:2px solid rgba(255,255,255,.8)}@media(min-width:768px){.application-card{padding:2.5rem}}.application-header{text-align:center;margin-bottom:2rem}.application-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}@media(min-width:768px){.application-title{font-size:1.875rem}}.application-subtitle{font-size:.95rem;color:#64748b;margin:0}.candidate-form{width:100%}.form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}@media(min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#334155}.form-label svg{width:18px;height:18px;color:#667eea}.form-label .required{color:#ef4444;margin-left:auto}.form-label .optional{color:#94a3b8;font-weight:500;font-size:.8rem;margin-left:auto}.form-input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease;outline:none}.form-input::placeholder{color:#94a3b8}.form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input.input-error{border-color:#ef4444;background:#fef2f2}.error-message{font-size:.8125rem;color:#ef4444;font-weight:500;display:flex;align-items:center;gap:.25rem}.form-error-banner{background:#fef2f2;border:2px solid #ef4444;border-radius:12px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:#991b1b;font-weight:500}.form-error-banner svg{flex-shrink:0;color:#ef4444}.btn-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;font-family:inherit;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #667eea66;position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px #667eea80}.btn-submit:hover:not(:disabled):before{opacity:1}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.btn-submit svg{width:24px;height:24px}.btn-submit .spinner{animation:spin 1s linear infinite}.form-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9;text-align:center;display:flex;flex-direction:column;gap:.5rem}.footer-text{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.loading-state{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:4rem 2rem;text-align:center;box-shadow:0 20px 60px #00000026;border:2px solid rgba(255,255,255,.8)}.loading-spinner-wrapper{margin-bottom:1.5rem}.loading-spinner{width:48px;height:48px;color:#667eea;animation:spin 1s linear infinite}.loading-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.loading-subtitle{font-size:1rem;color:#64748b;margin:0}.error-state{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:4rem 2rem;text-align:center;box-shadow:0 20px 60px #00000026;border:2px solid rgba(255,255,255,.8)}.error-icon{margin-bottom:1.5rem}.error-icon svg{width:64px;height:64px;color:#ef4444}.error-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.error-description{font-size:1rem;color:#64748b;line-height:1.6;margin:0}@media(max-width:374px){.hero-title{font-size:1.5rem}.btn-submit{font-size:1rem;padding:.875rem 1.5rem}}@media(min-width:1024px){.job-container{max-width:800px}}.form-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.form-background{position:absolute;inset:0;overflow:hidden}.form-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:floatOrb 10s ease-in-out infinite}.form-gradient-orb.orb-1{width:500px;height:500px;background:radial-gradient(circle,#4facfe,#00f2fe);top:-250px;right:-250px}.form-gradient-orb.orb-2{width:400px;height:400px;background:radial-gradient(circle,#f093fb,#f5576c);bottom:-200px;left:-200px;animation-delay:-4s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-30px) scale(1.05)}}.form-page-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 24px 64px #0000004d;width:100%;max-width:540px;padding:3rem 2.5rem;position:relative;z-index:1;animation:slideInUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.form-page-header{text-align:center;margin-bottom:2.5rem}.form-icon-container{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:1.5rem;box-shadow:0 10px 30px #667eea66;animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 10px 30px #667eea66}50%{box-shadow:0 10px 40px #667eea99}}.form-icon-container svg{color:#fff}.form-page-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.form-page-subtitle{color:#64748b;font-size:1rem;line-height:1.6;max-width:450px;margin:0 auto}.candidate-form{display:flex;flex-direction:column;gap:1.75rem}.form-group-modern{display:flex;flex-direction:column;gap:.5rem}.form-group-modern label{font-size:.875rem;font-weight:600;color:#334155;margin-left:.25rem}.input-container{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:1rem;color:#94a3b8;pointer-events:none;z-index:1}.input-container input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s;background:#fff}.input-container input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-container input.input-error{border-color:#ef4444}.input-container input::placeholder{color:#cbd5e1}.error-text{font-size:.875rem;color:#ef4444;margin-left:.25rem;display:flex;align-items:center;gap:.25rem}.form-submit-btn{width:100%;padding:1.125rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.0625rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #667eea66;margin-top:.5rem}.form-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea80}.form-submit-btn:active{transform:translateY(0)}@media(max-width:640px){.form-page-card{padding:2rem 1.5rem}.form-page-header h1{font-size:1.75rem}.form-icon-container{width:64px;height:64px}.form-icon-container svg{width:32px;height:32px}}.interview-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow-x:hidden;display:flex;flex-direction:column}.animated-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:float-orb 25s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.6) 0%,transparent 70%);top:-10%;right:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.5) 0%,transparent 70%);bottom:-10%;left:-10%;animation-delay:-12s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-50px) scale(1.1)}66%{transform:translate(-30px,40px) scale(.95)}}.interview-container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.interview-header{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid rgba(255,255,255,.8);padding:.625rem 1rem;display:flex;flex-direction:column;gap:.625rem}@media(min-width:768px){.interview-header{flex-direction:row;justify-content:space-between;align-items:center;padding:.875rem 1.25rem}}.header-content{flex:1}.header-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.3);border-radius:999px;font-size:.6875rem;font-weight:600;color:#667eea;margin-bottom:.375rem}.header-badge svg{width:12px;height:12px}.header-title{font-size:1.125rem;font-weight:800;color:#1e293b;margin:0 0 .125rem;letter-spacing:-.02em}@media(min-width:768px){.header-title{font-size:1.375rem}}.header-subtitle{font-size:.8125rem;color:#64748b;margin:0}.header-actions{display:flex;gap:.625rem;align-items:center}.btn-reset{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;background:#fff;color:#64748b;border:1.5px solid #e2e8f0;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 1px 2px #0000000d}.btn-reset:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn-reset:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn-reset svg{width:16px;height:16px}.btn-cancel{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;background:#fff;color:#ef4444;border:1.5px solid #fee2e2;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 1px 2px #0000000d}.btn-cancel:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44441f}.btn-cancel:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn-cancel svg{width:16px;height:16px}.btn-finish{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea40;white-space:nowrap}.btn-finish:hover{transform:translateY(-1px);box-shadow:0 8px 20px #667eea59}.btn-finish:active{transform:translateY(0);box-shadow:0 2px 8px #667eea40}.btn-finish svg{width:16px;height:16px}@media(max-width:767px){.btn-text{display:none}.header-actions{width:100%;justify-content:space-between}.btn-reset,.btn-cancel,.btn-finish{flex:1}}.interview-content{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:1200px;margin:0 auto;width:100%;min-height:600px}@media(min-width:1024px){.interview-content{flex-direction:row;padding:1.5rem;gap:1.5rem;align-items:stretch;min-height:700px}}.recruiter-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000026;border:2px solid rgba(255,255,255,.8);display:flex;align-items:center;gap:1rem}.avatar-container{position:relative;flex-shrink:0}.avatar-circle{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #667eea4d;transition:all .3s;overflow:hidden}.avatar-logo{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-container.speaking .avatar-circle{box-shadow:0 0 0 4px #667eea4d,0 0 0 8px #667eea33;animation:pulse-avatar 1.5s ease-in-out infinite}@keyframes pulse-avatar{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.avatar-text{font-size:1.25rem;font-weight:700;color:#fff;text-transform:uppercase}.sound-waves{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;gap:3px;align-items:flex-end;height:20px}.sound-waves span{width:3px;background:#667eea;border-radius:3px;animation:sound-wave .6s ease-in-out infinite}.sound-waves span:nth-child(1){animation-delay:0s}.sound-waves span:nth-child(2){animation-delay:.2s}.sound-waves span:nth-child(3){animation-delay:.4s}@keyframes sound-wave{0%,to{height:8px}50%{height:16px}}.recruiter-info{flex:1}.recruiter-name{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.recruiter-role{font-size:.875rem;color:#64748b;margin:0}.recruiter-section{display:flex;flex-direction:column}@media(min-width:1024px){.recruiter-section{width:280px;flex-shrink:0}}.chat-section{flex:1;display:flex;flex-direction:column;min-width:0}.chat-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 10px 30px #00000026;border:2px solid rgba(255,255,255,.8);display:flex;flex-direction:column;flex:1;height:550px;max-height:550px}@media(min-width:1024px){.chat-card{height:650px;max-height:650px}}.chat-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-bottom:2px solid #f1f5f9}.chat-header svg{color:#667eea}.chat-title{flex:1;font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}.message-count{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.875rem;font-weight:700;border-radius:999px}.messages-container{flex:1;padding:1.25rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem;min-height:0;max-height:100%;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:8px 0}.messages-container::-webkit-scrollbar-thumb{background:#667eea33;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.messages-container::-webkit-scrollbar-thumb:hover{background:#667eea66}.message{display:flex;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-recruiter{justify-content:flex-start}.message-candidate{justify-content:flex-end}.message-content{max-width:80%;padding:1rem;border-radius:16px;box-shadow:0 2px 8px #00000014}.message-recruiter .message-content{background:#fff;border-bottom-left-radius:4px}.message-candidate .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message-content p{font-size:.95rem;line-height:1.6;margin:0 0 .5rem}.message-time{font-size:.75rem;opacity:.7}.message-content.typing{display:flex;gap:4px;padding:1rem 1.25rem}.message-content.typing span{width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:typing-dot 1.4s infinite}.message-content.typing span:nth-child(1){animation-delay:0s}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chat-input-form{display:flex;gap:.75rem;padding:1.25rem;border-top:2px solid #f1f5f9}.chat-input{flex:1;padding:1rem 1.25rem;font-size:1rem;font-family:inherit;color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s;outline:none}.chat-input::placeholder{color:#94a3b8}.chat-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.chat-input:disabled{opacity:.6;cursor:not-allowed}.btn-send{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.btn-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-send:disabled{opacity:.5;cursor:not-allowed}.btn-audio{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000000d}.btn-audio:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.btn-audio.recording{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef4444;color:#ef4444;animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.btn-audio:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1023px){.recruiter-section{width:100%;max-width:500px;margin:0 auto}.chat-section{width:100%}}@media(max-width:640px){.interview-content{padding:.75rem;gap:.75rem}.message-content{max-width:90%}.chat-input{font-size:16px}}.feedback-form{max-width:700px;margin:0 auto;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a}.feedback-header{text-align:center;margin-bottom:2rem}.feedback-header h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.feedback-header p{color:#6b7280;font-size:.95rem;margin:0}.feedback-error{padding:1rem;background-color:#fef2f2;border-left:4px solid #ef4444;color:#991b1b;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.feedback-section{margin-bottom:2rem}.feedback-label{display:block;font-weight:600;color:#374151;margin-bottom:.75rem;font-size:.95rem}.feedback-label.required:after{content:" *";color:#ef4444}.star-rating{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.star-rating-small{justify-content:flex-start;margin:.75rem 0}.star-button{background:none;border:none;cursor:pointer;color:#d1d5db;transition:all .2s ease;padding:.25rem}.star-button:hover{transform:scale(1.1);color:#fbbf24}.star-button.active{color:#fbbf24}.star-button:focus{outline:2px solid #667eea;outline-offset:2px;border-radius:4px}.rating-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#6b7280;margin-top:.5rem}.feedback-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.95rem;color:#1f2937;transition:all .2s ease;resize:vertical;min-height:80px}.feedback-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.feedback-textarea::placeholder{color:#9ca3af}.feedback-submit{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-top:2rem}.feedback-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.feedback-submit:active:not(:disabled){transform:translateY(0)}.feedback-submit:disabled{opacity:.6;cursor:not-allowed}.feedback-success{text-align:center;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a}.feedback-success-icon{color:#10b981;margin-bottom:1.5rem;display:flex;justify-content:center}.feedback-success h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.feedback-success p{color:#6b7280;font-size:1rem;max-width:500px;margin:0 auto}@media(max-width:768px){.feedback-form{padding:1.5rem}.feedback-header h2{font-size:1.5rem}.star-rating{gap:.25rem}.star-button svg{width:28px;height:28px}.star-rating-small .star-button svg{width:20px;height:20px}.feedback-submit{padding:.875rem;font-size:.95rem}}.report-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 1rem}.report-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.report-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.report-title-group{display:flex;align-items:center;gap:1rem}.report-title-group svg{color:#667eea}.report-title-group h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0}.report-date{color:#64748b;font-size:.875rem;margin-top:.25rem}.report-actions{display:flex;gap:1rem}.btn-download,.btn-back{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.btn-download{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-back{background:var(--gray-100);color:var(--gray-700);border:2px solid var(--gray-300)}.btn-back:hover{background:var(--gray-200);color:var(--gray-900);border-color:var(--gray-400)}.report-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.report-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014}.report-card h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.report-card h2 svg{color:#667eea}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.875rem;color:#64748b;font-weight:600}.info-value{font-size:1.125rem;color:#1e293b;font-weight:500}.overall-score{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.score-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.score-header h2{color:#fff;margin:0}.score-subtitle{color:#ffffffe6;font-size:.95rem;margin-top:.25rem}.score-circle{width:200px;height:200px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 8px 32px #0003}.score-value{font-size:4rem;font-weight:700;line-height:1}.score-label{font-size:1.125rem;margin-top:.5rem;opacity:.95}.scores-grid{display:flex;flex-direction:column;gap:1.5rem}.score-item{display:flex;flex-direction:column;gap:.75rem}.score-item-header{display:flex;justify-content:space-between;align-items:center}.score-item-label{font-weight:600;color:#334155;font-size:1rem}.score-item-value{font-weight:700;font-size:1.125rem}.score-excellent{color:#22c55e}.score-good{color:#3b82f6}.score-average{color:#f59e0b}.score-low{color:#ef4444}.progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width 1s ease-out}.progress-fill.score-excellent{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-fill.score-good{background:linear-gradient(90deg,#3b82f6,#2563eb)}.progress-fill.score-average{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill.score-low{background:linear-gradient(90deg,#ef4444,#dc2626)}.summary-text{color:#475569;line-height:1.8;font-size:1.05rem}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.points-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.point-item{padding:1rem;border-radius:12px;font-size:.95rem;line-height:1.6;display:flex;align-items:flex-start;gap:.75rem}.strength-item{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-left:4px solid #10b981}.strength-item svg{color:#10b981;flex-shrink:0;margin-top:.125rem}.weakness-item{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-left:4px solid #f59e0b}.recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.recommendation-item{padding:1.25rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:12px;border-left:4px solid #3b82f6;font-size:.95rem;line-height:1.6}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.analysis-item{padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid #e5e7eb}.analysis-item h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .75rem}.analysis-performance{color:#64748b;font-size:.95rem;margin-bottom:1rem}.analysis-score{display:flex;justify-content:flex-end}.analysis-score-badge{padding:.5rem 1rem;border-radius:999px;font-weight:700;font-size:1.125rem;color:#fff}.analysis-score-badge.score-excellent{background:linear-gradient(135deg,#22c55e,#16a34a)}.analysis-score-badge.score-good{background:linear-gradient(135deg,#3b82f6,#2563eb)}.analysis-score-badge.score-average{background:linear-gradient(135deg,#f59e0b,#d97706)}.analysis-score-badge.score-low{background:linear-gradient(135deg,#ef4444,#dc2626)}.report-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;color:#64748b;gap:1rem}.report-empty svg{color:#cbd5e1}.report-empty h2{font-size:1.75rem;color:#334155;margin:0}.candidate-header{background:linear-gradient(135deg,#667eea,#764ba2)}.candidate-header .report-title-group svg,.candidate-header .report-title-group h1,.candidate-header .report-date{color:#fff}.candidate-completion{text-align:center;padding:3rem 2rem}.completion-icon{color:#10b981;margin-bottom:1.5rem;display:flex;justify-content:center}.candidate-completion h2{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.completion-text{font-size:1.1rem;color:#64748b;margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}.completion-text strong{color:#667eea;font-weight:600}.completion-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;max-width:800px;margin:0 auto;text-align:left;background:#f8fafc;padding:1.5rem;border-radius:12px}.feedback-card{padding:0;overflow:hidden}.feedback-intro{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.feedback-intro svg{margin:0 auto 1rem;display:block}.feedback-intro h2{font-size:1.75rem;margin:0 0 .5rem;color:#fff}.feedback-intro p{margin:0;opacity:.9;font-size:1rem}.candidate-note{background:#f0f9ff;border-left:4px solid #3b82f6;display:flex;gap:1rem;align-items:flex-start}.candidate-note svg{color:#3b82f6;flex-shrink:0;margin-top:.25rem}.candidate-note h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .75rem}.candidate-note p{color:#64748b;margin:0 0 .5rem;line-height:1.6}.note-small{font-size:.875rem;color:#94a3b8;font-style:italic}@media(max-width:768px){.report-header-content{flex-direction:column;align-items:flex-start}.report-actions{width:100%}.btn-download,.btn-new{flex:1}.score-circle{width:160px;height:160px}.score-value{font-size:3rem}.report-grid{grid-template-columns:1fr}.candidate-completion{padding:2rem 1rem}.candidate-completion h2{font-size:1.5rem}.completion-text{font-size:1rem}.completion-info{grid-template-columns:1fr}.candidate-note{flex-direction:column}}#root{margin:0;padding:0;width:100%;min-height:100vh;display:flex;flex-direction:column}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}