:root{--brand: #ff6a02;--brand-strong: #ff6a02;--brand-strong-hover: #e05a00;--brand-text: #ff6a02;--brand-ink: #b34700;--brand-soft: #fff1e6;--on-brand: #ffffff;--bg: #ffffff;--bg-subtle: #f6f6f7;--surface: #ffffff;--surface-2: #f4f4f5;--surface-hover: #ececee;--border: #e4e4e7;--text: #18181b;--text-muted: #52525b;--success-text: #15803d;--danger-text: #b91c1c;--danger-bg: #fef2f2;--danger-border: #fecaca;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--radius: .75rem;--focus-ring: 0 0 0 3px rgba(255, 106, 2, .45)}:root,body{--primary-color: var(--brand-strong);--primary-second-color: var(--brand-strong-hover);--background-color: var(--bg);--background-second-color: var(--surface-2);--text-color: var(--text)}body.dark-mode{--brand-text: #ff6a02;--brand-ink: #ff8a3d;--brand-soft: #2a1608;--bg: #0f0f11;--bg-subtle: #0f0f11;--surface: #18181b;--surface-2: #222226;--surface-hover: #2c2c31;--border: #34343a;--text: #f4f4f5;--text-muted: #a1a1aa;--success-text: #4ade80;--danger-text: #fca5a5;--danger-bg: #2a1215;--danger-border: #7f1d1d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5)}body{margin:0;background-color:var(--bg);color:var(--text);font-family:sans-serif}main{background-color:var(--bg);color:var(--text)}a.publikasi{text-decoration:none;color:var(--text-color)}html{height:100%}body{min-height:100%;margin:0}main{flex:1}[x-cloak]{display:none!important}.site-container{width:100%;max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.site-container{padding:0 1.5rem}}.site-header{position:sticky;top:0;z-index:40}.topbar{background-color:var(--brand-strong);color:var(--on-brand);font-size:.875rem}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:40px}.topbar-tagline{font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto}.topbar-icon-btn,.topbar-link{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:0 .6rem;border:0;border-radius:.5rem;background:transparent;color:var(--on-brand);font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.topbar-icon-btn{min-width:36px;justify-content:center}.topbar-icon-btn:hover,.topbar-link:hover{background-color:#0000001f;color:var(--on-brand)}.topbar-divider{width:1px;height:16px;background-color:#ffffff80}.topbar-account{position:relative}.topbar-account-name{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-chevron{font-size:.7rem;transition:transform .2s ease}.topbar-dropdown{position:absolute;right:0;top:calc(100% + .4rem);min-width:12rem;padding:.35rem;border-radius:.75rem;z-index:50}.topbar-dropdown-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;border:0;border-radius:.5rem;background:transparent;color:var(--text);font-size:.875rem;text-align:left;text-decoration:none}.topbar-dropdown-item:hover{background-color:var(--surface-hover);color:var(--text)}.topbar-dropdown-item i{width:1rem;text-align:center}@media (max-width: 480px){.topbar-tagline,.topbar-account-name{display:none}}.site-nav{position:relative;background-color:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.site-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}.site-logo{display:inline-flex;flex-shrink:0;border-radius:.6rem}.site-logo img{width:56px;height:56px;border-radius:.6rem;object-fit:contain}.site-menu{display:none;align-items:center;gap:.25rem}.site-menu-link{position:relative;padding:.5rem .9rem;color:var(--text);font-weight:600;text-decoration:none;border-radius:.5rem;transition:color .2s ease,background-color .2s ease}.site-menu-link:hover{color:var(--brand-text);background-color:var(--surface-2)}.site-menu-link.active{color:var(--brand-text)}.site-menu-link.active:after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.15rem;height:2px;border-radius:2px;background-color:var(--brand)}.site-cta{display:inline-flex;align-items:center;justify-content:center;margin-left:.75rem;padding:.55rem 1.25rem;border-radius:999px;background-color:var(--brand-strong);color:var(--on-brand);font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color .2s ease}.site-cta:hover{background-color:var(--brand-strong-hover);color:var(--on-brand)}.site-cta-block{display:flex;width:100%;margin:.75rem 0 0;min-height:44px}.site-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:.6rem;background-color:var(--surface);color:var(--text);font-size:1.15rem;cursor:pointer}.site-menu-toggle:hover{background-color:var(--surface-hover)}.site-menu-mobile{position:absolute;left:0;right:0;top:100%;padding:.5rem 0 1rem;background-color:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}.site-menu-mobile-link{display:flex;align-items:center;min-height:44px;padding:0 .75rem;border-radius:.5rem;color:var(--text);font-weight:600;text-decoration:none}.site-menu-mobile-link:hover{background-color:var(--surface-2);color:var(--brand-text)}.site-menu-mobile-link.active{color:var(--brand-text);background-color:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}@media (min-width: 1024px){.site-menu{display:flex}.site-menu-toggle,.site-menu-mobile{display:none!important}}.nav-aside{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;color:var(--on-brand);border-radius:.5rem;transition:background-color .2s ease}.nav-aside:hover{background-color:var(--primary-second-color)}a.sub-menu{font-weight:400;color:var(--on-brand);display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:.5rem;font-size:medium;text-decoration:none;white-space:nowrap;overflow:hidden}.menu-icon{width:1.25rem;flex-shrink:0;text-align:center}.admin-sidebar{width:16rem;transition:width .3s ease}.admin-sidebar .sidebar-logo{width:5rem;transition:width .3s ease}.admin-main{margin-left:0;transition:margin-left .3s ease}.menu-hp-tutup,.menu-hp-latar{display:none}@media (max-width: 767.98px){.admin-sidebar{z-index:40;transform:translate(-100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}.admin-sidebar.is-open{transform:none;visibility:visible;box-shadow:0 0 40px #00000059;transition:transform .25s ease,visibility 0s}.menu-hp-latar{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#00000073}.menu-hp-tutup{display:inline-flex;position:absolute;top:.75rem;right:.75rem;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:.5rem;border:0;background:#ffffff26;color:var(--on-brand);font-size:1.25rem}.menu-hp-tutup:focus-visible{outline:2px solid var(--on-brand);outline-offset:2px}body.menu-hp-terbuka{overflow:hidden}}@media (prefers-reduced-motion: reduce){.admin-sidebar,.admin-sidebar.is-open{transition:none}}@media (min-width: 768px){.admin-main{margin-left:4rem}html[data-sidebar=open] .admin-main{margin-left:16rem}html[data-sidebar=collapsed] .admin-sidebar{width:4rem}html[data-sidebar=collapsed] .admin-sidebar .sidebar-logo{width:2.5rem}html[data-sidebar=collapsed] .admin-sidebar .menu-label,html[data-sidebar=collapsed] .admin-sidebar .menu-chevron,html[data-sidebar=collapsed] .admin-sidebar .menu-submenu{display:none!important}html[data-sidebar=collapsed] .admin-sidebar a.sub-menu,html[data-sidebar=collapsed] .admin-sidebar .nav-aside{justify-content:center;padding:.6rem 0}}html.no-anim .admin-sidebar,html.no-anim .admin-sidebar *,html.no-anim .admin-main{transition:none!important}a.sub-menu:hover,a.sub-menu.active,.nav-aside.active{background-color:var(--brand-strong-hover);color:var(--on-brand)}a.sub-menu.active{font-weight:600;box-shadow:inset 3px 0 0 var(--on-brand)}.sidebar-section-label{color:var(--on-brand);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.site-footer{--footer-bg: #141416;--footer-text: #e4e4e7;--footer-muted: #a1a1aa;--footer-line: #2a2a2f;margin-top:auto;padding:3.5rem 0 1.5rem;background-color:var(--footer-bg);border-top:3px solid var(--brand);color:var(--footer-text)}body.dark-mode .site-footer{--footer-bg: #0a0a0b;--footer-line: #232327}.footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width: 640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:3rem}}.footer-logo{display:inline-flex;align-items:center;gap:.75rem;color:var(--footer-text);font-weight:800;font-size:1.05rem;line-height:1.2;text-decoration:none}.footer-logo:hover{color:var(--footer-text)}.footer-logo img{width:52px;height:52px;border-radius:.6rem;object-fit:contain}.footer-tagline{margin:1rem 0 1.25rem;max-width:22rem;color:var(--footer-muted);line-height:1.6}.footer-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;border-radius:999px;background-color:var(--brand-strong);color:var(--on-brand);font-weight:700;text-decoration:none;transition:background-color .2s ease}.footer-cta:hover{background-color:var(--brand-strong-hover);color:var(--on-brand)}.footer-cta i{font-size:.85em;transition:transform .2s ease}.footer-cta:hover i{transform:translate(3px)}.site-footer .footer-heading{margin:0 0 1rem;color:var(--footer-text);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li+li{margin-top:.65rem}.footer-col ul a,.footer-email{color:var(--footer-muted);text-decoration:none;transition:color .2s ease}.footer-col ul a:hover,.footer-email:hover{color:var(--brand)}.footer-email{display:inline-flex;align-items:center;gap:.6rem;font-size:.9rem;overflow-wrap:anywhere}.footer-email i{color:var(--brand)}.footer-social{display:flex;gap:.6rem;margin-top:1.25rem}.footer-social-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--footer-line);border-radius:.75rem;color:var(--footer-text);font-size:1.1rem;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.footer-social-btn:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--footer-line);color:var(--footer-muted);font-size:.875rem}.footer-bottom p{margin:0}.footer-top-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--footer-muted);text-decoration:none}.footer-top-link:hover{color:var(--brand)}.site-footer a{margin-bottom:0}.site-footer :focus-visible{outline-color:var(--brand)}.burger{color:var(--text-color)}.hero-section{padding:2rem;height:100vh;width:100%}.hero-img{width:300%;height:auto;object-fit:cover}.btn-primary{background-color:var(--primary-color);color:var(--on-brand);padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.btn-primary:hover{background-color:var(--brand-strong-hover);color:var(--on-brand)}.bt-icon{cursor:pointer}.bt-icon:hover{color:var(--brand-text)}.logo-img{width:80px;height:80px;border-radius:10%;overflow:hidden;display:inline-block;object-fit:contain}.nav-top-link{display:inline-block;color:var(--on-brand);text-decoration:none;transition:opacity .2s ease;font-size:large;font-weight:700}.nav-top-link:hover{color:var(--on-brand);text-decoration:underline;text-underline-offset:4px}.nav-link{display:inline-block;padding:.5rem 1rem;color:var(--text-color);text-decoration:none;transition:color .2s ease;font-size:large;font-weight:700}.nav-link:hover{color:var(--brand-text)}.nav-link.active{color:var(--brand-text);font-weight:700}.nav-link-rounded{background-color:var(--primary-color);display:inline-block;padding:.5rem 1rem;color:var(--on-brand);text-decoration:none;transition:color .2s ease,background-color .2s ease;border-radius:999px;font-size:large;font-weight:700}.nav-link-rounded:hover{background-color:var(--brand-strong-hover);color:var(--on-brand)}.nav-link-rounded-white{background-color:#fff;display:inline-block;padding:.5rem 1rem;color:var(--brand-strong);text-decoration:none;transition:color .2s ease,background-color .2s ease;border-radius:999px;font-size:large;font-weight:700}.nav-link-rounded-white:hover{background-color:#fff;color:var(--brand-strong-hover)}.judul{color:#fff;font-weight:700;font-size:clamp(1.75rem,5vw + .5rem,3rem);line-height:1.15}h2{font-weight:700;font-size:large;color:var(--brand-text)}.text-hover{color:#fff;font-size:1.5rem;font-weight:600;opacity:0;transition:opacity .3s ease;text-align:center;padding:0 .5rem}.text-hover:hover{opacity:100}.group:hover .text-hover{opacity:1}.nav-main{color:var(--text);font-size:large;font-weight:700;text-decoration:none}.text-mode,.text-mode-data{color:var(--text)}.text-mode-data:hover,a:hover{color:var(--brand-text)}.text-data{color:var(--text)}h4{color:inherit;font-size:large}.container-data{display:flex;flex-direction:column;background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:150px;margin-top:30px;box-shadow:var(--shadow-md)}.container-mode{background-color:var(--surface-2);color:var(--text)}.icon-primary{color:var(--brand);font-size:2rem}.icon-socmed{position:relative;display:inline-block;width:45px;height:45px;background-color:var(--surface);border:1px solid var(--border);border-radius:50%;text-align:center;line-height:45px;font-size:20px;margin:0 10px;transition:background-color .2s ease,color .2s ease,transform .2s ease;color:var(--brand-text)}.icon-socmed:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);transform:scale(1.1)}.icon-socmed:hover:before{background-color:#0003}.icon-option.selected{background-color:var(--brand-strong);color:var(--on-brand);border-color:var(--brand-strong)}.dataTables_wrapper .dataTables_filter{margin-bottom:1rem;float:right}.dataTables_wrapper .dataTables_paginate{margin-top:1rem;float:right}.dataTables_wrapper .dataTables_info{margin-top:1rem;float:left}.dataTables_wrapper .dataTables_length{margin-bottom:1rem}@media (max-width: 768px){.hero-section{padding:1.5rem}.btn-primary{padding:.5rem}a{margin-bottom:.5rem}.hero-section h1{font-size:large}.hero-section h4,.hero-section a{font-size:small}}.akun-avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-second-color);color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px}.akun-meta dt{font-weight:600;font-size:.875rem;color:var(--text-muted)}.akun-meta dt i{width:1.1rem;text-align:center}.akun-meta dd{margin-bottom:1rem;color:var(--text)}.akun-muted{color:var(--text-muted)}.akun-input{min-height:44px}.akun-toggle{min-width:44px}.akun-error{color:var(--danger-text);font-size:.875rem}.akun-rules li{font-size:.875rem;color:var(--text-muted);transition:color .2s ease}.akun-rules li.is-met,#info-cocok.is-met{color:var(--success-text)}.akun-submit{min-height:44px}.akun-submit:disabled{opacity:.6;cursor:not-allowed}.content-card{display:block;background-color:var(--surface-2);color:var(--text);border:1px solid transparent;border-radius:1rem;padding:.75rem 1rem;transition:background-color .2s ease,border-color .2s ease}a:hover .content-card,.content-card:hover{background-color:var(--surface-hover);border-color:var(--brand)}a:hover .content-card .content-card-title{color:var(--brand-text)}.content-card-title{color:var(--text);font-weight:700}.content-panel{background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.text-muted-token{color:var(--text-muted)}.notice{border-radius:.5rem;padding:.75rem 1rem;border:1px solid transparent}.notice-danger{background-color:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.field-error{color:var(--danger-text);font-size:.875rem;margin-top:.25rem}.form-input{width:100%;min-height:44px;padding:.5rem .75rem;background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.5rem}.form-input:focus{outline:none;border-color:var(--brand);box-shadow:var(--focus-ring)}.dropdown-surface{background-color:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-md)}.dropdown-surface .dropdown-item-token{color:var(--danger-text)}.dropdown-surface .dropdown-item-token:hover{background-color:var(--surface-hover)}.article-content{color:var(--text);line-height:1.75;overflow-wrap:anywhere}.article-content [style*=color]{color:inherit!important}.article-content [style*=background]{background-color:transparent!important}.article-content [style*=font-family]{font-family:inherit!important}.article-content p{margin-bottom:1rem}.article-content a{color:var(--brand-text)!important;text-decoration:underline}.article-content img{max-width:100%;height:auto;border-radius:.5rem}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.admin-main{background-color:var(--bg-subtle);min-height:100vh}.admin-main .shadow-sm.border{background-color:var(--surface);border-color:var(--border)!important;color:var(--text)}.admin-topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:56px;padding:.5rem 1rem;background-color:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text)}.admin-content{padding:1rem .75rem 2rem}@media (min-width: 768px){.admin-topbar{padding:.5rem 1.5rem}.admin-content{padding:1.25rem 1rem 2rem}}html[data-bs-theme] body,body{--bs-body-bg: var(--surface);--bs-body-color: var(--text);--bs-emphasis-color: var(--text);--bs-secondary-color: var(--text-muted);--bs-tertiary-bg: var(--surface-2);--bs-secondary-bg: var(--surface-2);--bs-border-color: var(--border);--bs-heading-color: inherit;--bs-link-color: var(--brand-text);--bs-link-hover-color: var(--brand-strong-hover);--bs-link-color-rgb: 255, 106, 2;--bs-focus-ring-color: rgba(255, 106, 2, .35);--bs-primary: #ff6a02;--bs-primary-rgb: 255, 106, 2;--bs-code-color: var(--brand-text)}body.dark-mode{--bs-link-color-rgb: 255, 106, 2;--bs-link-hover-color: #ff8a3d}html body{background-color:var(--bg)}body .btn-primary{--bs-btn-bg: var(--brand-strong);--bs-btn-border-color: var(--brand-strong);--bs-btn-color: var(--on-brand);--bs-btn-hover-bg: var(--brand-strong-hover);--bs-btn-hover-border-color: var(--brand-strong-hover);--bs-btn-hover-color: var(--on-brand);--bs-btn-active-bg: var(--brand-strong-hover);--bs-btn-active-border-color: var(--brand-strong-hover);--bs-btn-active-color: var(--on-brand);--bs-btn-disabled-bg: var(--brand-strong);--bs-btn-disabled-border-color: var(--brand-strong);--bs-btn-focus-shadow-rgb: 255, 106, 2}body .btn-outline-secondary{--bs-btn-color: var(--text-muted);--bs-btn-border-color: var(--border);--bs-btn-hover-bg: var(--surface-hover);--bs-btn-hover-color: var(--text);--bs-btn-hover-border-color: var(--border);--bs-btn-active-bg: var(--surface-hover);--bs-btn-active-color: var(--text)}body .form-control,body .form-select{background-color:var(--surface);color:var(--text);border-color:var(--border)}body .form-control::placeholder{color:var(--text-muted);opacity:1}body .form-control:focus,body .form-select:focus{background-color:var(--surface);color:var(--text);border-color:var(--brand);box-shadow:var(--focus-ring)}body .form-control:disabled,body .form-control[readonly]{background-color:var(--surface-2)}body .table{--bs-table-bg: transparent;--bs-table-color: var(--text);--bs-table-border-color: var(--border);--bs-table-hover-bg: var(--surface-hover);--bs-table-hover-color: var(--text);--bs-table-striped-bg: var(--surface-2);--bs-table-striped-color: var(--text)}body .modal-content{background-color:var(--surface);color:var(--text);border:1px solid var(--border)}body .modal-header,body .modal-footer{border-color:var(--border)}body.dark-mode .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}body .alert-success{--bs-alert-bg: color-mix(in srgb, var(--success-text) 12%, var(--surface));--bs-alert-color: var(--success-text);--bs-alert-border-color: color-mix(in srgb, var(--success-text) 35%, var(--surface))}body .alert-danger{--bs-alert-bg: var(--danger-bg);--bs-alert-color: var(--danger-text);--bs-alert-border-color: var(--danger-border)}.dataTables_wrapper,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:var(--text)!important}.dataTables_wrapper .dataTables_length select,.dataTables_wrapper .dataTables_filter input{background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.375rem;padding:.25rem .5rem}.dataTables_wrapper .dataTables_paginate .paginate_button{color:var(--text)!important;border-radius:.375rem}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{color:var(--text-muted)!important;background:transparent!important;border-color:transparent!important}.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover{background:var(--surface-hover)!important;border-color:var(--border)!important;color:var(--text)!important}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:var(--brand-strong)!important;border-color:var(--brand-strong)!important;color:var(--on-brand)!important}table.dataTable thead th,table.dataTable thead td{border-bottom-color:var(--border)!important;color:var(--text)}table.dataTable tbody tr{background-color:transparent!important}table.dataTable.display tbody tr:hover,table.dataTable.hover tbody tr:hover{background-color:var(--surface-hover)!important}table.dataTable tbody td{border-top-color:var(--border)!important}body .select2-container--default .select2-selection--single,body .select2-container--default .select2-selection--multiple{background-color:var(--surface);border-color:var(--border);color:var(--text)}body .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text)}body .select2-dropdown{background-color:var(--surface);border-color:var(--border);color:var(--text)}body .select2-container--default .select2-search--dropdown .select2-search__field,body .select2-container--default .select2-search--inline .select2-search__field{background-color:var(--surface);color:var(--text)}body .select2-container--default .select2-results__option--highlighted[aria-selected],body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:var(--brand-strong);color:var(--on-brand)}body .select2-container--default .select2-results__option[aria-selected=true],body .select2-container--default .select2-results__option--selected{background-color:var(--surface-hover);color:var(--text)}body .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--surface-2);border-color:var(--border);color:var(--text)}body .note-editor.note-frame{border-color:var(--border)}body .note-editor .note-toolbar,body .note-editor .note-statusbar{background-color:var(--surface-2);border-color:var(--border)}body .note-editor .note-editing-area .note-editable{background-color:var(--surface);color:var(--text)}body.dark-mode .note-editor .note-btn{background-color:var(--surface);color:var(--text);border-color:var(--border)}body.dark-mode .note-editor .note-dropdown-menu,body.dark-mode .note-editor .note-modal-content,body .swal2-popup{background-color:var(--surface);color:var(--text)}body .swal2-title,body .swal2-html-container{color:var(--text)}body .swal2-styled.swal2-confirm:not([style*=background]){background-color:var(--brand-strong)}.topbar-btn{min-width:40px;min-height:40px;border-radius:.5rem;background:transparent;border:0;color:inherit}.auth-card{background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow-md)}.auth-submit{min-height:44px;font-weight:600}.auth-link{color:var(--brand-text);font-weight:600;text-decoration:none}.auth-link:hover{color:var(--brand-text);text-decoration:underline}.auth-link-muted{color:var(--text-muted);font-weight:400}.badge-soft{background-color:var(--surface-2);color:var(--text);border:1px solid var(--border);font-weight:600}body .note-editor .note-placeholder{color:var(--text-muted)}.site-header a{margin-bottom:0}.pub-hero{padding:2rem 0;background-color:var(--surface-2);border-bottom:1px solid var(--border)}.pub-hero-eyebrow{margin:0 0 .5rem;color:var(--brand-ink);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pub-hero-title{margin:0;max-width:40rem;color:var(--text);font-size:clamp(.75rem,2vw + .5rem,1.75rem);font-weight:800;line-height:1.15}.pub-hero-lead{margin:.85rem 0 1.75rem;max-width:40rem;color:var(--text-muted);font-size:1.0625rem;line-height:1.6}.pub-hero>.site-container{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem 2rem}.pub-search{flex:1 1 20rem;max-width:28rem}.pub-search-label{display:block;margin-bottom:.4rem;color:var(--text);font-weight:600}.pub-search-row{display:flex;gap:.5rem}.pub-search-field{position:relative;flex:1}.pub-search-field i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.pub-search-field input{width:100%;min-height:48px;padding:0 1rem 0 2.75rem;background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.75rem;font-size:1rem}.pub-search-field input::placeholder{color:var(--text-muted)}.pub-search-field input:focus{outline:none;border-color:var(--brand);box-shadow:var(--focus-ring)}.pub-search-btn{min-height:48px;padding:0 1.5rem;border:0;border-radius:.75rem;background-color:var(--brand-strong);color:var(--on-brand);font-weight:700;cursor:pointer;transition:background-color .2s ease}.pub-search-btn:hover{background-color:var(--brand-strong-hover)}.pub-content{padding-top:1.5rem;padding-bottom:3rem}.pub-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.pub-chip{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 1rem;border:1px solid var(--border);border-radius:999px;background-color:var(--surface);color:var(--text);font-weight:600;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.pub-chip:hover{border-color:var(--brand);color:var(--brand-ink)}.pub-chip.active,.pub-chip.active:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.pub-chip-count{min-width:1.5rem;padding:.05rem .45rem;border-radius:999px;background-color:var(--surface-2);color:var(--text-muted);font-size:.8rem;text-align:center}.pub-chip.active .pub-chip-count{background-color:#ffffff40;color:var(--on-brand)}.pub-result-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1.5rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:.75rem;background-color:var(--surface-2);color:var(--text)}.pub-result-info p{margin:0}.pub-reset{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand-ink);font-weight:600;text-decoration:none}.pub-reset:hover{text-decoration:underline}.pub-section+.pub-section{margin-top:2rem}.pub-content .pub-section-title{margin:0 0 1rem;color:var(--text);font-size:1.375rem;font-weight:800}.pub-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.pub-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.pub-grid{grid-template-columns:repeat(3,1fr)}}.pub-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:1rem;background-color:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.pub-card:hover{border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pub-card:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}.pub-card-media{aspect-ratio:16 / 9;overflow:hidden;background-color:var(--surface-2)}.pub-card-media>img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pub-card:hover .pub-card-media>img{transform:scale(1.03)}.pub-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--brand-soft)}.pub-card-placeholder img{border-radius:.75rem;opacity:.9}.pub-card-body{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1.25rem}.pub-eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand-ink);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pub-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.pub-tag{padding:.2rem .65rem;border-radius:999px;background-color:var(--brand-soft);color:var(--brand-ink);font-size:.8rem;font-weight:700}.pub-card-title{margin:0;color:var(--text);font-size:1.2rem;font-weight:800;line-height:1.35}.pub-card-link{color:inherit;text-decoration:none}.pub-card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pub-card:hover .pub-card-link{color:var(--brand-text)}.pub-card-link:focus-visible{outline:none}.pub-card-excerpt{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.6}.pub-meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:auto;padding-top:.25rem;color:var(--text-muted);font-size:.875rem}.pub-meta i{margin-right:.3rem;color:var(--brand-ink)}.pub-readmore{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand-ink);font-weight:700}.pub-readmore i{font-size:.85em;transition:transform .2s ease}.pub-card:hover .pub-readmore i{transform:translate(3px)}@media (min-width: 1024px){.pub-card-featured{display:grid;grid-template-columns:1fr 1fr}.pub-card-featured .pub-card-media{position:relative;aspect-ratio:auto;min-height:260px}.pub-card-featured .pub-card-media>img,.pub-card-featured .pub-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.pub-card-featured .pub-card-body{justify-content:center;padding:1.5rem 1.75rem}}.pub-card-featured .pub-card-title{font-size:clamp(1.3rem,.8vw + 1rem,1.6rem);line-height:1.3}.pub-card-title,.pub-card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.pub-card-featured .pub-card-excerpt{font-size:1rem}.pub-card-featured .pub-meta{margin-top:.25rem}.pub-empty{padding:3rem 1.5rem;border:1px dashed var(--border);border-radius:1rem;background-color:var(--surface);color:var(--text);text-align:center}.pub-empty>i{color:var(--brand);font-size:2.5rem}.pub-content .pub-empty h2{margin:1rem 0 .5rem;color:var(--text);font-size:1.25rem}.pub-empty p{margin:0 0 1.25rem;color:var(--text-muted)}.pub-empty .site-cta{margin-left:0}.pub-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.pub-page-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 1.1rem;border:1px solid var(--border);border-radius:.75rem;background-color:var(--surface);color:var(--text);font-weight:600;text-decoration:none}a.pub-page-btn:hover{border-color:var(--brand);color:var(--brand-text)}.pub-page-btn.disabled{opacity:.45;cursor:not-allowed}.pub-page-info{color:var(--text-muted)}@media (max-width: 480px){.pub-page-info{order:-1;width:100%;text-align:center}.pub-pagination{justify-content:space-between}}.pub-page a{margin-bottom:0}.dashboard-traffic{--kanal-1: var(--brand);--kanal-2: #0f766e;--kanal-3: #6d28d9;--kanal-4: #64748b}body.dark-mode .dashboard-traffic{--kanal-2: #2dd4bf;--kanal-3: #a78bfa;--kanal-4: #94a3b8}.dashboard-traffic h2{font-size:1.15rem;font-weight:700}.traffic-kpi{display:flex;flex-direction:column;gap:.15rem}.traffic-kpi-nilai{font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.traffic-kpi-bantuan{margin-top:auto;padding-top:.5rem;font-size:.75rem;line-height:1.4;color:var(--text-muted)}.traffic-delta{font-weight:600;white-space:nowrap}.traffic-naik{color:var(--success-text)}.traffic-turun{color:var(--danger-text)}.traffic-delta-tetap{color:var(--text-muted)}body.dark-mode .traffic-naik{color:#4ade80}body.dark-mode .traffic-turun{color:#f87171}.dashboard-traffic .table td,.dashboard-traffic .table th{font-variant-numeric:tabular-nums}.traffic-live{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;font-size:.85rem;background:var(--surface-2);border:1px solid var(--border)}.traffic-live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 #16a34a80;animation:traffic-pulse 2s infinite}@keyframes traffic-pulse{70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}@media (prefers-reduced-motion: reduce){.traffic-live-dot{animation:none}}.traffic-insight{display:grid;gap:.75rem}@media (min-width: 992px){.traffic-insight{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}}.traffic-insight li{display:flex;gap:.75rem;align-items:flex-start;line-height:1.5}.traffic-insight-ikon{flex:none;width:2rem;height:2rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-ink)}body.dark-mode .traffic-insight-ikon{background:#ff6a0226;color:var(--brand)}.traffic-chart-wrap{position:relative;min-width:560px}.traffic-chart{height:auto;display:block;overflow:visible;cursor:crosshair;border-radius:.5rem}.traffic-chart:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.traffic-grid{stroke:var(--border);stroke-width:1}.traffic-axis{fill:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.traffic-weekend{fill:var(--text);opacity:.035}.traffic-area{fill:var(--brand);opacity:.12}.traffic-batang{fill:var(--brand);opacity:.85}.traffic-axis-tahun{font-weight:600}.traffic-line-pengunjung{fill:none;stroke:var(--brand);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.traffic-line-tayangan{fill:none;stroke:var(--text-muted);stroke-width:1.5;stroke-dasharray:4 4;stroke-linejoin:round}.traffic-line-lalu{fill:none;stroke:var(--text-muted);stroke-width:1.5;stroke-dasharray:1 4;stroke-linecap:round;opacity:.8}.traffic-puncak{fill:var(--brand);stroke:var(--surface);stroke-width:2}.traffic-puncak-label{fill:var(--brand-ink);font-size:11px;font-weight:700}body.dark-mode .traffic-puncak-label{fill:var(--brand)}.traffic-cursor[hidden]{display:none}.traffic-cursor line{stroke:var(--text-muted);stroke-width:1;opacity:.5}.traffic-cursor circle{fill:var(--brand);stroke:var(--surface);stroke-width:2}.traffic-tooltip{position:absolute;z-index:5;pointer-events:none;min-width:180px;padding:.5rem .75rem;border-radius:.5rem;font-size:.8rem;line-height:1.5;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-md)}.traffic-legend{display:inline-block;width:14px;height:3px;vertical-align:middle;margin-right:4px;border-radius:2px}.traffic-legend-pengunjung{background:var(--brand)}.traffic-legend-tayangan{background:repeating-linear-gradient(90deg,var(--text-muted) 0 4px,transparent 4px 7px)}.traffic-legend-lalu{background:repeating-linear-gradient(90deg,var(--text-muted) 0 2px,transparent 2px 5px)}.traffic-legend-kotak{display:inline-block;flex:none;width:12px;height:12px;border-radius:3px;vertical-align:middle;margin-right:4px}.traffic-weekend-swatch{background:var(--text);opacity:.12}.traffic-scroll{overflow-x:auto}.traffic-bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.traffic-bar span{display:block;height:100%;border-radius:inherit;background:var(--brand)}.traffic-heatmap{display:grid;grid-template-columns:2.5rem repeat(24,minmax(14px,1fr));gap:3px;min-width:480px}.traffic-heatmap-jam{font-size:10px;color:var(--text-muted);text-align:left;font-variant-numeric:tabular-nums}.traffic-heatmap-hari{font-size:12px;color:var(--text-muted);align-self:center}.traffic-heatmap-sel{aspect-ratio:1;border-radius:3px;background:var(--surface-2)}.traffic-heatmap-sel:hover{outline:2px solid var(--text);outline-offset:-1px}.traffic-heatmap-legend{width:14px}.traffic-heatmap-sel[data-tingkat="1"]{background:color-mix(in srgb,var(--brand) 18%,var(--surface-2))}.traffic-heatmap-sel[data-tingkat="2"]{background:color-mix(in srgb,var(--brand) 36%,var(--surface-2))}.traffic-heatmap-sel[data-tingkat="3"]{background:color-mix(in srgb,var(--brand) 55%,var(--surface-2))}.traffic-heatmap-sel[data-tingkat="4"]{background:color-mix(in srgb,var(--brand) 75%,var(--surface-2))}.traffic-heatmap-sel[data-tingkat="5"]{background:var(--brand)}.traffic-stack{display:flex;height:12px;border-radius:999px;overflow:hidden;gap:2px;background:var(--surface-2)}.traffic-stack span{display:block;height:100%}.traffic-kanal-list li{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.traffic-kanal-list li:last-child{border-bottom:0}.traffic-kanal-langsung{background:var(--kanal-1)}.traffic-kanal-pencari{background:var(--kanal-2)}.traffic-kanal-sosial{background:var(--kanal-3)}.traffic-kanal-lain{background:var(--kanal-4)}.traffic-link-card{transition:background-color .15s ease,border-color .15s ease}.traffic-link-card:hover{background:var(--surface-hover)}.traffic-link-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.halaman-keamanan{--ancaman-serangan: #dc2626;--ancaman-login: #d97706;--ancaman-ditolak: #64748b}body.dark-mode .halaman-keamanan{--ancaman-serangan: #f87171;--ancaman-login: #fbbf24;--ancaman-ditolak: #94a3b8}.ancaman-serangan{background:var(--ancaman-serangan);fill:var(--ancaman-serangan)}.ancaman-login{background:var(--ancaman-login);fill:var(--ancaman-login)}.ancaman-ditolak{background:var(--ancaman-ditolak);fill:var(--ancaman-ditolak)}.halaman-keamanan code{font-size:.8em}.traffic-panduan p{margin-bottom:.75rem;line-height:1.6}