*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}.main-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background-color:var(--white);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:100}.nav-brand{display:flex;align-items:center;gap:.5rem}.brand-name{font-weight:600;font-size:1.125rem;color:var(--primary)}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none}.nav-links a{padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--gray-600);text-decoration:none;transition:all .15s ease}.nav-links a:hover{background-color:var(--gray-100);color:var(--gray-900);text-decoration:none}.nav-links a.active{background-color:var(--primary);color:var(--white)}.nav-user{display:flex;align-items:center;gap:1rem}.user-name{font-weight:500;color:var(--gray-900)}.user-level{font-size:.75rem;background-color:var(--gray-100);padding:.25rem .5rem;border-radius:var(--radius-sm);color:var(--gray-600)}.logout-button{background:none;border:none;color:var(--gray-500);font-size:.875rem;padding:.5rem;cursor:pointer}.logout-button:hover{color:var(--danger)}@media(max-width:768px){.main-nav{padding:0 1rem}.brand-name{font-size:.875rem}.nav-links a{padding:.375rem .625rem;font-size:.75rem}.user-name{display:none}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.login-card{background-color:var(--white);border-radius:var(--radius-xl);padding:2.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;color:var(--gray-900);margin-bottom:.5rem}.login-header p{color:var(--gray-500);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .form-group{margin-bottom:0}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem}.login-button{width:100%;padding:.875rem;font-size:1rem;background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:background-color .15s ease}.login-button:hover:not(:disabled){background-color:var(--primary-dark)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:1.5rem;text-align:center}.login-footer p{font-size:.75rem;color:var(--gray-400)}@media(max-width:480px){.login-card{padding:1.5rem}}.dashboard{padding:1.5rem;max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:1.5rem}.welcome-section h1{margin-bottom:.25rem}.subtitle{color:var(--gray-500);font-size:.875rem}.dashboard-content{display:grid;gap:1.5rem}.level-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem}.level-display{display:flex;align-items:baseline;gap:.25rem;margin-bottom:1.5rem}.level-label{font-size:.875rem;color:var(--gray-500);margin-right:.5rem}.level-number{font-size:4rem;font-weight:700;color:var(--primary);line-height:1}.level-max{font-size:1rem;color:var(--gray-400)}.progress-section{width:100%;max-width:300px}.progress-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--gray-700)}.progress-bar{height:8px;background-color:var(--gray-200);border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background-color:var(--secondary);border-radius:9999px;transition:width .3s ease}.progress-text{font-size:.75rem;color:var(--gray-500)}.max-level-badge{background-color:#fef3c7;color:#92400e;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500}.cta-card{text-align:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white)}.cta-card h2{color:var(--white);margin-bottom:.5rem}.cta-card p{color:#fffc;margin-bottom:1.5rem}.cta-button{background-color:var(--white);color:var(--primary);padding:.875rem 2rem;font-size:1rem;font-weight:600}.cta-button:hover{background-color:var(--gray-100)}.stats-card h3{margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat{text-align:center;padding:1rem;background-color:var(--gray-50);border-radius:var(--radius)}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.stat-label{display:block;font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.sessions-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sessions-card h3{margin-bottom:0}.view-all-link{font-size:.875rem}.no-sessions{text-align:center;padding:2rem;color:var(--gray-500)}.sessions-list{display:flex;flex-direction:column;gap:.5rem}.session-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--gray-50);border-radius:var(--radius);text-decoration:none;color:inherit;transition:background-color .15s ease}.session-item:hover{background-color:var(--gray-100);text-decoration:none}.session-info{display:flex;flex-direction:column;gap:.125rem}.session-date{font-size:.875rem;font-weight:500;color:var(--gray-900)}.session-level{font-size:.75rem;color:var(--gray-500)}.session-score{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.session-score .score{font-size:1rem;font-weight:600}.session-score .score.passed{color:var(--success)}.session-score .score.failed{color:var(--danger)}.session-score .status{font-size:.75rem}.session-score .status.passed{color:var(--success)}.session-score .status.failed{color:var(--danger)}@media(min-width:768px){.dashboard-content{grid-template-columns:repeat(2,1fr)}.level-card,.cta-card{grid-column:span 2}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.training-session-page{min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;justify-content:center;padding:1.5rem}.session-initial{width:100%;max-width:600px}.session-info-card{background-color:var(--white);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.session-info-card h2{margin-bottom:.5rem}.level-info{color:var(--gray-500);margin-bottom:1.5rem}.instructions{background-color:var(--gray-50);padding:1.25rem;border-radius:var(--radius);margin-bottom:1.5rem}.instructions h3{font-size:.875rem;margin-bottom:.75rem}.instructions ul{margin:0;padding-left:1.25rem}.instructions li{font-size:.875rem;color:var(--gray-600);margin-bottom:.5rem}.browser-check{margin-bottom:1.5rem;text-align:center}.browser-check .ready{color:var(--success);font-size:.875rem}.browser-check .error{color:var(--danger);font-size:.875rem}.session-actions{display:flex;gap:.75rem;justify-content:center}.start-button{padding:.875rem 2rem;background-color:var(--success);color:var(--white);font-size:1rem;font-weight:600}.start-button:hover:not(:disabled){background-color:var(--secondary-dark)}.cancel-button{background-color:var(--gray-100);color:var(--gray-600)}.session-connecting{text-align:center}.connecting-animation{position:relative;width:120px;height:120px;margin:0 auto 1.5rem}.pulse-ring{position:absolute;width:100%;height:100%;border:3px solid var(--primary);border-radius:50%;animation:pulse-ring 1.5s ease-out infinite}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}@keyframes pulse-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.session-active{width:100%;max-width:500px;text-align:center}.call-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.call-timer{display:flex;flex-direction:column;align-items:flex-start}.timer-value{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gray-900)}.timer-label{font-size:.75rem;color:var(--gray-500)}.call-status .status-badge{padding:.5rem 1rem;font-size:.875rem}.status-badge.speaking{background-color:#dbeafe;color:#1e40af}.status-badge.listening{background-color:#d1fae5;color:#065f46}.status-badge.idle{background-color:var(--gray-100);color:var(--gray-600)}.call-visual{margin-bottom:2rem}.voice-indicator{display:flex;align-items:center;justify-content:center;gap:6px;height:80px;margin-bottom:1rem}.voice-indicator .wave{width:8px;height:20px;background-color:var(--gray-300);border-radius:4px;transition:height .1s ease}.voice-indicator.listening .wave{background-color:var(--success);animation:wave-pulse .5s ease-in-out infinite}.voice-indicator.speaking .wave{background-color:var(--primary);animation:wave-pulse .3s ease-in-out infinite}.voice-indicator .wave:nth-child(1){animation-delay:0s}.voice-indicator .wave:nth-child(2){animation-delay:.1s}.voice-indicator .wave:nth-child(3){animation-delay:.2s}.voice-indicator .wave:nth-child(4){animation-delay:.3s}.voice-indicator .wave:nth-child(5){animation-delay:.4s}@keyframes wave-pulse{0%,to{height:20px}50%{height:60px}}.call-hint{font-size:.875rem;color:var(--gray-500)}.transcript-toggle{background:none;border:none;color:var(--primary);font-size:.875rem;cursor:pointer;margin-bottom:1rem}.live-transcript{background-color:var(--gray-50);border-radius:var(--radius);padding:1rem;max-height:200px;overflow-y:auto;text-align:left;margin-bottom:1.5rem}.transcript-entry{margin-bottom:.75rem;font-size:.875rem}.transcript-entry .role{font-weight:600;margin-right:.5rem}.transcript-entry.user .role{color:var(--success)}.transcript-entry.assistant .role{color:var(--primary)}.end-call-button{padding:1rem 3rem;background-color:var(--danger);color:var(--white);font-size:1rem;font-weight:600;border-radius:9999px}.end-call-button:hover{background-color:#dc2626}.session-ending,.session-ended{text-align:center}.session-ending h2,.session-ended h2{margin:1rem 0 .5rem}.success-icon{width:80px;height:80px;background-color:var(--success);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto}.scorecard-page{min-height:calc(100vh - var(--nav-height));padding:1.5rem;display:flex;justify-content:center}.scorecard-container{width:100%;max-width:700px}.scorecard-header{margin-bottom:1.5rem}.scorecard-header h1{margin-bottom:.5rem}.warning-banner{background-color:#fef3c7;color:#92400e;padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;margin-top:.5rem}.overall-score-section{background-color:var(--white);border-radius:var(--radius-xl);padding:2.5rem;text-align:center;margin-bottom:1.5rem;box-shadow:var(--shadow)}.score-circle{width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1rem;border:8px solid}.score-circle.passed{border-color:var(--success);background-color:#ecfdf5}.score-circle.failed{border-color:var(--danger);background-color:#fef2f2}.score-circle .score-value{font-size:4rem;font-weight:700;line-height:1}.score-circle.passed .score-value{color:var(--success)}.score-circle.failed .score-value{color:var(--danger)}.score-circle .score-percent{font-size:1.5rem;color:var(--gray-400)}.score-pending{display:flex;flex-direction:column;align-items:center;gap:.5rem}.score-pending span{font-size:.875rem;color:var(--gray-500)}.score-status{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.score-status .passed{color:var(--success)}.score-status .failed{color:var(--danger)}.score-status .pending{color:var(--gray-500)}.passing-note{font-size:.75rem;color:var(--gray-400)}.category-scores{background-color:var(--white);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.category-scores h2{margin-bottom:1.25rem}.score-category{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--gray-100)}.score-category:last-child{border-bottom:none;padding-bottom:0}.category-header{display:flex;justify-content:space-between;align-items:center;grid-column:1 / -1}.category-name{font-weight:500;color:var(--gray-900)}.category-weight{font-size:.75rem;color:var(--gray-400)}.score-bar{height:8px;background-color:var(--gray-200);border-radius:9999px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--primary-light) 0%,var(--primary) 100%);border-radius:9999px;transition:width .5s ease}.category-score{font-weight:600;font-size:1rem;color:var(--gray-900);min-width:50px;text-align:right}.improvement-section{background-color:var(--white);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.improvement-section h2{margin-bottom:1rem}.improvement-area{margin-bottom:1.25rem}.improvement-area:last-child{margin-bottom:0}.improvement-area h3{font-size:.875rem;color:var(--primary);margin-bottom:.5rem}.improvement-area ul{margin:0;padding-left:1.25rem}.improvement-area li{font-size:.875rem;color:var(--gray-600);margin-bottom:.25rem}.transcript-section{margin-bottom:1.5rem}.transcript-toggle-button{width:100%;padding:.875rem;background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.transcript-content{background-color:var(--white);border:1px solid var(--gray-200);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:1rem;max-height:300px;overflow-y:auto}.transcript-content pre{font-family:inherit;font-size:.875rem;white-space:pre-wrap;word-wrap:break-word;margin:0;color:var(--gray-600)}.no-transcript{text-align:center;color:var(--gray-400);font-style:italic}.session-details{background-color:var(--white);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.session-details h3{margin-bottom:1rem}.session-details dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem}.session-details dt{font-size:.875rem;color:var(--gray-500)}.session-details dd{font-size:.875rem;font-weight:500;color:var(--gray-900);margin:0}.scorecard-actions{display:flex;gap:.75rem}.action-button{flex:1;padding:.875rem;text-align:center;text-decoration:none;border-radius:var(--radius);font-weight:500}@media(max-width:480px){.scorecard-actions{flex-direction:column}.score-circle{width:140px;height:140px}.score-circle .score-value{font-size:3rem}}.session-history-page{min-height:calc(100vh - var(--nav-height));padding:1.5rem}.history-header{max-width:1200px;margin:0 auto 1.5rem}.header-content{display:flex;justify-content:space-between;align-items:center}.back-link{font-size:.875rem}.history-content{max-width:1200px;margin:0 auto}.export-button:hover{background-color:var(--gray-200)}.summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background-color:var(--white);border-radius:var(--radius-lg);padding:1.25rem;text-align:center;box-shadow:var(--shadow)}.stat-card .stat-value{display:block;font-size:2rem;font-weight:700;color:var(--gray-900)}.stat-card .stat-label{display:block;font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.sessions-table-section{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.sessions-table{min-width:100%}.sessions-table .score.passed{color:var(--success);font-weight:600}.sessions-table .score.failed{color:var(--danger);font-weight:600}.view-details-button{padding:.375rem .75rem;font-size:.75rem;background-color:var(--gray-100);color:var(--gray-600)}.no-sessions{padding:3rem;text-align:center;color:var(--gray-500)}.modal-score-section{text-align:center;margin-bottom:1.5rem}.modal-score{font-size:3rem;font-weight:700;margin-bottom:.25rem}.modal-score.passed{color:var(--success)}.modal-score.failed{color:var(--danger)}.status-text{font-weight:600}.status-text.passed{color:var(--success)}.status-text.failed{color:var(--danger)}.modal-details dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin-bottom:1.5rem}.modal-details dt{font-size:.875rem;color:var(--gray-500)}.modal-details dd{font-size:.875rem;font-weight:500;color:var(--gray-900);margin:0}.modal-details h3{margin:1.5rem 0 .75rem}.modal-scores{background-color:var(--gray-50);padding:1rem;border-radius:var(--radius)}.score-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;border-bottom:1px solid var(--gray-200)}.score-row:last-child{border-bottom:none}.modal-transcript{background-color:var(--gray-50);padding:1rem;border-radius:var(--radius);max-height:200px;overflow-y:auto}.modal-transcript pre{font-family:inherit;font-size:.875rem;white-space:pre-wrap;word-wrap:break-word;margin:0}.modal-details audio{width:100%;margin-top:.5rem}@media(max-width:768px){.summary-stats{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column;align-items:stretch}.filters-section select{width:100%}.export-button{margin-left:0}.sessions-table-section{overflow-x:auto}}@media(max-width:480px){.summary-stats{grid-template-columns:1fr}}.manager-dashboard{min-height:calc(100vh - var(--nav-height));padding:1.5rem}.manager-header{max-width:1400px;margin:0 auto 1.5rem}.manager-header .subtitle{margin-top:.25rem}.manager-content{max-width:1400px;margin:0 auto}.metrics-section{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.metric-card{background-color:var(--white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.metric-card .metric-value{display:block;font-size:2.5rem;font-weight:700;color:var(--gray-900)}.metric-card .metric-label{display:block;font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.metric-card .metric-detail{display:block;font-size:.75rem;color:var(--gray-400);margin-top:.5rem}.metric-card.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.metric-card.primary .metric-value,.metric-card.primary .metric-label{color:var(--white)}.metric-card.primary .metric-detail{color:#ffffffb3}.filters-section{background-color:var(--white);border-radius:var(--radius-lg);padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.search-input{min-width:250px}.filters-section select{width:auto;min-width:150px}.export-button{margin-left:auto;background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.trainees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.no-results{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--gray-500)}.trainee-card{background-color:var(--white);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.trainee-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.trainee-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.trainee-header h3{font-size:1rem;margin:0}.trainee-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.trainee-stats .stat{text-align:left}.trainee-stats .label{display:block;font-size:.75rem;color:var(--gray-500)}.trainee-stats .value{display:block;font-size:1rem;font-weight:600;color:var(--gray-900)}.trend{font-size:.75rem;margin-left:.25rem}.trend.up{color:var(--success)}.trend.down{color:var(--danger)}.trainee-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--gray-100)}.last-session{font-size:.75rem;color:var(--gray-500)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background-color:var(--success)}.status-dot.on\ leave{background-color:var(--warning)}.status-dot.terminated{background-color:var(--gray-400)}.trainee-email{color:var(--gray-500);margin-bottom:1.5rem}.trainee-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-group{text-align:center}.stat-group h4{font-size:.75rem;color:var(--gray-500);font-weight:400;margin-bottom:.5rem}.stat-group p{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.level-adjust{display:flex;align-items:center;justify-content:center;gap:.75rem}.level-adjust button{width:28px;height:28px;padding:0;font-size:1rem;background-color:var(--gray-100);color:var(--gray-600)}.level-adjust button:hover:not(:disabled){background-color:var(--gray-200)}.level-display{font-size:1.5rem;font-weight:700;color:var(--primary);min-width:30px;text-align:center}.session-table{width:100%;margin-bottom:1.5rem}.adjust-button{padding:.25rem .5rem;font-size:.75rem;background-color:var(--gray-100);color:var(--gray-600)}@media(max-width:1024px){.metrics-section,.trainee-detail-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.metrics-section{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.search-input,.filters-section select{width:100%}.export-button{margin-left:0}}.admin-panel{min-height:calc(100vh - var(--nav-height));padding:1.5rem}.admin-header{max-width:1400px;margin:0 auto 1.5rem}.admin-tabs{display:flex;gap:.5rem;margin-top:1rem}.admin-tabs button{padding:.625rem 1.25rem;background-color:var(--gray-100);color:var(--gray-600);border:none;border-radius:var(--radius) var(--radius) 0 0}.admin-tabs button:hover{background-color:var(--gray-200)}.admin-tabs button.active{background-color:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.admin-content{max-width:1400px;margin:0 auto;background-color:var(--white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.add-button{background-color:var(--primary);color:var(--white)}.add-button:hover{background-color:var(--primary-dark)}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.script-card{border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.25rem}.script-card.inactive{opacity:.6;background-color:var(--gray-50)}.script-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.script-header h3{font-size:1rem;margin:0}.script-details{margin-bottom:1rem}.script-details p{font-size:.875rem;margin-bottom:.25rem}.script-details strong{color:var(--gray-700)}.script-actions{display:flex;gap:.5rem}.script-actions button{flex:1;padding:.5rem;font-size:.75rem}.no-data{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--gray-500)}.users-table{width:100%}.role-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);text-transform:capitalize}.role-badge.trainee{background-color:#dbeafe;color:#1e40af}.role-badge.manager{background-color:#d1fae5;color:#065f46}.role-badge.admin{background-color:#fef3c7;color:#92400e}.users-table td button{margin-right:.5rem;padding:.375rem .625rem;font-size:.75rem}.users-table td button:last-child{margin-right:0}.settings-group{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--gray-200)}.settings-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-group h3,.setting-item{margin-bottom:1rem}.setting-item label{display:block;margin-bottom:.25rem}.setting-item input{max-width:200px}.setting-item .hint{display:block;font-size:.75rem;color:var(--gray-400);margin-top:.25rem}.weights-display{background-color:var(--gray-50);padding:1rem;border-radius:var(--radius);margin-bottom:.5rem}.weight-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--gray-200)}.weight-item:last-child{border-bottom:none}.api-stats{background-color:var(--gray-50);padding:1rem;border-radius:var(--radius)}.api-stats .hint{font-size:.75rem;color:var(--gray-400);margin-top:.5rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.375rem;font-weight:400;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto}@media(max-width:768px){.admin-tabs{flex-wrap:wrap}.admin-tabs button{flex:1;min-width:100px}.scripts-grid{grid-template-columns:1fr}.users-section{overflow-x:auto}}:root{--primary: #1a56db;--primary-dark: #1e40af;--primary-light: #3b82f6;--secondary: #059669;--secondary-dark: #047857;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--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;--white: #ffffff;--black: #000000;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--gray-50);color:var(--gray-900);line-height:1.5;min-height:100vh}#root{min-height:100vh;max-width:none;margin:0;padding:0;text-align:left}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}main.with-nav{padding-top:var(--nav-height)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--gray-900)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:var(--gray-600)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark);text-decoration:underline}button{font-family:inherit;font-size:.875rem;font-weight:500;padding:.625rem 1rem;border-radius:var(--radius);border:none;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.cta-button,.action-button.primary,.modal-button.primary{background-color:var(--primary);color:var(--white)}button.primary:hover:not(:disabled),.cta-button:hover:not(:disabled){background-color:var(--primary-dark)}button.secondary,.action-button.secondary,.modal-button.secondary{background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}button.secondary:hover:not(:disabled){background-color:var(--gray-200)}button.danger{background-color:var(--danger);color:var(--white)}button.danger:hover:not(:disabled){background-color:#dc2626}input,select,textarea{font-family:inherit;font-size:.875rem;padding:.625rem .875rem;border:1px solid var(--gray-300);border-radius:var(--radius);background-color:var(--white);color:var(--gray-900);width:100%;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1a}input::placeholder,textarea::placeholder{color:var(--gray-400)}label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.375rem}.card{background-color:var(--white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;gap:1rem}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner,.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-badge{display:inline-block;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px;text-transform:capitalize}.status-badge.passed,.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.failed{background-color:#fee2e2;color:#991b1b}.status-badge.pending{background-color:#fef3c7;color:#92400e}.level-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);background-color:var(--gray-100);color:var(--gray-700)}.level-badge.level-1{background-color:#dbeafe;color:#1e40af}.level-badge.level-2{background-color:#d1fae5;color:#065f46}.level-badge.level-3{background-color:#fef3c7;color:#92400e}.level-badge.level-4{background-color:#fed7aa;color:#c2410c}.level-badge.level-5{background-color:#fecaca;color:#991b1b}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal-content{background-color:var(--white);border-radius:var(--radius-lg);padding:1.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-content.large{max-width:800px}.modal-content.small{max-width:400px}.modal-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;padding:0;background:none;border:none;font-size:1.5rem;color:var(--gray-400);cursor:pointer}.modal-close:hover{color:var(--gray-600)}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end}.modal-button{padding:.5rem 1rem}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);background-color:var(--gray-50)}tbody tr:hover{background-color:var(--gray-50)}@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}.form-row{grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}table{font-size:.875rem}th,td{padding:.5rem}}