#dashboardContent{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) fixed;min-height:100vh;padding-top:96px;padding-bottom:70px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}#dashboardContent *{box-sizing:border-box;margin:0;padding:0}#dashboardContent .navbar{z-index:1000;background:#fff;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:#4299e1;outline:none;box-shadow:0 0 0 3px #4299e11a}#dashboardContent .search-button{color:#fff;cursor:pointer;background:#4299e1;border:none;border-radius:50%;padding:.5rem;transition:all .3s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}#dashboardContent .search-button:hover{background:#3182ce;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:#2d3748;text-shadow:0 1px 2px #0000001a;align-items:center;gap:.5rem;font-size:1.5rem;display:flex}#dashboardContent .section-header h2 i{color:#4299e1}#dashboardContent .latest-section .section-header h2 i{color:#f6e05e}#dashboardContent .view-all{color:#4299e1;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}#dashboardContent .view-all:hover{color:#3182ce;transform:translate(2px)}#dashboardContent .latest-container,#dashboardContent .comics-grid{gap:1.5rem;display:grid}#dashboardContent .latest-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;grid-auto-columns:200px;grid-auto-flow:column;padding:.5rem;overflow-x:auto}#dashboardContent .latest-container::-webkit-scrollbar{display:none}#dashboardContent .comics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}#dashboardContent .comic-card{scroll-snap-align:start;background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000f}#dashboardContent .comic-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}#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:#2d3748;margin:0;font-size:.95rem;font-weight:600;line-height:1.4}#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:#4299e1}#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}}