: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}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{width:100%;max-width:420px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px;color:#000}.login-header{text-align:center;margin-bottom:30px}.login-header h1{margin:0 0 10px;font-size:28px;color:#333}.login-header p{margin:0;color:#666;font-size:14px}.login-error{background:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:center}.login-form,.login-form .form-group{margin-bottom:20px}.login-form label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.login-form input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#000;background:#fff;box-sizing:border-box;transition:border-color .2s}.login-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-btn:active{transform:translateY(0)}.login-footer{text-align:center;padding-top:20px;border-top:1px solid #eee}.demo-credentials{margin:0;font-size:13px;color:#666;line-height:1.6}.demo-credentials strong{color:#333}@media (max-width: 480px){.login-card{padding:30px 20px}.login-header h1{font-size:24px}}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;color:#000}#root{max-width:100%;margin:0 auto;padding:0;text-align:center;width:100%;color:#000}.container{max-width:1200px;margin:0 auto;padding:0 1rem;color:#000}@media (min-width: 576px){.container{padding:0 1.5rem}}@media (min-width: 768px){.container{padding:0 2rem}}@media (min-width: 1200px){.container{padding:0 2rem}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;color:#000}.read-the-docs{color:#000}.dashboard-nav{background:#1a1a1a;color:#fff;padding:1rem 0;margin-bottom:2rem;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;transition:color .25s;white-space:nowrap;padding:.5rem 1rem;border-radius:4px}.nav-links a:hover{color:#646cff;background:#646cff1a}.nav-links a.active{color:#646cff;font-weight:600;background:#646cff33}.logout-btn{color:#fff;background:#dc3545cc;border:none;font-weight:500;font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:background .25s}.logout-btn:hover{background:#dc3545}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem}@media (min-width: 769px){.dashboard-nav{padding:1.25rem 0}.nav-container{padding:0 2rem}.nav-brand{font-size:1.5rem}.nav-links{gap:2rem}.nav-links a{font-size:1rem;padding:.5rem 1rem}}@media (min-width: 1200px){.dashboard-nav{padding:1.5rem 0}.nav-brand{font-size:1.75rem}.nav-links{gap:2.5rem}.nav-links a{font-size:1.1rem;padding:.75rem 1.25rem}}@media (max-width: 768px){.nav-container{padding:0 1rem!important;position:relative}.nav-brand{font-size:1.1rem!important}.mobile-menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#1a1a1a;flex-direction:column;gap:0;padding:1rem;box-shadow:0 2px 4px #0000001a;z-index:100}.nav-links.mobile-open{display:flex}.nav-links a{padding:.75rem!important;border-bottom:1px solid #333;text-align:center;font-size:.9rem!important;background:none!important;border-radius:0!important}.nav-links a:hover{background:#646cff1a!important}.nav-links a.active{background:#646cff33!important}.nav-links a:last-child{border-bottom:none}.logout-btn{width:100%;padding:.75rem!important;border-bottom:none;text-align:center;font-size:.9rem!important;margin-top:.5rem}}.dashboard,.events-page,.payouts-page{min-height:100vh;background:#f8f9fa;overflow-x:hidden;width:100%;color:#000}.events-content{max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box;color:#000}.events-content .container{width:100%;max-width:none;padding:0;margin:0;color:#000}.payouts-content{max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box;color:#000}.payouts-content .container{width:100%;max-width:none;padding:0;margin:0;color:#000}.dashboard-content{max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box;color:#000}.dashboard-content .container{width:100%;max-width:none;padding:0;margin:0;color:#000}.dashboard-content .container h1{color:#000;margin-bottom:.5rem;font-size:2.5rem}.dashboard-content .container p{color:#000;margin-bottom:2rem}.loading,.error{text-align:center;padding:2rem;background:#fff;border-radius:8px;margin:2rem 0;color:#000}.retry-btn{margin-left:1rem;padding:.5rem 1rem;background:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .25s}.retry-btn:hover{background:#535bf2}@media (max-width: 768px){.loading,.error{padding:1.5rem;margin:1rem 0;font-size:.9rem}.retry-btn{margin:.5rem 0 0;display:block;width:100%}}.events-list{margin-top:2rem;color:#000}.events-header{margin-bottom:1.5rem}.events-header h2{color:#000;font-size:1.5rem}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin:0 -1rem;color:#000}.events-table{width:100%;border-collapse:collapse;min-width:800px;color:#000}.events-table th{background:#f8f9fa;padding:.75rem;text-align:left;font-weight:600;color:#000;border-bottom:1px solid #dee2e6;font-size:.875rem}.events-table td{padding:.75rem;border-bottom:1px solid #f0f0f0;vertical-align:middle;font-size:.875rem;color:#000}.events-table tr:hover{background:#f8f9fa}.events-table tr:last-child td{border-bottom:none}.event-name{font-weight:500;color:#000;max-width:200px;word-break:break-word}.event-type{color:#646cff;font-weight:500}@media (max-width: 768px){.table-container{margin:0;border-radius:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.events-table{min-width:900px}.events-table th,.events-table td{padding:.5rem;font-size:.75rem}.event-name{max-width:150px}.action-btn{font-size:.625rem;padding:.375rem .75rem}}@media (min-width: 768px){.table-container{margin:0}.events-table th,.events-table td{padding:1rem;font-size:.875rem}}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap;display:inline-block}@media (max-width: 768px){.status-badge{font-size:.625rem;padding:.2rem .5rem}}.status-published{background:#dcfce7;color:#166534}.status-draft{background:#fef3c7;color:#92400e}.status-cancelled{background:#fee2e2;color:#dc2626}.status-default{background:#f3f4f6;color:#6b7280}.action-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s;white-space:nowrap;color:#000}.action-btn:hover{opacity:.8;transform:translateY(-1px)}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover{background:#059669}.paid-btn{background:#646cff;color:#fff}.paid-btn:hover{background:#535bf2}.payouts-list{margin-top:2rem;color:#000}.payouts-header{margin-bottom:1.5rem}.payouts-header h2{color:#000;font-size:1.5rem}.payouts-table{width:100%;border-collapse:collapse;min-width:1000px;color:#000}.payouts-table th,.payouts-table td{padding:.75rem;border-bottom:1px solid #f0f0f0;vertical-align:middle;font-size:.875rem;color:#000}.payouts-table th{background:#f8f9fa;text-align:left;font-weight:600;color:#000;border-bottom:1px solid #dee2e6}.payouts-table tr:hover{background:#f8f9fa}.payouts-table tr:last-child td{border-bottom:none}.no-payouts{text-align:center;padding:3rem;color:#000;background:#fff;border-radius:8px}.payout-id{font-family:monospace;font-size:.8rem;color:#6b7280}.status-processing{background:#fef3c7;color:#92400e}.status-completed{background:#dcfce7;color:#166534}.payouts-summary{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb;margin-bottom:2rem;color:#000}.no-events{text-align:center;padding:3rem;color:#000;background:#fff;border-radius:8px}.events-charts{margin-top:2rem;color:#000}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem;width:100%}.chart-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb;color:#000}.chart-container h3{margin:0 0 1.5rem;color:#000;font-size:1.1rem;font-weight:600;text-align:center}.chart-wrapper{position:relative;height:300px;width:100%}.events-summary{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb;color:#000}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.summary-card{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;color:#000}.summary-card h4{margin:0 0 .5rem;color:#000;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.summary-number{margin:0;color:#000;font-size:2rem;font-weight:700}.summary-label{display:block;margin-top:.5rem;color:#6b7280;font-size:.75rem;font-weight:400}.search-filter-container{margin-bottom:20px;display:flex;gap:15px;align-items:center;position:static;overflow:visible;color:#000}.search-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#000;background:#fff}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;position:static;background:#fff;color:#000}.clear-filter-btn{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#f5f5f5;cursor:pointer;font-size:14px;color:#000}.clear-filter-btn:hover{background-color:#e9ecef}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px;color:#000;transition:all .2s ease}.filter-btn:hover{background-color:#f5f5f5;border-color:#007bff}.filter-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.search-input::placeholder{color:#000;opacity:.7}h1,h2,h3,h4,h5,h6,p{color:#000!important}span,div{color:#000}table,th,td{color:#000!important}@media (max-width: 768px){.search-filter-container{flex-direction:column;gap:10px}.search-input,.filter-select,.clear-filter-btn{width:100%}}@media (max-width: 480px){.dashboard-content,.events-content,.payouts-content{padding:.75rem!important;width:100%!important}.dashboard-content .container h1,.events-content .container h1,.payouts-content .container h1{font-size:1.75rem}.dashboard-content .container p,.events-content .container p,.payouts-content .container p{font-size:.9rem}.charts-grid{grid-template-columns:1fr!important;gap:.75rem}.chart-container{margin:0;border-radius:8px;padding:.75rem}.chart-wrapper{height:220px}.summary-grid{grid-template-columns:1fr;gap:.75rem}.summary-card{padding:.75rem}.summary-number{font-size:1.25rem}.events-summary{padding:1rem;margin:1rem 0 0}}@media (min-width: 481px) and (max-width: 768px){.dashboard-content,.events-content,.payouts-content{padding:1rem!important;width:100%!important}.charts-grid{grid-template-columns:1fr!important;gap:1rem}.chart-container{padding:1rem;margin:0 -.5rem}.chart-container h3{font-size:1rem;margin-bottom:1rem}.chart-wrapper{height:250px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.summary-card{padding:1rem}.summary-card h4{font-size:.75rem}.summary-number{font-size:1.5rem}.events-summary{padding:1rem;margin:1rem -.5rem 0}.table-container{overflow-x:auto}.events-table{min-width:800px}}@media (min-width: 769px) and (max-width: 1024px){.dashboard-content,.events-content,.payouts-content{padding:1.5rem!important;width:100%!important}.charts-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.chart-wrapper{height:280px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}}@media (min-width: 1025px) and (max-width: 1200px){.dashboard-content,.events-content,.payouts-content{padding:2rem}.charts-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.chart-wrapper{height:300px}.chart-container{padding:1.5rem;margin:0}}@media (min-width: 1201px){.dashboard-content,.events-content,.payouts-content{padding:2rem!important}.charts-grid{grid-template-columns:repeat(2,1fr)!important;gap:2rem!important}.chart-wrapper{height:320px!important}.chart-container{padding:1.5rem!important;margin:0!important}}input,select,textarea{background:#fff;color:#000;border:1px solid #ccc;border-radius:6px;padding:6px 10px;font-size:14px;outline:none;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:#4caf50;box-shadow:0 0 3px #4caf5080}input[type=checkbox],input[type=radio]{accent-color:#4caf50;margin-right:6px}button,.submit-btn,.cancel-btn,.action-btn,.approve-btn,.danger-btn{cursor:pointer}.create-new-btn{background-color:#059669}.subject-id-selector{margin-top:10px;margin-bottom:20px}.selector-toggle-btn{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.selector-toggle-btn:hover{background-color:#0056b3}.selector-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:900px;max-height:80vh;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:1000;display:flex;flex-direction:column;color:#000}.selector-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ddd}.selector-header h3{margin:0;font-size:20px;color:#000}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn:hover{color:#000}.selector-search{padding:15px 20px;border-bottom:1px solid #ddd}.selector-search .search-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#000}.selector-list{flex:1;overflow-y:auto;padding:20px}.selector-table{width:100%;border-collapse:collapse}.selector-table thead{position:sticky;top:0;background:#fff;z-index:1}.selector-table th{text-align:left;padding:12px;border-bottom:2px solid #ddd;font-weight:600;color:#000;background:#f8f9fa}.selector-table td{padding:12px;border-bottom:1px solid #eee;color:#000}.selector-table tr:hover{background-color:#f8f9fa}.selector-table tr.selected{background-color:#e3f2fd}.item-name{font-weight:500}.item-id code{background:#f5f5f5;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Courier New,monospace;color:#000}.action-buttons{display:flex;gap:8px}.select-btn{background-color:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px}.select-btn:hover{background-color:#218838}.copy-btn{background-color:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px}.copy-btn:hover{background-color:#5a6268}.selector-loading,.selector-error,.no-items{padding:40px;text-align:center;color:#666}.selector-error{color:#dc3545}.selector-modal:before{content:"";position:fixed;inset:0;background:#00000080;z-index:-1}@media (max-width: 768px){.selector-modal{width:95%;max-height:90vh}.selector-table{font-size:12px}.action-buttons{flex-direction:column;gap:4px}.select-btn,.copy-btn{width:100%}}.create-policy-page .page-header-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.create-policy-page .page-header-section h1{margin-bottom:.5rem;color:#1a1a1a;font-size:2rem;font-weight:700}.create-policy-page .page-description{color:#6b7280;font-size:1rem;margin:0}.alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background-color:#fee2e2;color:#991b1b;border-left:4px solid #dc2626}.alert-success{background-color:#d1fae5;color:#065f46;border-left:4px solid #10b981}.alert-icon{font-size:1.25rem;font-weight:700}.fee-policy-form{max-width:900px}.form-section{margin-bottom:2rem;padding:1.75rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:box-shadow .2s ease}.form-section:hover{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.section-header h3{margin:0 0 .5rem;color:#111827;font-size:1.25rem;font-weight:600}.section-description{margin:0;color:#6b7280;font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.9rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group select{width:100%;padding:.75rem 1rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s ease;background-color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#9ca3af}.form-group.checkbox{display:flex;align-items:center;margin-bottom:1rem}.form-group.checkbox label{display:flex;align-items:center;gap:.75rem;margin-bottom:0;cursor:pointer;-webkit-user-select:none;user-select:none}.form-group.checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#3b82f6}.form-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tier-group{padding:1.25rem;margin-bottom:1.25rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;transition:all .2s ease}.tier-group:hover{border-color:#d1d5db;background:#f3f4f6}.tier-header{margin-bottom:1rem}.tier-header h4{margin:0;color:#374151;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.tier-header h4:before{content:"";width:4px;height:1rem;background:#3b82f6;border-radius:2px}.add-tier-btn,.remove-tier-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.add-tier-btn{background:#3b82f6;color:#fff;width:100%;margin-top:1rem}.add-tier-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f633}.remove-tier-btn{background:#ef4444;color:#fff;margin-top:.5rem}.remove-tier-btn:hover{background:#dc2626;transform:translateY(-1px)}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.submit-btn,.cancel-btn{padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;flex:1}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af}.cancel-btn{background:#fff;color:#374151;border:1.5px solid #d1d5db;padding:.875rem 1.5rem}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}@media (max-width: 768px){.form-inline{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-section{padding:1.25rem}.create-policy-page .page-header-section h1{font-size:1.5rem}}.submit-btn:disabled{position:relative;color:transparent}.submit-btn:disabled:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}