#dashboardContent{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) fixed;min-height:100vh;padding-top:96px;padding-bottom:70px;font-family:Plus Jakarta Sans,Poppins,system-ui,-apple-system,sans-serif;line-height:1.6}#dashboardContent *{box-sizing:border-box;margin:0;padding:0}#dashboardContent .navbar{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#ffffffe0;padding:1rem;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001a}#dashboardContent .navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}#dashboardContent .navbar-brand{color:#2d3748;align-items:center;gap:.75rem;text-decoration:none;display:flex}#dashboardContent .navbar-brand i{font-size:1.8rem;color:#667eea!important}#dashboardContent .navbar-brand h1{margin:0;font-size:1.5rem;font-weight:700}#dashboardContent .search-form{flex:1;max-width:500px;margin:0 1rem}#dashboardContent .search-container{width:100%;position:relative}#dashboardContent .search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:9999px;width:100%;padding:.75rem 3rem .75rem 1rem;font-size:.95rem;transition:all .3s}#dashboardContent .search-input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1f}#dashboardContent .search-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:50%;padding:.5rem;transition:all .3s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}#dashboardContent .search-button:hover{background:#5a67d8;transform:translateY(-50%)scale(1.05)}#dashboardContent .latest-section,#dashboardContent .comics-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;width:min(1200px,100% - 1.5rem);margin:0 auto 1.5rem;padding:1.25rem;box-shadow:0 8px 32px #0000001a}#dashboardContent .comics-section{margin-top:0}#dashboardContent .section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}#dashboardContent .section-header h2{color:#1e293b;align-items:center;gap:.5rem;font-size:1.4rem;display:flex}#dashboardContent .section-header h2 i{color:#667eea}#dashboardContent .latest-section .section-header h2 i{color:#f6e05e}#dashboardContent .view-all{color:#667eea;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}#dashboardContent .view-all:hover{color:#4f46e5;transform:translate(2px)}#dashboardContent .latest-slider-wrapper{width:100%;position:relative}#dashboardContent .latest-slider-track{scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#667eea59 transparent;gap:1.25rem;padding:.5rem .25rem 1rem;display:flex;overflow:auto hidden}#dashboardContent .latest-slider-track::-webkit-scrollbar{height:6px}#dashboardContent .latest-slider-track::-webkit-scrollbar-track{background:0 0}#dashboardContent .latest-slider-track::-webkit-scrollbar-thumb{background:#667eea59;border-radius:9999px}#dashboardContent .latest-slider-track::-webkit-scrollbar-thumb:hover{background:#667eeaa6}#dashboardContent .latest-slider-track .comic-card{scroll-snap-align:start;box-sizing:border-box;flex:0 0 calc(20% - 1rem);min-width:calc(20% - 1rem);max-width:calc(20% - 1rem)}#dashboardContent .latest-slider-set{display:contents}@media (max-width:1200px){#dashboardContent .latest-slider-track .comic-card{flex:0 0 calc(25% - .9375rem);min-width:calc(25% - .9375rem);max-width:calc(25% - .9375rem)}}@media (max-width:900px){#dashboardContent .latest-slider-track{gap:1rem}#dashboardContent .latest-slider-track .comic-card{flex:0 0 calc(33.3333% - .666667rem);min-width:calc(33.3333% - .666667rem);max-width:calc(33.3333% - .666667rem)}}@media (max-width:640px){#dashboardContent .latest-slider-track{gap:.75rem}#dashboardContent .latest-slider-track .comic-card{flex:0 0 calc(50% - .375rem);min-width:calc(50% - .375rem);max-width:calc(50% - .375rem)}}#dashboardContent .comics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;display:grid}#dashboardContent .comic-card{scroll-snap-align:start;background:#fff;border-radius:14px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0f}#dashboardContent .comic-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #667eea33}#dashboardContent .comic-cover{aspect-ratio:2/3;position:relative;overflow:hidden}#dashboardContent .comic-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}#dashboardContent .comic-card:hover .comic-cover img{transform:scale(1.05)}#dashboardContent .karya-type-badge{text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);z-index:10;letter-spacing:.6px;border:1px solid #ffffff4d;border-radius:9999px;align-items:center;gap:5px;padding:.3rem .75rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:.6rem;left:.6rem;box-shadow:0 4px 12px #00000040}#dashboardContent .karya-type-badge.novel{background:linear-gradient(135deg,#ed8936f2,#dd6b20f2)}#dashboardContent .karya-type-badge.komik{background:linear-gradient(135deg,#667eeaf2,#764ba2f2)}#dashboardContent .status-badge{text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}#dashboardContent .status-badge.ongoing{background:#48bb78e6}#dashboardContent .status-badge.completed{background:#4299e1e6}#dashboardContent .status-badge.hiatus{background:#ed8936e6}#dashboardContent .comic-meta{z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#000000b8;border-radius:10px;padding:.5rem .6rem;transition:opacity .24s,transform .24s;position:absolute;bottom:.5rem;left:.5rem;right:.5rem;transform:translateY(8px)}#dashboardContent .comic-card:hover .comic-cover .comic-meta{opacity:1;transform:translateY(0)}#dashboardContent .comic-meta p{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;margin:.2rem 0;font-size:.72rem;display:flex;overflow:hidden}#dashboardContent .comic-meta i{color:#90cdf4;flex-shrink:0}#dashboardContent .comic-meta .fa-star{color:#f6c744}#dashboardContent .comic-info{padding:1rem}#dashboardContent .comic-info h3{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}#dashboardContent .bottom-nav{z-index:1000;background:#fff;justify-content:space-around;padding:.75rem 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}#dashboardContent .nav-item{color:#718096;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;text-decoration:none;transition:all .2s;display:flex}#dashboardContent .nav-item i{font-size:1.25rem}#dashboardContent .nav-item span{font-size:.75rem;font-weight:500}#dashboardContent .nav-item:hover,#dashboardContent .nav-item.active{color:#667eea}#dashboardContent .no-content{text-align:center;color:#a0aec0;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;width:100%;padding:3rem 1rem;display:flex}#dashboardContent .no-content i{color:#cbd5e0;margin-bottom:1rem;font-size:3rem}#dashboardContent .no-content p{color:#718096;font-size:1rem;font-weight:600}[data-theme=dark] #dashboardContent{color:#fff!important;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%)!important}[data-theme=dark] #dashboardContent .navbar{color:#fff!important;background-color:#1e1e1e!important;box-shadow:0 2px 10px #0006!important}[data-theme=dark] #dashboardContent .navbar-brand h1{color:#fff!important}[data-theme=dark] #dashboardContent .latest-section,[data-theme=dark] #dashboardContent .comics-section{color:#fff!important;background:#1e1e1e!important;border-color:#2d2d2d!important}[data-theme=dark] #dashboardContent .section-header h2{color:#fff!important}[data-theme=dark] #dashboardContent .comic-card{background:#121212!important;border:1px solid #2d2d2d!important}[data-theme=dark] #dashboardContent .comic-info h3{color:#fff!important}[data-theme=dark] #dashboardContent .bottom-nav{background:#1e1e1e!important;border-top:1px solid #2d2d2d!important}[data-theme=dark] #dashboardContent .nav-item{color:#a0aec0!important}[data-theme=dark] #dashboardContent .nav-item.active,[data-theme=dark] #dashboardContent .nav-item:hover{color:#667eea!important}@media (max-width:768px){#dashboardContent{padding-top:135px;padding-bottom:calc(65px + env(safe-area-inset-bottom,0px))}#dashboardContent .navbar{padding:.75rem .85rem}#dashboardContent .navbar-container{flex-direction:column;gap:.65rem}#dashboardContent .navbar-brand h1{font-size:1.35rem}#dashboardContent .navbar-brand i{font-size:1.5rem}#dashboardContent .search-form{width:100%;max-width:none;margin:0}#dashboardContent .search-input{padding:.65rem 2.8rem .65rem .9rem}#dashboardContent .comics-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)!important}#dashboardContent .comic-info{padding:.75rem}#dashboardContent .comic-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;display:-webkit-box;overflow:hidden}#dashboardContent .latest-section,#dashboardContent .comics-section{border-radius:18px;width:calc(100% - 1rem);margin:1.25rem auto;padding:1rem .9rem}#dashboardContent .section-header h2{font-size:1.25rem}}@media (max-width:480px){#dashboardContent{padding-top:130px}#dashboardContent .comics-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}#dashboardContent .comic-card{border-radius:14px}#dashboardContent .comic-cover{aspect-ratio:3/4.2}#dashboardContent .latest-container{-webkit-overflow-scrolling:touch;grid-auto-columns:130px;gap:.65rem;padding-bottom:.5rem}#dashboardContent .latest-section,#dashboardContent .comics-section{border-radius:16px;width:calc(100% - .75rem);margin:.9rem auto;padding:.85rem .75rem}#dashboardContent .karya-type-badge{padding:.22rem .55rem;font-size:.65rem;top:.4rem;left:.4rem}#dashboardContent .status-badge{padding:.2rem .55rem;font-size:.65rem;top:.4rem;right:.4rem}#dashboardContent .bottom-nav .nav-item{padding:.4rem .5rem;font-size:.75rem}#dashboardContent .bottom-nav .nav-item i{font-size:1.25rem}}