*,*: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:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border-bottom:var(--border-width) solid var(--glass-border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:100;font-family:var(--font-sans)}.nav-brand{display:flex;align-items:center;gap:.75rem}.nav-logo{height:36px;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}.brand-name{font-weight:600;font-size:1.125rem;color:var(--primary);font-family:var(--font-sans)}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none}.nav-links a{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--gray-600);text-decoration:none;transition:all var(--transition-fast);position:relative;font-family:var(--font-sans);border-bottom:2px solid transparent}.nav-links a:hover{color:var(--primary);background:var(--accent-muted);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nav-links a.active{color:var(--primary);background:#afc6e9;border-bottom:2px solid var(--primary)}.nav-user{display:flex;align-items:center;gap:1rem}.user-name{font-weight:500;color:var(--gray-600);font-family:var(--font-sans);font-size:.875rem}.user-level{font-size:.75rem;background:var(--primary-muted);border:var(--border-width) solid rgba(43,95,138,.2);padding:.25rem .75rem;border-radius:var(--radius-full);color:var(--primary);font-weight:600;font-family:var(--font-sans);transition:all var(--transition-fast)}.logout-button{background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);color:var(--gray-600);font-size:.875rem;padding:.5rem .75rem;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);font-weight:500;font-family:var(--font-sans)}.logout-button:hover{color:var(--primary);border-color:var(--glass-border-hover);background:var(--glass-bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.logout-button:active{transform:translateY(0);box-shadow:none}@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,#c8d8f0,#d4cfe8 30%,#b8d4f4,#d0e0f8 80%,#e8ecf8);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(126,179,224,.5) 0%,rgba(184,216,248,.2) 40%,transparent 70%);pointer-events:none;z-index:1}.login-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:2.5rem;width:100%;max-width:400px;position:relative;z-index:10;box-shadow:0 8px 32px #00000014,0 0 0 1px #2b5f8a14;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.login-card:hover{box-shadow:0 12px 40px #0000001a,0 0 0 1px #2b5f8a1a}.login-card:before,.login-card:after{display:none}.login-header{text-align:center;margin-bottom:2rem}.login-header:before{display:none}.login-header h1{font-family:Inter,sans-serif;font-size:1.75rem;color:var(--gray-900, #0f172a);margin-bottom:.5rem;font-weight:700}.login-header p{font-family:Inter,sans-serif;color:var(--gray-500, #64748b);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .form-group{margin-bottom:0}.login-form .form-group label{display:block;font-family:Inter,sans-serif;font-size:.8125rem;color:var(--primary, #2B5F8A);margin-bottom:.5rem;font-weight:500}.login-form .form-group input{width:100%;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9375rem;color:var(--gray-900, #0f172a);background:#ffffffe6;border:1px solid rgba(43,95,138,.12);border-radius:10px;outline:none;box-shadow:0 1px 4px #0000000d;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.login-form .form-group input::placeholder{color:var(--gray-500, #64748b);font-family:Inter,sans-serif}.login-form .form-group input:focus{border-color:var(--primary, #2B5F8A);box-shadow:0 1px 3px #0000000a,0 0 0 3px #2b5f8a26}.login-form .form-group input:disabled{opacity:.4;cursor:not-allowed}.error-message{background:#dc262614;border:1px solid rgba(220,38,38,.2);color:#b91c1c;padding:.75rem 1rem;border-radius:10px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.login-button{width:100%;padding:.875rem;font-family:Inter,sans-serif;font-size:.9375rem;background:linear-gradient(135deg,#2b5f8a,#7eb3e0);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 20px #2b5f8a4d;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.login-button:before{display:none}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #2b5f8a59}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2b5f8a33}.login-button:focus-visible{outline:none;box-shadow:0 4px 20px #2b5f8a4d,0 0 0 3px #afc6e966}.login-button:disabled{opacity:.4;cursor:not-allowed}.login-footer{margin-top:1.5rem;text-align:center}.login-footer p{font-family:Inter,sans-serif;font-size:.75rem;color:var(--gray-500, #64748b)}@media(max-width:480px){.login-card{padding:1.5rem;border-radius:16px}.login-header h1{font-size:1.5rem}}.dashboard{padding:1.5rem;max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:1.5rem}.welcome-section h1{margin-bottom:.25rem;color:var(--gray-900);font-weight:700}.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;background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:all var(--transition-normal)}.level-card:before,.level-card:after{display:none}.level-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.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;letter-spacing:-.03em}.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-500)}.progress-bar{height:8px;background:#2b5f8a14;border:none;border-radius:var(--radius-full);overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);transition:width .5s var(--ease-glass)}.progress-text{font-size:.75rem;color:var(--gray-500)}.max-level-badge{background:var(--success-muted);color:var(--success);padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;border:var(--border-width) solid rgba(22,163,74,.2)}.xp-level-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));color:var(--gray-900);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;text-align:center}.xp-level-card:before,.xp-level-card:after{display:none}.xp-title-display{display:flex;flex-direction:column;align-items:center;gap:.375rem;margin-bottom:1.25rem}.xp-title-text{font-size:2rem;font-weight:700;color:var(--primary);line-height:1}.xp-level-badge{font-size:.8rem;color:var(--gray-500);font-weight:500}.xp-progress-section{width:100%;max-width:300px;margin-bottom:1.25rem}.xp-progress-bar-dash{height:8px;background:#2b5f8a14;border:none;border-radius:var(--radius-full);overflow:hidden;margin-bottom:.375rem}.xp-progress-fill-dash{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);transition:width .5s var(--ease-glass)}.xp-progress-text{font-size:.75rem;color:var(--gray-500);text-align:center}.xp-level-card .max-level-badge{background:var(--success-muted);color:var(--success);margin-bottom:1.25rem;border:var(--border-width) solid rgba(22,163,74,.2);border-radius:var(--radius-full)}.difficulty-progress{width:100%;max-width:300px;padding-top:1rem;border-top:var(--border-width) solid var(--glass-border)}.difficulty-label{font-size:.8rem;font-weight:500;color:var(--gray-500);margin-bottom:.375rem;text-align:center}.difficulty-progress .progress-bar{background:#2b5f8a14;border:none;border-radius:var(--radius-full)}.difficulty-progress .progress-fill{background:linear-gradient(90deg,#15803d,var(--success));border-radius:var(--radius-full)}.difficulty-progress .progress-text{color:var(--gray-500)}.badges-card h3{margin-bottom:1rem;color:var(--gray-900)}.badge-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.625rem}.badge-tile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem .5rem;border-radius:var(--radius);border:var(--border-width) solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--blur-clear));-webkit-backdrop-filter:blur(var(--blur-clear));transition:all var(--transition-normal)}.badge-tile:before{display:none}.badge-tile.earned{background:var(--success-muted);border-color:#16a34a40}.badge-tile.earned:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#16a34a59}.badge-tile.locked{background:var(--gray-50);border-color:var(--glass-border);opacity:.45}.badge-tile-icon{font-size:1.5rem;margin-bottom:.25rem}.badge-tile-name{font-size:.7rem;font-weight:500;color:var(--gray-700);line-height:1.2}.badge-tile.locked .badge-tile-name{color:var(--gray-400)}.badge-tile-date{font-size:.625rem;color:var(--gray-500);margin-top:.125rem}.cta-card{text-align:center;background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));color:var(--gray-900);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem;transition:all var(--transition-normal)}.cta-card:before,.cta-card:after{display:none}.cta-card h2{color:var(--gray-900);margin-bottom:.5rem}.cta-card p{color:var(--gray-600);margin-bottom:1.5rem}.cta-button{background:var(--glass-gradient);color:#fff;padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-lift)}.cta-button:before{display:none}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2b5f8a40,0 0 24px -8px #2b5f8a33}.cta-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.stats-card h3{margin-bottom:1rem;color:var(--gray-900)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat{text-align:center;padding:1rem;background:#ffffffb8;border-radius:var(--radius);border:var(--border-width) solid var(--glass-border);transition:all var(--transition-normal)}.stat:before{display:none}.stat:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary)}.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;color:var(--gray-900)}.view-all-link{font-size:.875rem;color:var(--primary);text-decoration:none;transition:all var(--transition-normal)}.view-all-link:hover{color:var(--gray-900)}.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:#ffffffb8;border-radius:var(--radius);text-decoration:none;color:inherit;border:var(--border-width) solid var(--glass-border);transition:all var(--transition-normal)}.session-item:before{display:none}.session-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px);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)}.call-stats-card h3{margin-bottom:1rem;color:var(--gray-900)}.call-stats-card .stats-grid{grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem}.recent-leads-card h3,.leads-card h3{margin-bottom:1rem;color:var(--gray-900)}.leads-card .stats-grid{grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.leads-list-heading{font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.leads-list{display:flex;flex-direction:column;gap:.5rem}.lead-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;background:#ffffffb8;border-radius:var(--radius);border:var(--border-width) solid var(--glass-border);transition:all var(--transition-normal)}.lead-item:before{display:none}.lead-item:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.lead-info{display:flex;flex-direction:column;gap:.125rem}.lead-name{font-size:.875rem;font-weight:500;color:var(--gray-900)}.lead-date{font-size:.75rem;color:var(--gray-500)}.lead-details{display:flex;align-items:center;gap:.75rem}.lead-type{font-size:.75rem;color:var(--gray-500)}.lead-amount{font-size:.875rem;font-weight:600;color:var(--success)}.lead-status{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:var(--radius-full);border:var(--border-width) solid}.lead-status.status-booked{background:var(--success-muted);color:var(--success);border-color:#16a34a33}.lead-status.status-quoted{background:var(--accent-muted);color:var(--primary);border-color:#2b5f8a26}.lead-status.status-follow-up{background:var(--warning-muted);color:var(--warning);border-color:#d9770626}.lead-status.status-lost{background:var(--danger-muted);color:var(--danger);border-color:#dc262626}.lead-status.status-nurture{background:var(--accent-muted);color:var(--primary);border-color:#2b5f8a26}.lead-status.status-disputed{background:var(--danger-muted);color:var(--danger);border-color:#dc262626}.lead-status.status-unbookable{background:var(--gray-50);color:var(--gray-500);border-color:var(--glass-border)}.lead-item-clickable{cursor:pointer;transition:all var(--transition-normal)}.lead-item-clickable:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.monthly-rates{margin-top:1rem;padding-top:1rem;border-top:var(--border-width) solid var(--glass-border)}.monthly-bars{display:flex;justify-content:space-around;align-items:flex-end;gap:.5rem;height:120px;padding-top:.5rem}.monthly-bar-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:60px}.monthly-bar-track{width:100%;height:80px;background:#2b5f8a0f;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-sm);display:flex;align-items:flex-end;overflow:hidden}.monthly-bar-fill{width:100%;background:linear-gradient(180deg,var(--primary-light),var(--primary));border-radius:0 0 var(--radius-sm) var(--radius-sm);transition:height .5s var(--ease-glass);min-height:3px}.monthly-bar-rate{font-size:.7rem;font-weight:600;color:var(--primary);margin-top:.25rem}.monthly-bar-label{font-size:.625rem;color:var(--gray-500)}.call-analysis-section{margin-top:1.5rem;padding-top:1.5rem;border-top:var(--border-width) solid var(--glass-border)}.no-analysis-section{margin-top:1.5rem;padding-top:1.5rem;border-top:var(--border-width) solid var(--glass-border);text-align:center}.no-analysis-text{color:var(--gray-500);font-size:.875rem;margin-bottom:1rem}.grade-now-button{background:var(--glass-gradient);color:#fff;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:var(--radius);border:none;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-lift)}.grade-now-button:before{display:none}.grade-now-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #2b5f8a40,0 0 24px -8px #2b5f8a33}.grade-now-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.grade-now-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.grading-hint{font-size:.75rem;color:var(--gray-500);margin-top:.75rem}.overall-score-section{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:1.5rem}.overall-score-section:before,.overall-score-section:after{display:none}.score-circle{width:80px;height:80px;border-radius:var(--radius-full);background:var(--white);border:3px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--transition-normal)}.score-circle.passed{border-color:#15803d}.score-circle.failed{border-color:#dc2626}.score-circle .score-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.score-circle.passed .score-value{color:#15803d}.score-circle.failed .score-value{color:#dc2626}.category-scores{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1rem}.category-scores:before,.category-scores:after{display:none}.category-scores h3{margin-bottom:1rem;color:var(--gray-900)}.score-card-expandable{background:#ffffffb8;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.75rem;transition:all var(--transition-normal)}.score-card-expandable:before{display:none}.score-card-expandable.has-details{cursor:pointer}.score-card-expandable.has-details:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover);box-shadow:var(--shadow)}.score-card-expanded{border-color:var(--primary)!important;box-shadow:0 0 0 1px #2b5f8a1a,var(--shadow)}.score-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.score-card-title{display:flex;flex-direction:column;gap:.125rem}.score-card-title h4{color:var(--gray-900)}.score-card-right{display:flex;align-items:center;gap:.75rem}.expand-arrow{font-size:.75rem;color:var(--gray-400);transition:transform var(--transition-normal)}.score-card-expandable .score-bar{height:6px;background:#2b5f8a14;border-radius:var(--radius-full);overflow:hidden}.score-card-expandable .score-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);transition:width .5s var(--ease-glass)}.score-card-details{margin-top:1rem;padding-top:1rem;border-top:var(--border-width) solid var(--glass-border)}.sub-categories{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem}.sub-category-row{display:grid;grid-template-columns:1fr auto 120px;align-items:center;gap:.75rem}.sub-category-name{font-size:.8rem;color:var(--gray-700);font-weight:500}.sub-category-points{font-size:.75rem;color:var(--primary);font-weight:600;white-space:nowrap}.sub-category-bar{height:6px;background:#2b5f8a14;border-radius:var(--radius-full);overflow:hidden}.sub-category-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);transition:width .5s var(--ease-glass)}.score-feedback-inline{padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:.5rem;border-left:3px solid}.score-feedback-inline h4{font-size:.8rem;font-weight:600;margin-bottom:.375rem;color:var(--gray-900)}.score-feedback-inline ul{margin:0;padding-left:1.25rem;list-style:disc}.score-feedback-inline li{font-size:.8rem;color:var(--gray-600);line-height:1.5}.score-feedback-inline p{font-size:.8rem;color:var(--gray-600);line-height:1.5;margin:0}.score-feedback-inline.feedback-positive{background:#16a34a0f;border-left-color:var(--success)}.score-feedback-inline.feedback-improve{background:#d977060f;border-left-color:var(--warning)}.score-feedback-inline.feedback-notes{background:#2b5f8a0f;border-left-color:var(--primary-light)}.coaching-feedback-section{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1rem}.coaching-feedback-section:before,.coaching-feedback-section:after{display:none}.coaching-feedback-section h3{color:var(--gray-900);margin-bottom:1rem}.feedback-area{background:#ffffffb8;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.feedback-area h4{color:var(--gray-800);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.feedback-area p,.feedback-area li{color:var(--gray-600);font-size:.8rem;line-height:1.6}.feedback-area ul{margin:0;padding-left:1.25rem}.operator-feedback-section{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1rem}.operator-feedback-section:before,.operator-feedback-section:after{display:none}.operator-feedback-section h3{color:var(--gray-900);margin-bottom:1rem}.transcript-toggle-btn{background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);color:var(--gray-600);padding:.375rem .75rem;font-size:.75rem;border-radius:var(--radius-full);cursor:pointer;margin-top:1rem;transition:all var(--transition-normal);font-weight:500;backdrop-filter:blur(var(--blur-clear));-webkit-backdrop-filter:blur(var(--blur-clear))}.transcript-toggle-btn:hover{background:var(--glass-bg-hover);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow)}@media(min-width:768px){.dashboard-content{grid-template-columns:repeat(2,1fr)}.level-card,.cta-card,.badges-card{grid-column:span 2}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.leads-card .stats-grid,.call-stats-card .stats-grid{grid-template-columns:repeat(2,1fr)}.lead-details{flex-direction:column;align-items:flex-end;gap:.25rem}.sub-category-row{grid-template-columns:1fr auto 80px;gap:.5rem}.sub-category-name{font-size:.75rem}}.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;color:var(--gray-900);font-family:var(--font-sans);font-weight:700;font-size:1.75rem}.warning-banner{background:var(--warning-muted);border:var(--border-width) solid rgba(194,65,12,.2);color:var(--warning);padding:.75rem 1rem;border-radius:var(--radius);font-family:var(--font-sans);font-size:.875rem;margin-top:.5rem}.overall-score-section,.session-rewards,.category-scores,.improvement-section,.coaching-feedback-section,.operator-feedback-section,.session-details{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-xl);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);transition:all var(--transition-normal)}.overall-score-section:hover,.session-rewards:hover,.category-scores:hover,.improvement-section:hover,.coaching-feedback-section:hover,.operator-feedback-section:hover,.session-details:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg)}.overall-score-section{padding:2.5rem;text-align:center}.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:3px solid;background:var(--white);transition:all var(--transition-normal)}.score-circle.passed{border-color:var(--success);box-shadow:0 0 20px #15803d1f,0 4px 16px #0000000f}.score-circle.failed{border-color:var(--danger);box-shadow:0 0 20px #dc26261f,0 4px 16px #0000000f}.score-circle .score-value{font-family:var(--font-sans);font-size:4rem;font-weight:700;line-height:1;letter-spacing:-.03em}.score-circle.passed .score-value{color:var(--success)}.score-circle.failed .score-value{color:var(--danger)}.score-circle .score-percent{font-family:var(--font-sans);font-size:1.5rem;color:var(--gray-400)}.score-pending{display:flex;flex-direction:column;align-items:center;gap:.5rem}.score-pending span{font-family:var(--font-sans);font-size:.875rem;color:var(--gray-500)}.score-status{font-family:var(--font-sans);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-family:var(--font-sans);font-size:.75rem;color:var(--gray-500)}.session-rewards h2{font-family:var(--font-sans);color:var(--gray-900);margin-bottom:1rem;font-weight:600}.xp-processing{display:flex;align-items:center;gap:.75rem;color:var(--gray-500);font-family:var(--font-sans)}.level-up-banner{display:flex;align-items:center;gap:.75rem;background:#2b5f8a0f;border:var(--border-width) solid rgba(43,95,138,.15);border-radius:var(--radius-lg);padding:.875rem 1rem;margin-bottom:1rem}.level-up-icon{font-size:2rem}.level-up-banner strong{font-family:var(--font-sans);color:var(--primary);font-size:1.1rem;display:block;font-weight:600}.level-up-banner p{font-family:var(--font-sans);color:var(--gray-600);font-size:.875rem;margin:.125rem 0 0}.xp-earned{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.xp-total{font-family:var(--font-sans);font-size:1.75rem;font-weight:700;color:var(--success);letter-spacing:-.02em}.xp-cumulative{font-family:var(--font-sans);font-size:.875rem;color:var(--gray-500)}.xp-breakdown{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.xp-reason{background:var(--primary-muted);border:var(--border-width) solid rgba(43,95,138,.15);border-radius:var(--radius-full);padding:.25rem .75rem;font-family:var(--font-sans);font-size:.75rem;color:var(--primary);font-weight:500}.new-badges{margin-top:1rem;padding-top:1rem;border-top:var(--border-width) solid var(--glass-border)}.new-badges h3{font-family:var(--font-sans);color:var(--gray-900);font-size:.875rem;margin-bottom:.625rem;font-weight:600}.badge-list{display:flex;flex-wrap:wrap;gap:.5rem}.badge-pill{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.8rem;font-weight:500}.badge-pill.earned{background:#8b5cf614;border:var(--border-width) solid rgba(139,92,246,.2);color:#7c3aed}.badge-pill.locked{background:var(--gray-50);border:var(--border-width) solid var(--glass-border);color:var(--gray-400)}.badge-icon{font-size:1rem}.badge-name{white-space:nowrap}.xp-progress-section{margin-top:1rem}.xp-progress-label{font-family:var(--font-sans);font-size:.75rem;color:var(--gray-500);margin-bottom:.375rem}.xp-progress-bar{height:8px;background:var(--gray-100);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-full);overflow:hidden}.xp-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);transition:width .8s var(--ease-glass)}.category-scores h2{font-family:var(--font-sans);margin-bottom:1.25rem;color:var(--gray-900);font-weight:600}.score-category{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;padding:1rem 0;border-bottom:var(--border-width) solid var(--glass-border)}.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-family:var(--font-sans);font-weight:500;color:var(--gray-900)}.category-weight{font-family:var(--font-sans);font-size:.75rem;color:var(--gray-500);font-weight:500}.score-bar{height:8px;background:var(--gray-100);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-full);overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);transition:width .5s var(--ease-glass)}.category-score{font-family:var(--font-sans);font-weight:700;font-size:1rem;color:var(--primary);min-width:50px;text-align:right;letter-spacing:-.01em}.improvement-section h2{font-family:var(--font-sans);margin-bottom:1rem;color:var(--gray-900);font-weight:600}.improvement-area{margin-bottom:1.25rem;padding:.875rem 1rem .875rem 1.25rem;border-left:3px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0;background:#2b5f8a0a}.improvement-area:last-child{margin-bottom:0}.improvement-area h3{font-family:var(--font-sans);font-size:.875rem;color:var(--primary);margin-bottom:.5rem;font-weight:600}.improvement-area ul{margin:0;padding-left:1.25rem}.improvement-area li{font-family:var(--font-sans);font-size:.875rem;color:var(--gray-600);margin-bottom:.25rem;line-height:1.5}.coaching-feedback-section h2{font-family:var(--font-sans);margin-bottom:1rem;color:var(--gray-900);font-weight:600}.feedback-area{margin-bottom:1rem;padding:.875rem 1rem .875rem 1.25rem;border-radius:0 var(--radius) var(--radius) 0;border-left:3px solid;background:#2b5f8a0a}.feedback-area:last-child{margin-bottom:0}.feedback-positive{border-left-color:var(--success)}.feedback-improve{border-left-color:var(--warning)}.feedback-notes{border-left-color:var(--primary-light)}.feedback-area h3{font-family:var(--font-sans);font-size:.8rem;font-weight:600;margin-bottom:.375rem;color:var(--gray-900)}.feedback-text{font-family:var(--font-sans);font-size:.875rem;color:var(--gray-600);line-height:1.5;white-space:pre-line}.operator-feedback-section h2{font-family:var(--font-sans);margin-bottom:.5rem;color:var(--gray-900);font-weight:600}.feedback-description{font-family:var(--font-sans);font-size:.8rem;color:var(--gray-500);margin-bottom:.75rem}.feedback-textarea{width:100%;padding:.75rem 1rem;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);font-family:var(--font-sans);font-size:.875rem;resize:vertical;min-height:80px;color:var(--gray-900);background:#ffffffed;box-shadow:var(--shadow-inset);transition:all var(--transition-normal)}.feedback-textarea:hover{border-color:var(--glass-border-hover)}.feedback-textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring-glow);background:#fffffff2}.feedback-actions{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.feedback-save-button{padding:.5rem 1.25rem;background:var(--glass-gradient);color:var(--white);border:none;border-radius:var(--radius);font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-lift);transition:all var(--transition-normal)}.feedback-save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #2b5f8a40,0 0 24px -8px #2b5f8a33}.feedback-save-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.feedback-save-button:disabled{opacity:.5;cursor:not-allowed}.feedback-saved-msg{font-family:var(--font-sans);font-size:.8rem;color:var(--success);font-weight:500}.transcript-section{margin-bottom:1.5rem}.transcript-toggle-button{width:100%;padding:.875rem;background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));color:var(--gray-900);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);font-family:var(--font-sans);font-weight:600;font-size:.875rem;cursor:pointer;box-shadow:var(--shadow);transition:all var(--transition-normal)}.transcript-toggle-button:hover{border-color:var(--glass-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.transcript-content{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);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:var(--font-sans);font-size:.875rem;white-space:pre-wrap;word-wrap:break-word;margin:0;color:var(--gray-600);line-height:1.6}.no-transcript{text-align:center;color:var(--gray-500);font-family:var(--font-sans);font-style:italic}.session-details h3{font-family:var(--font-sans);margin-bottom:1rem;color:var(--gray-900);font-weight:600}.session-details dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem}.session-details dt{font-family:var(--font-sans);font-size:.875rem;color:var(--gray-500);font-weight:500}.session-details dd{font-family:var(--font-sans);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-lg);font-family:var(--font-sans);font-weight:600;font-size:.875rem;border:var(--border-width) solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));color:var(--gray-700);box-shadow:var(--shadow);cursor:pointer;transition:all var(--transition-normal)}.action-button:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--primary)}.action-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media(max-width:480px){.scorecard-actions{flex-direction:column}.score-circle{width:140px;height:140px}.score-circle .score-value{font-size:3rem}}.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:700px}.session-info-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow)}.session-info-card h2{margin-bottom:.5rem;color:var(--gray-900);font-weight:600}.level-info{color:var(--primary);margin-bottom:1.5rem;font-weight:500;font-size:.9375rem}.mode-prompt{color:var(--gray-600);margin-bottom:1.5rem;text-align:center;font-weight:500;font-size:1rem}.mode-selection{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.mode-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.mode-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--shadow-lift);transform:translateY(-4px)}.mode-card h3{font-size:1.125rem;margin-bottom:.5rem;color:var(--gray-900);font-weight:600}.mode-card p{font-size:.875rem;color:var(--gray-500);margin-bottom:.75rem;line-height:1.5}.mode-icon{width:56px;height:56px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin-bottom:.75rem;transition:transform var(--transition-normal)}.mode-card:hover .mode-icon{transform:scale(1.08)}.mode-icon-basic,.mode-icon-specific{background:var(--glass-gradient);color:var(--white);box-shadow:0 4px 12px #2b5f8a40}.mode-detail{font-size:.75rem;color:var(--primary);font-weight:500}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.category-card{display:flex;flex-direction:column;text-align:left;padding:1rem;background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.category-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--shadow-lift);transform:translateY(-4px)}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.category-header h4{font-size:.9375rem;margin:0;color:var(--gray-900);font-weight:600}.emotion-badge{display:inline-block;padding:.1875rem .625rem;font-size:.6875rem;font-weight:600;color:var(--white);background:var(--glass-gradient);border:none;border-radius:var(--radius-full);white-space:nowrap;box-shadow:0 2px 8px #2b5f8a33}.category-description{font-size:.8125rem;color:var(--gray-500);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.intensity-bar-wrapper{display:flex;align-items:center;gap:.5rem;margin-top:auto}.intensity-label{font-size:.6875rem;color:var(--gray-500);white-space:nowrap;font-weight:500}.intensity-bar{flex:1;height:6px;background:var(--gray-200);border:none;border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-inset)}.intensity-fill{height:100%;border-radius:var(--radius-full);background:var(--glass-gradient);transition:width var(--transition-normal)}.intensity-value{font-size:.6875rem;color:var(--primary);font-weight:600;min-width:28px;text-align:right}.no-categories{text-align:center;color:var(--gray-500);padding:2rem;font-weight:500}.selected-scenario{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;background:var(--accent-muted);border:var(--border-width) solid rgba(43,95,138,.18);border-radius:var(--radius-lg);margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.selected-scenario h3{font-size:1.125rem;margin:0;color:var(--gray-900);font-weight:600}.intensity-label-inline{font-size:.8125rem;color:var(--primary);font-weight:500}.scenario-description{width:100%;font-size:.875rem;color:var(--gray-500);margin:0;line-height:1.5}.instructions{background:#ffffffb8;backdrop-filter:blur(var(--blur-clear));-webkit-backdrop-filter:blur(var(--blur-clear));border:var(--border-width) solid var(--glass-border);padding:1.25rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;box-shadow:var(--shadow-inset)}.instructions h3{font-size:.875rem;margin-bottom:.75rem;color:var(--primary);font-weight:600}.instructions ul{margin:0;padding-left:1.25rem}.instructions li{font-size:.875rem;color:var(--gray-600);margin-bottom:.5rem;line-height:1.5}.browser-check{margin-bottom:1.5rem;text-align:center}.browser-check .ready{color:var(--success);font-size:.875rem;font-weight:500}.browser-check .error{color:var(--danger);font-size:.875rem;font-weight:500}.session-actions{display:flex;gap:.75rem;justify-content:center}.start-button{padding:.875rem 2rem;background:linear-gradient(135deg,#15803d,#22c55e);color:var(--white);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 6px 20px #15803d4d}.start-button:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#4ade80);transform:translateY(-2px);box-shadow:0 10px 30px #15803d59}.start-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px #15803d26}.start-button:disabled{opacity:.4;cursor:not-allowed}.cancel-button{background:var(--glass-bg);backdrop-filter:blur(var(--blur-clear));-webkit-backdrop-filter:blur(var(--blur-clear));color:var(--gray-600);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);font-weight:500;padding:.875rem 2rem;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.cancel-button:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.cancel-button:active:not(:disabled){transform:translateY(1px);box-shadow:var(--shadow-sm)}.session-connecting{text-align:center}.session-connecting h2{color:var(--gray-900);font-weight:600;margin-bottom:.5rem}.session-connecting p{color:var(--gray-500)}.connecting-animation{position:relative;width:120px;height:120px;margin:0 auto 1.5rem}.pulse-ring{position:absolute;width:100%;height:100%;border:2px solid var(--primary);border-radius:50%;animation:pulse-ring 1.8s ease-out infinite}.pulse-ring.delay-1{animation-delay:.6s}.pulse-ring.delay-2{animation-delay:1.2s}@keyframes pulse-ring{0%{transform:scale(.5);opacity:.7}to{transform:scale(1.5);opacity:0}}.session-active{width:100%;max-width:500px;text-align:center;background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.call-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem 1rem;border-bottom:var(--border-width) solid var(--glass-border)}.call-timer{display:flex;flex-direction:column;align-items:flex-start}.timer-value{font-size:2rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--primary);letter-spacing:.02em}.timer-label{font-size:.75rem;color:var(--gray-500);font-weight:500}.call-status .status-badge{padding:.5rem 1rem;font-size:.8125rem;border-radius:var(--radius-full);font-weight:500}.status-badge.speaking{background:var(--accent-muted);color:var(--primary);border:var(--border-width) solid rgba(43,95,138,.2)}.status-badge.listening{background:var(--success-muted);color:var(--success);border:var(--border-width) solid rgba(21,128,61,.2);animation:glow-pulse 2s ease-in-out infinite}.status-badge.idle{background:#64748b14;color:var(--gray-500);border:var(--border-width) solid rgba(100,116,139,.15)}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #15803d1a}50%{box-shadow:0 0 16px #15803d33}}.call-visual{margin-bottom:2rem;position:relative}.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:var(--gray-300);border-radius:var(--radius-full);transition:height var(--transition-normal)}.voice-indicator.listening .wave{background:linear-gradient(180deg,#4ade80,#15803d);box-shadow:0 0 6px #15803d33;animation:wave-pulse .6s ease-out infinite}.voice-indicator.speaking .wave{background:linear-gradient(180deg,#7eb3e0,#2b5f8a);box-shadow:0 0 6px #2b5f8a33;animation:wave-pulse .4s ease-out infinite}.voice-indicator .wave:nth-child(1){animation-delay:0s}.voice-indicator .wave:nth-child(2){animation-delay:.08s}.voice-indicator .wave:nth-child(3){animation-delay:.16s}.voice-indicator .wave:nth-child(4){animation-delay:.24s}.voice-indicator .wave:nth-child(5){animation-delay:.32s}@keyframes wave-pulse{0%,to{height:20px}50%{height:60px}}.call-hint{font-size:.875rem;color:var(--gray-500);font-weight:500}.transcript-toggle{background:#ffffffb8;backdrop-filter:blur(var(--blur-clear));-webkit-backdrop-filter:blur(var(--blur-clear));border:var(--border-width) solid var(--glass-border);color:var(--gray-600);font-size:.8125rem;cursor:pointer;margin-bottom:1rem;transition:all var(--transition-normal);padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:500;box-shadow:var(--shadow-sm)}.transcript-toggle:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.live-transcript{background:#ffffffb8;backdrop-filter:blur(var(--blur-clear));-webkit-backdrop-filter:blur(var(--blur-clear));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);padding:1rem;max-height:200px;overflow-y:auto;text-align:left;margin-bottom:1.5rem;box-shadow:var(--shadow-inset)}.transcript-entry{margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.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:linear-gradient(135deg,#dc2626,#ef4444);color:var(--white);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 16px #dc26264d}.end-call-button:hover{background:linear-gradient(135deg,#ef4444,#f87171);transform:translateY(-2px);box-shadow:0 8px 24px #dc26264d}.end-call-button:active{transform:translateY(1px);box-shadow:0 2px 8px #dc262626}.session-ending,.session-ended{text-align:center;background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.session-ending h2,.session-ended h2{margin:1rem 0 .5rem;color:var(--gray-900);font-weight:600}.session-ending p,.session-ended p{color:var(--gray-500)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#15803d,#22c55e);color:var(--white);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto;box-shadow:0 8px 24px #15803d33;font-weight:900}@media(max-width:600px){.mode-selection,.category-grid{grid-template-columns:1fr}.session-initial{max-width:100%}}.session-history-page{min-height:calc(100vh - var(--nav-height));padding:1.5rem;position:relative}.history-header{max-width:1200px;margin:0 auto 1.5rem}.header-content{display:flex;justify-content:space-between;align-items:center}.back-link{font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--primary);padding:.5rem 1rem;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-full);transition:all var(--transition-normal);background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass))}.back-link:hover{color:var(--white);background:var(--primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-lift)}.history-content{max-width:1200px;margin:0 auto}.filters-section{background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass))}.filter-group{display:flex;flex-direction:column;gap:0}.filter-group label{font-family:var(--font-sans);font-size:.75rem;font-weight:500;color:var(--gray-500);margin-bottom:.375rem}.filters-section select{width:auto;min-width:150px;background:#ffffffed;color:var(--gray-900);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-family:var(--font-sans);font-weight:500;font-size:.8125rem;cursor:pointer;box-shadow:var(--shadow-inset);transition:all var(--transition-normal)}.filters-section select:hover{border-color:var(--glass-border-hover)}.filters-section select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring-glow);background:#fffffff2}.export-button{margin-left:auto;background:var(--glass-bg);color:var(--primary);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);padding:.5rem 1.25rem;font-family:var(--font-sans);font-weight:600;font-size:.8125rem;cursor:pointer;transition:all var(--transition-normal)}.export-button:hover{color:var(--white);background:var(--primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-lift)}.summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.stat-card{background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;box-shadow:var(--shadow);transition:all var(--transition-normal);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass))}.stat-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lift)}.stat-card .stat-value{display:block;font-family:var(--font-sans);font-size:2.25rem;font-weight:700;color:var(--primary);line-height:1.1}.stat-card .stat-label{display:block;font-family:var(--font-sans);font-size:.8125rem;color:var(--gray-500);margin-top:.5rem;font-weight:500}.sessions-table-section{background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass))}.sessions-table{min-width:100%;border-collapse:collapse}.sessions-table thead{background:#2b5f8a0a;border-bottom:var(--border-width) solid var(--glass-border)}.sessions-table thead th{padding:.875rem 1rem;text-align:left;color:var(--gray-500);font-family:var(--font-sans);font-weight:600;font-size:.8125rem;border-bottom:var(--border-width) solid var(--glass-border)}.sessions-table tbody tr{border-bottom:var(--border-width) solid var(--glass-border);transition:background var(--transition-fast)}.sessions-table tbody tr:last-child{border-bottom:none}.sessions-table tbody tr:hover{background:#2b5f8a08}.sessions-table tbody td{padding:.875rem 1rem;color:var(--gray-700);font-family:var(--font-sans);font-weight:500;font-size:.8125rem}.sessions-table .score.passed{color:var(--success);font-weight:700;border-left:3px solid var(--success);padding-left:calc(1rem - 3px)}.sessions-table .score.failed{color:var(--danger);font-weight:700;border-left:3px solid var(--danger);padding-left:calc(1rem - 3px)}.view-details-button{padding:.375rem 1rem;font-family:var(--font-sans);font-size:.75rem;background:var(--glass-bg);color:var(--primary);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.view-details-button:hover{color:var(--white);background:var(--primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-lift)}.no-sessions{padding:3rem;text-align:center;color:var(--gray-400);font-family:var(--font-sans);font-size:.875rem}.modal-score-section{text-align:center;margin-bottom:1.5rem;padding:1.5rem;background:#ffffffb8;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset)}.modal-score{font-family:var(--font-sans);font-size:3.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.1}.modal-score.passed{color:var(--success);display:inline-block;padding-bottom:.25rem}.modal-score.failed{color:var(--danger);display:inline-block;padding-bottom:.25rem}.status-text{font-family:var(--font-sans);font-weight:600;font-size:.875rem}.status-text.passed{color:var(--success)}.status-text.failed{color:var(--danger)}.modal-details{background:#ffffffb8;padding:1.25rem;border-radius:var(--radius);border:var(--border-width) solid var(--glass-border)}.modal-details dl{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1.5rem;margin-bottom:1.5rem}.modal-details dt{font-family:var(--font-sans);font-size:.8125rem;color:var(--gray-500);font-weight:500}.modal-details dd{font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--gray-900);margin:0}.modal-details h3{margin:1.5rem 0 .75rem;font-family:var(--font-sans);color:var(--primary);font-weight:600;font-size:.9375rem;border-bottom:var(--border-width) solid var(--glass-border);padding-bottom:.5rem}.modal-scores{background:#ffffffb8;border:var(--border-width) solid var(--glass-border);padding:0;border-radius:var(--radius);overflow:hidden}.score-row{display:flex;justify-content:space-between;padding:.75rem 1rem;font-family:var(--font-sans);font-size:.8125rem;border-bottom:var(--border-width) solid var(--glass-border);color:var(--gray-700);font-weight:500;transition:background var(--transition-fast)}.score-row:hover{background:#2b5f8a08}.score-row:last-child{border-bottom:none}.modal-transcript{background:#ffffffb8;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);padding:1rem;max-height:200px;overflow-y:auto}.modal-transcript pre{font-family:var(--font-sans);font-size:.8125rem;white-space:pre-wrap;word-wrap:break-word;margin:0;color:var(--gray-600);line-height:1.7}.modal-details audio{width:100%;margin-top:1rem;border-radius:var(--radius-sm)}.modal-transcript::-webkit-scrollbar{width:6px}.modal-transcript::-webkit-scrollbar-track{background:transparent}.modal-transcript::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.modal-transcript::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@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;width:100%}.sessions-table-section{overflow-x:auto}}@media(max-width:480px){.summary-stats{grid-template-columns:1fr}.stat-card .stat-value{font-size:1.75rem}.sessions-table thead th{font-size:.75rem;padding:.625rem .5rem}.sessions-table tbody td{padding:.625rem .5rem;font-size:.75rem}}.ops-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:900px;margin:0 auto}.ops-rep-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow)}.ops-rep-name{font-size:1.5rem;font-weight:700;color:var(--primary);text-align:center;margin:0 0 1.25rem}.ops-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ops-metric{display:flex;flex-direction:column;align-items:center;padding:1rem .75rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;transition:all .2s ease;text-align:center}.ops-metric:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.ops-metric:active{transform:translateY(0)}.ops-metric-label{font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.375rem}.ops-metric-value{font-size:1.5rem;font-weight:700;color:var(--gray-800);line-height:1.2}.ops-metric-detail{font-size:.75rem;color:var(--gray-400);margin-top:.25rem}.ops-metric-revenue{color:var(--gray-800)}.rate-good{color:var(--success)}.rate-mid{color:var(--warning)}.rate-low{color:var(--danger)}.ops-gauge{display:flex;justify-content:center;margin:.25rem 0}.ops-metric-gauge{padding-top:.75rem;padding-bottom:.5rem}.ops-skeleton{height:280px;border-radius:var(--radius-xl)}.ops-popup-title{font-size:1.25rem;font-weight:700;color:var(--gray-800);margin:0 0 .25rem}.ops-popup-subtitle{font-size:.875rem;color:var(--gray-500);margin:0 0 1.25rem}.ops-popup-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem 0;color:var(--gray-500)}.ops-popup-error{color:var(--danger);text-align:center;padding:1rem 0}.ops-detail-list{display:flex;flex-direction:column;gap:.5rem}.ops-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border)}.ops-detail-source{font-weight:600;color:var(--gray-700);font-size:.9375rem}.ops-detail-right{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.ops-detail-rate{font-weight:700;font-size:1.125rem}.ops-detail-count{font-size:.8125rem;color:var(--gray-400)}.ops-revenue-summary{display:flex;flex-direction:column;align-items:center;padding:1rem;margin-bottom:.5rem;border-radius:var(--radius);background:var(--primary-muted);border:1px solid rgba(43,95,138,.2)}.ops-revenue-total{font-size:1.75rem;font-weight:700;color:var(--primary)}.ops-revenue-count{font-size:.875rem;color:var(--gray-500);margin-top:.125rem}.ops-section-label{font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;margin:.5rem 0 .25rem}.ops-no-data{text-align:center;color:var(--gray-400);padding:1.5rem 0;font-style:italic}.loading-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.skeleton-card{height:200px;background:linear-gradient(90deg,var(--glass-bg) 0%,rgba(255,255,255,.5) 50%,var(--glass-bg) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg);border:1px solid var(--glass-border)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-state{text-align:center;padding:3rem 2rem;margin:2rem auto;max-width:500px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.error-state p{color:var(--gray-600);margin-bottom:1.5rem;line-height:1.6}.retry-button{padding:.75rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md, var(--radius));font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow)}.retry-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.retry-button:active{transform:translateY(0)}@media(max-width:768px){.ops-cards-grid{grid-template-columns:1fr;gap:1.5rem}.ops-rep-card{padding:1.25rem}.ops-rep-name,.ops-metric-value{font-size:1.25rem}}@media(max-width:480px){.ops-metrics-grid{grid-template-columns:1fr;gap:.5rem}.ops-metric{flex-direction:row;justify-content:space-between;padding:.75rem 1rem}.ops-metric-label{text-align:left;margin-bottom:0}.ops-metric-value{font-size:1.125rem}.ops-metric-detail{display:none}}.manager-dashboard{min-height:calc(100vh - var(--nav-height));padding:1.5rem;background:var(--gray-50)}.manager-header{max-width:1400px;margin:0 auto 1.5rem}.manager-header h1{font-family:var(--font-sans);font-weight:600;color:var(--gray-900);letter-spacing:-.02em}.manager-header .subtitle{margin-top:.25rem;font-size:.875rem;color:var(--gray-500);font-family:var(--font-sans);letter-spacing:-.01em}.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:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:all var(--transition-normal)}.metric-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.metric-card:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.metric-card .metric-value{display:block;font-size:2.5rem;font-weight:600;color:var(--gray-900);letter-spacing:-.03em;font-family:var(--font-sans)}.metric-card .metric-label{display:block;font-size:.8125rem;color:var(--gray-500);margin-top:.25rem;font-weight:500;font-family:var(--font-sans)}.metric-card .metric-detail{display:block;font-size:.75rem;color:var(--gray-500);margin-top:.5rem;font-family:var(--font-sans)}.metric-card.primary{border-color:var(--glass-border-strong);box-shadow:var(--shadow),var(--shadow-glow)}.metric-card.primary:hover{border-color:#2b5f8a59;box-shadow:var(--shadow-lg),0 0 32px -8px var(--primary-glow);transform:translateY(-2px)}.metric-card.primary .metric-value{color:var(--primary)}.metric-card.primary .metric-label{color:var(--gray-600)}.metric-card.primary .metric-detail{color:var(--gray-500)}.tab-nav{display:flex;gap:0;margin-bottom:1.5rem;background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);padding:0 1.5rem;box-shadow:var(--shadow-sm)}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:.875rem;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all var(--transition-normal);border-radius:0;font-family:var(--font-sans)}.tab-button:before{display:none}.tab-button:hover{color:var(--gray-700);background:none;border-color:transparent;border-bottom-color:#2b5f8a33;transform:none;box-shadow:none}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;background:none;transform:none;box-shadow:none}.filters-section{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.search-input{min-width:250px;border-radius:var(--radius);border:var(--border-width) solid var(--glass-border);background:#ffffffed;color:var(--gray-900);font-family:var(--font-sans);box-shadow:var(--shadow-inset)}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:var(--ring-glow);background:#fffffff2}.filters-section select{width:auto;min-width:150px;border-radius:var(--radius);border:var(--border-width) solid var(--glass-border);background:#ffffffed;color:var(--gray-900);font-family:var(--font-sans);box-shadow:var(--shadow-inset)}.filters-section select:focus{border-color:var(--primary);outline:none;box-shadow:var(--ring-glow);background:#fffffff2}.export-button{margin-left:auto;background:var(--glass-bg);color:var(--gray-600);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);transition:all var(--transition-normal);font-weight:500;font-size:.8125rem;font-family:var(--font-sans);cursor:pointer}.export-button:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow)}.export-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.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);font-weight:500;font-family:var(--font-sans)}.trainee-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow);cursor:pointer;transition:all var(--transition-normal)}.trainee-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-3px);box-shadow:var(--shadow-lift)}.trainee-card:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.trainee-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.trainee-header h3{font-size:1rem;margin:0;color:var(--gray-900);font-weight:600;letter-spacing:-.01em;font-family:var(--font-sans)}.xp-title-tag{display:inline-block;font-size:.6875rem;font-weight:500;color:var(--primary);background:var(--primary-muted);padding:.2rem .625rem;border-radius:var(--radius-full);margin-top:.25rem;font-family:var(--font-sans);border:var(--border-width) solid rgba(43,95,138,.15)}.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);font-weight:500;font-family:var(--font-sans)}.trainee-stats .value{display:block;font-size:1rem;font-weight:600;color:var(--primary);font-family:var(--font-sans)}.trend{font-size:.75rem;margin-left:.25rem;font-weight:600}.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:var(--border-width) solid var(--glass-border)}.last-session{font-size:.75rem;color:var(--gray-500);font-weight:500;font-family:var(--font-sans)}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);border:none}.status-dot.active{background-color:var(--success);box-shadow:0 0 8px 2px var(--success-glow)}.status-dot.on\ leave{background-color:var(--warning);box-shadow:0 0 8px 2px var(--warning-glow)}.status-dot.terminated{background-color:var(--gray-500);box-shadow:0 0 8px 2px #64748b33}.trainee-badges-row{display:flex;gap:.375rem;margin-bottom:.75rem;flex-wrap:wrap}.mini-badge{font-size:1.1rem;line-height:1}.mini-badge.more{font-size:.7rem;color:var(--gray-500);display:flex;align-items:center;font-weight:500;font-family:var(--font-sans)}.trainee-email{color:var(--gray-600);margin-bottom:1.5rem;font-size:.875rem;font-family:var(--font-sans)}.trainee-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-group{text-align:center;padding:.75rem;background:var(--glass-bg);backdrop-filter:blur(var(--blur-clear));-webkit-backdrop-filter:blur(var(--blur-clear));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.stat-group:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.stat-group h4{font-size:.75rem;color:var(--gray-500);font-weight:500;margin-bottom:.5rem;font-family:var(--font-sans)}.stat-group p{font-size:1.25rem;font-weight:600;color:var(--primary);margin:0;font-family:var(--font-sans)}.level-adjust{display:flex;align-items:center;justify-content:center;gap:.75rem}.level-adjust button{width:32px;height:32px;padding:0;font-size:1rem;background:var(--glass-bg);color:var(--primary);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);transition:all var(--transition-normal);font-weight:600;font-family:var(--font-sans);cursor:pointer}.level-adjust button:hover:not(:disabled){background:var(--glass-bg-hover);color:var(--primary);border-color:var(--glass-border-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.level-adjust button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.level-adjust button:disabled{opacity:.3;cursor:not-allowed}.level-display{font-size:1.75rem;font-weight:600;color:var(--primary);min-width:50px;text-align:center;border:var(--border-width) solid var(--glass-border);padding:.25rem .5rem;border-radius:var(--radius);background:#ffffffed;font-family:var(--font-sans);box-shadow:var(--shadow-inset)}.session-table{width:100%;margin-bottom:1.5rem;border-collapse:collapse;font-family:var(--font-sans)}.session-table th,.session-table td{border-bottom:var(--border-width) solid var(--glass-border);padding:.625rem .75rem;text-align:left;color:var(--gray-700);font-size:.8125rem}.session-table th{background:#2b5f8a0a;color:var(--gray-500);font-weight:500;font-size:.75rem}.session-table tr:hover td{background:#2b5f8a08}.adjust-button{padding:.375rem .75rem;font-size:.75rem;background:var(--glass-bg);color:var(--gray-600);border:var(--border-width) solid var(--glass-border);transition:all var(--transition-normal);border-radius:var(--radius);font-weight:500;font-family:var(--font-sans);cursor:pointer}.adjust-button:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow)}.adjust-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.adjust-button.danger-text{color:var(--danger);border-color:#dc262626}.adjust-button.danger-text:hover{background:var(--danger-muted);color:var(--danger);border-color:#dc262640;box-shadow:0 4px 16px #dc26261a}.trainee-xp-info{font-size:.875rem;color:var(--primary);font-weight:500;margin:.25rem 0 .75rem;font-family:var(--font-sans)}.modal-badges{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:var(--border-width) solid var(--glass-border)}.modal-badges h4{font-size:.8rem;color:var(--gray-500);margin-bottom:.5rem;font-weight:500;font-family:var(--font-sans)}.modal-badge-list{display:flex;flex-wrap:wrap;gap:.375rem}.modal-badge-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:var(--primary-muted);border:var(--border-width) solid rgba(43,95,138,.15);border-radius:var(--radius-full);font-size:.7rem;color:var(--primary);white-space:nowrap;transition:all var(--transition-normal);font-weight:500;font-family:var(--font-sans)}.modal-badge-pill:hover{background:#2b5f8a26;border-color:#2b5f8a40;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.modal-badge-pill:active{transform:translateY(0)}.categories-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.category-mgr-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem;transition:all var(--transition-normal)}.category-mgr-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.category-mgr-card.inactive{opacity:.45;border-color:var(--glass-border)}.category-mgr-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.category-mgr-header h3{font-size:1rem;margin:0;color:var(--gray-900);font-weight:600;letter-spacing:-.01em;font-family:var(--font-sans)}.emotion-badge-mgr{display:inline-block;padding:.25rem .75rem;font-size:.6875rem;font-weight:500;color:#fff;border-radius:var(--radius-full);white-space:nowrap;font-family:var(--font-sans);border:none;box-shadow:var(--shadow-sm)}.category-mgr-desc{font-size:.8125rem;color:var(--gray-600);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-sans)}.category-mgr-intensity{display:flex;align-items:center;gap:.5rem}.intensity-label-mgr{font-size:.75rem;color:var(--gray-500);white-space:nowrap;font-weight:500;font-family:var(--font-sans)}.intensity-bar-mgr{flex:1;height:6px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;border:none}.intensity-fill-mgr{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal);background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%)}.intensity-value-mgr{font-size:.75rem;color:var(--primary);font-weight:600;min-width:32px;text-align:right;font-family:var(--font-sans)}.category-mgr-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:var(--border-width) solid var(--glass-border);margin-top:auto}.category-mgr-actions{display:flex;gap:.5rem}.intensity-slider{width:100%;height:6px;padding:0;border:none;cursor:pointer;accent-color:var(--primary);border-radius:var(--radius-full);background:var(--gray-200)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--gray-600);font-size:.875rem;font-family:var(--font-sans)}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer;accent-color:var(--primary)}@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}.categories-grid{grid-template-columns:1fr}.tab-nav{overflow-x:auto}.trainee-detail-stats{grid-template-columns:repeat(2,1fr)}}.admin-panel{min-height:calc(100vh - var(--nav-height));padding:1.5rem;background:var(--gray-50)}.admin-header{max-width:1400px;margin:0 auto 1.5rem}.admin-header h1{color:var(--gray-900);font-weight:600;letter-spacing:-.02em}.admin-tabs{display:inline-flex;gap:4px;margin-top:1rem;padding:4px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.admin-tabs button{padding:.625rem 1.25rem;background:transparent;color:var(--gray-500);border:var(--border-width) solid transparent;border-radius:var(--radius-full);transition:all var(--transition-normal);font-weight:500;font-size:.8125rem;cursor:pointer}.admin-tabs button:hover{color:var(--gray-800);background:#ffffffb8}.admin-tabs button.active{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-color:transparent;box-shadow:var(--shadow-sm);font-weight:600}.admin-content{max-width:1400px;margin:0 auto;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--border-width) solid var(--glass-border);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;border-bottom:var(--border-width) solid var(--glass-border);padding-bottom:1rem}.section-header h2{color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0;letter-spacing:-.02em}.add-button{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;padding:.625rem 1.25rem;font-weight:600;font-size:.8125rem;cursor:pointer;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.add-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.add-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.script-card{border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);padding:1.25rem;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.script-card:hover{border-color:var(--glass-border-hover);background:#ffffffed;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.script-card.inactive{opacity:.5;background:#ffffffb8}.script-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;border-bottom:var(--border-width) solid var(--glass-border);padding-bottom:.75rem}.script-header h3{font-size:.95rem;margin:0;color:var(--gray-900);font-weight:600;letter-spacing:-.02em}.script-details{margin-bottom:1rem}.script-details p{font-size:.875rem;margin-bottom:.25rem;color:var(--gray-600)}.script-details strong{color:var(--primary);font-size:.8125rem;font-weight:600}.script-actions{display:flex;gap:.5rem}.script-actions button{flex:1;padding:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer;background:#ffffffb8;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-sm);color:var(--gray-700);transition:all var(--transition-normal)}.script-actions button:hover{background:#ffffffed;border-color:var(--glass-border-hover);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.script-actions button.danger{color:var(--gray-600)}.script-actions button.danger:hover{border-color:#dc262633;color:var(--danger);background:var(--danger-muted)}.no-data{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--gray-500);font-size:.9rem}.users-table{width:100%;border-collapse:separate;border-spacing:0;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);overflow:hidden}.users-table thead{background:#2b5f8a0f}.users-table thead th{padding:.75rem 1rem;text-align:left;font-weight:500;color:var(--gray-600);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:var(--border-width) solid var(--glass-border);border-right:var(--border-width) solid rgba(43,95,138,.06)}.users-table thead th:last-child{border-right:none}.users-table tbody tr{border-bottom:var(--border-width) solid rgba(43,95,138,.06);background:transparent;transition:background var(--transition-fast)}.users-table tbody tr:hover{background:#2b5f8a08}.users-table tbody tr:last-child{border-bottom:none}.users-table td{padding:.75rem 1rem;font-size:.875rem;color:var(--gray-700);border-right:var(--border-width) solid rgba(43,95,138,.04)}.users-table td:last-child{border-right:none}.role-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);border:var(--border-width) solid}.role-badge.trainee{background:#2b5f8a14;color:var(--primary);border-color:#2b5f8a26}.role-badge.manager{background:#15803d14;color:var(--success);border-color:#15803d26}.role-badge.admin{background:#c2410c14;color:var(--warning);border-color:#c2410c26}.users-table td button{margin-right:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer;background:#ffffffb8;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-sm);color:var(--gray-700);transition:all var(--transition-normal)}.users-table td button:hover{background:#ffffffed;border-color:var(--glass-border-hover);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.users-table td button:last-child{margin-right:0}.settings-group{margin-bottom:2rem;padding-bottom:2rem;border-bottom:var(--border-width) solid var(--glass-border)}.settings-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-group h3{margin-bottom:1rem;color:var(--gray-900);font-weight:600;font-size:.95rem;letter-spacing:-.02em}.setting-item{margin-bottom:1rem}.setting-item label{display:block;margin-bottom:.375rem;font-weight:500;font-size:.75rem;color:var(--gray-600)}.setting-item input{max-width:200px;background:#ffffffed;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-sm);padding:.625rem .875rem;color:var(--gray-900);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.setting-item input:hover{border-color:var(--glass-border-hover)}.setting-item input:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring-glow)}.setting-item .hint{display:block;font-size:.75rem;color:var(--gray-500);margin-top:.375rem}.weights-display{background:#ffffffb8;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);padding:1rem;margin-bottom:.5rem;box-shadow:var(--shadow-sm)}.weight-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:var(--border-width) solid rgba(43,95,138,.06);font-size:.875rem;color:var(--gray-700)}.weight-item:last-child{border-bottom:none}.weight-item strong{color:var(--primary);font-weight:600}.api-stats{background:#ffffffb8;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm);color:var(--gray-700)}.api-stats .hint{font-size:.75rem;color:var(--gray-500);margin-top:.5rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.375rem;font-weight:500;cursor:pointer;font-size:.8125rem;color:var(--gray-700);transition:color var(--transition-normal)}.checkbox-label:hover{color:var(--primary)}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer;accent-color:var(--primary)}@media(max-width:768px){.admin-tabs{flex-wrap:wrap;border-radius:var(--radius)}.admin-tabs button{flex:1;min-width:100px;padding:.5rem}.scripts-grid{grid-template-columns:1fr}.users-section{overflow-x:auto}.admin-content{padding:1rem;border-radius:var(--radius)}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-button{width:100%}}:root{--primary: #2B5F8A;--primary-light: #7EB3E0;--primary-lighter: #B8D8F8;--primary-muted: rgba(43, 95, 138, .12);--primary-glow: rgba(43, 95, 138, .35);--secondary: #7EB3E0;--accent: #2B5F8A;--accent-light: #7EB3E0;--accent-glow: rgba(43, 95, 138, .3);--accent-muted: rgba(43, 95, 138, .1);--success: #15803d;--success-muted: rgba(21, 128, 61, .12);--success-glow: rgba(21, 128, 61, .3);--warning: #c2410c;--warning-muted: rgba(194, 65, 12, .1);--warning-glow: rgba(194, 65, 12, .25);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .1);--danger-glow: rgba(220, 38, 38, .25);--glass-bg: rgba(255, 255, 255, .82);--glass-bg-hover: rgba(255, 255, 255, .92);--glass-bg-strong: rgba(255, 255, 255, .96);--glass-border: rgba(43, 95, 138, .15);--glass-border-hover: rgba(43, 95, 138, .28);--glass-border-strong: rgba(43, 95, 138, .38);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--white: #ffffff;--black: #0f172a;--font-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06), 0 1px 3px rgba(43, 95, 138, .05);--shadow: 0 4px 24px rgba(0, 0, 0, .08), 0 2px 8px rgba(43, 95, 138, .08);--shadow-md: 0 4px 24px rgba(0, 0, 0, .08), 0 2px 8px rgba(43, 95, 138, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1), 0 4px 14px rgba(43, 95, 138, .09);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .14), 0 8px 24px rgba(43, 95, 138, .1);--shadow-glow: 0 0 36px -4px rgba(43, 95, 138, .35);--shadow-lift: 0 12px 36px rgba(0, 0, 0, .12), 0 0 32px -8px rgba(43, 95, 138, .25);--shadow-neon: 0 0 24px -2px rgba(43, 95, 138, .35);--shadow-neon-cyan: 0 0 24px -2px rgba(6, 182, 212, .35);--shadow-neon-green: 0 0 24px -2px rgba(21, 128, 61, .35);--shadow-pixel-neon: var(--shadow-sm);--shadow-offset-accent: var(--shadow-glow);--shadow-inset: inset 0 2px 6px rgba(43, 95, 138, .08);--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--ease-glass: cubic-bezier(.4, 0, .2, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-retro: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--ring-glow: 0 0 0 3px rgba(43, 95, 138, .25), 0 0 16px -2px rgba(43, 95, 138, .2);--blur-glass: 16px;--blur-glass-lg: 24px;--blur-clear: 10px;--nav-height: 56px;--glass-gradient: linear-gradient(135deg, #2B5F8A 0%, #7EB3E0 60%, #B8D8F8 100%);--glass-gradient-subtle: linear-gradient(135deg, rgba(43, 95, 138, .1) 0%, rgba(126, 179, 224, .1) 100%);--glass-shine: linear-gradient(135deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.25) 50%, transparent 100%);--glass-shine-subtle: linear-gradient(135deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.15) 50%, transparent 100%);--glossy-gradient: var(--glass-gradient);--glossy-shine: var(--glass-shine);--glossy-shine-strong: var(--glass-shine);--glossy-shine-subtle: var(--glass-shine-subtle);--glossy-depth: linear-gradient(180deg, rgba(255,255,255,.4) 0%, transparent 40%);--glossy-wet: var(--glossy-depth);--glossy-edge: linear-gradient(90deg, transparent, rgba(43, 95, 138, .15), transparent);--border-width: 1px;--border-width-lg: 2px}*,*: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:linear-gradient(135deg,#c8d8f0,#d4cfe8 30%,#b8d4f4,#d0e0f8 80%,#e8ecf8);color:var(--gray-700);line-height:1.5;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:9999}body:after{content:"";position:fixed;inset:-20%;background:radial-gradient(ellipse 600px 500px at 15% 10%,rgba(43,95,138,.22) 0%,transparent 70%),radial-gradient(ellipse 500px 600px at 85% 20%,rgba(126,179,224,.2) 0%,transparent 65%),radial-gradient(ellipse 700px 500px at 50% 90%,rgba(43,95,138,.15) 0%,transparent 70%),radial-gradient(ellipse 400px 400px at 70% 60%,rgba(184,216,248,.18) 0%,transparent 60%);pointer-events:none;z-index:0}#root{min-height:100vh;max-width:none;margin:0;padding:0;text-align:left;position:relative;z-index:1}.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.2;color:var(--gray-900);letter-spacing:-.02em}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.0625rem}h4{font-size:.875rem;font-weight:500}p{color:var(--gray-600);font-size:.875rem}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--gray-900)}button{font-family:inherit;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius);border:var(--border-width) solid var(--glass-border);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--glass-bg);color:var(--gray-700);backdrop-filter:blur(var(--blur-clear));-webkit-backdrop-filter:blur(var(--blur-clear))}button:before{display:none}button:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px);box-shadow:var(--shadow)}button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.cta-button,.action-button.primary,.modal-button.primary{background:var(--glass-gradient);color:#fff;border:none;box-shadow:var(--shadow-lift)}button.primary:before,.cta-button:before{display:none}button.primary:hover:not(:disabled),.cta-button:hover:not(:disabled),.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px #2b5f8a4d,0 0 28px -6px #2b5f8a40}button.primary:active:not(:disabled),.action-button.primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.secondary,.action-button.secondary,.modal-button.secondary{background:var(--glass-bg);color:var(--gray-700);border:var(--border-width) solid var(--glass-border)}button.secondary:hover:not(:disabled),.action-button.secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}button.danger{background:var(--danger-muted);color:var(--danger);border:var(--border-width) solid rgba(220,38,38,.2)}button.danger:hover:not(:disabled){background:var(--danger);color:#fff;box-shadow:0 4px 16px #dc262633;transform:translateY(-1px)}input,select,textarea{font-family:inherit;font-size:.875rem;padding:.625rem .875rem;border:var(--border-width) solid var(--glass-border);border-radius:var(--radius);background:#ffffffd9;color:var(--gray-900);width:100%;transition:all var(--transition-normal);box-shadow:var(--shadow-inset)}input:hover,select:hover,textarea:hover{border-color:var(--glass-border-hover)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring-glow);background:#fffffff2}input::placeholder,textarea::placeholder{color:var(--gray-400)}label{display:block;font-size:.75rem;font-weight:500;color:var(--gray-500);margin-bottom:.375rem}.card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow);transition:all var(--transition-normal)}.card:before{display:none}.card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.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:32px;height:32px;border:2px solid var(--gray-200);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}.spinner-small{width:16px;height:16px;border:2px solid var(--gray-200);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glass-glow-pulse{0%,to{box-shadow:0 0 16px -4px #2b5f8a26}50%{box-shadow:0 0 24px -4px #2b5f8a40}}@keyframes glass-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glass-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shine-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glossy-glow-pulse{0%,to{box-shadow:0 0 16px -4px #2b5f8a26}50%{box-shadow:0 0 24px -4px #2b5f8a40}}@keyframes glossy-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glossy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);border:var(--border-width) solid}.status-badge.passed,.status-badge.active{background:var(--success-muted);color:var(--success);border-color:#16a34a33}.status-badge.failed{background:var(--danger-muted);color:var(--danger);border-color:#dc262633}.status-badge.pending{background:var(--warning-muted);color:var(--warning);border-color:#d9770633}.level-badge{display:inline-block;padding:.1875rem .625rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:var(--glass-bg);color:var(--gray-600);border:var(--border-width) solid var(--glass-border)}.level-badge.level-1{background:var(--primary-muted);color:var(--primary);border-color:#2b5f8a33}.level-badge.level-2{background:var(--success-muted);color:var(--success);border-color:#16a34a33}.level-badge.level-3{background:var(--warning-muted);color:var(--warning);border-color:#d9770633}.level-badge.level-4{background:#ea580c14;color:#ea580c;border-color:#ea580c33}.level-badge.level-5{background:var(--danger-muted);color:var(--danger);border-color:#dc262633}.modal-overlay{position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal-content{background:#fffffff2;backdrop-filter:blur(var(--blur-glass-lg));-webkit-backdrop-filter:blur(var(--blur-glass-lg));border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-xl);padding:1.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl)}.modal-content:before{display:none}.modal-content:after{display:none}.modal-content.large{max-width:800px}.modal-content.small{max-width:400px}.modal-close{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;padding:0;background:transparent;border:var(--border-width) solid var(--glass-border);font-size:1rem;color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius);z-index:10}.modal-close:hover{color:var(--danger);border-color:#dc262633;background:var(--danger-muted)}.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:var(--border-width) solid var(--glass-border)}th{font-weight:500;font-size:.75rem;color:var(--gray-500);background:#2b5f8a0a}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:#2b5f8a08}@media(max-width:768px){h1{font-size:1.25rem}h2{font-size:1.0625rem}.form-row{grid-template-columns:1fr}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}table{font-size:.8125rem}th,td{padding:.5rem .75rem}}