.email-stats-card{background:white;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.email-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.email-stats-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#222}.btn-view-all{padding:8px 16px;background:#0d6efd;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.btn-view-all:hover{background:#0b5ed7}.email-stats-error,.email-stats-loading{text-align:center;padding:40px 20px;color:#666}.email-stats-error p{color:#dc3545;margin-bottom:12px}.btn-retry{background:#6c757d}.btn-retry:hover{background:#5c636a}.email-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.stat-item{padding:16px;border-radius:6px;background:#f8f9fa;border-left:4px solid #6c757d}.stat-item.stat-success{border-left-color:#198754}.stat-item.stat-info{border-left-color:#0dcaf0}.stat-item.stat-warning{border-left-color:#ffc107}.stat-item.stat-danger{border-left-color:#dc3545}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:8px;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#222}.email-stats-by-type{margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}.email-stats-by-type h4{font-size:1rem;font-weight:600;color:#222;margin-bottom:16px}.type-stats-list{display:flex;flex-direction:column;gap:12px}.type-stat-item{padding:12px;background:#f8f9fa;border-radius:6px;transition:background .2s}.type-stat-item:hover{background:#e9ecef}.type-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.type-name{font-weight:500;color:#222;font-size:.875rem}.type-total{font-size:.75rem;color:#666}.type-stat-metrics{display:flex;gap:16px}.metric{font-size:.75rem;color:#666}.email-stats-trend{margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}.email-stats-trend h4{font-size:1rem;font-weight:600;color:#222;margin-bottom:16px}.trend-chart{display:flex;align-items:flex-end;gap:8px;height:120px;padding:8px 0}.trend-day{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:8px}.trend-bar{width:100%;background:#0d6efd;border-radius:4px 4px 0 0;cursor:pointer;transition:opacity .2s}.trend-bar:hover{opacity:.8}.trend-label{font-size:.625rem;color:#666;text-align:center}@media (max-width:768px){.email-stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:1.25rem}}.sent-emails-page{padding:24px;max-width:1400px;margin:0 auto}.sent-emails-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sent-emails-header h1{margin:0;font-size:1.75rem;font-weight:700;color:#222}.header-actions{display:flex;gap:12px}.btn-export{padding:10px 20px;background:#198754;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.btn-export:hover:not(:disabled){background:#157347}.btn-export:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.sent-emails-filters{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:24px}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.filter-input,.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.875rem;background:white;transition:border-color .2s}.filter-input:focus,.filter-select:focus{outline:none;border-color:#0d6efd}.btn-clear-filters{padding:8px 16px;background:#6c757d;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.btn-clear-filters:hover{background:#5c636a}.sent-emails-error,.sent-emails-loading{text-align:center;padding:60px 20px;background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.sent-emails-error p{color:#dc3545;margin-bottom:16px;font-size:1rem}.btn-retry{padding:10px 20px}.sent-emails-summary{margin-bottom:16px;color:#666;font-size:.875rem}.sent-emails-table-container{background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow-x:auto}.sent-emails-table{width:100%;border-collapse:collapse}.sent-emails-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.sent-emails-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.sent-emails-table td{padding:16px;border-bottom:1px solid #e9ecef;font-size:.875rem}.sent-emails-table tbody tr:hover{background:#f8f9fa}.email-date{white-space:nowrap;color:#666}.email-recipient{font-family:Courier New,monospace;font-size:.8125rem;color:#222}.email-subject{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;font-weight:500}.email-type{color:#666}.email-actions,.email-status{white-space:nowrap}.btn-view{padding:6px 12px;background:#0d6efd;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:background .2s}.btn-view:hover{background:#0b5ed7}.no-emails{text-align:center;padding:60px 20px;color:#666;font-size:1rem}.sent-emails-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.btn-pagination{padding:8px 16px;background:#0d6efd;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.btn-pagination:hover:not(:disabled){background:#0b5ed7}.btn-pagination:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.pagination-info{color:#666;font-size:.875rem}@media (max-width:768px){.sent-emails-page{padding:16px}.sent-emails-header{flex-direction:column;align-items:flex-start;gap:16px}.filter-row{grid-template-columns:1fr}.sent-emails-table{font-size:.75rem}.sent-emails-table td,.sent-emails-table th{padding:8px 12px}.email-subject{max-width:150px}}.modal-overlay{padding:20px}.email-detail-modal{background:white;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.2);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#222}.btn-close{background:none;border:none;font-size:2rem;line-height:1;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.btn-close:hover{background:#f8f9fa;color:#222}.email-info-bar{display:flex;gap:24px;padding:16px 24px;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:8px}.info-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.info-value{font-size:.875rem;color:#222}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;color:white;font-size:.75rem;font-weight:500;text-transform:capitalize}.modal-tabs{display:flex;border-bottom:1px solid #e9ecef;background:white}.tab-button{flex:1 1;padding:16px 24px;background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.tab-button:hover{color:#222;background:#f8f9fa}.tab-button.active{color:#0d6efd;border-bottom-color:#0d6efd}.modal-content{flex:1 1;overflow-y:auto;padding:24px}.email-detail-modal .preview-tab{height:100%;min-height:400px;display:flex;justify-content:center;background:#f4f4f4;border-radius:4px}.preview-error,.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#666}.preview-error p{color:#dc3545;margin-bottom:16px}.btn-retry{padding:8px 16px;background:#0d6efd;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500}.btn-retry:hover{background:#0b5ed7}.email-preview-iframe{width:100%;max-width:650px;height:500px;border:1px solid #e9ecef;border-radius:4px;background:#f4f4f4}.details-tab{display:flex;flex-direction:column;gap:24px}.detail-section{background:#f8f9fa;padding:20px;border-radius:6px}.detail-section h3{margin:0 0 16px;font-size:1rem;font-weight:600;color:#222}.detail-grid{display:grid;grid-gap:12px;gap:12px}.detail-item{display:grid;grid-template-columns:160px 1fr;grid-gap:12px;gap:12px;align-items:start}.detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;padding-top:2px}.detail-value{font-size:.875rem;color:#222;word-break:break-word;display:flex;align-items:center;gap:8px}.detail-value-mono{font-family:Courier New,monospace;font-size:.8125rem}.btn-copy{background:none;border:none;cursor:pointer;font-size:1rem;padding:2px 4px;opacity:.6;transition:opacity .2s}.btn-copy:hover{opacity:1}.status-timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;gap:12px;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:24px;bottom:-16px;width:2px;background:#e9ecef}.timeline-dot{width:16px;height:16px;border-radius:50%;background:#6c757d;margin-top:4px;flex-shrink:0}.timeline-dot-active{background:#198754}.timeline-dot-error{background:#dc3545}.timeline-content{flex:1 1}.timeline-label{font-size:.875rem;font-weight:600;color:#222;margin-bottom:4px}.timeline-value{font-size:.8125rem;color:#666}.timeline-reason{font-size:.75rem;color:#dc3545;margin-top:4px;padding:8px;background:#fff;border-radius:4px;border-left:3px solid #dc3545}.body-text{background:white;padding:16px;border-radius:4px;border:1px solid #e9ecef}.body-text pre{margin:0;font-family:Courier New,monospace;font-size:.8125rem;color:#222;white-space:pre-wrap;word-wrap:break-word}.template-data{background:white;padding:16px;border-radius:4px;border:1px solid #e9ecef;overflow-x:auto}.template-data pre{margin:0;font-family:Courier New,monospace;font-size:.8125rem;color:#222}.modal-footer{padding:16px 24px;border-top:1px solid #e9ecef;background:white}.footer-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.email-detail-modal .btn-primary{padding:10px 20px;background:#0d6efd;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.email-detail-modal .btn-primary:hover:not(:disabled){background:#0b5ed7}.email-detail-modal .btn-primary:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.email-detail-modal .btn-secondary{padding:10px 20px;background:#6c757d;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.email-detail-modal .btn-secondary:hover{background:#5c636a}.resend-success{color:#198754}.resend-error,.resend-success{font-size:.875rem;font-weight:500}.resend-error{color:#dc3545}@media (max-width:768px){.email-detail-modal{max-width:100%;max-height:100vh;margin:0;border-radius:0}.modal-content{padding:16px}.detail-item{grid-template-columns:1fr;gap:4px}.email-info-bar{flex-direction:column;gap:12px}.footer-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}}.subscription-admin-panel{width:100%;max-width:1600px;margin:0 auto;padding:40px 20px;background:#f5f5f5;min-height:100vh}.subscription-admin-panel h1{font-size:2.5rem;font-weight:700;color:#222;margin:0 0 30px}.subscription-admin-panel h2{font-size:1.8rem;font-weight:700;color:#222;margin:0 0 20px}.subscription-admin-panel h3{font-size:1.3rem;font-weight:600;color:#333;margin:0 0 15px}.admin-loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:1.2rem;color:#666}.revenue-summary{background:#fff;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.revenue-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.revenue-stat{background:#f9f9f9;padding:20px;border-radius:8px;text-align:center;border:2px solid #e0e0e0}.revenue-stat-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.revenue-stat-value{font-size:2rem;font-weight:700;color:#0066cc}.tier-breakdown{margin-top:30px;padding-top:30px;border-top:2px solid #f0f0f0}.tier-breakdown-bars{display:flex;flex-direction:column;gap:15px}.tier-breakdown-item{display:flex;flex-direction:column;gap:8px}.tier-breakdown-label{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.tier-breakdown-count{color:#666;font-weight:600}.tier-breakdown-bar{width:100%;height:24px;background:#f0f0f0;border-radius:12px;overflow:hidden}.tier-breakdown-fill{height:100%;transition:width .3s ease}.tier-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:700;text-transform:capitalize;color:#fff}.tier-badge-free{background-color:#999}.tier-badge-starter{background-color:#28a745}.tier-badge-artist{background-color:#0066cc}.tier-badge-professional{background-color:#9333ea}.tier-badge-studio{background-color:#dc3545}.admin-filters{display:flex;gap:20px;align-items:flex-end;margin-bottom:30px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.06);flex-wrap:wrap}.admin-filter-group{display:flex;flex-direction:column;gap:8px;flex:1 1;min-width:200px}.admin-filter-group label{font-size:.9rem;font-weight:600;color:#333}.admin-search-input,.admin-select{padding:10px 14px;font-size:1rem;border:2px solid #e0e0e0;border-radius:6px;background:#fff;color:#333;transition:border-color .2s ease}.admin-search-input:focus,.admin-select:focus{outline:none;border-color:#0066cc}.admin-refresh-btn{padding:10px 24px;background:#0066cc;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.admin-refresh-btn:hover{background:#0052a3}.admin-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#f9f9f9}.admin-table th{padding:16px 12px;text-align:left;font-weight:700;font-size:.9rem;color:#333;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid #e0e0e0}.admin-table td{padding:16px 12px;border-bottom:1px solid #f0f0f0;font-size:.95rem;color:#444}.admin-table tr:hover{background:#fafafa}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{font-weight:600;color:#222}.user-email{font-size:.85rem;color:#666}.storage-info{display:flex;flex-direction:column;gap:6px;min-width:150px}.storage-text{font-size:.9rem;color:#444}.storage-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.storage-fill{height:100%;background:#28a745;transition:width .3s ease}.storage-fill.storage-warning{background:#ffc107}.storage-fill.storage-critical{background:#dc3545}.trial-status{display:inline-block;padding:4px 10px;background:#e7f3ff;color:#0066cc;border-radius:6px;font-size:.85rem;font-weight:600}.trial-status.trial-expiring{background:#fff3cd;color:#856404}.trial-status-none{color:#999;font-style:italic}.subscription-info{display:flex;flex-direction:column;gap:4px}.subscription-id{font-size:.8rem;color:#666;font-family:monospace}.subscription-none{color:#999;font-style:italic}.admin-action-btn{padding:8px 16px;background:#0066cc;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease}.admin-action-btn:hover{background:#0052a3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:40px;border-radius:12px;max-width:500px;width:90%;box-shadow:0 8px 24px rgba(0,0,0,.2)}.modal-content h2{margin:0 0 20px}.modal-form-group{display:flex;flex-direction:column;gap:10px;margin:20px 0 30px}.modal-form-group label{font-weight:600;color:#333}.modal-select{padding:12px;font-size:1rem;border:2px solid #e0e0e0;border-radius:6px;background:#fff}.modal-select:focus{outline:none;border-color:#0066cc}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn-primary,.modal-btn-secondary{padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.modal-btn-primary{background:#0066cc;color:#fff}.modal-btn-primary:hover{background:#0052a3}.modal-btn-secondary{background:#e0e0e0;color:#333}.modal-btn-secondary:hover{background:#d0d0d0}.admin-empty-state{text-align:center;padding:60px 20px;color:#666;font-size:1.1rem}@media (max-width:1200px){.revenue-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-table{font-size:.9rem}.admin-table td,.admin-table th{padding:12px 8px}}@media (max-width:768px){.subscription-admin-panel{padding:20px 10px}.subscription-admin-panel h1{font-size:2rem}.revenue-stats{grid-template-columns:1fr}.admin-filters{flex-direction:column;align-items:stretch}.admin-filter-group{min-width:auto}.admin-table-wrapper{overflow-x:auto}.admin-table{min-width:900px}.modal-content{padding:30px 20px}}@media (max-width:480px){.subscription-admin-panel h1{font-size:1.7rem}.revenue-stat-value{font-size:1.6rem}.modal-actions{flex-direction:column}.modal-btn-primary,.modal-btn-secondary{width:100%}}html{scroll-padding-top:80px;scrollbar-gutter:stable}