:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0}#root{min-height:100vh;background:#f8f9fa;padding:0;margin:0;width:100%}.App{min-height:100vh;display:flex;flex-direction:column;width:100%}th,td{padding-left:1rem;padding-right:1rem}.top-bar{background-color:#3d7c3f;height:27px;display:flex;align-items:center;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.top-bar-content{width:100%;padding:0 1rem;text-align:right}.client-portal-link{color:#fff;text-decoration:underline;font-size:.875rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.client-portal-link:hover{opacity:.8}.site-header{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem 0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.header-content{max-width:900px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:3rem}.logo{display:flex;align-items:center}.logo-image{height:100px;width:auto;display:block}.header-tagline{font-size:2rem;font-weight:600;color:#3d7c3f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:.5px}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;padding:0 1rem;text-align:center}.header-tagline{font-size:1.5rem}.top-bar-content{padding:0 1rem}}.site-footer{background-color:#000;color:#fff;padding:1rem 0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr auto 1fr;gap:4rem;align-items:start}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-column:first-child{align-items:flex-start}.footer-column:last-child{align-items:flex-end}.footer-link{color:#fff;text-decoration:none;font-size:.9375rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:color .2s ease}.footer-link:hover{color:#3d7c3f}.footer-logo{align-items:center;justify-content:center}.footer-logo-image{height:150px;width:auto;display:block}.footer-copyright{text-align:center;margin:0;padding:0}.footer-copyright p{color:#718096;font-size:.875rem;margin:0}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-column{align-items:center!important}.footer-logo{order:-1}}.home-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#f5f7fa,#e8f0e8)}.home-content{max-width:1000px;width:100%;text-align:center}.home-title{color:#1a202c;font-size:3rem;font-weight:700;margin-bottom:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:-.025em;line-height:1.2}.home-subtitle{color:#4a5568;font-size:1.25rem;margin-bottom:3rem;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.home-actions{display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;border-radius:.5rem;text-decoration:none;transition:all .3s ease;display:inline-block;border:2px solid transparent}.btn-primary{background-color:#3d7c3f;color:#fff}.btn-primary:hover{background-color:#2d5a2e;transform:translateY(-2px);box-shadow:0 4px 12px #3d7c3f4d}.btn-secondary{background-color:#fff;color:#3d7c3f;border-color:#3d7c3f}.btn-secondary:hover{background-color:#3d7c3f;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3d7c3f33}.home-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.info-card{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.info-card h3{color:#3d7c3f;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.info-card p{color:#4a5568;font-size:1rem;line-height:1.6;margin:0}@media (max-width: 768px){.home-title{font-size:2rem}.home-subtitle{font-size:1.125rem}.home-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}.home-info{grid-template-columns:1fr}}.register-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background-color:#f7fafc}.register-message{max-width:700px;background:#fff;border-radius:8px;padding:3rem;box-shadow:0 2px 8px #0000001a;text-align:center}.register-message h1{color:#1a202c;font-size:2rem;margin-bottom:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.message-content{display:flex;flex-direction:column;gap:1.5rem}.main-message{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0;line-height:1.6}.sub-message{font-size:1.125rem;color:#4a5568;margin:0;line-height:1.6}.contact-message{font-size:1.125rem;color:#3d7c3f;font-weight:500;margin:0;line-height:1.6}@media (max-width: 768px){.register-container{padding:2rem 1rem}.register-message{padding:2rem 1.5rem}.register-message h1{font-size:1.5rem}.main-message{font-size:1.125rem}.sub-message,.contact-message{font-size:1rem}}.registration-container{max-width:900px;margin:0 auto;padding:0 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column;justify-content:center}.header-section{margin-bottom:2.5rem}.registration-container h1{color:#3d7c3f;margin-bottom:.75rem;font-size:2.5rem;font-weight:700;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:-.025em}.subtitle{color:#4a5568;margin-bottom:0;font-size:1.125rem;text-align:center;font-weight:400;line-height:1.6}.message{padding:1.25rem;border-radius:.375rem;margin-bottom:2rem;font-weight:500;text-align:center}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.registration-form{background:transparent;padding:0;border-radius:0;box-shadow:none;border:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.form-section-note{background-color:#f0f9ff;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:.375rem;color:#1a202c;font-size:.9375rem;line-height:1.6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (max-width: 900px){.form-row{grid-template-columns:1fr!important;gap:1.5rem}.registration-form{padding:2rem 1.5rem}.registration-container h1{font-size:2rem}.registration-container{padding:0 1rem 1rem}}@media (max-width: 480px){.registration-form{padding:1.5rem 1rem}.form-row{gap:1rem}.registration-container h1{font-size:1.75rem}.subtitle{font-size:1rem}}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#1a202c;margin-bottom:.625rem;font-size:.9375rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:2px solid #cbd5e0;border-radius:.375rem;font-size:1rem;transition:all .2s ease;background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3d7c3f;box-shadow:0 0 0 3px #3d7c3f1a}.form-group input:hover:not(:disabled),.form-group select:hover:not(:disabled),.form-group textarea:hover:not(:disabled){border-color:#4a5568}.form-group select:disabled{background-color:#f7fafc;cursor:not-allowed;color:#a0aec0;border-color:#e2e8f0}.submit-button{width:100%;padding:1rem 2rem;background-color:#3d7c3f;color:#fff;border:none;border-radius:.375rem;font-size:1.0625rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:.025em;box-shadow:0 2px 4px #3d7c3f33}.submit-button:hover:not(:disabled){background-color:#2d5f2f;transform:translateY(-2px);box-shadow:0 4px 8px #3d7c3f4d}.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #2c528233}.submit-button:disabled{background-color:#a0aec0;cursor:not-allowed;box-shadow:none;transform:none}.form-group input:invalid:not(:placeholder-shown),.form-group select:invalid:not(:placeholder-shown){border-color:#e53e3e}.form-group input::placeholder{color:#a0aec0}.registration-form:before{content:"";position:absolute;top:0;left:0;right:0;height:0;background:transparent;border-radius:0}.registration-form{position:relative}.form-footer{margin-top:1.5rem;text-align:center;color:#718096;font-size:.875rem;line-height:1.5}.form-group label:after{content:" *";color:#e53e3e;font-weight:700}.form-group label[for=attendingReason]:after{content:""}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233D7C3F' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.submit-button:disabled{opacity:.7}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible,.submit-button:focus-visible{outline:2px solid #3D7C3F;outline-offset:2px}.event-container{max-width:900px;margin:0 auto;padding:0}.webinar-registration-banner{background:#f8f9fa;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.webinar-registration-banner h2{margin:0;font-size:1.75rem;font-weight:600;color:#3d7c3f}.event-header{background:#fff;border-radius:0;padding:2rem;margin-bottom:0;box-shadow:none}.event-header-logo-section{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem}.logo{display:flex;align-items:center;flex-shrink:0}.logo-image{height:60px;width:auto;display:block}.event-banner-image{max-width:400px;height:auto;display:block}.event-title{color:#64748b;font-size:2rem;margin-bottom:1rem;text-align:center}.event-description{text-align:center;margin-bottom:1.5rem}.event-description p{color:#475569;line-height:1.6;white-space:pre-wrap;margin:0;font-size:1rem}.event-datetime{display:flex;align-items:center;justify-content:center;gap:1.5rem;max-width:700px;margin:0 auto;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.datetime-icon{flex-shrink:0}.datetime-icon svg{width:64px;height:64px}.datetime-content{text-align:center}.datetime-label{color:#1e293b;font-weight:700;font-size:1.1rem;margin-bottom:.5rem;letter-spacing:.05em}.datetime-value{color:#1e293b;font-size:1.1rem;line-height:1.6}.registration-section{background:#fff;border-radius:0;padding:.5rem 2rem 2rem;box-shadow:none}.registration-section h2{color:#334155;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.loading,.error{text-align:center;padding:2rem;font-size:1.1rem}.error{color:#dc2626;background-color:#fee2e2;border-radius:8px}@media (max-width: 768px){.event-container{padding:1rem}.event-header,.registration-section{padding:1.5rem}.event-title{font-size:1.5rem}.event-datetime{flex-direction:column;text-align:center;gap:1rem}.datetime-icon svg{width:56px;height:56px}.datetime-label,.datetime-value{font-size:1rem}}@media (max-width: 480px){.event-title{font-size:1.25rem}.datetime-icon svg{width:48px;height:48px}.datetime-label,.datetime-value{font-size:.9rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;width:100%;max-width:450px;overflow:hidden}.login-header{background:#00a651;color:#fff;padding:40px 30px;text-align:center}.login-header h1{margin:0 0 10px;font-size:28px;font-weight:600}.login-header p{margin:0;font-size:14px;opacity:.9}.login-form{padding:40px 30px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:15px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#00a651;box-shadow:0 0 0 3px #00a6511a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.login-button{width:100%;padding:14px;background:#00a651;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-button:hover:not(:disabled){background:#008f45;transform:translateY(-1px);box-shadow:0 4px 12px #00a6514d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#ccc;cursor:not-allowed}.login-footer{padding:20px 30px;background:#f8f8f8;text-align:center;border-top:1px solid #e0e0e0}.login-footer a{color:#00a651;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.login-footer a:hover{color:#008f45;text-decoration:underline}.admin-container{min-height:100vh;background:#f5f5f5}.admin-header{background:#00a651;color:#fff;padding:20px 0;box-shadow:0 2px 8px #0000001a}.admin-header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.admin-header h1{margin:0;font-size:24px;font-weight:600}.admin-user-info{display:flex;align-items:center;gap:15px}.user-name{font-size:14px;font-weight:500}.user-role{background:#fff3;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.logout-button{background:#fff;color:#00a651;border:none;padding:8px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:#f0f0f0;transform:translateY(-1px)}.admin-content{max-width:1200px;margin:0 auto;padding:40px 20px}.dashboard-welcome{text-align:center;margin-bottom:40px}.dashboard-welcome h2{color:#333;font-size:32px;margin:0 0 10px}.dashboard-welcome p{color:#666;font-size:16px;margin:0}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:30px}.dashboard-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.dashboard-card h3{margin:0 0 12px;color:#333;font-size:20px}.dashboard-card p{color:#666;margin:0 0 20px;font-size:14px;line-height:1.5}.card-button{background:#00a651;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.card-button:hover{background:#008f45;transform:translateY(-1px)}.card-button:active{transform:translateY(0)}@media (max-width: 768px){.admin-header-content{flex-direction:column;gap:15px;text-align:center}.admin-user-info{flex-direction:column;gap:10px}.dashboard-cards{grid-template-columns:1fr}}.admin-webinars-container{min-height:100vh;background:#f5f5f5;padding:40px 20px}.admin-webinars-header{max-width:1200px;margin:0 auto 40px}.admin-webinars-header h1{color:#333;font-size:36px;margin:0 0 10px}.error-banner{max-width:1200px;margin:0 auto 30px;background:#fee;border:1px solid #fcc;color:#c33;padding:16px 20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.retry-button{background:#c33;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600}.retry-button:hover{background:#a22}.empty-state{max-width:600px;margin:60px auto;text-align:center;background:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-state h2{color:#333;margin:0 0 10px}.empty-state p{color:#666;margin:0}.webinars-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.webinar-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.webinar-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.webinar-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0;flex-shrink:0;min-height:140px}.webinar-header h3{margin:0;color:#333;font-size:20px;flex:1}.webinar-id{background:#e8f5e9;color:#00a651;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;margin-left:12px}.webinar-details{margin-bottom:20px;flex-shrink:0}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f5f5f5}.detail-label{color:#666;font-weight:500;font-size:14px}.detail-value{color:#333;font-weight:600;font-size:14px;text-align:right}.webinar-agenda{background:#f8f8f8;padding:16px;border-radius:8px;margin-bottom:20px;flex-grow:1}.webinar-agenda strong{color:#333;display:block;margin-bottom:8px}.webinar-agenda p{color:#666;margin:0;font-size:14px;line-height:1.6}.webinar-actions{display:flex;gap:12px;margin-top:auto;padding-top:20px;flex-shrink:0}.action-button{flex:1;padding:12px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:all .3s ease;font-size:14px}.action-button.primary{background:#00a651;color:#fff}.action-button.primary:hover{background:#008f45;transform:translateY(-1px)}@media (max-width: 768px){.webinars-grid{grid-template-columns:1fr}.webinar-header{flex-direction:column;gap:10px}.webinar-id{margin-left:0}}.admin-users-container{min-height:100vh;background:#f5f5f5;padding:40px 20px}.admin-users-header{max-width:1400px;margin:0 auto 40px}.back-button{background:#00a651;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s ease}.back-button:hover{background:#008f45;transform:translateY(-1px)}.header-content{display:flex;justify-content:space-between;align-items:center}.admin-users-header h1{color:#333;font-size:36px;margin:0 0 10px}.subtitle{color:#666;font-size:16px;margin:0}.create-button{background:#00a651;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.create-button:hover{background:#008f45;transform:translateY(-2px);box-shadow:0 4px 12px #00a6514d}.loading-state{text-align:center;padding:60px 20px;font-size:18px;color:#666}.error-banner{max-width:1400px;margin:0 auto 30px;background:#fee;border:1px solid #fcc;color:#c33;padding:16px 20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.close-button{background:none;border:none;color:#c33;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.users-table-container{max-width:1400px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f8f8f8;border-bottom:2px solid #e0e0e0}.users-table th{padding:16px;text-align:left;font-weight:600;color:#333;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:16px;border-bottom:1px solid #f0f0f0;color:#666;font-size:14px}.users-table tbody tr:hover{background:#f9f9f9}.username-cell strong{color:#333;font-size:15px}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.role-badge.admin{background:#e3f2fd;color:#1976d2}.role-badge.superadmin{background:#e8f5e9;color:#00a651}.actions-cell{display:flex;gap:8px}.action-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease}.action-btn:hover{background:#f0f0f0;transform:scale(1.1)}.action-btn:disabled{opacity:.3;cursor:not-allowed}.action-btn:disabled:hover{background:none;transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;padding:0;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #f0f0f0}.modal-header h2{margin:0;color:#333;font-size:24px}.close-modal-btn{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-modal-btn:hover{background:#f0f0f0;color:#333}.modal-content form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#00a651;box-shadow:0 0 0 3px #00a6511a}.form-group small{display:block;margin-top:6px;color:#999;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:2px solid #f0f0f0}.cancel-btn,.submit-btn{padding:12px 24px;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#f0f0f0;color:#666}.cancel-btn:hover{background:#e0e0e0}.submit-btn{background:#00a651;color:#fff}.submit-btn:hover{background:#008f45;transform:translateY(-1px);box-shadow:0 4px 12px #00a6514d}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start;gap:20px}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.form-row{grid-template-columns:1fr}}.admin-registrations-container{padding:2rem;max-width:1400px;margin:0 auto}.admin-registrations-header{margin-bottom:2rem}.back-button{background:none;border:none;color:#00a651;font-size:1rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;transition:color .2s}.back-button:hover{color:#008040}.header-content h1{color:#333;margin:0;font-size:2rem}.subtitle{color:#666;margin:.5rem 0 0;font-size:1rem}.export-button{background-color:#00a651;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s}.export-button:hover{background-color:#008040}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.filter-group label{font-weight:600;color:#333;font-size:.9rem}.search-input,.filter-select{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.search-input:focus,.filter-select:focus{outline:none;border-color:#00a651}.registrations-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.registrations-table{width:100%;border-collapse:collapse}.registrations-table thead{background-color:#f8f9fa}.registrations-table th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.registrations-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.registrations-table tbody tr:hover{background-color:#f8f9fa}.registrations-table td{padding:1rem;color:#555}.filter-row th{padding:.5rem;background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.column-filter{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;background-color:#fff;transition:border-color .2s}.column-filter:focus{outline:none;border-color:#00a651;box-shadow:0 0 0 .2rem #00a6511a}.column-filter::placeholder{color:#999;font-size:.85rem}.id-cell{font-family:monospace;color:#888;font-size:.9rem}.state-badge{display:inline-block;padding:.25rem .75rem;background-color:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.85rem;font-weight:600}.employment-badge{display:inline-block;padding:.25rem .75rem;background-color:#f3e5f5;color:#7b1fa2;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.status-success{background-color:#e8f5e9;color:#2e7d32}.status-failed{background-color:#ffebee;color:#c62828}.status-pending{background-color:#fff9c4;color:#f57f17}.error-tooltip{display:inline-block;margin-left:.5rem;cursor:help;font-size:1rem}.failed-row{background-color:#fff5f5!important}.failed-row:hover{background-color:#ffebee!important}.webinar-id-cell{font-family:monospace;font-size:.9rem;color:#666}.date-cell{color:#666;font-size:.9rem}.loading-state{text-align:center;padding:4rem 2rem;color:#666;font-size:1.2rem}.error-banner{background-color:#ffebee;color:#c62828;padding:1rem 1.5rem;border-radius:6px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-banner .close-button{background:none;border:none;color:#c62828;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.empty-state p{color:#666;font-size:1rem}@media (max-width: 1200px){.registrations-table{font-size:.9rem}.registrations-table th,.registrations-table td{padding:.75rem}}@media (max-width: 768px){.admin-registrations-container{padding:1rem}.header-content{flex-direction:column;align-items:flex-start}.filters-container{flex-direction:column}.filter-group{width:100%}.registrations-table-container{overflow-x:auto}.registrations-table{min-width:800px}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}.details-grid{grid-template-columns:1fr}.modal-content{width:95%;max-height:95vh}.modal-header h2{font-size:1.25rem}}.actions-cell{text-align:center}.view-details-btn{background-color:#00a651;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.view-details-btn:hover{background-color:#008a43}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #dee2e6}.modal-header h2{margin:0;color:#333;font-size:1.5rem}.modal-close-btn{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-btn:hover{color:#333}.modal-body{padding:1.5rem}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-weight:600;color:#666;font-size:.9rem}.detail-item span{color:#333;font-size:1rem}.url-text a{color:#00a651;text-decoration:none;word-break:break-all}.url-text a:hover{text-decoration:underline}.error-text{color:#dc3545;font-style:italic}.modal-footer{padding:1.5rem;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end}.close-modal-btn{background-color:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.close-modal-btn:hover{background-color:#5a6268}.pagination-btn{padding:.5rem .75rem;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;border-radius:4px;font-size:1rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#00a651;color:#00a651}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-ymcas-container{padding:2rem;max-width:1400px;margin:0 auto}.admin-ymcas-header{margin-bottom:2rem}.back-button{background:none;border:none;color:#00a651;font-size:1rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.5rem}.back-button:hover{text-decoration:underline}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-content h1{margin:0;color:#333;font-size:2rem}.subtitle{color:#666;margin:.5rem 0 0}.create-button{background-color:#00a651;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.create-button:hover{background-color:#008a43}.error-banner{background-color:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#c33}.filters-section{background:#f5f5f5;padding:1rem;border-radius:4px;margin-bottom:1.5rem;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:row;align-items:center;gap:.5rem}.filter-group label{font-weight:500;color:#333;margin-bottom:0}.filter-group label:has(input[type=checkbox]){display:flex;align-items:center;gap:.5rem}.state-filter{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.loading-state,.empty-state{text-align:center;padding:3rem;color:#666}.empty-state h2{color:#333;margin-bottom:.5rem}.empty-state-row{background-color:#f8f9fa}.empty-state-row .empty-state{padding:2rem}.ymcas-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.ymcas-table{width:100%;border-collapse:collapse;table-layout:auto}.ymcas-table th:nth-child(1),.ymcas-table td:nth-child(1){display:none}.ymcas-table th:nth-child(3),.ymcas-table td:nth-child(3){min-width:120px}.ymcas-table thead{background-color:#f8f9fa}.ymcas-table th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.ymcas-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.ymcas-table th.sortable:hover{background-color:#e9ecef}.filter-row th{padding:.5rem;background-color:#fff;border-bottom:1px solid #dee2e6}.column-filter{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;font-weight:400}.column-filter:focus{outline:none;border-color:#00a651}.ymcas-table td{padding:1rem;border-bottom:1px solid #dee2e6}.ymcas-table tbody tr:hover{background-color:#f8f9fa}.ymcas-table tbody tr.inactive-row{opacity:.6;background-color:#f9f9f9}.id-cell{color:#666;font-family:monospace}.name-cell strong{color:#333}.state-badge{background-color:#e3f2fd;color:#1976d2;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.actions-cell{display:flex;gap:.5rem}.action-btn{background:none;border:1px solid #ddd;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s}.action-btn:hover{background-color:#f8f9fa;transform:scale(1.1)}.edit-btn:hover{border-color:#00a651}.delete-btn:hover{border-color:#dc3545}.toggle-btn:hover{border-color:#ffc107}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;color:#333}.close-modal-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#999;line-height:1}.close-modal-btn:hover{color:#333}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row:has(.form-group:only-child){grid-template-columns:1fr}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:.5rem;color:#333}.form-group input,.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#00a651}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.cancel-btn{background-color:#f8f9fa;border:1px solid #ddd;color:#333}.cancel-btn:hover{background-color:#e9ecef}.submit-btn{background-color:#00a651;border:none;color:#fff}.submit-btn:hover{background-color:#008a43}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-top:1px solid #dee2e6;flex-wrap:wrap;gap:1rem}.pagination-info{display:flex;align-items:center;gap:.5rem}.pagination-info label{font-weight:500;color:#333}.items-per-page-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;cursor:pointer}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem .75rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .2s;min-width:40px}.pagination-btn:hover:not(:disabled){background-color:#00a651;color:#fff;border-color:#00a651}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-text{padding:0 1rem;font-weight:500;color:#333}.filters-container{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:flex-end}.clear-filters-button{background:#00a651;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:background-color .2s;font-weight:600;font-size:.95rem}.clear-filters-button:hover{background:#008a43}.settings-header{margin-bottom:2rem}.back-button{background-color:#f5f5f5;color:#333;border:1px solid #ddd;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.back-button:hover{background-color:#e0e0e0;transform:translate(-5px)}.message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;font-weight:500}.message.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #4caf50}.message.error{background-color:#ffebee;color:#c62828;border:1px solid #f44336}.settings-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.settings-section h2{color:#00a651;margin-bottom:.5rem;font-size:1.5rem}.section-description{color:#666;margin-bottom:2rem;font-size:.95rem}.setting-group{margin-bottom:1.5rem;padding:1rem;background-color:#f9f9f9;border-radius:8px}.setting-group label{display:block;font-weight:500;color:#333;margin-bottom:.5rem}.toggle-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{width:20px;height:20px;margin-right:1rem;cursor:pointer;accent-color:#00a651}.toggle-text{font-size:1rem;color:#333}.number-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;margin-top:.5rem;transition:border-color .3s ease}.number-input:focus{outline:none;border-color:#00a651;box-shadow:0 0 0 3px #00a6511a}.input-hint{display:block;margin-top:.5rem;font-size:.85rem;color:#666;font-style:italic}.save-button{background-color:#00a651;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.save-button:hover:not(:disabled){background-color:#008a44;transform:translateY(-2px);box-shadow:0 4px 12px #00a6514d}.save-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#666}@media (max-width: 768px){.settings-section{padding:1.5rem}.settings-section h2{font-size:1.25rem}.save-button{width:100%}}
