*,:after,:before{box-sizing:border-box}*{margin:0}html{font-size:16px;line-height:1.6}body{background-color:#fff;color:#1f2937}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus{outline:2px solid #3b82f6;outline-offset:2px}:focus:not(:focus-visible){outline:none}.input-container{margin-bottom:1rem;width:100%}.input-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper--error .input{border-color:#ef4444;box-shadow:0 0 0 1px #ef4444}.input-icon{color:#6b7280;left:.75rem;pointer-events:none;position:absolute;z-index:1}.input{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}.input--with-icon{padding-left:2.75rem}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.input::placeholder{color:#9ca3af}.input-error{color:#ef4444;display:block;font-size:.875rem;margin-top:.25rem}.button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;outline:none;position:relative;text-decoration:none;transition:all .2s ease-in-out}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{background-color:#ffbe2c;color:#1f2937}.button--primary:hover:not(:disabled){background-color:#e6a825}.button--primary:focus{box-shadow:0 0 0 2px #ffbe2c80}.button--secondary{background-color:#6b7280;color:#fff}.button--secondary:hover:not(:disabled){background-color:#4b5563}.button--outline{background-color:initial;border:1px solid #ffbe2c;color:#ffbe2c}.button--outline:hover:not(:disabled){background-color:#ffbe2c;color:#1f2937}.button--small{font-size:.875rem;padding:.5rem 1rem}.button--medium{font-size:1rem;padding:.75rem 1.5rem}.button--large{font-size:1.125rem;padding:1rem 2rem}.button--loading{pointer-events:none}.button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1rem;position:absolute;width:1rem}.button-text--hidden{opacity:0}.button-icon,.login-page{align-items:center;display:flex}.login-page{background:url(/static/media/bg.d79c317e9c6ac0a2e6eb.png) no-repeat 50%;background-size:cover;justify-content:center;min-height:100vh;padding:1rem}.login-container{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:2rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-logo{display:block;height:auto;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:120px}.login-title{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.login-subtitle{color:#6b7280;font-size:.875rem;margin:0}.login-form{width:100%}.login-button{background-color:#ffbe2c!important;border-color:#ffbe2c!important;margin-top:.5rem;width:100%}.login-button:hover{background-color:#e6a825!important;border-color:#e6a825!important}.login-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.login-error p{color:#dc2626;font-size:.875rem;margin:0;text-align:center}.login-footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.login-demo-info{background-color:#f3f4f6;border-radius:.5rem;color:#4b5563;font-size:.875rem;line-height:1.5;margin:0;padding:1rem;text-align:center}.login-demo-info strong{color:#1f2937}@media (max-width:480px){.login-container{margin:1rem;padding:1.5rem}.login-title{font-size:1.5rem}}@media (max-width:768px){.dashboard-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-user-info{align-items:flex-start;flex-direction:column;gap:.5rem}}.nav-item{background:#fff!important;box-sizing:border-box;color:#34495e!important;white-space:nowrap;width:250px}.nav-item:hover{background-color:#fff!important;box-shadow:inset 0 0 0 2px gold;color:#34495e!important}.nav-item.active{background-color:gold!important;color:#34495e}.nav-item.active:hover{background-color:#ffc700!important;color:#34495e}.nav-icon{align-items:center;display:flex!important;height:20px;justify-content:center}.nav-icon,.nav-icon svg{opacity:1!important;visibility:visible!important}.nav-icon svg{flex-shrink:0}.nav-label{display:inline!important;opacity:1!important;visibility:visible!important;white-space:nowrap}@media (max-width:768px){.dashboard-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;height:auto;padding:1rem 0;position:static;width:100%}.nav-menu{display:flex;gap:.5rem;overflow-x:auto;padding:0 1rem}.nav-item{flex-shrink:0;margin-bottom:0;white-space:nowrap}}.overview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 .5rem}.overview-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.reload-button{border:1px solid #ffbe2c!important;border-radius:.5rem;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.reload-button,.reload-button:hover:not(:disabled){background-color:#ffbe2c!important;color:#1f2937!important}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);max-width:800px}.range-toggle{align-items:center;display:inline-flex;gap:.5rem;margin-bottom:.5rem}.range-btn{background:#0000;border:1px solid #ffbe2c;border-radius:9999px;color:#ffbe2c;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .15s ease-in-out}.range-btn:hover{background:#ffbe2c1a}.range-btn.active{background:#ffbe2c;color:#1f2937}.chart-section{display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin-top:1rem}.events-section{margin-top:2rem;width:100%}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr;max-width:none}.chart-section{flex-direction:column}}.line-chart-container{background:#fff;border:2px solid #ffbe2c;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:20px;padding:1.5rem;width:49%}.chart-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-align:center}.line-chart-container .recharts-wrapper{font-family:inherit}.line-chart-container .recharts-tooltip-wrapper{z-index:1000}.line-chart-container .recharts-cartesian-axis-tick-value{fill:#6b7280;font-size:12px}.line-chart-container .recharts-cartesian-grid-horizontal line,.line-chart-container .recharts-cartesian-grid-vertical line{stroke:#e5e7eb;stroke-dasharray:3 3}.line-chart-container .recharts-line .recharts-curve{stroke-width:2}.line-chart-container .recharts-line .recharts-dot{stroke-width:2;r:4}.line-chart-container .recharts-active-dot{stroke-width:2;r:6}.events-table-container{background:#fff;border:2px solid #ffbe2c;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:1.5rem}.events-table-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding:1.5rem 1.5rem 0}.events-table-wrapper{overflow-x:auto}.events-table{border-collapse:collapse;font-size:.875rem;width:100%}.events-table-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;position:relative;text-align:left;text-transform:uppercase}.events-table-header:first-child{border-top-left-radius:.5rem}.events-table-header:last-child{border-top-right-radius:.5rem}.events-table-header-actions{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;width:40px}.header-menu-btn{background:none;border:none;border-radius:.25rem;color:#9ca3af;cursor:pointer;margin-left:.5rem;padding:.25rem;transition:all .2s ease}.header-menu-btn:hover{background-color:#e5e7eb;color:#6b7280}.events-table-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.events-table-row:hover{background-color:#f9fafb}.events-table-row:last-child{border-bottom:none}.events-table-cell{color:#374151;padding:.75rem 1rem;vertical-align:middle}.expand-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:#9ca3af;cursor:pointer;display:inline-flex;height:20px;justify-content:center;margin-right:.5rem;padding:.25rem;transition:all .2s ease;width:20px}.expand-btn:hover{background-color:#e5e7eb;color:#6b7280}.event-name{color:#1f2937;font-weight:500}.person-info{gap:.5rem}.person-avatar,.person-info{align-items:center;display:flex}.person-avatar{background-color:#ffbe2c;border-radius:50%;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.person-email{color:#374151;font-size:.875rem}.url-screen{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem}.library{color:#374151;font-size:.875rem}.timestamp{color:#6b7280;font-size:.875rem}.row-menu-btn{background:none;border:none;border-radius:.25rem;color:#9ca3af;cursor:pointer;padding:.25rem;transition:all .2s ease}.row-menu-btn:hover{background-color:#e5e7eb;color:#6b7280}.events-table-expanded-row{background-color:#f9fafb}.expanded-content{border-top:1px solid #e5e7eb;padding:1rem}.property-section h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.properties-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.property-item{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;justify-content:space-between;padding:.5rem}.property-label{color:#6b7280;font-size:.8rem;font-weight:500}.property-value{color:#1f2937;font-size:.8rem;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.empty-state{color:#6b7280;padding:3rem;text-align:center}.empty-state p{font-size:1rem;margin:0}@media (max-width:768px){.events-table-container{border-left:none;border-radius:0;border-right:none;margin:0 -1rem 1.5rem}.events-table-title{padding:1rem}.events-table-cell,.events-table-header{padding:.5rem}.properties-grid{grid-template-columns:1fr}.property-item{align-items:flex-start;flex-direction:column;gap:.25rem}.property-value{max-width:none;text-align:left}}.confirmation-modal{max-width:400px}.confirmation-content{text-align:center}.confirmation-message{color:#374151;color:#1f2937;font-size:1.125rem;font-weight:600;margin:.5rem 0}.confirmation-subtitle{color:#6b7280;font-size:.875rem;margin:.5rem 0}.modal-footer{margin-top:1.5rem}.btn-confirm{background-color:#ffbe2c!important;color:#1f2937!important}.btn-confirm:hover:not(:disabled){background-color:#e6a825!important}.btn-logout{background-color:#ef4444!important;color:#fff!important}.btn-logout:hover:not(:disabled){background-color:#dc2626!important}.customer-table-container{background-color:#fff;border:2px solid #ffbe2c;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;margin-top:2rem;padding:1.5rem}.table-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.header-title{flex-shrink:0;min-width:150px}.table-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.table-info{flex-shrink:0;min-width:200px;text-align:right}.table-info p{color:#6b7280;font-size:.875rem;margin:0}.search-container{align-items:center;display:flex;gap:.5rem}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.5rem 2.5rem .5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease;width:160px}.search-input:focus{border-color:#ffbe2c;box-shadow:0 0 0 3px #ffbe2c1a;outline:none}.search-input.search-active{background-color:#f0fdf4;border-color:#10b981}.search-input.search-active:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.search-input::placeholder{color:#9ca3af}.clear-search-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.875rem;line-height:1;padding:.25rem;position:absolute;right:.5rem;transition:all .2s ease}.clear-search-btn:hover{background-color:#0000000d;color:#374151}.clear-search-link{background:none;border:none;color:#ffbe2c;cursor:pointer;font-size:.875rem;margin-top:.5rem;padding:0;text-decoration:underline}.clear-search-link:hover{color:#e6a825}.filters-container{flex:1 1;margin:0 1rem}.filter-row{align-items:end;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;overflow-x:auto}.filter-group{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;min-width:120px}.filter-group label{color:#374151;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;cursor:pointer;font-size:.875rem;padding:.5rem 2rem .5rem .75rem;transition:all .2s ease;width:120px}.filter-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23FFBE2C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border-color:#ffbe2c;box-shadow:0 0 0 3px #ffbe2c1a;outline:none}.filter-select:hover{background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%234b5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border-color:#9ca3af}.filter-select option{background-color:#fff;border:none;color:#1f2937;cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.filter-select option:hover{background-color:#f3f4f6;color:#111827}.filter-select option:checked{background-color:#ffbe2c;color:#1f2937;font-weight:500}.filter-select:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.filter-select:active{transform:translateY(1px)}.filter-select:focus{transform:scale(1.02)}.filter-select option:not(:first-child){border-top:1px solid #f3f4f6}.filter-select option[selected]{background-color:#fef3c7;color:#92400e;font-weight:600}.clear-filters-btn{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;height:-webkit-fit-content;height:fit-content;margin-top:auto;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.clear-filters-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.clear-filters-btn:active{transform:translateY(0)}.filter-indicator{color:#10b981;font-weight:500}.sort-indicator{color:#3b82f6;font-weight:500}.filter-info{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-top:1rem;padding:.75rem}.filter-note{color:#15803d;font-size:.875rem;margin:0}@media (max-width:768px){.table-header{align-items:stretch;flex-direction:column;gap:1rem}.filter-row{flex-direction:column;gap:.75rem}.filter-group{width:100%}.filter-select,.search-input{min-width:0;width:100%}.clear-filters-btn{justify-self:stretch;width:100%}}.search-pagination-info{border-top:1px solid #e5e7eb;padding:1rem;text-align:center}.search-note{color:#6b7280;font-size:.875rem;font-style:italic;margin:0}.table-wrapper{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;overflow-x:auto}.customer-table{border-collapse:collapse;font-size:.875rem;min-width:1400px;width:100%}.customer-table thead{background-color:#f9fafb}.customer-table td,.customer-table th{border-bottom:1px solid #e5e7eb;padding:.75rem;text-align:left}.customer-table th{color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.customer-table tbody tr:hover{background-color:#f9fafb}.customer-email{color:#1f2937;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-type{color:#6b7280;text-transform:capitalize}.tokens{color:#ffbe2c;font-weight:600}.date{color:#6b7280;font-size:.8rem}.actions{text-align:center}.free-uploads-cell{align-items:center;display:inline-flex;gap:.5rem;justify-content:center}.free-uploads-value{color:#1f2937;font-weight:600}.free-uploads-add-btn{align-items:center;background:#ecfdf5;border:1px solid #10b981;border-radius:8px;color:#065f46;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;height:28px;justify-content:center;line-height:1;padding:0 10px;transition:all .2s ease}.free-uploads-add-btn:hover:not(:disabled){background:#10b981;box-shadow:0 0 0 3px #10b98133;color:#fff;transform:translateY(-1px)}.free-uploads-add-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.free-uploads-edit-btn{align-items:center;background:#fffaf0;border:1px solid #ffbe2c;border-radius:8px;color:#92400e;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;height:28px;justify-content:center;line-height:1;padding:0 10px;transition:all .2s ease}.free-uploads-edit-btn:hover:not(:disabled){background:#ffbe2c;box-shadow:0 0 0 3px #ffbe2c33;color:#1f2937;transform:translateY(-1px)}.free-uploads-edit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.athlete-limit-cell{align-items:center;display:inline-flex;gap:.5rem;justify-content:center}.athlete-limit-value{color:#1f2937;font-weight:600}.athlete-limit-edit-btn{align-items:center;background:#fffaf0;border:1px solid #ffbe2c;border-radius:8px;color:#92400e;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;height:28px;justify-content:center;line-height:1;padding:0 10px;transition:all .2s ease}.athlete-limit-edit-btn:hover:not(:disabled){background:#ffbe2c;box-shadow:0 0 0 3px #ffbe2c33;color:#1f2937;transform:translateY(-1px)}.athlete-limit-edit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.create-sub-btn,.manage-btn,.password-btn,.refund-btn,.tokens-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;outline:none;padding:8px 16px;position:relative;transition:all .2s ease}.manage-btn{background-color:#ffbe2c;box-shadow:0 1px 3px #ffbe2c4d;color:#000}.manage-btn:hover:not(:disabled){background-color:#e6a825;box-shadow:0 2px 6px #ffbe2c66;transform:translateY(-1px)}.manage-btn:focus{box-shadow:0 0 0 3px #ffbe2c4d}.manage-btn:disabled{background-color:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.refund-btn{background-color:#ef4444;box-shadow:0 1px 3px #ef44444d;color:#fff}.refund-btn:hover:not(:disabled){background-color:#dc2626;box-shadow:0 2px 6px #ef444466;transform:translateY(-1px)}.refund-btn:focus{box-shadow:0 0 0 3px #ef44444d}.refund-btn:disabled{background-color:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.create-sub-btn{background-color:#10b981;box-shadow:0 1px 3px #10b9814d;color:#fff}.create-sub-btn:hover:not(:disabled){background-color:#059669;box-shadow:0 2px 6px #10b98166;transform:translateY(-1px)}.create-sub-btn:focus{box-shadow:0 0 0 3px #10b9814d}.create-sub-btn:disabled{background-color:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.password-btn{background-color:#6b7280;box-shadow:0 1px 3px #6b72804d;color:#fff}.password-btn:hover:not(:disabled){background-color:#4b5563;box-shadow:0 2px 6px #6b728066;transform:translateY(-1px)}.password-btn:focus{box-shadow:0 0 0 3px #6b72804d}.password-btn:disabled{background-color:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.tokens-btn{background-color:#8b5cf6;box-shadow:0 1px 3px #8b5cf64d;color:#fff}.tokens-btn:hover:not(:disabled){background-color:#7c3aed;box-shadow:0 2px 6px #8b5cf666;transform:translateY(-1px)}.tokens-btn:focus{box-shadow:0 0 0 3px #8b5cf64d}.tokens-btn:disabled{background-color:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.plan-badge,.status-badge{border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.status-badge.status-active{background-color:#d1fae5;color:#065f46}.status-badge.status-inactive{background-color:#fee2e2;color:#991b1b}.plan-badge.plan-free{background-color:#e5e7eb;color:#374151}.plan-badge.plan-premium{background-color:#fef3c7;color:#92400e}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:1rem}.pagination-numbers{align-items:center;display:flex;flex:1 1;gap:.25rem;justify-content:center}.pagination-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;min-width:40px;outline:none;padding:.5rem .75rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#ffbe2c;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pagination-btn:focus{border-color:#ffbe2c;box-shadow:0 0 0 3px #ffbe2c4d}.pagination-btn.active{background-color:#ffbe2c;border-color:#ffbe2c;box-shadow:0 2px 4px #ffbe2c4d;color:#1f2937;font-weight:600}.pagination-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.pagination-btn.nav-btn{background-color:#ffbe2c;border-color:#ffbe2c;color:#1f2937;font-weight:600;min-width:auto;padding:.5rem 1rem}.pagination-btn.nav-btn:hover:not(:disabled){background-color:#e6a825;border-color:#e6a825}.pagination-ellipsis{padding:.5rem .25rem}.pagination-ellipsis,.pagination-info{align-items:center;color:#6b7280;display:flex;font-size:.875rem}.pagination-info{font-weight:500;padding:.5rem .75rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#ffbe2c,#e6a825);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.modal-close:hover{background-color:#0000001a;color:#1f2937}.modal-body{padding:1.5rem}.customer-info{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.customer-info p{color:#374151;font-size:.875rem;margin:.25rem 0}.refund-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{gap:.5rem}.form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.optional{color:#6b7280;font-size:.75rem;font-weight:400}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus{border-color:#ffbe2c;box-shadow:0 0 0 3px #ffbe2c1a;outline:none}.form-group small{color:#6b7280;font-size:.75rem;line-height:1.4}.modal-footer{background-color:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.btn-cancel,.btn-refund{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-cancel:hover{background-color:#e5e7eb}.btn-refund{background-color:#ef4444;color:#fff}.btn-refund:hover{background-color:#dc2626}.btn-create{background-color:#ffbe2c;color:#1f2937;font-weight:600}.btn-create:hover:not(:disabled){background-color:#e6a825;color:#1f2937}.btn-create:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.add-tokens-form,.change-password-form{display:flex;flex-direction:column;gap:1.25rem}.token-errors{margin-top:.25rem}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:3rem;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;transition:all .2s ease;z-index:1}.password-toggle-btn:hover{background-color:#0000000d;color:#374151}.password-toggle-btn:focus{box-shadow:0 0 0 2px #ffbe2c4d;outline:none}.password-toggle-btn svg{pointer-events:none}.password-requirements ul{list-style:none;padding:0}.password-requirements li{font-size:.75rem;line-height:1.4;margin-bottom:.25rem}.subscription-modal{max-width:650px}.subscription-modal .modal-body{padding:2rem}.subscription-form{display:flex;flex-direction:column;gap:2rem}.subscription-modal .modal-footer{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-top:2px solid #e2e8f0;padding:1.5rem 2rem}.subscription-modal .btn-cancel,.subscription-modal .btn-create{border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.subscription-modal .btn-create:hover:not(:disabled){background-color:#e6a825;box-shadow:0 4px 8px #ffbe2c4d;transform:translateY(-1px)}.subscription-modal .btn-cancel:hover{background-color:#e5e7eb;transform:translateY(-1px)}.loading-row td{padding:3rem 0;text-align:center}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#ffbe2c;height:40px;width:40px}.loading-content p{color:#6b7280;font-size:.875rem;margin:0}.skeleton-row{animation:fadeIn .5s ease-in-out}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skeleton-text{height:16px;width:80%}.skeleton-badge{border-radius:12px;height:20px;width:60px}.skeleton-button{border-radius:6px;height:28px;width:100px}.no-data{padding:3rem 0;text-align:center}.no-data-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.no-data-content p{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:1200px){.customer-table{min-width:1600px}}@media (max-width:768px){.customer-table-container{margin-top:1rem;padding:1rem}.table-header{align-items:flex-start;flex-direction:column;gap:.5rem}.search-input{max-width:300px;width:100%}.customer-table{font-size:.8rem;min-width:1200px}.customer-table td,.customer-table th{padding:.5rem .25rem}.customer-email{max-width:120px}.create-sub-btn,.manage-btn,.password-btn,.refund-btn,.tokens-btn{font-size:11px;min-width:90px;padding:4px 8px}.pagination{flex-direction:column;gap:1rem}.pagination-numbers{flex-wrap:wrap;gap:.25rem;order:1}.pagination-btn{font-size:.8rem;min-width:35px;padding:.375rem .5rem}.pagination-btn.nav-btn{min-width:auto;padding:.5rem .75rem}.password-toggle-btn{padding:.5rem;right:.5rem}.password-input-container input{padding-right:3.5rem}.subscription-modal{margin:.5rem;max-width:95%}.subscription-modal .modal-body{max-height:60vh;padding:1rem}}.loading-overlay{align-items:center;background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99999}.loading-overlay .loading-content{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.loading-overlay-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#ffbe2c;height:40px;width:40px}.loading-overlay .loading-content p{color:#1f2937;font-size:16px;font-weight:500;margin:0}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.section-title{font-size:1.25rem;margin:0 0 1rem}.trainer-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0;max-width:none}.dashboard-card{background-color:#fff;border:2px solid #ffbe2c;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.card-title{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.card-value{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .25rem}.card-description{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:768px){.customers-stats{max-width:none}.customers-stats,.trainer-stats{grid-template-columns:1fr}.customers-actions{align-items:center;flex-direction:column}.action-button{width:200px}}.trainer-requests-table-container{margin-top:1rem}.trainer-requests-table-container .events-table-wrapper{max-height:480px;overflow-y:auto}.trainer-requests-table-container .events-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1;padding:.25rem .5rem;text-transform:uppercase}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.approved{background-color:#dcfce7;color:#065f46}.status-badge.rejected,.status-badge.revoked{background-color:#ffe4e6;color:#991b1b}.cell-reason{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reload-button{color:#000;letter-spacing:.05em;margin-left:1rem;text-transform:uppercase}@media (max-width:768px){.trainer-requests-table-container .events-table-wrapper{max-height:320px}.cell-reason{max-width:200px}}.dashboard-page{background-color:#fcf7f0;min-height:100vh}.dashboard-header{background:#fcf7f0;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dashboard-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:0 1rem}.dashboard-title{color:#34495e;font-size:1.5rem;font-weight:600;margin:0}.dashboard-user-info{align-items:center;display:flex;gap:1.5rem}.user-greeting{color:#34495e;font-size:.875rem}.dashboard-user-info button{background-color:initial!important;border:2px solid #ffbe2c!important;color:#ffbe2c!important}.dashboard-user-info button:hover{background-color:#ffbe2c!important;color:#fff!important}.dashboard-layout{display:flex;min-height:calc(100vh - 97px)}.dashboard-sidebar{background-color:#fcf7f0;border-right:1px solid #e5e7eb;height:calc(100vh - 97px);overflow-y:auto;padding:2rem 0;position:-webkit-sticky;position:sticky;top:97px}.sidebar-nav{padding:0 1rem}.nav-menu{list-style:none;margin:0;padding:0}.nav-item{align-items:center;background:none;border:none;border-radius:.5rem;color:#34495e;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:.5rem;padding:.5rem 1.5rem;transition:all .2s ease;width:100%}.nav-item.active,.nav-item:hover{background-color:#ffbe2c;color:#fff}.nav-item.active:hover{background-color:#e6a825}.nav-icon{font-size:1.125rem;min-width:20px}.nav-label{font-weight:500}.dashboard-main{background-color:#fcf7f0;flex:1 1;overflow-y:auto;padding:2rem}.quick-actions{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width:768px){.dashboard-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-user-info{align-items:flex-start;gap:.5rem}.dashboard-layout,.dashboard-user-info{flex-direction:column}.dashboard-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;height:auto;padding:1rem 0;position:static;width:100%}.nav-menu{display:flex;gap:.5rem;overflow-x:auto;padding:0 1rem}.nav-item{flex-shrink:0;margin-bottom:0;white-space:nowrap}.dashboard-main{padding:1rem}.customers-stats,.dashboard-grid{grid-template-columns:1fr;max-width:none}.customers-actions{align-items:center;flex-direction:column}.action-button{width:200px}.quick-actions{flex-direction:column}.quick-actions button{width:100%}}.customers-header{margin-bottom:2rem;text-align:center}.section-description{color:#6b7280;font-size:1rem;margin:.5rem 0 0}.customers-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.action-button{background-color:initial;border:2px solid #ffbe2c;border-radius:.5rem;color:#ffbe2c;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.action-button.primary,.action-button:hover{background-color:#ffbe2c;color:#fff}.action-button.primary:hover{background-color:#e6a825}.customers-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.section-header{padding:0 .5rem}.section-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.form-container{align-items:center;background-color:#fff;border:2px solid #ffbe2c;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;padding:2rem}.prompt-form{display:flex;flex-direction:column;gap:1.5rem}.section-subtitle{border-bottom:2px solid #ffbe2c;color:#374151;font-size:1.125rem;font-weight:600;margin:0;padding-bottom:.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.checkbox-group{gap:1rem}.checkbox-group,.checkbox-item{align-items:center;display:inline-flex}.checkbox-item{color:#1f2937;font-size:.95rem;gap:.5rem}.checkbox-item input[type=radio]{height:0;opacity:0;position:absolute;width:0}.checkbox-item .custom-radio{align-items:center;border:2px solid #ffbe2c;border-radius:50%;box-sizing:border-box;display:inline-flex;height:16px;justify-content:center;width:16px}.checkbox-item .custom-radio:after{background-color:#ffbe2c;border-radius:50%;content:"";height:8px;transform:scale(0);transition:transform .12s ease-in-out;width:8px}.checkbox-item input[type=radio]:checked+.custom-radio:after{transform:scale(1)}.checkbox-item input[type=radio]:focus-visible+.custom-radio{outline:2px solid #ffbe2c99;outline-offset:2px}.textarea-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.textarea-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;min-height:100px;padding:.75rem 1rem;resize:vertical;transition:all .2s ease-in-out;width:100%}.textarea-input--tall{height:360px;min-height:360px}.textarea-input:focus{border-color:#ffbe2c;box-shadow:0 0 0 1px #ffbe2c;outline:none}.textarea-input::placeholder{color:#9ca3af}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.reset-button{background-color:initial!important;border:1px solid #d1d5db!important;color:#374151!important}.reset-button:hover:not(:disabled){background-color:#f9fafb!important;border-color:#9ca3af!important}.submit-button{background-color:#ffbe2c!important;border:1px solid #ffbe2c!important;color:#1f2937!important}.submit-button:hover:not(:disabled){background-color:#e6a800!important;border-color:#e6a800!important}.btn-spinner{animation:btn-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#1f2937;flex-shrink:0;height:14px;width:14px}@keyframes btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.results-container{background-color:#fff;border:2px solid #ffbe2c;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;padding:2rem}.result-section{margin-bottom:2rem}.result-section:last-child{margin-bottom:0}.result-title{border-bottom:2px solid #ffbe2c;color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.result-content{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;font-size:.95rem;line-height:1.6;overflow-x:auto;padding:1.5rem;white-space:pre-wrap}.result-content.full-feedback{max-height:600px;overflow-y:auto}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.form-container{padding:1.5rem}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App,.app-loading{min-height:100vh}.app-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;gap:1rem;justify-content:center}.app-loading p{color:#fff;font-size:1.125rem;margin:0}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:2rem;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.622ba101.css.map*/