@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";
:root{--primary:#0077b6;--primary-light:#00b4d8;--primary-dark:#023e8a;--secondary:#14b8a6;--secondary-light:#5eead4;--secondary-dark:#0d9488;--teal-primary:var(--secondary);--teal-dark:var(--secondary-dark);--teal-light:var(--secondary-light);--navy-dark:var(--navy-primary);--text-primary:var(--navy-primary);--text-muted:var(--gray-500);--text-light:var(--gray-400);--space-xs:.375rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--navy-primary:#0f172a;--navy-light:#1e293b;--navy-muted:#334155;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--font-display:"Sora",sans-serif;--font-body:"DM Sans",sans-serif;--sidebar-width:260px;--topbar-height:64px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--gray-50);color:var(--navy-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}.app-container{background:var(--gray-50);min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.content-area{flex:1;padding:2rem}.sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--gray-200);z-index:50;flex-direction:column;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid var(--gray-100);padding:1.5rem}.logo{align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo-icon{flex-shrink:0;width:36px;height:36px}.logo-icon svg{width:100%;height:100%}.logo-text{font-family:var(--font-display);color:var(--navy-primary);font-size:1.25rem;font-weight:700}.logo-text span{color:var(--primary)}.company-layout .logo-text,.admin-layout .logo-text{color:var(--white)}.company-layout .logo-text span{color:var(--secondary-light)}.admin-layout .logo-text span{color:#a78bfa}.sidebar-nav{flex:1;padding:1rem;overflow-y:auto}.nav-section{margin-bottom:1.5rem}.nav-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);padding:.5rem .75rem;font-size:.6875rem;font-weight:600}.nav-item{border-radius:var(--radius-lg);color:var(--gray-500);cursor:pointer;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--gray-100);color:var(--navy-primary)}.nav-item.active{color:var(--primary);background:#0077b61a}.nav-item i{text-align:center;width:20px;font-size:.875rem}.nav-badge{background:var(--primary);color:var(--white);border-radius:var(--radius-full);margin-left:auto;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.nav-badge.warning{background:var(--warning)}.nav-badge.success{background:var(--success)}.sidebar-footer{border-top:1px solid var(--gray-100);padding:1rem}.user-menu{border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem;transition:background .15s;display:flex}.user-menu:hover{background:var(--gray-100)}.user-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-light));width:40px;height:40px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--navy-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.user-email,.user-role{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sidebar-toggle-btn{z-index:70;background:var(--primary);color:var(--white);width:42px;height:42px;box-shadow:var(--shadow-lg);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;display:none;position:fixed;top:.75rem;left:.75rem}.sidebar-overlay{z-index:45;opacity:0;pointer-events:none;background:#0006;transition:opacity .25s;display:none;position:fixed;inset:0}.top-bar{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:40;min-height:var(--topbar-height);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.page-header h1,.page-title{font-family:var(--font-display);color:var(--navy-primary);margin:0;font-size:1.5rem;font-weight:700}.page-header p{color:var(--gray-500);margin-top:.25rem;font-size:.875rem}.top-bar-actions{align-items:center;gap:1rem;display:flex}.btn{font-family:var(--font-body);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{color:var(--gray-600);border:1px solid var(--gray-200);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.btn-outline{color:var(--gray-600);border:1px solid var(--gray-200);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-danger{background:var(--error);color:#fff}.btn-icon{justify-content:center;width:40px;height:40px;padding:0}.card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);overflow:hidden}.card-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-title{font-family:var(--font-display);color:var(--navy-primary);margin:0;font-weight:600}.card-link{color:var(--primary);font-size:.875rem;font-weight:500;transition:opacity .15s}.card-link:hover{opacity:.8}.card-body{padding:1.25rem 1.5rem}.form-group{margin-bottom:1rem;position:relative}.form-label{color:var(--gray-600);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-input,.form-textarea,.form-select{width:100%;font-family:var(--font-body);color:var(--navy-primary);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0077b61a}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}textarea.form-textarea{resize:vertical;min-height:100px}.search-box{background:var(--gray-100);border-radius:var(--radius-lg);align-items:center;gap:.5rem;width:280px;padding:.625rem 1rem;display:flex}.search-box i{color:var(--gray-400)}.search-box input{color:var(--navy-primary);background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.search-box input::placeholder{color:var(--gray-400)}.welcome-banner{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-xl);color:var(--white);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;display:flex}.welcome-content h2{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.welcome-content p{opacity:.9;margin-bottom:1rem}.welcome-actions{flex-wrap:wrap;gap:.75rem;display:flex}.welcome-btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.welcome-btn.primary{background:var(--white);color:var(--primary)}.welcome-btn.primary:hover{background:var(--gray-100)}.welcome-btn.secondary{color:var(--white);background:#fff3;border:1px solid #ffffff4d}.welcome-btn.secondary:hover{background:#ffffff4d}.welcome-illustration{opacity:.3;font-size:5rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:1.25rem;transition:all .15s}.stat-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md)}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.stat-icon.blue{color:var(--primary);background:#0077b61a}.stat-icon.green{color:var(--success);background:#22c55e1a}.stat-icon.orange{color:var(--warning);background:#f59e0b1a}.stat-icon.purple{color:#8b5cf6;background:#8b5cf61a}.stat-icon.teal{color:var(--secondary);background:#14b8a61a}.stat-icon.navy{color:var(--navy-primary);background:#0f172a0d}.stat-trend{align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--error)}.stat-value{font-family:var(--font-display);color:var(--navy-primary);font-size:1.75rem;font-weight:700}.stat-label{color:var(--gray-500);font-size:.8125rem}.two-col{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.interview-item{border-radius:var(--radius-lg);background:var(--gray-50);gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .15s;display:flex}.interview-item:hover{background:var(--gray-100)}.interview-item:last-child{margin-bottom:0}.interview-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;display:flex}.interview-icon.pending{color:var(--warning);background:#f59e0b1a}.interview-icon.scheduled{color:var(--primary);background:#0077b61a}.interview-details{flex:1;min-width:0}.interview-company{color:var(--navy-primary);margin-bottom:.125rem;font-weight:600}.interview-position{color:var(--gray-500);margin-bottom:.5rem;font-size:.8125rem}.interview-meta{flex-wrap:wrap;gap:1rem;display:flex}.interview-meta-item{color:var(--gray-500);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.interview-meta-item i{font-size:.6875rem}.interview-action{flex-shrink:0;align-self:center}.interview-btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.interview-btn.start{background:var(--primary);color:var(--white)}.interview-btn.start:hover{background:var(--primary-dark)}.interview-btn.view{background:var(--gray-100);color:var(--gray-600)}.interview-btn.view:hover{background:var(--gray-200)}.application-item{border-bottom:1px solid var(--gray-100);align-items:center;gap:1rem;padding:.75rem 0;display:flex}.application-item:last-child{border-bottom:none}.application-logo{border-radius:var(--radius-md);background:var(--gray-100);width:40px;height:40px;color:var(--gray-500);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.application-info{flex:1;min-width:0}.application-company{color:var(--navy-primary);font-size:.9375rem;font-weight:600}.application-position{color:var(--gray-500);font-size:.8125rem}.application-status{border-radius:var(--radius-sm);flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.application-status.reviewing{color:#3b82f6;background:#3b82f61a}.application-status.interview{color:var(--warning);background:#f59e0b1a}.application-status.offer{color:var(--success);background:#22c55e1a}.application-status.rejected{color:var(--error);background:#ef44441a}.cv-status{text-align:center;padding:1rem}.cv-score{background:conic-gradient(var(--primary)0% 78%,var(--gray-200)78% 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1rem;display:flex}.cv-score-inner{background:var(--white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.cv-score-value{font-family:var(--font-display);color:var(--primary);font-size:1.5rem;font-weight:700}.cv-score-label{color:var(--gray-500);font-size:.6875rem}.cv-status-text{color:var(--gray-600);margin-bottom:1rem;font-size:.875rem}.cv-actions{flex-direction:column;gap:.5rem;display:flex}.cv-action-btn{border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--white);cursor:pointer;color:var(--gray-600);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.cv-action-btn:hover{border-color:var(--primary);color:var(--primary)}.cv-action-btn.primary{background:var(--primary);color:var(--white);border-color:var(--primary)}.cv-action-btn.primary:hover{background:var(--primary-dark)}.tip-item{border-radius:var(--radius-md);background:var(--gray-50);gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex}.tip-item:last-child{margin-bottom:0}.tip-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--primary);background:#0077b61a;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.tip-text{color:var(--gray-600);font-size:.8125rem;line-height:1.5}.empty-state{text-align:center;color:var(--gray-500);padding:2rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state-title{font-family:var(--font-display);color:var(--navy-primary);margin-bottom:.5rem;font-weight:600}.empty-state-text{margin-bottom:1rem;font-size:.875rem}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.spinner{border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.loading-text{color:var(--gray-500);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.stage-badge{border-radius:var(--radius-full);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.stage-badge.new{color:var(--secondary);background:#14b8a61a}.stage-badge.interview{color:var(--info);background:#3b82f61a}.stage-badge.review{color:var(--warning);background:#f59e0b1a}.stage-badge.offer,.stage-badge.hired{color:var(--success);background:#22c55e1a}.stage-badge.rejected{color:var(--error);background:#ef44441a}.score-cell{align-items:center;gap:.5rem;display:flex}.score-bar{background:var(--gray-100);border-radius:var(--radius-full);width:60px;height:6px;overflow:hidden}.score-fill{background:linear-gradient(90deg,var(--secondary),var(--secondary-light));border-radius:var(--radius-full);height:100%}.score-value{color:var(--secondary);min-width:36px;font-size:.875rem;font-weight:600}.lang-sidebar{padding:.5rem 0}.lang-sidebar-grid{flex-wrap:wrap;gap:.25rem;display:flex}.lang-sidebar-btn{border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;color:var(--gray-600);background:#fff;align-items:center;gap:.25rem;padding:.375rem .5rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.lang-sidebar-btn:hover{border-color:var(--primary);background:var(--gray-50)}.lang-sidebar-btn.active{border-color:var(--primary);background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);color:#fff}.lang-sidebar-btn .lang-flag{font-size:1rem;line-height:1}.lang-sidebar-btn .lang-code{font-weight:600}@media (max-width:1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{box-shadow:none;transform:translate(-100%)}body.sidebar-open .sidebar{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-toggle-btn{display:flex}.sidebar-overlay{display:block}body.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.main-content{margin-left:0}.top-bar{padding:1rem 1rem 1rem 4rem}.content-area{padding:1rem}.stats-grid{grid-template-columns:1fr}.welcome-banner{text-align:center;flex-direction:column;padding:1.5rem}.welcome-illustration{display:none}.welcome-actions{justify-content:center}.interview-item{flex-direction:column;align-items:flex-start}.interview-action{align-self:flex-start;margin-top:.5rem}.search-box{width:100%}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-white{background:var(--white)}.bg-gray-50{background:var(--gray-50)}.bg-gray-100{background:var(--gray-100)}.m-0{margin:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--gray-200)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loading-container{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.loading-spinner{border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.loading-spinner.teal{border-top-color:var(--teal-primary)}@keyframes i18n-spin{to{transform:rotate(360deg)}}@keyframes i18n-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body.i18n-loading:after{content:"";z-index:9999;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);position:fixed;inset:0}body.i18n-loading:before{content:"";z-index:10000;border:3px solid #e2e8f0;border-top-color:#14b8a6;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;animation:.8s linear infinite i18n-spin;position:fixed;top:50%;left:50%}body.i18n-ready:after,body.i18n-ready:before{opacity:0;pointer-events:none;transition:opacity .3s}