:root{--color-primary:#1cbbb4;--color-primary-dark:#17a59f;--color-primary-light:#e6fffa;--color-primary-gradient:linear-gradient(135deg,#1cbbb4,#17a59f);--color-secondary:#4299e1;--color-secondary-dark:#3182ce;--color-secondary-gradient:linear-gradient(135deg,#4299e1,#3182ce);--color-text-primary:#2d3748;--color-text-secondary:#4a5568;--color-text-muted:#718096;--color-text-light:#a0aec0;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f5f7fa;--color-bg-gradient:linear-gradient(135deg,#f5f7fa,#e4e8ec);--color-border:#e2e8f0;--color-border-light:#edf2f7;--color-success:#48bb78;--color-success-dark:#38a169;--color-success-light:#c6f6d5;--color-success-text:#276749;--color-error:#f56565;--color-error-dark:#e53e3e;--color-error-light:#fed7d7;--color-error-text:#c53030;--color-warning:#ed8936;--color-warning-dark:#dd6b20;--color-warning-light:#feebc8;--color-warning-text:#c05621;--color-info:#4299e1;--color-info-dark:#3182ce;--color-info-light:#bee3f8;--color-info-text:#2b6cb0;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 40px #0000001a;--shadow-primary:0 4px 15px #1cbbb44d;--shadow-primary-hover:0 6px 20px #1cbbb466;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#f5f7fa;background-color:var(--color-bg-tertiary);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);padding:0}body,h1,h2,h3,h4,h5,h6{color:#2d3748;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--font-family);margin:0}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight)}p{color:#4a5568;color:var(--color-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.75;line-height:var(--line-height-relaxed)}a{color:#1cbbb4;color:var(--color-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#17a59f;color:var(--color-primary-dark)}button{font-weight:500;transition:all .2s ease}button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--font-family)}input,select,textarea{color:#2d3748;color:var(--color-text-primary);font-size:1rem;font-size:var(--font-size-base)}input::placeholder,textarea::placeholder{color:#a0aec0;color:var(--color-text-light)}.container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-top:50px;max-width:1400px;padding:0 32px}@media (max-width:1200px){.container{grid-template-columns:repeat(3,1fr);padding:0 24px}}@media (max-width:900px){.container{gap:20px;grid-template-columns:repeat(2,1fr);padding:0 20px}}@media (max-width:600px){.container{gap:16px;grid-template-columns:1fr;padding:0 16px}}.containerLogin{display:flex;flex-wrap:wrap;gap:20px;height:100%;justify-content:center;margin-top:85px;width:100%}.app{background:linear-gradient(180deg,var(--color-bg-tertiary) 0,var(--color-bg-secondary) 100%);min-height:100vh;padding-bottom:48px;text-align:-webkit-center}.banner-popup{align-items:center;animation:slideDown .3s ease-out;background-color:var(--color-error);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;left:50%;max-width:500px;min-width:300px;padding:var(--spacing-md) var(--spacing-lg);position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);box-sizing:border-box;overflow:hidden;padding:28px 24px;position:relative;text-align:center;transition:all var(--transition-slow);width:100%}.card:before{background:var(--color-primary-gradient);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.card:hover:before{opacity:1}.section-header{grid-column:1/-1;margin-bottom:8px;margin-top:48px;padding-top:40px;position:relative;text-align:center}.section-header:before{background:var(--color-primary-gradient);border-radius:var(--radius-full);content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:120px}.section-header h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:12px}.section-header p{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}.card:hover{border-color:#0000;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.card h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:12px}.card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:20px}.card h5{border-radius:var(--radius-md);color:var(--color-primary-dark);display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:12px 0 8px;padding:8px 12px}.card h5,.card-icon{background:var(--color-primary-light)}.card-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:56px;justify-content:center;margin:0 auto 16px;transition:all var(--transition-normal);width:56px}.card:hover .card-icon{background:var(--color-primary);transform:scale(1.05)}.card:hover .card-icon svg path{fill:#fff}.card-icon svg{height:28px;width:28px}.card-icon svg path{fill:var(--color-primary);transition:fill var(--transition-normal)}button{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:12px 24px;transition:all var(--transition-normal)}.card button:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.card button:active{transform:translateY(0)}.login-container{max-width:400px}.jd-container,.login-container{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:2rem;width:100%}.jd-container{max-width:1000px}.login-container h1{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{font-weight:var(--font-weight-medium);margin-bottom:.5rem}.form-group input{border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;font-size:var(--font-size-base);padding:.8rem;width:100%}.form-group input:focus{border-color:var(--color-primary);outline:none}.form-group button{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-bg-primary);cursor:pointer;font-size:var(--font-size-base);margin-bottom:inherit;padding:.8rem;transition:background-color var(--transition-slow);width:100%}.form-group button:hover{background-color:var(--color-primary-dark)}.login-container p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:1rem;text-align:center}.login-container p a{color:var(--color-primary);text-decoration:none}.login-container p a:hover{text-decoration:underline}.message{color:var(--color-error)}textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:150px;padding:10px;width:100%}.form-group button:not(:disabled):hover{background-color:var(--color-primary-dark)}.form-group button:disabled{background-color:var(--color-text-light);color:var(--color-text-muted);cursor:not-allowed;opacity:.65}.report * li{text-align:left}.delete-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;margin:0;padding:0;transition:all var(--transition-normal);width:36px}.delete-button:hover{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-primary);transform:translateY(-2px)}.delete-button svg{height:18px;width:18px}.card-actions{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.template-card{text-align:left}.template-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:16px}.assigned-badge{align-items:center;background:var(--color-info-light);border-radius:var(--radius-full);color:var(--color-info-text);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:6px;margin-bottom:12px;padding:6px 12px}.assigned-badge svg{height:14px;width:14px}.loading{color:var(--color-text-primary);display:inline-block;font-size:24px;font-weight:var(--font-weight-bold);position:relative}.loading:after{animation:dots 1.5s steps(3) infinite;content:"."}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}.spin-animation{animation:spin 1s linear infinite}.empty-state{color:var(--color-text-muted);grid-column:1/-1;padding:48px 24px}.empty-state svg{height:64px;margin-bottom:16px;width:64px}.page-header{grid-column:1/-1;margin-bottom:8px;text-align:center}.page-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);margin-bottom:8px}.page-header p{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0 auto;max-width:600px}.MCQOuterWrap{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);height:100%;margin-top:5px;padding:20px;user-select:none;-webkit-user-select:none;-ms-user-select:none}.MCQUL{list-style-type:none;list-style:none!important;margin:0;padding:0}.MCQUL li{align-items:flex-start;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);margin-bottom:8px;margin-left:0;padding:12px 16px;transition:all var(--transition-normal)}.MCQUL li.selected,.MCQUL li:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.MCQUL li.selected{font-weight:var(--font-weight-medium)}.MCQUL li input[type=radio]{cursor:pointer;flex-shrink:0;margin-right:12px;margin-top:4px}.MCQUL li label{cursor:pointer;flex:1 1;line-height:1.5}@media print{.no-print{display:none}}.analytics-container{max-width:100%;width:100%}.analytics-content{width:100%}.printable-content{background-color:var(--color-bg-primary);border-radius:var(--radius-md);margin-top:16px;padding:20px}.printable-content--hidden{display:none}.analytics-print-btn{background:var(--color-primary-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:16px auto 0;padding:10px 24px;transition:opacity var(--transition-normal)}.analytics-print-btn:hover{opacity:.9}.analytics-loading{color:var(--color-text-muted);font-size:var(--font-size-base);padding:20px;text-align:center}.modern-result-page{background:var(--color-bg-gradient);min-height:100vh;padding:80px 20px 20px}.result-container{margin:0 auto;max-width:1400px;width:100%}.main-section,.recent-tests-section,.result-content{width:100%}.search-header-section{box-sizing:border-box;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 16px;width:100%}.header-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;width:100%}.search-bar-inline{align-items:center;display:flex;flex:1 1;gap:8px;min-width:200px}.search-input-container{flex:1 1;min-width:0;position:relative}.search-input-inline{box-sizing:border-box;padding-right:40px;width:100%}.search-loading-indicator{animation:spin 1s linear infinite;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.modern-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;padding:10px 16px;transition:all var(--transition-normal);white-space:nowrap}.modern-button--primary{background:var(--color-primary-gradient);color:#fff}.modern-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0,#148f8a 100%);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.modern-button--primary:disabled{cursor:not-allowed;opacity:.6}.modern-button--secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);flex-shrink:0}.modern-button--secondary:hover:not(:disabled){background:var(--color-border-light)}.modern-button--outline{border:2px solid var(--color-primary);flex-shrink:0}.modern-button--outline:hover:not(:disabled){background:#1cbbb41a}.modern-input{border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);outline:none;padding:10px 14px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.modern-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1cbbb41a}.modern-input:disabled{background:var(--color-bg-secondary);cursor:not-allowed}.results-display-section{width:100%}.results-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.results-header h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin:0}.results-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.report-actions-group{display:flex;gap:8px}.results-content{width:100%}.test-report-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:24px;overflow:hidden}.report-header-section{background:linear-gradient(135deg,#6ba3ae,#5a929d);color:var(--color-bg-primary);padding:18px 24px;text-align:center}.report-header-section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:1px;margin:0 0 4px}.test-id{font-size:var(--font-size-xs);opacity:.9}.report-body{background:var(--color-bg-secondary);padding:20px}.report-content-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.score-chart-wrapper{display:flex;flex-direction:column;gap:16px}.candidate-info-bar{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 20px}.candidate-info-bar,.info-item{align-items:center;display:flex}.info-item{gap:8px}.info-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.info-value{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.score-chart-container{align-items:flex-start;display:flex;gap:16px;justify-content:center}.topic-photos-column{display:flex;flex:1 1;flex-direction:column;gap:16px}.photo-section-inline{padding:16px;text-align:center}.gauge-details-card,.photo-section-inline{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.gauge-details-card{align-items:center;display:flex;flex-direction:column;max-width:240px;min-width:220px;padding:20px}.gauge-wrapper{margin:0 auto;width:180px}.score-summary{border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:4px 0 16px;padding-bottom:16px;text-align:center;width:100%}.candidate-details-inline{padding-top:4px;width:100%}.candidate-details-inline .detail-row{align-items:center;border-bottom:1px solid var(--color-bg-secondary);display:flex;justify-content:space-between;padding:10px 0}.candidate-details-inline .detail-row:last-child{border-bottom:none;padding-bottom:0}.candidate-details-inline .detail-row:first-child{padding-top:0}.candidate-details-inline .detail-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.candidate-details-inline .detail-value{color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:10px}.topic-table-section{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex:1 1;overflow-x:auto;padding:12px}.topic-score-table{border-collapse:collapse;font-size:var(--font-size-xs);width:100%}.topic-score-table td,.topic-score-table th{border-bottom:1px solid var(--color-border-light);padding:8px 10px;text-align:center}.topic-score-table th{background:var(--color-bg-secondary);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.topic-score-table td,.topic-score-table th{color:var(--color-text-secondary)}.topic-score-table td:first-child{font-weight:var(--font-weight-medium);text-align:left}.topic-score-table tbody tr:hover{background:var(--color-bg-secondary)}.topic-score-table td:last-child{color:var(--color-success-dark);font-weight:var(--font-weight-semibold)}.candidate-details{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex:0 0 200px;padding:16px}.detail-row{align-items:center;border-bottom:1px solid var(--color-bg-secondary);display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.detail-value{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:right}.photo-section{align-items:center;display:flex;flex-direction:column;padding:20px}.photo-section-title{border-bottom:2px solid var(--color-primary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:16px;padding-bottom:8px}.analytics-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:24px;padding:24px}.analytics-header{margin-bottom:20px;text-align:center}.analytics-header h3{color:var(--color-text-primary);margin:0 0 8px}.analytics-header p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.results-page{align-items:center;display:flex;flex-direction:column;width:100%}.mobile-results,.mobile-search-panel{display:none}.desktop-results{box-sizing:border-box;display:block;max-width:1200px;padding:0 16px;width:100%}.results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.result-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;padding:16px;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.result-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.result-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.result-card__date{color:var(--color-text-muted);font-size:var(--font-size-xs)}.result-card__status{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px 8px}.result-card__content{margin-bottom:12px}.result-card__title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin:0 0 8px}.result-card__candidate,.result-card__id{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:4px 0}.result-card__actions{display:flex;justify-content:flex-end}.result-card__confirmation{display:flex;gap:8px}.result-card__delete{background:none;border:none;cursor:pointer;font-size:var(--font-size-base);padding:4px}.status-completed{background:#28a7451a;color:var(--color-success)}.status-terminated{background:#dc35451a;color:var(--color-error)}.status-not-started{background:#ffc1071a;color:var(--color-warning)}.no-results{color:var(--color-text-muted);padding:60px 20px;text-align:center}.no-results__icon{margin-bottom:16px;opacity:.5}.no-results h3{color:var(--color-text-secondary);margin:0 0 8px}.no-results p{margin:0}.table-actions-cell{text-align:center;width:80px}.buttons-container{align-items:center;display:flex;justify-content:center;min-height:32px}.buttons-always-visible{display:flex;gap:4px}.buttons-hover{transition:opacity var(--transition-normal)}.buttons-hover.hidden{opacity:0}.buttons-hover.visible{opacity:1}.button--cancel,.button--confirm,.button--delete{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background var(--transition-normal)}.button--delete:hover{background:#dc35451a;color:var(--color-error)}.button--cancel{color:var(--color-text-muted)}.button--cancel:hover{background:#6c757d1a}.button--confirm{color:var(--color-success)}.button--confirm:hover{background:#28a7451a}.no-data-cell{padding:40px!important}.skeleton-loader{display:flex;justify-content:center}.skeleton-content{text-align:center}.skeleton-icon{margin-bottom:16px;opacity:.4}.skeleton-text h3{color:var(--color-text-secondary);margin:0 0 8px}.skeleton-text p{color:var(--color-text-muted);margin:0}.pagination{box-sizing:border-box;gap:8px;margin-left:auto;margin-right:auto;margin-top:24px;max-width:1200px;padding:16px}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;height:36px;min-width:36px;padding:0 12px;transition:all var(--transition-normal)}.pagination-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-numbers{display:flex;gap:4px}.pagination-number{min-width:36px}@media (max-width:768px){.modern-result-page{padding:60px 0 0}.mobile-search-panel{background:#fff;box-shadow:var(--shadow-md);display:block;padding:12px 16px;position:-webkit-sticky;position:sticky;top:60px;z-index:100}.mobile-search-container{align-items:center;display:flex;gap:8px}.mobile-back-btn,.mobile-refresh-btn{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px}.mobile-search-input-container{flex:1 1}.mobile-search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:10px 14px;width:100%}.mobile-results{display:block;padding:16px}.desktop-results,.search-header-section{display:none}.header-actions{align-items:stretch;flex-direction:column}.search-bar-inline{min-width:100%}.results-header{align-items:flex-start;flex-direction:column}.report-actions-group,.results-actions{flex-direction:column;width:100%}.modern-button{justify-content:center;width:100%}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.pagination{flex-wrap:wrap}}@media (min-width:769px) and (max-width:1024px){.results-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.results-grid{grid-template-columns:repeat(3,1fr)}}.photo-catalog-title{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 16px;text-align:center}.photo-catalog-container{grid-gap:16px;display:grid;gap:16px;justify-content:center;padding:16px}.photo-catalog-container.photo-grid-1{grid-template-columns:1fr;margin:0 auto;max-width:250px}.photo-catalog-container.photo-grid-2{grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:500px}.photo-catalog-container.photo-grid-3{grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:750px}.photo-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.photo-card-image{aspect-ratio:1;display:block;height:auto;object-fit:cover;width:100%}.photo-catalog-error{color:var(--color-error);padding:20px;text-align:center}.photo-catalog-no-photos{color:var(--color-text-muted);font-style:italic;padding:20px;text-align:center}@media (max-width:600px){.photo-catalog-container.photo-grid-3{grid-template-columns:repeat(2,1fr);max-width:400px}}.login-page{background:var(--color-bg-tertiary);display:flex;min-height:100vh}.login-left{align-items:center;background:var(--color-primary-gradient);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:var(--spacing-2xl);position:relative}.login-left:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.login-left:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);bottom:-20%;content:"";height:60%;position:absolute;right:-20%;width:60%}@keyframes pulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.login-branding{color:#fff;max-width:420px;position:relative;text-align:center;z-index:1}.login-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:var(--radius-xl);display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.login-logo svg{color:#fff;height:40px;width:40px}.login-branding h1{color:#fff;font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.login-branding p{color:#ffffffe6;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);opacity:.9}.login-features{margin-top:var(--spacing-xl);text-align:left}.feature-item{align-items:center;color:#fffffff2;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.feature-item svg{flex-shrink:0;height:20px;width:20px}.login-right{align-items:center;background:var(--color-bg-primary);display:flex;flex:1 1;justify-content:center;padding:var(--spacing-xl)}.login-card{max-width:420px;width:100%}.login-header{margin-bottom:var(--spacing-xl);text-align:center}.login-header h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.login-header p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.input-group{position:relative}.input-group label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-text-light);height:20px;left:14px;pointer-events:none;position:absolute;transition:color var(--transition-normal);width:20px}.input-group.focused .input-icon,.input-group.has-value .input-icon{color:var(--color-primary)}.input-wrapper input{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);outline:none;padding:14px 14px 14px 46px;transition:all var(--transition-normal);width:100%}.input-wrapper input:focus{background:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.input-wrapper input::placeholder,.password-toggle{color:var(--color-text-light)}.password-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);box-shadow:none;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;transition:all var(--transition-normal)}.password-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.password-toggle svg{height:20px;width:20px}.form-options{display:flex;justify-content:flex-end;margin-top:calc(var(--spacing-sm)*-1)}.forgot-link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-normal)}.forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.login-btn{align-items:center;background:var(--color-primary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm);padding:16px 24px;transition:all var(--transition-normal);width:100%}.login-btn:hover:not(:disabled){box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-btn svg{height:20px;width:20px}.login-btn .spinner{animation:spin 1s linear infinite}.message-box{align-items:center;animation:slideIn .3s ease-out;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.message-box svg{flex-shrink:0;height:20px;width:20px}.message-box.error{border:1px solid var(--color-error)}.message-box.success{border:1px solid var(--color-success)}.login-footer{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.login-footer p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.login-footer a{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:968px){.login-page{flex-direction:column}.login-left{min-height:auto;padding:var(--spacing-xl) var(--spacing-lg)}.login-branding{max-width:100%}.login-branding h1{font-size:2rem}.login-features{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.feature-item{padding:var(--spacing-xs) var(--spacing-sm)}.login-right{padding:var(--spacing-xl) var(--spacing-lg)}}@media (max-width:480px){.login-left{padding:var(--spacing-lg)}.login-branding h1{font-size:1.75rem}.login-branding p{font-size:var(--font-size-base)}.login-right{padding:var(--spacing-lg)}.login-card{max-width:100%}.input-wrapper input{padding:12px 12px 12px 42px}.login-btn{padding:14px 20px}}.field-error{color:var(--color-error);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs);padding-left:2px}.input-group.has-error .input-wrapper input{border-color:var(--color-error)}.input-group.has-error .input-icon{color:var(--color-error)}.password-strength{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.strength-bars{display:flex;flex:1 1;gap:4px}.strength-bar{background:var(--color-border);border-radius:var(--radius-full);flex:1 1;height:4px;transition:background-color var(--transition-normal)}.strength-bar.active{background:var(--color-primary)}.strength-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:70px;text-align:right}.password-requirements{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);margin-top:var(--spacing-sm);padding:var(--spacing-md)}.password-requirements ul{color:var(--color-text-muted);margin:0;padding-left:var(--spacing-md)}.password-requirements li{margin-bottom:var(--spacing-xs)}.password-requirements li.valid{color:var(--color-success)}.login-form{gap:var(--spacing-md)}@media (max-width:968px){.login-form{gap:var(--spacing-md)}}.header-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-full);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-md);width:64px}.header-icon svg{color:var(--color-primary);height:32px;width:32px}.success-state{padding:var(--spacing-lg) 0;text-align:center}.success-icon{align-items:center;animation:scaleIn .4s ease-out;background:var(--color-success-light);border-radius:var(--radius-full);display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-icon svg{color:var(--color-success);height:40px;width:40px}.success-state h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.success-state p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.email-display{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin:var(--spacing-md) 0;padding:var(--spacing-md);word-break:break-all}.hint-text{color:var(--color-text-light);font-size:var(--font-size-xs);margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.login-btn.secondary{background:var(--color-bg-secondary);border:2px solid var(--color-border);box-shadow:none;color:var(--color-text-primary)}.login-btn.secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-primary);box-shadow:none;color:var(--color-primary)}.message-box.info{background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-text)}.login-footer a{align-items:center;display:inline-flex;gap:var(--spacing-xs)}.create-template-page{align-items:flex-start;background:var(--color-bg-gradient);display:flex;justify-content:center;margin-top:85px;min-height:calc(100vh - 85px);padding:30px 50px}.create-template-container{animation:slideUp .4s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:1400px;padding:35px;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.template-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;gap:15px;margin-bottom:2rem;padding-bottom:15px}.template-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.template-back-btn{align-items:center;background:#0000;border:1.5px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;justify-content:center;padding:10px 16px;transition:all var(--transition-normal)}.template-back-btn:hover{background:var(--color-primary);color:var(--color-bg-primary)}.template-back-btn svg{height:16px;width:16px}.template-content{display:flex;gap:30px}.left-panel{display:flex;flex:3 1;flex-direction:column}.right-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex:2 1;flex-direction:column;padding:25px}.form-section{margin-bottom:25px}.form-section h3{border-bottom:2px solid var(--color-primary);color:var(--color-text-primary);display:inline-block;font-size:var(--font-size-xl);margin:0 0 15px;padding-bottom:10px}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--font-size-base);padding:12px 15px;transition:all var(--transition-slow);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #1cbbb41a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.btn-primary{align-items:center;background:var(--color-primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:var(--color-bg-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:8px;justify-content:center;padding:12px 24px;transition:all var(--transition-slow)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.btn-primary:disabled{background:linear-gradient(135deg,var(--color-text-light) 0,#8a9aab 100%);box-shadow:none;cursor:not-allowed}.btn-secondary{align-items:center;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;justify-content:center;padding:10px 20px;transition:all var(--transition-normal)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{background:linear-gradient(135deg,#fc8181 0,var(--color-error) 100%);border:none;border-radius:var(--radius-md);color:var(--color-bg-primary);cursor:pointer;font-size:var(--font-size-sm);padding:8px 16px;transition:all var(--transition-normal)}.btn-danger:hover{background:linear-gradient(135deg,var(--color-error) 0,var(--color-error-dark) 100%)}.btn-edit{background:linear-gradient(135deg,#68d391 0,var(--color-success) 100%);border:none;border-radius:var(--radius-md);color:var(--color-bg-primary);cursor:pointer;font-size:var(--font-size-sm);margin-right:8px;padding:8px 16px;transition:all var(--transition-normal)}.btn-edit:hover{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%)}.questions-list{max-height:600px;overflow-y:auto;padding-right:10px}.questions-list::-webkit-scrollbar{width:6px}.questions-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-lg)}.questions-list::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.qcard{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:15px;padding:20px;transition:all var(--transition-normal)}.qcard:hover{box-shadow:var(--shadow-md)}.qcard h4{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0 0 12px;text-align:left}.qcard ul{margin:10px 0;padding-left:20px}.qcard li{color:var(--color-text-secondary);margin:6px 0}.qcard li,.qcard p{font-size:var(--font-size-sm);text-align:left}.qcard p{color:var(--color-success-dark);font-weight:var(--font-weight-medium);margin:10px 0}.qcard-actions{display:flex;gap:8px;margin-top:15px}.option-item{align-items:center;display:flex;gap:10px;margin-bottom:12px}.option-item input[type=radio]{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.option-item input[type=text]{border:2px solid var(--color-border);border-radius:var(--radius-md);flex:1 1;font-size:var(--font-size-sm);padding:10px 12px}.option-item input[type=text]:focus{border-color:var(--color-primary);outline:none}.ai-section{border-top:2px solid var(--color-border);margin-top:30px;padding-top:25px}.ai-section h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);gap:8px;margin:0 0 15px}.ai-section p{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin-top:15px}.empty-state{color:var(--color-text-light);padding:40px 20px;text-align:center}.empty-state svg{height:60px;margin-bottom:15px;opacity:.5;width:60px}.empty-state p{font-size:var(--font-size-base);margin:0}.message-box{border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:15px;padding:12px 16px}.message-box.error{background:var(--color-error-light);border:1px solid #fc8181;color:var(--color-error-text)}.message-box.success{background:var(--color-success-light);border:1px solid #68d391;color:var(--color-success-text)}.toast-container{position:fixed;right:30px;top:100px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;display:flex;gap:16px;margin-bottom:12px;max-width:480px;min-width:360px;padding:20px 26px}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.toast.toast-exit{animation:slideOut .3s ease-in forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}.toast-icon{stroke-width:2;flex-shrink:0;height:32px;width:32px}.toast.error .toast-icon{stroke:var(--color-error)}.toast.success .toast-icon{stroke:var(--color-success)}.toast.warning .toast-icon{stroke:var(--color-warning)}.toast.info .toast-icon{stroke:var(--color-info)}.toast-content{flex:1 1}.toast-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:4px}.toast-message{color:var(--color-text-muted);font-size:var(--font-size-base)}.toast-close{background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:6px;transition:color var(--transition-normal)}.toast-close svg{height:20px;width:20px}.toast-close:hover{color:var(--color-text-secondary)}.toast.error{border-left:4px solid var(--color-error)}.toast.error .toast-title{color:var(--color-error-text)}.toast.success{border-left:4px solid var(--color-success)}.toast.success .toast-title{color:var(--color-success-text)}.toast.warning{border-left:4px solid var(--color-warning)}.toast.warning .toast-title{color:var(--color-warning-text)}.toast.info{border-left:4px solid var(--color-info)}.toast.info .toast-title{color:var(--color-info-text)}@media (max-width:900px){.create-template-page{padding:20px}.template-content{flex-direction:column}.right-panel{order:-1}.template-header h1{font-size:1.4rem}}.skeleton-card{overflow:hidden;position:relative}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-actions{display:flex;gap:8px;justify-content:flex-end;margin-bottom:15px}.skeleton-icon{border-radius:var(--radius-md);height:32px;width:32px}.skeleton-text{height:16px;margin-bottom:15px}.skeleton-text-sm{width:70%}.skeleton-text-lg{height:20px;width:50%}.skeleton-button{border-radius:var(--radius-md);height:44px;margin-bottom:15px;width:100%}.overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirmation-box{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:500px;padding:20px;text-align:center}.confirmation-box p{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:20px}.buttons button{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 10px;padding:10px 20px;transition:all var(--transition-normal)}.buttons button:first-child{background:var(--color-success);color:var(--color-bg-primary)}.buttons button:first-child:hover{background:var(--color-success-dark)}.buttons button:last-child{background:var(--color-error);color:var(--color-bg-primary)}.buttons button:last-child:hover{background:var(--color-error-dark)}.table-container{box-sizing:border-box;margin:1rem auto 0;max-width:1200px;overflow-x:auto;padding:0 16px;width:100%}.table{background:var(--color-bg-primary);border-collapse:collapse;border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;text-align:left;width:100%}td,th{border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);padding:14px 16px;vertical-align:middle}th{background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}th:hover{background-color:var(--color-border-light)}tbody tr:nth-child(2n){background-color:var(--color-bg-secondary)}tbody tr{cursor:pointer;transition:background-color var(--transition-normal)}tbody tr:hover{background-color:var(--color-primary-light)}td.status-cell{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;vertical-align:middle;white-space:nowrap}td.status-completed{color:var(--color-success-text)}td.status-terminated{color:var(--color-error-text)}td.status-not-started{color:var(--color-warning-text)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-line{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-bg-secondary) 50%,var(--color-border-light) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}.skeleton-card{background:var(--color-bg-primary);pointer-events:none}.skeleton-card .skeleton-date{display:inline-block;height:14px;width:120px}.skeleton-card .skeleton-status{border-radius:var(--radius-full);display:inline-block;height:20px;width:70px}.skeleton-card .skeleton-title{height:18px;margin-bottom:10px;width:80%}.skeleton-card .skeleton-text{height:14px;margin-bottom:8px;width:60%}.skeleton-card .skeleton-text-short{height:14px;width:40%}.skeleton-row{pointer-events:none}.skeleton-row td{padding:14px 16px}.skeleton-cell{height:16px;width:100px}.skeleton-cell-wide{height:16px;width:150px}.skeleton-cell-short{height:16px;width:70px}.skeleton-cell-icon{border-radius:var(--radius-sm);height:24px;width:24px}.no-data-cell{padding:48px 16px!important;text-align:center}.no-results-table{align-items:center;display:flex;flex-direction:column;gap:12px}.no-results-table .no-results__icon{color:var(--color-text-light);opacity:.6}.no-results-table h3{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.no-results-table p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.profiler-page{align-items:center;background:var(--color-bg-gradient);display:flex;flex-direction:column;gap:30px;margin-top:85px;min-height:calc(100vh - 85px);padding:30px 50px}.profiler-container{animation:slideUp .4s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:35px;width:100%}.profiler-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;gap:15px;margin-bottom:2rem;padding-bottom:15px}.profiler-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.profiler-back-btn{align-items:center;background:#0000;border:1.5px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;justify-content:center;padding:10px 16px;transition:all var(--transition-normal)}.profiler-back-btn:hover{background:var(--color-primary);color:var(--color-bg-primary)}.profiler-back-btn svg{height:16px;width:16px}.upload-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.upload-card{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);overflow:hidden;padding:30px 20px;text-align:center;transition:all var(--transition-slow)}.upload-card.has-file,.upload-card:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.upload-card.has-file{border-style:solid}.upload-card h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 8px}.upload-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 20px}.upload-icon{color:var(--color-primary);height:48px;margin:0 auto 15px;width:48px}.file-input-wrapper{display:block;overflow:hidden;position:relative;width:100%}.file-input-wrapper input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.file-input-label{align-items:center;background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;justify-content:center;padding:12px 16px;transition:all var(--transition-slow);width:100%}.file-input-label:hover{background:var(--color-primary);color:var(--color-bg-primary)}.file-name{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);color:#234e52;display:flex;font-size:var(--font-size-sm);gap:8px;margin-top:12px;padding:10px 15px}.file-name svg{color:var(--color-primary);height:16px;width:16px}.generate-btn{align-items:center;background:var(--color-primary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);color:var(--color-bg-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:10px;justify-content:center;margin:0 auto;max-width:400px;padding:16px 32px;transition:all var(--transition-slow);width:100%}.generate-btn:hover:not(:disabled){box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.generate-btn:disabled{background:linear-gradient(135deg,var(--color-text-light) 0,#8a9aab 100%);box-shadow:none;cursor:not-allowed}.btn-wrapper{display:flex;justify-content:center}.report-section{animation:fadeIn .5s ease-out;margin-top:40px}.report-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.report-header{background:var(--color-primary-gradient);color:var(--color-bg-primary);padding:24px 30px;text-align:center}.report-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0}.report-body{padding:30px}.report-table{border-collapse:collapse;width:100%}.report-table tr{border-bottom:1px solid var(--color-border)}.report-table tr:last-child{border-bottom:none}.report-table td{padding:16px 12px;vertical-align:top}.report-table td:first-child{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);width:200px}.report-table td:last-child{color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.report-table ul{margin:0;padding:0 0 0 20px}.report-table li{color:var(--color-text-secondary);margin-bottom:8px}.suitability-badge{align-items:center;background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%);border-radius:var(--radius-full);color:var(--color-bg-primary);display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:8px;padding:8px 16px}.print-btn{margin-top:24px}.report-actions{display:flex;justify-content:center;margin-top:20px}@media (max-width:768px){.profiler-page{padding:20px}.profiler-container{padding:25px 20px}.profiler-header h1{font-size:1.4rem}.upload-section{grid-template-columns:1fr}.report-table td:first-child{font-size:var(--font-size-sm);width:120px}}.chatbot-container{align-items:center;display:flex;flex-direction:column;padding:20px}.chat-window{background:var(--color-bg-primary);border:1px solid var(--color-border);height:400px;margin-bottom:10px;max-width:95%;overflow-y:auto;width:100%}.chat-message,.chat-window{border-radius:var(--radius-md);padding:10px}.chat-message{font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:5px 0}.user-message{align-self:flex-end;background-color:var(--color-primary-light)}.bot-message,.user-message{color:var(--color-text-primary)}.bot-message{align-self:flex-start;background-color:var(--color-bg-secondary)}.input-container{display:flex;max-width:95%;width:100%}.input-container input{border:2px solid var(--color-border);border-radius:var(--radius-md) 0 0 var(--radius-md);flex-grow:1;font-size:var(--font-size-base);padding:10px;transition:border-color var(--transition-normal)}.input-container input:focus{border-color:var(--color-primary);outline:none}.input-container button{background-color:var(--color-primary);border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-bg-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:10px 20px;transition:background-color var(--transition-normal)}.input-container button:hover{background-color:var(--color-primary-dark)}.profile-page{align-items:center;background:var(--color-bg-gradient);display:flex;flex-direction:column;gap:30px;margin-top:85px;min-height:calc(100vh - 85px);padding:30px 50px}.profile-container{animation:slideUp .4s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:35px;width:100%}.profile-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;gap:15px;margin-bottom:2rem;padding-bottom:15px}.profile-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.profile-back-btn{align-items:center;background:#0000;border:1.5px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;justify-content:center;padding:10px 16px;transition:all var(--transition-normal)}.profile-back-btn:hover{background:var(--color-primary);color:var(--color-bg-primary)}.profile-back-btn svg{height:16px;width:16px}.config-sections{display:flex;flex-direction:column;gap:30px}.config-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:25px;transition:all var(--transition-slow)}.config-card:hover{box-shadow:var(--shadow-md)}.config-card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;margin-bottom:20px;padding-bottom:15px}.config-card-header svg{color:var(--color-primary);height:24px;width:24px}.config-card-header h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.config-form{gap:20px}.config-form,.config-form-group{display:flex;flex-direction:column}.config-form-group{gap:8px}.config-form-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.config-form-group input,.config-form-group select{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--font-size-base);padding:12px 15px;transition:all var(--transition-slow);width:100%}.config-form-group input:focus,.config-form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #1cbbb41a;outline:none}.config-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.save-btn{align-items:center;align-self:flex-start;background:var(--color-primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:var(--color-bg-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:8px;justify-content:center;margin-top:10px;padding:12px 24px;transition:all var(--transition-slow)}.save-btn:hover:not(:disabled){box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.save-btn:disabled{background:linear-gradient(135deg,var(--color-text-light) 0,#8a9aab 100%);box-shadow:none;cursor:not-allowed}.password-section{background:#fff5f5;border:1px solid var(--color-error-light)}.password-section .config-card-header svg{color:var(--color-error-dark)}.profile-message{border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:15px;padding:12px 16px}.profile-message.success{background:var(--color-success-light);border:1px solid #68d391;color:var(--color-success-text)}.profile-message.error{background:var(--color-error-light);border:1px solid #fc8181;color:var(--color-error-text)}@media (max-width:768px){.profile-page{padding:20px}.profile-container{padding:25px 20px}.profile-header h1{font-size:1.4rem}.config-form-row{grid-template-columns:1fr}}.create-jd-page{align-items:center;background:var(--color-bg-gradient);display:flex;flex-direction:column;gap:30px;margin-top:85px;min-height:calc(100vh - 85px);padding:30px 50px}.create-jd-form-container{animation:slideUp .4s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:100%;padding:35px;width:100%}.create-jd-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;gap:15px;margin-bottom:1.5rem;padding-bottom:15px}.create-jd-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modern-button--outline{align-items:center;background:#0000;border:1.5px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;justify-content:center;padding:10px 16px;transition:all var(--transition-normal)}.modern-button--outline:hover{background:var(--color-primary);color:var(--color-bg-primary)}.modern-button--outline svg{height:16px;width:16px}.create-jd-form .form-group{margin-bottom:1.25rem}.create-jd-form .form-group label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:.5rem}.create-jd-form .form-group input,.create-jd-form .form-group textarea{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;font-size:var(--font-size-base);padding:12px 15px;transition:all var(--transition-slow);width:100%}.create-jd-form .form-group input:focus,.create-jd-form .form-group textarea:focus{background:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px #1cbbb41a;outline:none}.create-jd-form .form-group textarea{min-height:100px;resize:vertical}.create-jd-form .submit-btn{background:var(--color-primary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);color:var(--color-bg-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:10px;padding:14px;transition:all var(--transition-slow);width:100%}.create-jd-form .submit-btn:hover:not(:disabled){box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.create-jd-form .submit-btn:disabled{background:linear-gradient(135deg,var(--color-text-light) 0,#8a9aab 100%);box-shadow:none;cursor:not-allowed}.jd-result-container{animation:fadeIn .5s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:900px;padding:35px;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.jd-result-container h2{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:20px;padding-bottom:15px}.jd-content{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:20px;padding:30px 40px}.jd-content h1{border-bottom:3px solid var(--color-primary);color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 1.5rem;padding-bottom:12px}.jd-content h2{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-xl);margin:1.5rem 0 .75rem;padding-bottom:8px}.jd-content h2,.jd-content h3{font-weight:var(--font-weight-semibold)}.jd-content h3{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:1.25rem 0 .5rem}.jd-content p{margin:.75rem 0;text-align:justify}.jd-content ol,.jd-content ul{margin:.75rem 0;padding-left:28px}.jd-content li{margin-bottom:10px;position:relative}.jd-content ul li::marker{color:var(--color-primary)}.jd-content b,.jd-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.jd-content table{border-collapse:collapse;margin:1rem 0;width:100%}.jd-content td,.jd-content th{border:1px solid var(--color-border);padding:12px 15px;text-align:left}.jd-content th{background:var(--color-bg-secondary);color:var(--color-text-primary)}.jd-content th,.print-btn{font-weight:var(--font-weight-semibold)}.print-btn{align-items:center;background:var(--color-secondary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 15px #4299e14d;color:var(--color-bg-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);gap:8px;padding:12px 24px;transition:all var(--transition-slow)}.print-btn:hover{box-shadow:0 6px 20px #4299e166;transform:translateY(-2px)}.print-btn svg{height:18px;width:18px}.jd-result-container{max-width:100%}@media (max-width:600px){.create-jd-page{padding:20px}.create-jd-form-container,.jd-result-container{padding:25px 20px}.create-jd-header h1{font-size:var(--font-size-2xl)}.modern-button--outline{padding:8px 12px}}
/*# sourceMappingURL=main.e94ae88d.css.map*/