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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{background-color:#121212;color:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden}.navbar{background-color:#181818;border-bottom:1px solid #282828;justify-content:space-between;padding:1rem 2rem}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:2rem}.view-tabs{background-color:#121212;border-radius:6px;display:flex;gap:.25rem;padding:4px}.view-tab{align-items:center;background:#0000;border:none;border-radius:4px;color:#b3b3b3;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:6px 12px;transition:background .2s,color .2s}.view-tab:hover{color:#fff}.view-tab.active{background-color:#2563eb;color:#fff}.main-content{display:flex;flex:1 1;overflow:hidden}.sidebar{background-color:#181818;border-right:1px solid #282828;overflow-y:auto;padding:1rem;width:250px}.playlist-section{flex:1 1;overflow-y:auto;padding:1.5rem}.song-card{align-items:center;background-color:#1e1e1e;border-radius:6px;margin-bottom:8px;padding:10px;transition:background .3s ease}.song-title{color:#fff;font-weight:600;margin-bottom:4px}.song-data,.song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-data{color:#b3b3b3;font-size:.8rem}@media (max-width:768px){.main-content{flex-direction:column;overflow:scroll}.sidebar{background-color:auto;background-color:#121212;border-bottom:1px solid #282828;width:auto}.playlist-section,.sidebar{display:block;overflow-y:visible}}.playlist-card{align-items:center;background-color:#1e1e1e;border-radius:6px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:10px;transition:background .3s ease}.playlist-card.active{background-color:#2563eb}.playlist-card:hover{background-color:#2a2a2a}.playlist-card img{height:100%;object-fit:cover;width:100%}.img-container{width:50%}.playlist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.search-sort-row{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.search-input,.sort-container{position:relative}.search-input{align-items:center;background-color:#1e1e1e;border:1px solid #333;border-radius:4px;display:flex;flex-grow:1;padding:8px 12px}.search-input input{background:none;border:none;color:#fff;flex-grow:1;margin-left:8px;outline:none}.dropdown-menu{background-color:#1e1e1e;border:1px solid #333;border-radius:4px;left:-25%;margin-top:4px;overflow:hidden;position:absolute;top:100%;z-index:10}.dropdown-item{cursor:pointer;padding:8px 12px}.dropdown-item:hover{background-color:#2563eb}.add-song-form{display:flex;gap:.5rem;margin-top:1rem}.add-song-form input{background-color:#1e1e1e;border:1px solid #333;border-radius:4px;color:#fff;flex-grow:1;padding:8px}.btn{align-items:center;background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:4px;padding:8px 12px;text-decoration:none}.btn:hover{background-color:#1d4ed8}.spotify-auth-container{display:flex;gap:.5rem}.analytics-section{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.analytics-header{margin-bottom:1.5rem}.analytics-header h2{margin:0 0 .25rem}.analytics-subtitle{color:#b3b3b3;font-size:.9rem;margin:0}.analytics-note{color:#888}.analytics-empty{color:#b3b3b3;margin:2rem 0}.stat-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:2rem}.stat-card{background-color:#1e1e1e;border:1px solid #282828;border-radius:8px;padding:1rem 1.25rem}.stat-card-icon{color:#2563eb;margin-bottom:.5rem}.stat-card-value{font-size:1.75rem;font-weight:700;line-height:1.2}.stat-card-label{color:#b3b3b3;font-size:.8rem;margin-top:.25rem}.analytics-pie-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.analytics-panel-pie{min-height:280px}.activity-panel{margin-bottom:1.5rem}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.analytics-panel{background-color:#181818;border:1px solid #282828;border-radius:8px;padding:1.25rem}.analytics-panel-wide{grid-column:1/-1}.analytics-panel h3{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 1rem}.bar-list{list-style:none;margin:0;padding:0}.bar-list-item{margin-bottom:.75rem}.bar-list-item:last-child{margin-bottom:0}.bar-list-header{display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between;margin-bottom:4px}.bar-list-label{color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-list-count{color:#b3b3b3;flex-shrink:0}.bar-track{background-color:#282828;border-radius:3px;height:6px;overflow:hidden}.bar-fill{background-color:#2563eb;border-radius:3px;height:100%;min-width:2px;transition:width .3s ease}.pie-chart-wrap{align-items:center;display:flex;flex-direction:column;gap:1rem}.pie-chart-visual{flex-shrink:0;width:160px}.pie-chart-svg{display:block;height:auto;width:100%}.pie-slice{cursor:pointer;transition:opacity .15s ease,filter .15s ease}.pie-slice-active,.pie-slice:hover{filter:brightness(1.15);opacity:1}.pie-chart-center{fill:#181818}.pie-center-value{fill:#fff;font-size:22px;font-weight:700}.pie-center-label{fill:#b3b3b3;font-size:11px}.pie-legend{list-style:none;margin:0;padding:0;width:100%}.pie-legend-item{align-items:center;border-radius:4px;cursor:default;display:flex;font-size:.8rem;gap:8px;padding:6px 8px;transition:background .15s}.pie-legend-item-active,.pie-legend-item:hover{background-color:#282828}.pie-legend-swatch{border-radius:2px;flex-shrink:0;height:10px;width:10px}.pie-legend-label{color:#e0e0e0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pie-legend-meta{color:#b3b3b3;flex-shrink:0}.pie-legend-pct{color:#888}.activity-chart{display:flex;flex-direction:column;gap:1rem}.activity-chart-stats{border-bottom:1px solid #282828;display:flex;flex-wrap:wrap;gap:1.5rem 2rem;padding-bottom:.5rem}.activity-stat{display:flex;flex-direction:column;gap:2px}.activity-stat-value{color:#1db954;font-size:1.35rem;font-weight:700;line-height:1.2}.activity-stat-label{color:#b3b3b3;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.activity-stat-detail{color:#888;letter-spacing:normal;text-transform:none}.activity-stat-hover .activity-stat-value{color:#2563eb}.activity-chart-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem}.activity-chart-scroll::-webkit-scrollbar{height:6px}.activity-chart-scroll::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.activity-chart-svg{display:block;height:auto;min-width:100%}.activity-grid-line line{stroke:#282828;stroke-width:1}.activity-axis-label{fill:#888;font-size:11px}.activity-bar{fill:#2563eb;cursor:pointer;opacity:.85;transition:opacity .15s,fill .15s}.activity-bar-active,.activity-bar:hover{fill:#3b82f6;opacity:1}.activity-bar-peak{fill:#1db954}.activity-bar-peak.activity-bar-active,.activity-bar-peak:hover{fill:#22c55e}.activity-month-label{fill:#b3b3b3;font-size:10px}@media (max-width:1100px){.analytics-grid,.analytics-pie-row{grid-template-columns:1fr}.pie-chart-wrap{align-items:flex-start;flex-direction:row;justify-content:center}}@media (max-width:900px){.pie-chart-wrap{align-items:center;flex-direction:column}.navbar-left{align-items:flex-start;flex-direction:column;gap:.75rem}}
/*# sourceMappingURL=main.eac29804.css.map*/