.hdk-filter-label,.hdk-stat-label{text-transform:uppercase;letter-spacing:.025em}body.page-truyen-free,body.page-truyen-ngan,body.san-pham{background-image:radial-gradient(at 40% 20%,rgba(84,207,214,.1) 0,transparent 50%),radial-gradient(at 80% 0,rgba(84,207,214,.05) 0,transparent 50%),radial-gradient(at 0 50%,rgba(84,207,214,.05) 0,transparent 50%),radial-gradient(at 80% 50%,rgba(84,207,214,.05) 0,transparent 50%),radial-gradient(at 0 100%,rgba(84,207,214,.1) 0,transparent 50%),radial-gradient(at 80% 100%,rgba(84,207,214,.05) 0,transparent 50%),radial-gradient(at 0 0,rgba(84,207,214,.05) 0,transparent 50%)}.hdk-stories-page{padding:1rem 0;min-height:calc(100svh - 200px);position:relative}.stories-content-wrapper{background:var(--white-color);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.hdk-stories-header{margin-bottom:1rem;padding:0 .5rem}.hdk-stories-header-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.hdk-stories-icon-wrapper{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#54cfd6 0,#3a9ea5 100%);color:#fff;flex-shrink:0}.hdk-stories-icon-wrapper iconify-icon{font-size:1.5rem}.hdk-stories-icon-wrapper.success{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.hdk-stories-icon-wrapper.ongoing{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)}.hdk-stories-title-area h1{font-size:1.25rem;font-weight:700;color:var(--hdk-text-primary,#0f1419);margin:0}.dark .hdk-empty-state h4,.dark .hdk-pagination-info strong,.dark .hdk-stat-value,.dark .hdk-status-tab:hover,.dark .hdk-stories-title-area h1{color:var(--hdk-text-primary,#e7e9ea)}.hdk-filter-label,.hdk-loading-spinner span,.hdk-page-dots,.hdk-pagination-info,.hdk-status-tab,.hdk-stories-subtitle,.hdk-view-btn{color:var(--hdk-text-secondary,#536471)}.hdk-stories-subtitle{font-size:.8125rem;margin:.125rem 0 0}.hdk-status-tabs{display:flex;background:var(--hdk-card,#f7f8f8);border-radius:.75rem;padding:.25rem;gap:.25rem;border:1px solid var(--hdk-border,#e1eaef);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hdk-status-tabs::-webkit-scrollbar{display:none}.dark .hdk-stat-item,.dark .hdk-status-tabs,.dark .hdk-view-toggles{background:var(--hdk-card,#17181c);border-color:var(--hdk-border,#242628)}.hdk-status-tab{flex:1;min-width:90px;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .75rem;background:0 0;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap}.hdk-page-btn iconify-icon,.hdk-status-tab iconify-icon,.hdk-view-btn iconify-icon{font-size:1rem}.hdk-status-tab:hover{color:var(--hdk-text-primary,#0f1419);background:rgba(84,207,214,.1)}.hdk-status-tab.active{color:#fff;background:var(--hdk-primary,#54cfd6);box-shadow:0 2px 8px rgba(84,207,214,.25)}.dark .hdk-filter-select,.dark .hdk-search-input{background-color:var(--hdk-card,#17181c);color:var(--hdk-text-primary,#e7e9ea)}.hdk-status-tab.active.success{background:var(--hdk-success,#10b981);box-shadow:0 2px 8px rgba(16,185,129,.25)}.hdk-status-tab.active.ongoing{background:var(--hdk-warning,#f59e0b);box-shadow:0 2px 8px rgba(245,158,11,.25)}.hdk-status-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:.625rem;background:rgba(255,255,255,.2);font-size:.6875rem;font-weight:700}.hdk-status-tab:not(.active) .hdk-status-tab-count{background:var(--hdk-card,#f7f8f8);color:var(--hdk-text-secondary,#536471)}.dark .hdk-status-tab:not(.active) .hdk-status-tab-count{background:var(--hdk-muted,#181818)}.hdk-filter-bar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem;padding:0 .5rem;gap:.75rem;flex-wrap:wrap}.hdk-filter-group{display:flex;gap:.5rem;flex:1;min-width:0;flex-wrap:wrap}.hdk-filter-item{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:100px;max-width:160px}.hdk-filter-label,.hdk-view-btn{align-items:center;display:flex}.hdk-filter-label{gap:.375rem;font-size:.6875rem;font-weight:600}.hdk-filter-select,.hdk-search-input{font-size:.75rem;color:var(--hdk-text-primary,#0f1419);transition:.2s}.hdk-filter-label iconify-icon{font-size:.75rem;color:var(--hdk-primary,#54cfd6)}.hdk-filter-select{background:var(--hdk-background,#fff);border:1px solid var(--hdk-border,#e1eaef);border-radius:.5rem;padding:.5rem 1.75rem .5rem .625rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23536471' d='m12 15l-5-5h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.hdk-page-btn,.hdk-search-input{border:1px solid var(--hdk-border,#e1eaef)}.dark .hdk-filter-select{border-color:var(--hdk-border,#242628);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23e7e9ea' d='m12 15l-5-5h10l-5 5z'/%3E%3C/svg%3E")}.hdk-filter-select:focus,.hdk-search-input:focus{outline:0;border-color:var(--hdk-primary,#54cfd6);box-shadow:0 0 0 3px rgba(84,207,214,.1)}.hdk-filter-select:hover{border-color:var(--hdk-primary,#54cfd6)}.dark .hdk-page-btn,.dark .hdk-search-input{border-color:var(--hdk-border,#242628)}.hdk-search-input{background:var(--hdk-background,#fff);border-radius:.5rem;padding:.5rem .625rem .5rem 2rem;width:100%}.hdk-search-input::placeholder{color:var(--hdk-text-muted,#8899a6)}.hdk-search-wrapper{position:relative;flex:1;max-width:200px}.hdk-search-wrapper iconify-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:var(--hdk-text-muted,#8899a6);pointer-events:none}.hdk-view-toggles{display:flex;gap:.25rem;background:var(--hdk-card,#f7f8f8);padding:.25rem;border-radius:.5rem;border:1px solid var(--hdk-border,#e1eaef);flex-shrink:0}.hdk-view-btn{background:0 0;border:none;border-radius:.375rem;padding:.5rem;cursor:pointer;transition:.2s;width:2rem;height:2rem;justify-content:center}.hdk-view-btn:hover{color:var(--hdk-primary,#54cfd6);background:var(--hdk-primary-light,rgba(84,207,214,.1))}.hdk-view-btn.active{background:var(--hdk-primary,#54cfd6);color:#fff}.dark .hdk-view-btn{color:var(--hdk-text-secondary,#71767b)}.dark .hdk-view-btn.active{background:var(--hdk-primary,#1c9cf0)}.hdk-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:.3s}.hdk-loading-overlay.show{opacity:1;visibility:visible}.dark .hdk-loading-overlay{background:rgba(0,0,0,.8)}.hdk-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--hdk-primary,#54cfd6)}.hdk-loading-spinner iconify-icon{font-size:2.5rem;animation:1s linear infinite spin}.hdk-loading-spinner span{font-size:.875rem;font-weight:500}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.hdk-stories-container.loading{opacity:.5;pointer-events:none}.hdk-story-col{transition:.3s}.hdk-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.hdk-empty-state iconify-icon{font-size:4rem;color:var(--hdk-primary,#54cfd6);margin-bottom:1rem;opacity:.8}.hdk-empty-state h4{font-size:1.125rem;font-weight:600;color:var(--hdk-text-primary,#0f1419);margin:0 0 .5rem}.hdk-empty-state p{font-size:.875rem;color:var(--hdk-text-secondary,#536471);margin:0}.hdk-page-btn,.hdk-pagination-info strong{color:var(--hdk-text-primary,#0f1419)}.hdk-stories-container.list-view .hdk-story-col{width:100%!important;max-width:100%!important;flex:0 0 100%!important}.hdk-pagination-wrapper{padding:1rem .5rem;margin-top:.5rem}.hdk-pagination{display:flex;justify-content:center;align-items:center;gap:.375rem;flex-wrap:wrap}.hdk-page-btn{background:var(--hdk-card,#f7f8f8);border-radius:.5rem;padding:.5rem .625rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:.25rem;min-width:2.25rem;height:2.25rem;justify-content:center}.dark .hdk-page-btn{background:var(--hdk-card,#17181c);color:var(--hdk-text-primary,#e7e9ea)}.hdk-page-btn.active,.hdk-page-btn:hover:not(:disabled){background:var(--hdk-primary,#54cfd6);color:#fff;border-color:var(--hdk-primary,#54cfd6)}.hdk-page-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(84,207,214,.25)}.hdk-page-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.hdk-page-numbers{display:flex;gap:.25rem;align-items:center}.hdk-page-dots{padding:0 .375rem;font-size:.875rem}.hdk-pagination-info{font-size:.8125rem}.hdk-stats-summary{display:flex;gap:.75rem;margin-bottom:1rem;padding:0 .5rem}.hdk-stat-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--hdk-background,#fff);border:1px solid var(--hdk-border,#e1eaef);border-radius:.75rem;flex:1;min-width:0}.hdk-stat-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:var(--hdk-primary-light,rgba(84,207,214,.1));color:var(--hdk-primary,#54cfd6);flex-shrink:0}.hdk-stat-icon iconify-icon{font-size:1.25rem}.hdk-stat-icon.success{background:rgba(16,185,129,.1);color:var(--hdk-success,#10b981)}.hdk-stat-icon.warning{background:rgba(245,158,11,.1);color:var(--hdk-warning,#f59e0b)}.hdk-stat-content{min-width:0}.hdk-stat-value{font-size:1.125rem;font-weight:700;color:var(--hdk-text-primary,#0f1419);line-height:1.2}.hdk-stat-label{font-size:.6875rem;color:var(--hdk-text-secondary,#536471)}@media (max-width:374px){.hdk-stories-header-top{flex-wrap:wrap}.hdk-stories-icon-wrapper{width:2.5rem;height:2.5rem}.hdk-stories-icon-wrapper iconify-icon{font-size:1.25rem}.hdk-stories-title-area h1{font-size:1rem}.hdk-status-tab{min-width:75px;padding:.5rem .625rem;font-size:.75rem}.hdk-filter-bar{flex-direction:column;gap:.5rem}.hdk-filter-group{width:100%}.hdk-filter-item{min-width:80px;max-width:none}.hdk-view-toggles{align-self:flex-end}.hdk-stats-summary{flex-direction:column}.hdk-page-btn{min-width:1.75rem;height:1.75rem;font-size:.6875rem;padding:.25rem .375rem}}@media (min-width:375px) and (max-width:575px){.hdk-status-tab{min-width:85px;font-size:.75rem}.hdk-filter-item{min-width:90px}.hdk-stats-summary{flex-wrap:wrap}.hdk-stat-item{flex:0 0 calc(50% - 0.375rem)}}@media (min-width:576px) and (max-width:767px){.hdk-stories-page{padding:1.25rem 0}.hdk-filter-bar,.hdk-stories-header{padding:0 .75rem}.hdk-stories-icon-wrapper{width:3.5rem;height:3.5rem}.hdk-stories-title-area h1{font-size:1.375rem}.hdk-filter-item{max-width:140px}.hdk-search-wrapper{max-width:180px}}@media (min-width:768px){.hdk-status-tab,.hdk-stories-subtitle{font-size:.875rem}.hdk-stories-page{padding:1.5rem 0}.hdk-stories-header{padding:0 1rem;margin-bottom:1.25rem}.hdk-stories-icon-wrapper{width:3.5rem;height:3.5rem;border-radius:1rem}.hdk-stories-icon-wrapper iconify-icon{font-size:1.75rem}.hdk-stories-title-area h1{font-size:1.5rem}.hdk-status-tabs{max-width:500px}.hdk-status-tab{min-width:100px;padding:.75rem 1rem}.hdk-filter-select,.hdk-search-input{font-size:.8125rem}.hdk-filter-bar{padding:0 1rem;margin-bottom:1.25rem;flex-wrap:nowrap}.hdk-filter-group{flex-wrap:nowrap;gap:.75rem}.hdk-filter-item{min-width:120px;max-width:180px}.hdk-filter-select{padding:.5rem .75rem}.hdk-view-btn{width:2.25rem;height:2.25rem}.hdk-pagination-wrapper{padding:1.25rem 1rem}.hdk-page-btn{min-width:2.5rem;height:2.5rem;font-size:.875rem}.hdk-stats-summary{padding:0 1rem}}@media (min-width:992px){.hdk-filter-item{max-width:200px}.hdk-search-wrapper{max-width:220px}.hdk-stat-item{padding:1rem 1.25rem}.hdk-stat-value{font-size:1.25rem}}@media (min-width:1200px){.hdk-stories-page{padding:2rem 0}.hdk-filter-bar,.hdk-stories-header{margin-bottom:1.5rem}.hdk-filter-item{max-width:220px}.hdk-search-wrapper{max-width:250px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hdk-story-col.loaded{animation:.4s ease-out fadeInUp}.hdk-status-tab{transition:.25s cubic-bezier(.4, 0, .2, 1)}.hdk-status-tab:active{transform:scale(.95)}.hdk-stories-container{position:relative;min-height:300px;transition:opacity .3s}.hdk-stories-container.fading{opacity:.3}@media print{.hdk-filter-bar,.hdk-loading-overlay,.hdk-pagination-wrapper,.hdk-status-tabs,.hdk-view-toggles{display:none!important}.hdk-stories-page{background:#fff;padding:0}}