.ai-insights-panel{background:var(--color-white);border:2px solid var(--color-gray-200);border-top:4px solid var(--color-teal-600);border-radius:8px;padding:var(--spacing-8);margin-bottom:var(--spacing-8);position:relative;overflow:hidden}.ai-insights-panel:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle at top right,rgba(212,165,71,.08) 0%,transparent 70%);pointer-events:none}.ai-insights-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-4);gap:var(--spacing-6);flex-wrap:wrap}.ai-insights-header h3{display:flex;align-items:center;gap:var(--spacing-3);margin:0 0 var(--spacing-2) 0;color:var(--color-teal-900);font-size:var(--font-size-h4)}.ai-badge{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,var(--color-teal-600) 0%,var(--color-teal-900) 100%);color:var(--color-white);font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.1em;border-radius:3px;border:1px solid var(--color-gold-500);text-transform:uppercase}.ai-description{color:var(--color-gray-700);font-size:var(--font-size-body-sm);margin:0}.ai-actions{display:flex;gap:var(--spacing-3);flex-shrink:0}.ai-content{min-height:200px;position:relative;z-index:1}.ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);gap:var(--spacing-4);color:var(--color-gray-700)}.ai-loading p{margin:0;font-size:var(--font-size-body-sm);letter-spacing:var(--letter-spacing-wide)}.ai-empty{padding:var(--spacing-8);text-align:center;color:var(--color-gray-500);background:var(--color-gray-100);border-radius:4px;font-size:var(--font-size-body-sm)}.markdown-body{color:var(--color-black);line-height:var(--line-height-relaxed);font-size:var(--font-size-body)}.markdown-body h3{color:var(--color-teal-900);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);font-size:var(--font-size-h4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-teal-600)}.markdown-body h4{color:var(--color-teal-700);margin-top:var(--spacing-6);margin-bottom:var(--spacing-2);font-size:1.1rem;font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-2)}.markdown-body h4:before{content:"";width:4px;height:16px;background:var(--color-gold-500);display:inline-block}.markdown-body p{margin-bottom:var(--spacing-4)}.markdown-body strong{color:var(--color-teal-900);font-weight:var(--font-weight-bold);background:linear-gradient(180deg,transparent 65%,rgba(212,165,71,.2) 65%);padding:0 2px}.markdown-body ul{margin:var(--spacing-3) 0 var(--spacing-4) 0;padding-left:var(--spacing-6)}.markdown-body li{margin-bottom:var(--spacing-2);line-height:var(--line-height-normal);color:var(--color-black)}.markdown-body li::marker{color:var(--color-teal-600);font-weight:var(--font-weight-bold)}.ai-content.streaming .markdown-body:after{content:"▍";color:var(--color-teal-600);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.ai-insights-header{flex-direction:column}.ai-actions{width:100%}.ai-actions .btn{flex:1}}.dashboard{background-color:var(--color-white);min-height:100vh;padding:var(--spacing-6) var(--spacing-8);max-width:1600px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-12);border-bottom:2px solid var(--color-teal-600);padding-bottom:var(--spacing-6);gap:var(--spacing-8);flex-wrap:wrap}.dashboard-header h1{margin:0 0 var(--spacing-2) 0}.subtitle{margin:0;color:var(--color-gray-700);font-size:var(--font-size-body-sm)}.header-actions{display:flex;gap:var(--spacing-3);align-items:center;flex-wrap:wrap}.period-dropdown{padding:var(--spacing-2) var(--spacing-4);border:2px solid var(--color-teal-600);border-radius:4px;font-size:var(--font-size-body);color:var(--color-black);background-color:var(--color-white);cursor:pointer;font-weight:var(--font-weight-medium);min-width:200px;width:auto}.user-badge{padding:var(--spacing-2) var(--spacing-3);background:var(--color-gray-100);border-radius:4px;font-size:var(--font-size-body-sm);color:var(--color-gray-700)}.dashboard-main{display:grid;grid-template-columns:1fr;gap:var(--spacing-12)}.metrics-section{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4)}.metric-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-top:4px solid var(--color-teal-600);padding:var(--spacing-6);border-radius:6px;text-align:center;transition:all .2s ease}.metric-card:hover{box-shadow:0 4px 12px #00000014}.metric-card.metric-elite{border-top-color:var(--color-gold-500);background:linear-gradient(135deg,var(--color-white) 0%,rgba(212,165,71,.05) 100%)}.metric-card.metric-flagged{border-top-color:var(--color-error);background:linear-gradient(135deg,var(--color-white) 0%,rgba(198,40,40,.04) 100%)}.metric-card .label{display:block;font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.metric-card .value{font-size:2.25rem;font-weight:var(--font-weight-bold);color:var(--color-teal-600);margin:0}.metric-card.metric-elite .value{color:var(--color-gold-600)}.metric-card.metric-flagged .value{color:var(--color-error)}.elite-section h2,.attention-section h2{color:var(--color-teal-900);margin-bottom:var(--spacing-6);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:var(--font-size-h3);border-left:4px solid var(--color-gold-500);padding-left:var(--spacing-4)}.attention-section h2{border-left-color:var(--color-error)}.leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-4)}a.scorecard,.scorecard{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:8px;padding:var(--spacing-5);position:relative;transition:all .25s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;overflow:hidden}a.scorecard:hover,.scorecard:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px);text-decoration:none}.scorecard-elite{border-top:4px solid var(--color-gold-500);background:linear-gradient(135deg,rgba(230,245,246,.5) 0%,var(--color-white) 60%,rgba(212,165,71,.05) 100%);box-shadow:0 4px 12px #d4a54726}.scorecard-top{border-top:3px solid var(--color-teal-600)}.scorecard-flagged{border-left:4px solid var(--color-error);border-top:2px solid var(--color-warning)}.elite-corner{position:absolute;top:var(--spacing-2);right:var(--spacing-3);font-size:.65rem;font-weight:var(--font-weight-bold);color:var(--color-gold-600);letter-spacing:var(--letter-spacing-wide)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-teal-600);color:var(--color-white);border-radius:50%;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3);font-size:var(--font-size-body-sm)}.scorecard-elite .rank-badge{background:linear-gradient(135deg,var(--color-gold-500) 0%,var(--color-gold-600) 100%)}.scorecard-flagged .rank-badge{background-color:var(--color-error)}.scorecard h3{margin:0 0 var(--spacing-1) 0;color:var(--color-black);font-size:1.05rem}.pm-meta{margin:0 0 var(--spacing-4) 0;color:var(--color-gray-700);font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.score-display{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1);padding:var(--spacing-3) 0;margin:var(--spacing-2) 0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);flex-grow:1}.score-value{font-size:2rem;font-weight:var(--font-weight-bold);line-height:1}.classification{margin:0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);font-size:var(--font-size-body-sm);color:var(--color-gray-700)}.view-cta{color:var(--color-teal-600);font-weight:var(--font-weight-semibold)}.middle-section{border:2px solid var(--color-gray-200);border-radius:6px;overflow:hidden}.middle-toggle{width:100%;padding:var(--spacing-4) var(--spacing-6);background:var(--color-gray-100);border:none;text-align:left;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-teal-900);cursor:pointer;transition:background .2s ease;font-family:inherit}.middle-toggle:hover{background:var(--color-teal-100)}.leaderboard-table-wrapper{overflow-x:auto}.rank-cell{font-weight:var(--font-weight-bold);color:var(--color-teal-700)}.name-cell{font-weight:var(--font-weight-semibold)}.score-cell{font-weight:var(--font-weight-bold);font-family:var(--font-family-mono)}.classification-badge{font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:var(--font-size-label)}.view-link{color:var(--color-teal-600);font-weight:var(--font-weight-semibold);text-decoration:none;font-size:var(--font-size-body-sm)}.view-link:hover{color:var(--color-teal-700);text-decoration:underline}.page{background-color:var(--color-white);min-height:100vh;padding:var(--spacing-6) var(--spacing-8);max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);border-bottom:2px solid var(--color-teal-600);padding-bottom:var(--spacing-6);gap:var(--spacing-6);flex-wrap:wrap}.page-content{max-width:1300px;margin:0 auto}@media (max-width: 900px){.metrics-section{grid-template-columns:repeat(2,1fr)}.leaderboard-grid{grid-template-columns:1fr}.header-actions{width:100%}h1{font-size:1.75rem}h2{font-size:1.4rem}}.evaluation-form{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:8px;padding:var(--spacing-8);max-width:1100px;margin:0 auto}.evaluation-form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:2px solid var(--color-teal-600);gap:var(--spacing-6);flex-wrap:wrap}.evaluation-form-header h2{margin:0 0 var(--spacing-2) 0}.evaluation-form-meta{margin:0;color:var(--color-gray-700);font-size:var(--font-size-body-sm)}.score-preview{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.score-preview-circle{width:90px;height:90px;border-radius:50%;border:4px solid var(--color-teal-600);display:flex;align-items:center;justify-content:center;background:var(--color-white)}.score-preview-value{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-teal-900)}.score-preview-classification{margin:0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.group-scores{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-8);padding:var(--spacing-4);background:var(--color-gray-100);border-radius:6px}.group-score-card{background:var(--color-white);padding:var(--spacing-3);border-radius:4px;border-top:3px solid var(--color-teal-600);text-align:center}.group-score-label{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-700);line-height:1.2}.group-score-value{margin:0;font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-teal-900)}.group-score-weight{margin:var(--spacing-1) 0 0 0;font-size:.7rem;color:var(--color-gray-500)}.criteria-group{border:1px solid var(--color-gray-200);border-radius:6px;padding:var(--spacing-6);margin-bottom:var(--spacing-6);border-left:4px solid var(--color-teal-600)}.criteria-group legend{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-teal-900);padding:0 var(--spacing-3);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.group-weight{font-size:var(--font-size-body-sm);color:var(--color-gold-600);font-weight:var(--font-weight-semibold)}.criteria-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.criterion-input label{display:block;cursor:pointer}.criterion-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body-sm);color:var(--color-black)}.criterion-weight{font-size:var(--font-size-label);color:var(--color-gold-600);font-weight:var(--font-weight-bold);background:#d4a5471a;padding:2px 6px;border-radius:3px;margin-left:var(--spacing-2)}.criterion-input select{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-body-sm);border:1.5px solid var(--color-gray-200)}.low-score-flag{display:block;margin-top:var(--spacing-2);font-size:var(--font-size-label);color:var(--color-error);font-weight:var(--font-weight-semibold)}.flags-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.flag-checkbox{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:1.5px solid var(--color-gray-200);border-radius:4px;cursor:pointer;transition:border-color .2s ease}.flag-checkbox:hover{border-color:var(--color-warning)}.flag-checkbox input{width:auto;margin:0}.flag-checkbox span{font-weight:var(--font-weight-semibold);font-size:var(--font-size-body-sm)}.commendation-input{max-width:300px}.commendation-input input{max-width:120px}.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.notes-grid textarea{font-family:inherit;font-size:var(--font-size-body-sm)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.form-actions .btn{min-width:200px}@media (max-width: 900px){.group-scores{grid-template-columns:repeat(2,1fr)}.criteria-grid,.notes-grid,.flags-grid{grid-template-columns:1fr}}.pm-profile-page{max-width:1400px}.pm-profile-header-info{flex:1}.back-link{display:inline-block;font-size:var(--font-size-body-sm);color:var(--color-teal-600);margin-bottom:var(--spacing-2);text-decoration:none}.back-link:hover{text-decoration:underline}.pm-profile-meta{display:flex;gap:var(--spacing-3);flex-wrap:wrap;margin:var(--spacing-2) 0 0 0;color:var(--color-gray-700);font-size:var(--font-size-body-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.pm-scorecard{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8);background:var(--color-white);border:2px solid var(--color-gray-200);border-top:4px solid var(--color-gold-500);border-radius:8px;margin-bottom:var(--spacing-6);box-shadow:0 2px 8px #0000000d}.pm-scorecard-circle{width:130px;height:130px;border-radius:50%;border:6px solid var(--color-teal-600);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-white);flex-shrink:0}.pm-scorecard-score{font-size:2.75rem;font-weight:var(--font-weight-bold);line-height:1}.pm-scorecard-of-five{font-size:.85rem;color:var(--color-gray-500);margin-top:var(--spacing-1)}.pm-scorecard-info h2{margin:0 0 var(--spacing-2) 0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.pm-scorecard-period{margin:0 0 var(--spacing-4) 0;color:var(--color-gray-700);font-size:var(--font-size-body)}.pm-flags{display:flex;gap:var(--spacing-3);flex-wrap:wrap;margin-top:var(--spacing-4)}.flag{display:inline-flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);border-radius:4px;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.flag-positive{background:#2e7d321a;color:var(--color-success);border:1px solid var(--color-success)}.flag-warning{background:#f57c001a;color:var(--color-warning);border:1px solid var(--color-warning)}.flag-critical{background:#c628281a;color:var(--color-error);border:1px solid var(--color-error);font-weight:var(--font-weight-bold)}.pm-tabs{display:flex;gap:var(--spacing-2);border-bottom:2px solid var(--color-gray-200);margin-bottom:var(--spacing-8);overflow-x:auto}.pm-tab{padding:var(--spacing-3) var(--spacing-6);background:none;border:none;border-bottom:3px solid transparent;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.pm-tab:hover{color:var(--color-teal-600)}.pm-tab.active{color:var(--color-teal-900);border-bottom-color:var(--color-teal-600);background:#1b8a8d0d}.pm-content{display:flex;flex-direction:column;gap:var(--spacing-8)}.chart-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:var(--spacing-6)}.chart-section h3{margin:0 0 var(--spacing-2) 0;color:var(--color-teal-900)}.chart-subtitle{margin:0 0 var(--spacing-6) 0;color:var(--color-gray-700);font-size:var(--font-size-body-sm)}.group-summary-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:var(--spacing-6)}.group-summary-section h3{margin:0 0 var(--spacing-4) 0}.group-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-3)}.group-summary-card{background:var(--color-gray-100);padding:var(--spacing-4);border-radius:6px;border-top:3px solid var(--color-teal-600);text-align:center}.group-summary-label{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-700)}.group-summary-score{margin:0 0 var(--spacing-1) 0;font-size:2rem;font-weight:var(--font-weight-bold)}.group-summary-classification{margin:0;font-size:.7rem;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.notes-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:var(--spacing-6)}.notes-section h3{margin:0 0 var(--spacing-6) 0;color:var(--color-teal-900)}.note-block{margin-bottom:var(--spacing-6);padding-left:var(--spacing-4);border-left:3px solid var(--color-teal-300)}.note-block:last-child{margin-bottom:0}.note-block h4{margin:0 0 var(--spacing-2) 0;color:var(--color-teal-700);font-size:var(--font-size-body)}.note-block p{margin:0;color:var(--color-black);white-space:pre-wrap}@media (max-width: 900px){.pm-scorecard{flex-direction:column;text-align:center}.pm-flags{justify-content:center}.group-summary-grid{grid-template-columns:repeat(2,1fr)}}.leaderboard-page{max-width:1400px}.filter-bar{display:flex;gap:var(--spacing-3);align-items:center;margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--color-gray-100);border-radius:6px;flex-wrap:wrap}.filter-bar select{width:auto;min-width:150px}.filter-search{flex-grow:1;min-width:240px;max-width:400px}.filter-clear{padding:var(--spacing-2) var(--spacing-4);background:transparent;border:1px solid var(--color-gray-500);border-radius:4px;color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-body-sm);font-family:inherit}.filter-clear:hover{background:var(--color-white);border-color:var(--color-error);color:var(--color-error)}.row-elite{background:linear-gradient(90deg,rgba(212,165,71,.1) 0%,transparent 100%);border-left:4px solid var(--color-gold-500)}.row-flagged{background:linear-gradient(90deg,rgba(198,40,40,.05) 0%,transparent 100%);border-left:4px solid var(--color-error)}.name-cell a{color:var(--color-teal-700);font-weight:var(--font-weight-semibold);text-decoration:none}.name-cell a:hover{color:var(--color-teal-900);text-decoration:underline}.trend-cell{font-weight:var(--font-weight-bold);white-space:nowrap}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-error)}.trend-stable{color:var(--color-gray-500)}.trend-new{background:var(--color-gold-500);color:var(--color-white);padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:var(--font-weight-bold)}@media (max-width: 768px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar select,.filter-search{width:100%;min-width:0}}#root{min-height:100vh;background-color:var(--color-white)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-white);gap:var(--spacing-6)}.spinner{width:50px;height:50px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-teal-600);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-6);color:var(--color-gray-700)}.empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;background-color:var(--color-gray-100);border-radius:8px;margin:var(--spacing-8) 0;color:var(--color-gray-700);font-size:var(--font-size-body-lg)}.error-message{padding:var(--spacing-4);background-color:#ffebee;border:1px solid #ffcdd2;border-left:4px solid var(--color-error);border-radius:4px;color:var(--color-error);font-size:var(--font-size-body-sm);margin-bottom:var(--spacing-4)}.success-message{padding:var(--spacing-4);background-color:#e8f5e9;border:1px solid #c8e6c9;border-left:4px solid var(--color-success);border-radius:4px;color:var(--color-success);font-size:var(--font-size-body-sm);margin-bottom:var(--spacing-4)}.warning-message{padding:var(--spacing-4);background-color:#fff3e0;border:1px solid #ffe0b2;border-left:4px solid var(--color-warning);border-radius:4px;color:var(--color-warning);font-size:var(--font-size-body-sm);margin-bottom:var(--spacing-4)}:root{--color-teal-900: #0D5A5C;--color-teal-700: #157375;--color-teal-600: #1B8A8D;--color-teal-500: #20A0A3;--color-teal-300: #5CB8BB;--color-teal-100: #E6F5F6;--color-gold-600: #B8860B;--color-gold-500: #D4A547;--color-gold-300: #E8D4A0;--color-black: #1A1A1A;--color-gray-900: #333333;--color-gray-700: #666666;--color-gray-500: #999999;--color-gray-200: #E8E8E8;--color-gray-100: #F5F5F5;--color-white: #FFFFFF;--color-success: #2E7D32;--color-warning: #F57C00;--color-error: #C62828;--color-info: #1565C0;--color-elite: #2E7D32;--color-high: #0277BD;--color-average: #F57C00;--color-underperform: #E64A19;--color-critical: #C62828;--font-family-primary: "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Monaco", "Courier New", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-body-lg: 1.125rem;--font-size-body: 1rem;--font-size-body-sm: .875rem;--font-size-label: .75rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .05em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--color-white);color:var(--color-black);font-family:var(--font-family-primary);font-size:16px;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-white)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-teal-900);margin-bottom:var(--spacing-4)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-teal-900);margin-bottom:var(--spacing-4)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-teal-700);margin-bottom:var(--spacing-3)}h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-black);margin-bottom:var(--spacing-2)}p{margin-bottom:var(--spacing-4)}small,.label{font-size:var(--font-size-label);color:var(--color-gray-700)}a{color:var(--color-teal-600);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-teal-700);text-decoration:underline}.btn{display:inline-block;padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:4px;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-teal-600);color:var(--color-white);box-shadow:0 2px 4px #0000001a}.btn-primary:hover:not(:disabled){background-color:var(--color-teal-700);box-shadow:0 4px 8px #00000026}.btn-primary:active:not(:disabled){background-color:var(--color-teal-900)}.btn-secondary{background-color:var(--color-white);color:var(--color-teal-600);border:2px solid var(--color-teal-600)}.btn-secondary:hover:not(:disabled){background-color:var(--color-teal-100);border-color:var(--color-teal-700)}.btn-accent{background-color:var(--color-teal-600);color:var(--color-white);border:2px solid var(--color-gold-500);box-shadow:0 2px 4px #d4a54733}.btn-accent:hover:not(:disabled){background-color:var(--color-teal-700);border-color:var(--color-gold-600)}.card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-teal-600);border-radius:6px;padding:var(--spacing-6);box-shadow:0 1px 3px #00000014;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #0000001f;border-left-color:var(--color-teal-700)}.scorecard{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:8px;padding:var(--spacing-8);position:relative;transition:all .3s ease}.scorecard.elite{border-top:4px solid var(--color-gold-500);background:linear-gradient(135deg,rgba(230,245,246,.5) 0%,var(--color-white) 100%);box-shadow:0 4px 12px #d4a5471a}.scorecard.elite:before{content:"⭐ ELITE";position:absolute;top:var(--spacing-4);right:var(--spacing-6);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);color:var(--color-gold-600);letter-spacing:var(--letter-spacing-wide)}.form-group{margin-bottom:var(--spacing-6)}label{display:block;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-black)}input,select,textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:4px;font-size:var(--font-size-body);font-family:inherit;transition:border-color .2s ease;background-color:var(--color-white);color:var(--color-black)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-teal-600);box-shadow:0 0 0 3px #1b8a8d1a}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}textarea{resize:vertical;min-height:120px}.data-table{width:100%;border-collapse:collapse;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:6px;overflow:hidden}.data-table thead{background-color:var(--color-teal-900);color:var(--color-white)}.data-table th{padding:var(--spacing-4) var(--spacing-6);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-body-sm);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.data-table td{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-body-sm);color:var(--color-black)}.data-table tbody tr:hover{background-color:var(--color-gray-100)}.data-table tbody tr:nth-child(odd){background-color:var(--color-white)}.data-table .rank-1,.data-table .rank-2,.data-table .rank-3{border-left:3px solid var(--color-gold-500);font-weight:var(--font-weight-semibold)}.text-center{text-align:center}.text-right{text-align:right}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.5rem}.btn{width:100%}}
