.main-container{background:linear-gradient(135deg,#1a1a1a,#121212);margin-left:210px;height:82vh;width:88.5vw;color:white;box-sizing:border-box;border-radius:25px;padding:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 transparent}.main-container::-webkit-scrollbar{width:8px}.main-container::-webkit-scrollbar-track{background:transparent}.main-container::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.welcome-text{font-size:32px;font-weight:700;margin:0;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#b3b3b3;margin:4px 0 0;font-size:16px}.quick-actions{display:flex;gap:12px}.action-btn{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);color:#8b5cf6;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:rgba(139,92,246,.2);transform:translateY(-2px)}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:16px;gap:16px;margin-bottom:40px}.quick-access-card{background:rgba(255,255,255,.05);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.quick-access-card:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.quick-access-image{width:60px;height:60px;border-radius:8px;object-fit:cover}.quick-access-info h3{margin:0;font-size:16px;font-weight:600}.quick-access-info p{margin:4px 0 0;color:#b3b3b3;font-size:14px}.play-btn-quick{background:#8b5cf6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-left:auto}.play-btn-quick:hover{background:#7c3aed;transform:scale(1.1)}.section{margin-bottom:48px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:24px;font-weight:700;margin:0}.see-all-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;font-size:14px;transition:color .3s ease}.see-all-btn:hover{color:white}.albums-grid,.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px}.album-card,.artist-card{background:rgba(255,255,255,.05);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.album-card:hover,.artist-card:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}.album-image-container,.artist-image-container{position:relative;margin-bottom:16px}.album-image,.artist-image{width:100%;height:160px;border-radius:12px;object-fit:cover}.artist-image{border-radius:50%}.play-btn{position:absolute;bottom:8px;right:8px;background:#8b5cf6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease}.album-card:hover .play-btn,.artist-card:hover .play-btn{opacity:1;transform:translateY(-4px)}.album-info h3,.artist-info h3{margin:0;font-size:16px;font-weight:600}.album-info p,.artist-info p{margin:4px 0;color:#b3b3b3;font-size:14px}.plays{color:#8b5cf6;font-size:12px;font-weight:500}.recent-tracks{background:rgba(255,255,255,.05);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1)}.track-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.track-row:last-child{border-bottom:none}.track-row:hover{background:rgba(255,255,255,.05);border-radius:8px;padding-left:12px;padding-right:12px}.track-left{display:flex;align-items:center;gap:16px}.track-image{width:48px;height:48px;border-radius:8px;object-fit:cover}.track-info h4{margin:0;font-size:16px;font-weight:500}.track-info p{margin:4px 0 0;color:#b3b3b3;font-size:14px}.track-right{display:flex;align-items:center;gap:20px}.heart-icon,.more-icon{color:#b3b3b3;cursor:pointer;transition:color .3s ease}.heart-icon:hover,.more-icon:hover{color:#8b5cf6}.duration{color:#b3b3b3;font-size:14px;min-width:40px}@media (max-width:768px){.main-container{margin-left:0;width:100vw;padding:16px}.header-section{flex-direction:column;align-items:flex-start;gap:16px}.quick-access-grid{grid-template-columns:1fr}.albums-grid,.artists-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}