.dashboard-page{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-filters{background:white;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.filters-header,.filters-title{margin-bottom:1rem}.filters-title{font-size:1rem;font-weight:600;color:#333}.quick-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-button{padding:.5rem 1rem;border:1px solid #d1d5db;background:white;border-radius:6px;font-size:.875rem;color:#666;font-weight:500;transition:all .2s}.filter-button:hover{border-color:#6c5ce7;color:#6c5ce7}.filter-button.active{background:#6c5ce7;color:white;border-color:#6c5ce7}.custom-date-filters{display:flex;gap:1rem;align-items:center;padding-top:1rem;border-top:1px solid #e5e7eb}.date-input-group{display:flex;flex-direction:column;gap:.25rem}.date-label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.date-input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#333;font-family:inherit}.date-input:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px rgba(108,92,231,.1)}.apply-dates-button{padding:.5rem 1.5rem;background:#6c5ce7;color:white;border-radius:6px;font-weight:600;font-size:.875rem;margin-top:auto;transition:background-color .2s}.apply-dates-button:hover{background:#5f4dd4}.subscribers-chart-container{background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.chart-header-section{margin-bottom:2rem}.chart-main-title{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin-bottom:.5rem}.chart-subtitle{font-size:.875rem;color:#666}.subscribers-chart{position:relative;height:400px;margin-bottom:1rem}.chart-svg{width:100%;height:100%}.chart-grid-line{stroke:#f0f0f0;stroke-width:1}.subscribers-line{fill:none;stroke:#6c5ce7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.subscribers-area{fill:url(#gradient);opacity:.3}.data-point{fill:#6c5ce7;cursor:pointer;transition:r .2s}.data-point:hover{r:6;fill:#5f4dd4}.chart-axis{display:flex;justify-content:space-between;padding:0 2rem;margin-top:1rem}.axis-label{font-size:.75rem;color:#9ca3af;font-weight:500}.chart-y-labels{position:absolute;left:0;top:0;bottom:2rem;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 0}.y-axis-label{font-size:.75rem;color:#9ca3af;font-weight:500}.chart-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.stat-box{text-align:center}.stat-box-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-box-value{font-size:1.75rem;font-weight:700;color:#6c5ce7}.stat-box-change{font-size:.875rem;margin-top:.25rem}.stat-box-change.positive{color:#10b981}.stat-box-change.negative{color:#ef4444}