.landing-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--border-primary);left:0;padding:1rem 0;position:fixed;right:0;top:0;transition:background-color .3s ease,border-color .3s ease;z-index:1000}[data-theme=dark] .navbar{background:#2d3748f2}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-logo h2{color:#2563eb;font-size:1.5rem;font-weight:700;margin:0}.nav-links{align-items:center;display:flex;gap:1rem}.nav-link{color:#374151;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#2563eb}.nav-link-primary{background:#2563eb;border-radius:.5rem;color:#fff!important;padding:.5rem 1rem;transition:background-color .2s ease}.nav-link-primary:hover{background:#1d4ed8}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:8rem 0 4rem;position:relative}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.hero-content{animation:fadeInUp .8s ease-out}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 1.5rem}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.6;margin:0 0 2rem;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:#fbbf24;color:#1f2937}.btn-primary:hover{background:#f59e0b;box-shadow:0 10px 25px #fbbf244d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.btn-large{font-size:1.125rem;padding:1rem 2rem}.hero-image{align-items:center;animation:fadeInRight .8s ease-out .2s both;display:flex;justify-content:center}.hero-graphic{height:300px;position:relative;width:300px}.graphic-circle{animation:float 3s ease-in-out infinite;background:#fff3;border-radius:50%;height:100px;left:50px;position:absolute;top:50px;width:100px}.graphic-square{animation:float 3s ease-in-out 1s infinite;background:#ffffff26;border-radius:1rem;height:80px;position:absolute;right:50px;top:100px;width:80px}.graphic-triangle{animation:float 3s ease-in-out 2s infinite;border-bottom:70px solid #ffffff1a;border-left:40px solid #0000;border-right:40px solid #0000;bottom:50px;height:0;left:100px;position:absolute;width:0}.features{background:#f9fafb;padding:6rem 0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;padding:2rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.feature-card p{color:#6b7280;line-height:1.6;margin:0}.cta{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:6rem 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin:0 0 1rem}.cta-content p{font-size:1.25rem;margin:0 0 2rem;opacity:.9}.footer{background:#1f2937;color:#fff;padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3,.footer-section h4{color:#fbbf24;margin:0 0 1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#d1d5db;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:#fbbf24}.footer-bottom{border-top:1px solid #374151;color:#9ca3af;padding-top:1rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-links{gap:1rem}.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center}.hero-graphic{height:200px;width:200px}.cta-content h2,.section-title{font-size:2rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.auth-card{animation:slideUp .5s ease-out;background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:2.5rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.auth-header p{color:#6b7280;font-size:1rem;margin:0}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{background:#f9fafb;padding:.75rem 1rem}.form-group input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input::placeholder{color:#9ca3af}.checkbox-group{gap:.75rem}.checkbox-label input[type=checkbox]{accent-color:#2563eb;height:1.25rem;width:1.25rem}.auth-button{background:#2563eb;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 1.5rem;transition:background-color .2s ease,transform .2s ease}.auth-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.auth-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.auth-footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#6b7280;font-size:.875rem;margin:.5rem 0}.auth-link{color:#2563eb;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#1d4ed8;text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-header h1{font-size:1.75rem}}.patreon-config{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;box-shadow:var(--shadow-sm);margin-bottom:2rem;transition:background-color .3s ease,border-color .3s ease}.config-header{border-bottom:1px solid #e2e8f0;padding:1.5rem}.config-header h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.config-header p{color:#4a5568;font-size:.875rem;margin:0}.config-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block}.form-group input{box-sizing:border-box;width:100%}.help-text{color:#6b7280;display:block;font-size:.875rem;margin-top:.5rem}.help-text a{color:#3182ce;text-decoration:none}.help-text a:hover{text-decoration:underline}.btn-primary{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.campaign-info{padding:1.5rem}.campaign-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.campaign-header h4{color:#1a202c;font-size:1.125rem;font-weight:600;margin:0}.btn-secondary{border:none;border-radius:.375rem;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.campaign-details{grid-gap:1rem;display:grid;gap:1rem}.campaign-item{display:flex;flex-direction:column;gap:.25rem}.campaign-item label{color:#4a5568;font-size:.875rem;font-weight:600}.campaign-item span{color:#1a202c;font-size:1rem}.campaign-item a{color:#3182ce;font-size:1rem;text-decoration:none}.campaign-item a:hover{text-decoration:underline}.config-help{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:1.5rem;transition:background-color .3s ease,border-color .3s ease}.loading-status{color:var(--text-secondary);padding:2rem;text-align:center}.loading-status p{font-size:1rem;margin:0}.config-help h4{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 1rem}.config-help ol{color:#4a5568;margin:0 0 1rem;padding-left:1.5rem}.config-help li{font-size:.875rem;margin-bottom:.5rem}.config-help a{color:#3182ce;text-decoration:none}.config-help a:hover{text-decoration:underline}.security-note{background:#e6fffa;border:1px solid #81e6d9;border-radius:.5rem;color:#234e52;font-size:.875rem;font-weight:500;margin:0;padding:.75rem}.error-banner,.success-banner{margin:1rem 1.5rem}@media (max-width:768px){.campaign-header{align-items:flex-start;flex-direction:column;gap:1rem}.config-help ol{padding-left:1rem}}.patreon-subscribers{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.subscribers-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem}.subscribers-header h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.header-controls{align-items:center;flex-wrap:wrap}.filter-controls,.header-controls{display:flex;gap:1rem}.filter-label{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.filter-label input[type=radio]{accent-color:#3182ce;cursor:pointer;margin:0}.btn-sync{background:#38a169;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.btn-sync:hover:not(:disabled){background:#2f855a}.btn-sync:disabled{background:#a0aec0;cursor:not-allowed}.subscribers-stats{background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;padding:1rem 1.5rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#4a5568;font-size:.875rem;font-weight:500}.stat-value{color:#1a202c;font-size:1.125rem;font-weight:600}.patrons-table-container{overflow-x:auto}.patrons-table{border-collapse:collapse;width:100%}.patrons-table td,.patrons-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.patrons-table th{background:#f7fafc;color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.patrons-table td{color:#2d3748}.patron-name{align-items:center;display:flex;gap:.75rem}.patron-avatar{border-radius:50%;height:2rem;object-fit:cover;width:2rem}.status-badge.active{background:#c6f6d5;color:#2f855a}.tier-info{display:flex;flex-direction:column;gap:.25rem}.tier-badge{background:#bee3f8;color:#2b6cb0;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.btn-view,.tier-badge{border-radius:.375rem;font-weight:500}.btn-view{background:#3182ce;color:#fff;font-size:.875rem;padding:.375rem .75rem;text-decoration:none;transition:background-color .2s ease}.btn-view:hover{background:#2c5282}.no-patrons{align-items:center;color:#4a5568;display:flex;font-size:1rem;height:200px;justify-content:center}@media (max-width:768px){.subscribers-header{align-items:flex-start;flex-direction:column}.header-controls{justify-content:space-between;width:100%}.subscribers-stats{flex-direction:column;gap:1rem}.patrons-table td,.patrons-table th{font-size:.875rem;padding:.75rem .5rem}.patron-name{align-items:flex-start;flex-direction:column;gap:.5rem}.patron-avatar{height:1.5rem;width:1.5rem}}.subscription-alerts{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.alerts-header{align-items:center;background:#fef5e7;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.alerts-header h3{color:#d69e2e;font-size:1.25rem;font-weight:600;margin:0}.btn-refresh{background:#d69e2e;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.btn-refresh:hover{background:#b7791f}.alerts-info{background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.alerts-info p{color:#4a5568;font-size:.875rem;line-height:1.5;margin:0}.no-alerts{color:#4a5568;padding:3rem 1.5rem;text-align:center}.no-alerts p{font-size:1rem;margin:.5rem 0}.alerts-summary{background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;padding:1rem 1.5rem}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{color:#4a5568;font-size:.875rem;font-weight:500}.summary-value{color:#d69e2e;font-size:1.125rem;font-weight:600}.alerts-table-container{overflow-x:auto}.alerts-table{border-collapse:collapse;width:100%}.alerts-table td,.alerts-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.alerts-table th{background:#f7fafc;color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.alerts-table td{color:#2d3748}.user-info{display:flex;flex-direction:column;gap:.25rem}.username{color:#1a202c;font-weight:500}.status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-badge.declined{background:#fed7d7;color:#c53030}.status-badge.former{background:#e2e8f0;color:#4a5568}.status-badge.unknown{background:#fef5e7;color:#d69e2e}.btn-clear{background:#38a169;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:background-color .2s ease}.btn-clear:hover{background:#2f855a}.error-banner{align-items:center;border-radius:.5rem;display:flex;font-weight:500;justify-content:space-between;margin:1rem 1.5rem;padding:1rem}@media (max-width:768px){.alerts-header{align-items:flex-start}.alerts-header,.alerts-summary{flex-direction:column;gap:1rem}.alerts-table td,.alerts-table th{font-size:.875rem;padding:.75rem .5rem}}.dashboard-container{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;transition:background-color .3s ease,color .3s ease}.dashboard-header{background:var(--bg-card);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm);padding:1rem 0;transition:background-color .3s ease,border-color .3s ease}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.dashboard-header h1{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin:0}.dashboard-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;transition:background-color .3s ease,border-color .3s ease}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:1rem 1.5rem;transition:all .2s ease}.tab-button:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-button.active{background:var(--bg-card);border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.header-actions{align-items:center;display:flex;gap:1rem}.welcome-text{color:#4a5568;font-weight:500}.logout-btn{background:#e53e3e;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.logout-btn:hover{background:#c53030}.dashboard-main{margin:0 auto;max-width:1200px;padding:2rem}.error-banner,.success-banner{align-items:center;border-radius:.5rem;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.error-banner{background:#fed7d7;border:1px solid #feb2b2;color:#c53030}.success-banner{background:#c6f6d5;border:1px solid #9ae6b4;color:#2f855a}.close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;height:1.5rem;padding:0;width:1.5rem}.close-btn,.loading{align-items:center;display:flex;justify-content:center}.loading{color:#4a5568;font-size:1.125rem;height:200px}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.stat-card h3,.stat-card h4{color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.stat-number{color:#1a202c;font-size:2rem;font-weight:700;margin:0}.stat-card p{color:#1a202c;font-weight:500;margin:0}.users-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-section h2{border-bottom:1px solid #e2e8f0;color:#1a202c;font-size:1.25rem;font-weight:600;margin:0;padding:1.5rem}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.users-table th{background:#f7fafc;color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.users-table td{color:#2d3748}.user-type{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.user-type.free{background:#bee3f8;color:#2b6cb0}.user-type.premium{background:#c6f6d5;color:#2f855a}.admin-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.admin-badge.admin{background:#fbb6ce;color:#b83280}.admin-badge.user{background:#e2e8f0;color:#4a5568}.action-buttons{display:flex;gap:.5rem}.btn-delete,.btn-edit{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.btn-edit{background:#3182ce;color:#fff}.btn-edit:hover{background:#2c5282}.btn-delete{background:#e53e3e;color:#fff}.btn-delete:hover{background:#c53030}.profile-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.profile-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.profile-header h2{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.profile-form{padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input{border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.checkbox-group{align-items:center;flex-direction:row;gap:.5rem}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-bottom:0!important}.checkbox-label input[type=checkbox]{accent-color:#3182ce;cursor:pointer;height:1rem;margin:0;width:1rem}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:#3182ce;color:#fff}.btn-primary:hover:not(:disabled){background:#2c5282}.btn-primary:disabled{background:#a0aec0;cursor:not-allowed}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.profile-info{padding:1.5rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column}.info-item label{color:#4a5568;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.info-item p{color:#1a202c;font-size:1rem;margin:0}.status{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status.free{background:#bee3f8;color:#2b6cb0}.status.premium{background:#c6f6d5;color:#2f855a}.account-stats{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.account-stats h3{color:#1a202c;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.modal-form{padding:1.5rem}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.modal-actions button{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.modal-actions button:first-child{background:#e2e8f0;color:#4a5568}.modal-actions button:first-child:hover{background:#cbd5e0}.modal-actions .btn-primary{background:#3182ce;color:#fff}.modal-actions .btn-primary:hover{background:#2c5282}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;padding:0 1rem;text-align:center}.dashboard-main{padding:1rem}.form-row,.info-grid,.stats-grid{grid-template-columns:1fr}.users-table-container{font-size:.875rem}.users-table td,.users-table th{padding:.75rem .5rem}.action-buttons,.form-actions{flex-direction:column}.modal{margin:1rem}}.App{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}:root{--bg-primary:#fff;--bg-secondary:#f7fafc;--bg-tertiary:#edf2f7;--bg-card:#fff;--bg-hover:#f7fafc;--bg-input:#fff;--bg-button:#3182ce;--bg-button-hover:#2c5aa0;--bg-button-secondary:#e2e8f0;--bg-button-secondary-hover:#cbd5e0;--bg-success:#c6f6d5;--bg-error:#fed7d7;--bg-warning:#fef5e7;--bg-info:#bee3f8;--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#718096;--text-inverse:#fff;--text-success:#22543d;--text-error:#c53030;--text-warning:#d69e2e;--text-info:#2b6cb0;--border-primary:#e2e8f0;--border-secondary:#cbd5e0;--border-focus:#3182ce;--border-error:#feb2b2;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--accent-primary:#3182ce;--accent-secondary:#d69e2e;--accent-success:#38a169;--accent-error:#e53e3e;--accent-warning:#d69e2e;--accent-info:#3182ce;--status-free:#e2e8f0;--status-premium:#c6f6d5;--status-admin:#fbb6ce;--status-user:#e2e8f0}[data-theme=dark]{--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-tertiary:#4a5568;--bg-card:#2d3748;--bg-hover:#4a5568;--bg-input:#2d3748;--bg-button:#3182ce;--bg-button-hover:#2c5aa0;--bg-button-secondary:#4a5568;--bg-button-secondary-hover:#718096;--bg-success:#22543d;--bg-error:#742a2a;--bg-warning:#744210;--bg-info:#2a4365;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-tertiary:#a0aec0;--text-inverse:#1a202c;--text-success:#9ae6b4;--text-error:#feb2b2;--text-warning:#fbd38d;--text-info:#90cdf4;--border-primary:#4a5568;--border-secondary:#718096;--border-focus:#3182ce;--border-error:#feb2b2;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;--accent-primary:#3182ce;--accent-secondary:#d69e2e;--accent-success:#38a169;--accent-error:#e53e3e;--accent-warning:#d69e2e;--accent-info:#3182ce;--status-free:#4a5568;--status-premium:#22543d;--status-admin:#b83280;--status-user:#4a5568}*{box-sizing:border-box}body{background-color:#fff;background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}.theme-toggle,body{color:#1a202c;color:var(--text-primary)}.theme-toggle{align-items:center;background:#e2e8f0;background:var(--bg-button-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:.375rem;cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;padding:.5rem;transition:all .2s ease;width:2.5rem}.theme-toggle:hover{background:#cbd5e0;background:var(--bg-button-secondary-hover);transform:scale(1.05)}.theme-toggle:focus{box-shadow:0 0 0 3px #3182ce;box-shadow:0 0 0 3px var(--border-focus);outline:none}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}
/*# sourceMappingURL=main.65f34d63.css.map*/