.dashboard-container{display:grid;grid-template-areas:"nav" "main";grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh;gap:24px}.favorites-header{grid-column:1/-1;background:var(--bg-card);color:var(--text-primary);padding:40px 32px;position:relative;overflow:hidden;margin-bottom:24px;margin-top:50px;border-radius:10px;border:1px solid var(--border-color)}.favorites-content{display:flex;justify-content:space-between;align-items:center;gap:32px;position:relative;z-index:2}.favorites-left{flex:1}.favorites-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--bg-secondary);color:var(--text-primary);padding:8px 16px;border-radius:9999px;font-size:14px;margin-bottom:16px}.hero-title{font-size:30px;margin-bottom:12px;color:var(--text-primary);font-weight:700}.hero-subtitle{font-size:14px;color:var(--text-secondary);max-width:500px;margin-bottom:24px}.hero-actions .browse-link{display:inline-flex;align-items:center;gap:12px;background-color:var(--accent-color);color:#fff!important;padding:12px 24px;border-radius:6px;text-decoration:none;transition:all .3s ease}.hero-actions .browse-link i{color:#fff!important}.hero-actions .browse-link:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-actions .browse-link:hover i{color:#fff!important}.hero-right{flex-shrink:0}.stats-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background-color:var(--bg-secondary);padding:24px;border-radius:8px;border:1px solid var(--border-color);backdrop-filter:blur(10px)}.stats-container .stat-item{display:flex;align-items:center;gap:16px}.stats-container .stat-icon{width:48px;height:48px;background-color:var(--accent-color);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.stats-container .stat-icon i{color:#fff}.stats-container .stat-info{display:flex;flex-direction:column}.stats-container .stat-number{font-size:20px;color:var(--text-primary)}.stats-container .stat-label{font-size:14px;color:var(--text-secondary)}.hero-decoration{position:absolute;top:0;right:0;left:0;bottom:0;z-index:1}.decoration-circle{position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);border-radius:50%;opacity:.15}.decoration-dots{position:absolute;top:20px;right:20px;width:100px;height:100px;background-image:radial-gradient(var(--text-secondary) 1px,transparent 1px);background-size:10px 10px;opacity:.1}.tab-navigation{grid-area:nav;background-color:var(--bg-card);padding:16px 32px;margin-bottom:24px;border-radius:10px;border:1px solid var(--border-color)}.tab-container{width:100%;margin-bottom:24px}.tab-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tab-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:16px;font-weight:500;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:8px;transition:background-color .3s ease,color .3s ease;text-decoration:none;border:1px solid var(--border-color)}.tab-link.active,.tab-link:hover{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 14px 0 rgba(220,38,38,.3)}.tab-link.active i{color:#fff!important}.tab-icon{font-size:1em}.tab-text{font-weight:600}.tab-count{font-size:13px;color:var(--accent-color);background-color:rgba(255,255,255,.9);padding:2px 10px;border-radius:12px;font-weight:700}.tab-link.active .tab-count{color:var(--accent-color);background-color:#fff}.dashboard-main{grid-area:main;padding:0}.toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);padding:16px 24px;border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:24px}.toolbar-left{display:flex;align-items:center;gap:16px}.item-count{font-size:14px;color:var(--accent-color);background-color:var(--bg-secondary);padding:4px 12px;border-radius:6px}.toolbar-right{display:flex;align-items:center;gap:24px}.view-options{display:flex;gap:8px}.view-btn{background:0 0;border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-secondary);transition:all .15s ease}.view-btn i{font-size:14px}.view-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.view-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.action-options{display:flex;gap:8px}.clear-favorites{background-color:var(--accent-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease}.clear-favorites i{color:#fff!important}.clear-favorites:hover{background-color:var(--accent-hover)}.clear-favorites:hover i{color:#fff!important}.view-more-link{display:block;width:100%;position:relative;overflow:hidden;margin:20px auto;text-align:center}.content-area{margin-bottom:32px}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.content-list{display:flex;flex-direction:column;gap:16px}.favorite-actions{position:absolute;top:10px;right:10px;z-index:10}.favorite-actions .action-button{background-color:#fff;color:var(--accent-color);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.favorite-actions .action-button:hover{background-color:var(--accent-color)}.favorite-actions .action-button:hover i{color:#fff!important}.favorite-actions .action-button .action-text{display:none}.favorite-actions .action-button i{color:var(--accent-color)!important;transition:color .3s ease}.content-list .content-card{display:grid;grid-template-columns:120px 1fr auto;height:120px;background:var(--bg-card);border-radius:8px;overflow:hidden}.content-list .card-img{height:100%;width:120px}.content-list .title{position:static;background:0 0;color:var(--text-primary);padding:16px;text-align:left;font-weight:600}.content-list .meta-tags{position:static;flex-direction:row;padding:16px;gap:8px}.content-list .favorite-actions{position:static;display:flex;align-items:center;justify-content:center;padding:16px}.empty-state{display:flex;justify-content:center;align-items:center;min-height:300px;background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-sm);padding:32px;text-align:center}.empty-content{max-width:400px}.empty-icon{width:80px;height:80px;background-color:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.empty-icon i{font-size:32px;color:var(--text-secondary)}.empty-title{font-size:20px;color:var(--text-primary);margin-bottom:16px;font-weight:600}.empty-description{font-size:16px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.browse-button{display:inline-flex;align-items:center;gap:8px;background-color:var(--accent-color);color:#fff!important;text-decoration:none;padding:12px 24px;border-radius:6px;transition:all .15s ease}.browse-button i{font-size:14px;color:#fff!important}.browse-button:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.browse-button:hover i{color:#fff!important}.message{position:fixed;bottom:20px;right:20px;background-color:var(--bg-card);color:var(--text-primary);padding:16px 24px;border-radius:6px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:1000;max-width:400px;border:1px solid var(--border-color)}.message i{font-size:18px}.message.show{transform:translateY(0);opacity:1}.message.success{border-left:4px solid #10b981}.message.success i{color:#10b981}.message.error{border-left:4px solid var(--accent-color)}.message.error i{color:var(--accent-color)}.message.info{border-left:4px solid #06b6d4}.message.info i{color:#06b6d4}#content-container .navigation{text-align:center;padding:20px 0}@media (max-width:1200px){.dashboard-container{padding:0 24px 24px}.favorites-content{flex-direction:column;align-items:flex-start;text-align:left}.hero-right{width:100%}.stats-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:992px){.favorites-content{flex-direction:column;align-items:flex-start;text-align:left}.hero-right{width:100%}.stats-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.tab-navigation{padding:16px}.tab-links{grid-template-columns:repeat(2,1fr)}.tab-link{padding:12px 16px;white-space:nowrap}.tab-link.active{border-bottom-width:3px}.toolbar{padding:16px;margin-bottom:16px}.toolbar-right{flex-direction:column;gap:12px;align-items:flex-start}.view-options{width:100%}.view-btn{flex:1;justify-content:center}.content-list .content-card{grid-template-columns:80px 1fr;height:auto}.content-list .card-img{width:80px;height:120px}.content-list .favorite-actions{position:absolute;top:5px;right:5px;padding:0}}@media (max-width:576px){.dashboard-container{padding:0 16px 16px}.empty-state{padding:16px}.empty-icon{width:60px;height:60px}.message{right:10px;left:10px;max-width:calc(100% - 20px)}.hero-title{font-size:24px}.favorites-header{padding:32px 24px}.stats-container{grid-template-columns:1fr}}@media (max-width:480px){.tab-link{font-size:14px;padding:10px 12px}}.favorites-section-title{font-size:18px;color:var(--text-primary);font-weight:600}.favorites-section-heading{font-size:18px;color:var(--text-primary);margin-top:25px;margin-bottom:25px;position:relative;display:block;overflow:hidden;padding:10px 0;font-weight:600}@media (max-width:768px){.tab-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.tab-link{font-size:14px;padding:10px 12px}}[data-theme=dark] .stats-container .stat-icon{background-color:var(--accent-color);color:#fff}[data-theme=dark] .decoration-circle{opacity:.08}[data-theme=dark] .decoration-dots{opacity:.05}[data-theme=dark] .tab-link.active{box-shadow:0 4px 14px 0 rgba(220,38,38,.4)}[data-theme=dark] .content-list .content-card{border:1px solid var(--border-color)}[data-theme=dark] .clear-favorites{background-color:var(--accent-color)}[data-theme=dark] .clear-favorites:hover{background-color:var(--accent-hover)}[data-theme=light] .stats-container{background-color:rgba(33,83,164,.05)}[data-theme=light] .decoration-circle{opacity:.08}[data-theme=light] .decoration-dots{opacity:.08}[data-theme=light] .content-list .content-card{box-shadow:var(--shadow-sm)}