:root{--rmp-blue: #116dff;--rmp-blue-dark: #0d5dd6;--rmp-text: #080808;--rmp-text-secondary: #6b7280;--rmp-bg: #ffffff;--rmp-bg-surface: #f9fafb;--rmp-border: #e5e7eb;--rmp-error: #dc2626;--rmp-success: #16a34a;--rmp-shadow: 0 1px 4px rgba(0, 0, 0, .1);--rmp-shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--rmp-radius: 8px;--rmp-transition: .4s ease}.container{min-height:100vh;background:var(--rmp-bg-surface);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.form-card{background:var(--rmp-bg);border-radius:var(--rmp-radius);box-shadow:var(--rmp-shadow-lg);max-width:900px;width:100%;margin:0 auto;font-family:Arial,Helvetica,sans-serif;border:1px solid var(--rmp-border)}.form-header{background:var(--rmp-bg);color:var(--rmp-text);padding:40px 40px 32px;border-bottom:2px solid var(--rmp-border);text-align:center}.logo{height:50px;margin-bottom:20px}.form-header h1{margin:0 0 12px;font-size:32px;font-weight:600;color:var(--rmp-text);letter-spacing:-.5px}.trainer-info{margin-top:16px;display:flex;flex-direction:column;gap:6px}.trainer-name{font-size:18px;font-weight:600;color:var(--rmp-text);margin:0}.quarter-info{font-size:15px;color:var(--rmp-text-secondary);margin:0}.powerbi-section{padding:40px;border-bottom:1px solid var(--rmp-border);background:var(--rmp-bg)}.powerbi-section h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--rmp-text);letter-spacing:-.3px}.section-description{color:var(--rmp-text-secondary);margin-bottom:24px;font-size:15px;line-height:1.5}.powerbi-container{background:var(--rmp-bg-surface);border:2px dashed var(--rmp-border);border-radius:var(--rmp-radius);overflow:hidden}.powerbi-placeholder{padding:80px 20px;text-align:center;color:var(--rmp-text-secondary)}.powerbi-placeholder p:first-child{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--rmp-text)}.placeholder-note{font-size:14px;line-height:1.6}.metrics-section{padding:40px;background:var(--rmp-bg)}.metrics-section h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--rmp-text);letter-spacing:-.3px}.metric-card{background:var(--rmp-bg-surface);border:1px solid var(--rmp-border);border-radius:var(--rmp-radius);padding:24px;margin-bottom:20px;transition:all var(--rmp-transition)}.metric-card:hover{border-color:var(--rmp-blue);box-shadow:0 2px 8px #116dff14}.metric-card.has-error{border-color:var(--rmp-error);background:#fef2f2}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.metric-header h3{margin:0;font-size:18px;font-weight:600;color:var(--rmp-text);flex:1}.weight-badge{background:var(--rmp-blue);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;flex-shrink:0;margin-left:16px}.metric-description{color:var(--rmp-text-secondary);font-size:14px;margin-bottom:24px;line-height:1.5}.scoring-container{margin-top:20px}.scoring-row{display:flex;align-items:center;gap:20px;margin-bottom:16px}.percentage-input-wrapper{display:flex;align-items:center;gap:6px}.percentage-input{width:90px;padding:12px 16px;font-size:18px;font-weight:600;border:2px solid var(--rmp-border);border-radius:var(--rmp-radius);text-align:center;outline:none;transition:all var(--rmp-transition);background:var(--rmp-bg);color:var(--rmp-text);font-family:Arial,Helvetica,sans-serif}.percentage-input:focus{border-color:var(--rmp-blue);box-shadow:0 0 0 3px #116dff1a}.percentage-input::-webkit-inner-spin-button,.percentage-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.percentage-input[type=number]{-moz-appearance:textfield}.percentage-symbol{font-size:18px;font-weight:600;color:var(--rmp-text-secondary)}.score-display{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--rmp-blue);color:#fff;border-radius:var(--rmp-radius);font-weight:600;transition:all var(--rmp-transition)}.score-display-value{font-size:20px}.score-display-max{font-size:14px;opacity:.9}.notes-label{display:block;font-size:14px;color:var(--rmp-text);margin-bottom:8px;font-weight:600}.notes-label .required{color:var(--rmp-error);margin-left:2px}.notes-textarea{width:100%;min-height:100px;padding:14px 16px;font-size:15px;border:2px solid var(--rmp-border);border-radius:var(--rmp-radius);resize:vertical;outline:none;transition:all var(--rmp-transition);font-family:Arial,Helvetica,sans-serif;line-height:1.5;background:var(--rmp-bg);color:var(--rmp-text)}.notes-textarea:focus{border-color:var(--rmp-blue);box-shadow:0 0 0 3px #116dff14}.notes-textarea.error{border-color:var(--rmp-error);background:#fef2f2}.notes-textarea::placeholder{color:var(--rmp-text-secondary)}.field-error{color:var(--rmp-error);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.score-summary{padding:40px;background:var(--rmp-bg-surface);border-top:1px solid var(--rmp-border)}.score-box{background:var(--rmp-bg);border:2px solid var(--rmp-blue);padding:32px;border-radius:var(--rmp-radius);text-align:center}.score-label{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--rmp-text-secondary);text-transform:uppercase;letter-spacing:.5px}.score-value{font-size:56px;font-weight:700;margin:12px 0;color:var(--rmp-blue);letter-spacing:-1px}.score-note{font-size:14px;color:var(--rmp-text-secondary);margin-top:16px;line-height:1.6}.form-actions{padding:32px 40px 40px;background:var(--rmp-bg)}.validation-summary{background:#fef2f2;border:1px solid var(--rmp-error);border-radius:var(--rmp-radius);padding:16px;margin-bottom:20px;color:var(--rmp-error);font-size:14px;display:flex;align-items:flex-start;gap:10px}.submit-button{width:100%;background:var(--rmp-blue);color:#fff;border:none;padding:18px 32px;font-size:16px;font-weight:600;border-radius:var(--rmp-radius);cursor:pointer;transition:all var(--rmp-transition);box-shadow:var(--rmp-shadow);font-family:Arial,Helvetica,sans-serif;letter-spacing:.3px}.submit-button:hover:not(:disabled){background:var(--rmp-blue-dark);box-shadow:var(--rmp-shadow-lg);transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.5;cursor:not-allowed;background:var(--rmp-text-secondary)}.loading{text-align:center;padding:80px 20px;color:var(--rmp-text)}.spinner{border:4px solid var(--rmp-border);border-radius:50%;border-top:4px solid var(--rmp-blue);width:50px;height:50px;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{color:var(--rmp-text-secondary);font-size:15px}.error-box,.info-box{background:var(--rmp-bg);padding:48px 40px;border-radius:var(--rmp-radius);text-align:center;max-width:550px;margin:0 auto;box-shadow:var(--rmp-shadow-lg);border:1px solid var(--rmp-border)}.error-box h2,.info-box h2{margin:0 0 16px;color:var(--rmp-text);font-size:24px;font-weight:600}.error-box p,.info-box p{color:var(--rmp-text-secondary);margin-bottom:12px;line-height:1.6;font-size:15px}.error-box button{margin-top:24px;background:var(--rmp-blue);color:#fff;border:none;padding:14px 28px;font-size:15px;font-weight:600;border-radius:var(--rmp-radius);cursor:pointer;transition:all var(--rmp-transition);font-family:Arial,Helvetica,sans-serif;box-shadow:var(--rmp-shadow)}.error-box button:hover{background:var(--rmp-blue-dark);box-shadow:var(--rmp-shadow-lg)}.error-message{background:#fef2f2;border:1px solid var(--rmp-error);color:#991b1b;padding:14px 18px;border-radius:var(--rmp-radius);margin:0 40px 24px;font-size:14px;line-height:1.5}@media (max-width: 768px){.container{padding:20px 12px}.form-card{margin:0 auto}.form-header{padding:32px 24px 24px}.form-header h1{font-size:26px}.powerbi-section,.metrics-section,.score-summary,.form-actions{padding:28px 24px}.metric-card{padding:20px}.metric-header{flex-direction:column;align-items:flex-start;gap:8px}.weight-badge{margin-left:0}.scoring-row{flex-direction:column;align-items:flex-start;gap:12px}.score-value{font-size:44px}.error-message{margin:0 24px 20px}}.success-container{min-height:100vh;background:#f9fafb;padding:40px 20px;display:flex;justify-content:center;align-items:center;font-family:Arial,Helvetica,sans-serif}.success-card{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001f;max-width:650px;width:100%;padding:56px 48px;text-align:center;border:1px solid #e5e7eb}.success-icon{margin:0 auto 28px;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-card h1{margin:0 0 16px;font-size:32px;font-weight:600;color:#080808;letter-spacing:-.5px}.success-message{font-size:16px;color:#6b7280;margin-bottom:32px;line-height:1.6}.next-steps{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:28px;text-align:left;margin-bottom:24px}.next-steps h2{margin:0 0 16px;font-size:18px;font-weight:600;color:#080808}.next-steps ul{margin:0;padding-left:24px;color:#6b7280}.next-steps li{margin-bottom:12px;line-height:1.6;font-size:15px}.next-steps li:last-child{margin-bottom:0}.info-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px 18px;margin-bottom:32px;display:flex;align-items:center;gap:12px;text-align:left}.info-note p{margin:0;color:#1e40af;font-size:14px;line-height:1.5;flex:1}.close-button{background:#116dff;color:#fff;border:none;padding:16px 36px;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .4s ease;box-shadow:0 1px 4px #0000001a;font-family:Arial,Helvetica,sans-serif;letter-spacing:.3px}.close-button:hover{background:#0d5dd6;box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.close-button:active{transform:translateY(0)}@media (max-width: 768px){.success-container{padding:20px 12px}.success-card{padding:40px 28px}.success-icon{width:64px;height:64px;margin-bottom:24px}.success-card h1{font-size:26px}.success-message{font-size:15px}.next-steps{padding:24px}.next-steps h2{font-size:16px}.next-steps li{font-size:14px}.info-note{padding:14px 16px;font-size:13px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;color:#080808}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f9fafb}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#116dff}