:root{--dw-primary: #6366f1;--dw-primary-dark: #4f46e5;--dw-bg: #f0f2f5;--dw-sidebar-bg: #1e293b;--dw-sidebar-text: #94a3b8;--dw-sidebar-active: #6366f1;--dw-card-shadow: 0 1px 3px rgba(0, 0, 0, .08)}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--dw-bg)}.app-sidebar{background:var(--dw-sidebar-bg)!important;width:260px}.dw-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:999}.dw-sidebar-mobile{transform:translate(-105%);transition:transform .2s ease;box-shadow:0 10px 30px #00000040}.dw-sidebar-mobile.dw-sidebar-open{transform:translate(0)}.dw-sidebar-mobile.dw-sidebar-closed{transform:translate(-105%)}.sidebar-brand .brand-text{font-weight:700;font-size:1.15rem;color:#fff}.nav-sidebar .nav-link{color:var(--dw-sidebar-text);border-radius:8px;margin:2px 8px;padding:10px 14px;transition:all .2s}.nav-sidebar .nav-link:hover,.nav-sidebar .nav-link.active{background:#6366f126;color:#fff}.nav-sidebar .nav-link.active{background:var(--dw-sidebar-active);color:#fff;font-weight:600}.stat-card{border:none;border-radius:12px;box-shadow:var(--dw-card-shadow);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card .stat-number{font-size:2rem;font-weight:700}.stat-card .stat-label{font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.badge-pending{background:#f59e0b;color:#fff}.badge-crawling{background:#3b82f6;color:#fff}.badge-crawled{background:#8b5cf6;color:#fff}.badge-downloading{background:#06b6d4;color:#fff}.badge-completed{background:#10b981;color:#fff}.badge-error{background:#ef4444;color:#fff}.badge-deleted{background:#6b7280;color:#fff}.badge-skipped{background:#9ca3af;color:#fff}.table-hover tbody tr:hover{background:#6366f10a}.table th{font-weight:600;font-size:.85rem;text-transform:uppercase;color:#6b7280;border-bottom:2px solid #e5e7eb}.app-content-header h3{font-weight:700;color:#1e293b}.search-input{border-radius:8px;border:1px solid #d1d5db;padding:8px 14px;transition:border-color .2s}.search-input:focus{border-color:var(--dw-primary);box-shadow:0 0 0 3px #6366f11a}.poster-thumb{width:45px;height:60px;object-fit:cover;border-radius:6px}.detail-poster{width:120px;height:160px;object-fit:cover;border-radius:8px}.page-link{color:var(--dw-primary);border-radius:6px;margin:0 2px}.page-item.active .page-link{background:var(--dw-primary);border-color:var(--dw-primary)}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af}.empty-state h5{color:#6b7280;margin-top:16px}.spinner-wrapper{display:flex;justify-content:center;padding:60px}.bg-running{background-color:#3b82f6}.bg-pending{background-color:#f59e0b}.bg-crawling{background-color:#3b82f6}.bg-crawled{background-color:#8b5cf6}.bg-downloading,.bg-processing{background-color:#06b6d4}.bg-completed{background-color:#10b981}.bg-error{background-color:#ef4444}.bg-deleted{background-color:#6b7280}.bg-skipped{background-color:#9ca3af}#nprogress{pointer-events:none}#nprogress .bar{background:var(--dw-primary);height:3px}#nprogress .peg{box-shadow:0 0 10px var(--dw-primary),0 0 5px var(--dw-primary)}header.sticky-top{z-index:1030!important}.card.sticky-top{z-index:10!important}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.hover-bg-light:hover{background-color:#f8f9fa;color:var(--dw-primary)!important}.dropdown-menu.show{display:block!important;z-index:1050!important}.app-header{background-color:var(--dw-sidebar-bg)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.app-header .text-white-50{color:var(--dw-sidebar-text)!important}.hover-bg-dark-light:hover{background-color:#6366f126!important;color:#fff!important}.app-header .dropdown-menu{background-color:var(--dw-sidebar-bg)!important;border:1px solid rgba(255,255,255,.12)!important}.app-header .dropdown-menu .dropdown-item{color:var(--dw-sidebar-text)!important;background-color:transparent!important}.app-header .dropdown-menu .dropdown-item:hover,.app-header .dropdown-menu .dropdown-item:focus{background-color:#6366f126!important;color:#fff!important}.app-header .dropdown-menu .dropdown-item.active{background-color:var(--dw-primary)!important;color:#fff!important}.offcanvas{background-color:var(--dw-sidebar-bg)!important}.offcanvas .nav-link{color:var(--dw-sidebar-text)!important;transition:all .2s}.offcanvas .nav-link:hover{background-color:#6366f126!important;color:#fff!important}.offcanvas .nav-link.active{background-color:var(--dw-sidebar-active)!important;color:#fff!important;font-weight:600}.login-page{background-color:#0f172a}.login-card{width:100%;max-width:400px;background-color:#1e293b;color:#fff;border:1px solid rgba(255,255,255,.05)!important}.login-page .form-control{background-color:#0f172a;border-color:#334155;color:#fff}.login-page .form-control:focus{background-color:#0f172a;border-color:#6366f1;box-shadow:0 0 0 3px #6366f140;color:#fff}.login-page .form-label{color:#94a3b8}.loading-soft{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 24px}.loading-soft--table{padding:36px 24px;min-height:220px}.loading-soft--inline{padding:10px 0;min-height:auto;flex-direction:row;gap:10px}.loading-soft__spinner{position:relative;width:44px;height:44px}.loading-soft--inline .loading-soft__spinner{width:22px;height:22px}.loading-soft__spinner:before,.loading-soft__spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent}.loading-soft__spinner:before{border-color:#6366f124}.loading-soft__spinner:after{border-top-color:var(--dw-primary);border-right-color:#6366f159;animation:loading-soft-spin 1s cubic-bezier(.45,.05,.25,.95) infinite}.loading-soft--inline .loading-soft__spinner:before,.loading-soft--inline .loading-soft__spinner:after{border-width:2px}.loading-soft__label{margin:0;font-size:.9rem;color:#64748b;letter-spacing:.01em;animation:loading-soft-pulse 1.8s ease-in-out infinite}.loading-soft--inline .loading-soft__label{font-size:.85rem}@keyframes loading-soft-spin{to{transform:rotate(360deg)}}@keyframes loading-soft-pulse{0%,to{opacity:.55}50%{opacity:1}}
