:root{--primary:#3b71ca;--navy:#1c2851;--line:#e8edf4}*{box-sizing:border-box}body{margin:0;background:#f3f6fb;font:14px Inter,Arial,sans-serif;color:#34425b}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.admin-shell{display:flex;min-height:100vh}.side{width:250px;flex:none;background:#fff;border-right:1px solid var(--line);padding:16px 10px;box-shadow:2px 0 8px #1d34600a}.side-brand{display:flex;align-items:center;gap:10px;color:#174b93;padding:6px 14px 22px;font-size:27px}.side-brand b{display:block;font-size:21px;letter-spacing:-1px}.side-brand small{display:block;font-size:11px;color:#5b708f}.menu-label{font-size:10px;font-weight:800;color:#9aa8bd;letter-spacing:1px;padding:18px 16px 8px}.side-link{display:block;padding:11px 15px;border-radius:7px;color:#536681;font-weight:600}.side-link:hover{background:#eaf2ff;color:#245ab0}.main-area{display:flex;flex-direction:column;min-width:0;flex:1}.top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 1px 9px #1b367508}.top span:first-child{font-weight:700}.text-btn{border:0;background:none;color:#c4474f;margin-left:20px;cursor:pointer}.content{padding:25px 28px;flex:1}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title h1{font-size:22px;margin:0;color:#1d304e}.page-title span{color:#8291a5;font-size:12px}.admin-footer{padding:17px 28px;border-top:1px solid var(--line);font-size:11px;color:#9aa8b9;background:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 12px #17306c08}.metric>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e9f1ff;color:var(--primary);font-size:28px}.metric b{display:block;color:#1c3151;font-size:25px}.metric small{color:#8a9aae}.card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 12px #17306c08;margin-bottom:20px}.card-head{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.card-head h2{font-size:16px;margin:0}.primary-btn,.secondary-btn{display:inline-block;border:0;border-radius:6px;padding:10px 15px;cursor:pointer;font-weight:600}.primary-btn{background:#3b71ca;color:#fff}.secondary-btn{background:#e8edf5;color:#51627c}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f8fafd;color:#687993;font-weight:700}th,td{padding:14px 17px;border-bottom:1px solid var(--line)}td strong{color:#284669}.muted{display:block;color:#9aa8b9;margin-top:5px}.badge{background:#e6f7ee;color:#168b52;border-radius:20px;padding:5px 8px;font-size:11px;font-weight:700}.actions{white-space:nowrap}.actions>a{color:#316dca;font-weight:700}.actions form{display:inline}.actions button{border:0;background:none;color:#d4535d;cursor:pointer;margin-left:10px}.pagination{padding:12px 18px}.pagination nav{display:flex;gap:10px}.search-form{display:flex;gap:7px}.search-form input,.form-card input,.form-card select,.form-card textarea,.login-card input:not([type=checkbox]){border:1px solid #dce4ee;border-radius:6px;padding:10px 12px;width:100%;outline:none;background:#fff}.search-form input:focus,.form-card input:focus,.login-card input:focus{border-color:#6ca0e5}.form-card{padding:25px;max-width:990px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.login-card label{display:block;font-weight:600;margin-bottom:7px;color:#44546d}.form-grid .span-2{grid-column:span 2}.form-grid textarea{resize:vertical}.form-grid .checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto}.form-actions{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:flex;justify-content:flex-end;gap:10px}.alert{padding:12px 17px;border-radius:7px;margin-bottom:18px}.success{background:#e3f5eb;color:#188451}.danger{background:#fde8eb;color:#b93c4f}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.shortcut-grid a{background:#fff;padding:19px;border:1px solid var(--line);border-radius:8px;font-weight:700;color:#3269bc}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#d7eafb,#f6faff 50%,#a6cdf0)}.login-card{width:min(430px,92vw);background:#fff;padding:34px;border-radius:13px;box-shadow:0 15px 60px #0d40763b;position:relative;overflow:hidden}.login-decoration{position:absolute;right:-50px;top:-60px;width:170px;height:170px;background:#e4f0ff;transform:rotate(45deg)}.login-logo{text-align:center;color:#1253a0;position:relative;font-size:38px}.login-logo h1{font-size:25px;margin:3px 0 0}.login-logo small{font-size:11px;letter-spacing:2px;font-weight:800}.login-card h2{text-align:center;margin:28px 0 4px;color:#273b58}.login-card p{text-align:center;color:#8d9bad;font-size:12px;margin-bottom:25px}.login-card label{margin-top:16px}.login-card .remember{font-size:12px;display:flex;gap:7px;align-items:center}.login-card .full{width:100%;margin-top:20px}.back-link{display:block;text-align:center;margin-top:23px;color:#4d75b6}.login-foot{margin-top:24px;color:#6e8da8;font-size:11px}@media(max-width:900px){.metric-grid,.shortcut-grid{grid-template-columns:repeat(2,1fr)}.side{width:190px}.top{padding:0 15px}}@media(max-width:650px){.side{width:55px;padding:10px 4px}.side-brand span,.menu-label{display:none}.side-link{font-size:0;padding:14px 5px}.side-link:first-letter{font-size:18px}.content{padding:17px}.metric-grid,.shortcut-grid,.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.top{font-size:11px}}
.import-row{display:flex;align-items:center;gap:12px;padding:13px 20px;background:#fafcff;border-bottom:1px solid var(--line)}.import-row form{display:flex;align-items:center;gap:8px}.import-row input{font-size:12px}@media(max-width:650px){.import-row,.import-row form{flex-wrap:wrap}}.upload-current{display:block;margin-top:7px;color:#3269bc;font-size:12px;font-weight:600}.form-grid small{display:block;margin-top:5px;color:#8a9aae}.form-grid .checkbox{margin-top:10px}
/* CAPTCHA pada formulir admin dan login */
.form-captcha{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0;padding:8px 10px;border:1px solid #ccdff5;border-radius:7px;background:#f1f7ff;color:#24588d;font-size:12px;font-weight:700}
.form-captcha label{margin:0!important;white-space:nowrap;font-size:12px}
.form-captcha input[type=number]{width:76px!important;min-width:76px;height:34px;padding:5px 8px!important;border:1px solid #b4cee9;border-radius:5px;background:#fff}
.login-card .form-captcha{display:flex;justify-content:space-between;margin-top:16px}
.actions form{display:inline-flex;align-items:center;gap:6px}
.actions .form-captcha{padding:4px 6px;margin:0}
.import-row form{flex-wrap:wrap}
.top form .form-captcha{margin:0 4px;padding:3px 6px;font-size:10px}
.top form .form-captcha label{font-size:10px}
.top form .form-captcha input[type=number]{width:48px!important;min-width:48px;height:26px}

.sort-hint{padding:10px 18px;color:#657793;font-size:12px;background:#f6f9fe;border-bottom:1px solid var(--line)}
.reorder-cell{white-space:nowrap!important;width:130px}
.drag-handle{display:inline-block;margin-right:7px;color:#8292a9;font-size:20px;vertical-align:middle;cursor:grab;user-select:none}
.move-content{width:28px;height:28px;margin-right:3px;border:1px solid #dce5f0;border-radius:5px;background:#fff;color:#315d98;cursor:pointer;font-weight:700}
.move-content:hover{background:#eaf2ff;border-color:#aac7ed}
tr[data-content-id]{transition:background .15s,opacity .15s}
tr[data-content-id]:hover{background:#f7faff}
tr[data-content-id].dragging{opacity:.45;background:#e8f2ff}
@media(max-width:650px){.reorder-cell{width:auto}.sort-hint{line-height:1.5}}

.banner-manager .card-head{padding:22px;flex-wrap:wrap}.banner-manager .card-head p{margin:6px 0 0;color:#74839b;font-size:13px}.banner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;padding:22px}.banner-item{border:1px solid #e0e8f2;border-radius:10px;overflow:hidden;min-width:0;background:#fff}.banner-preview{aspect-ratio:16/7;background:#edf3fa;display:grid;place-items:center;color:#74839b}.banner-preview img{width:100%;height:100%;object-fit:cover}.banner-info{padding:17px}.banner-position{font-size:11px;color:#74839b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.banner-info h3{font-size:16px;color:#203b60;margin:7px 0 14px;overflow-wrap:anywhere}.banner-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f7;margin-top:18px;padding-top:14px}.banner-actions form{margin:0}.banner-delete{border:1px solid #f0cdd1;background:#fff5f6;color:#b83c4a;border-radius:6px;padding:9px 13px;cursor:pointer}.banner-delete:hover{background:#ffe8eb}.banner-empty{grid-column:1/-1;text-align:center;padding:42px 15px;color:#74839b}.banner-empty h3{color:#294b77}.banner-editor{max-width:780px}.banner-help{color:#74839b;margin:0 0 24px;line-height:1.6}.banner-field{margin-bottom:22px}.banner-field label{display:block;font-weight:600;margin-bottom:9px;color:#44546d}.banner-field small{display:block;color:#74839b;margin-top:8px;line-height:1.6}.banner-current{display:block;width:100%;max-height:240px;object-fit:contain;margin-top:16px;border-radius:8px;background:#edf3fa}.banner-field input[type=file]{padding:14px;background:#f8faff}.banner-actions a:focus-visible,.banner-delete:focus-visible{outline:2px solid #3979d3;outline-offset:3px}
.icon-picker{display:grid;gap:12px;max-height:320px;overflow:auto;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8faff}.icon-picker-group>strong{display:block;margin-bottom:7px;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.45px}.icon-picker-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}.icon-choice{display:grid;place-items:center;min-height:40px;padding:4px;border:1px solid #e1e8f0;border-radius:7px;background:#fff;font-size:22px;cursor:pointer;transition:background .14s,border-color .14s,transform .14s}.icon-choice:hover{transform:translateY(-2px);background:#edf5ff;border-color:#a9c9ef}.icon-choice.selected{background:#e3f0ff;border-color:#4382d2;box-shadow:0 0 0 2px #4382d230}.icon-choice:focus-visible{outline:2px solid #3478cb;outline-offset:2px}
#content-editor{background:#fff}.form-card #content-editor.ql-container{height:auto;min-height:290px;border:1px solid #dce4ee;border-radius:0 0 7px 7px;font-family:Inter,Arial,sans-serif;font-size:14px}.form-card #content-editor .ql-editor{min-height:290px;line-height:1.7}.form-card .ql-toolbar.ql-snow{border-color:#dce4ee;border-radius:7px 7px 0 0;background:#f8fafd}.news-editor-status{margin:7px 0 0;color:#3269bc;font-size:12px;min-height:16px}

/* Tema admin */
.front-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;border:1px solid #cbd8ea;border-radius:7px;background:#f4f8ff;color:#245a9d;font-weight:700;white-space:nowrap}.front-link:hover{background:#e7f0ff;color:#245a9d}.front-link:focus-visible{outline:2px solid #3979d3;outline-offset:2px}
@media(max-width:650px){.front-link{padding:7px}.front-link-label{display:none}}
.top-actions{display:flex;align-items:center;gap:14px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:82px;padding:8px 11px;border:1px solid #cbd8ea;border-radius:7px;background:#f4f8ff;color:#245a9d;font-weight:700;cursor:pointer}.theme-toggle:hover{background:#e7f0ff}.theme-toggle:focus-visible{outline:2px solid #3979d3;outline-offset:2px}.theme-toggle [aria-hidden]{font-size:17px;line-height:1}.top-actions .text-btn{margin-left:0}
@media(max-width:650px){.top-actions{gap:7px}.theme-toggle{min-width:38px;padding:7px}.theme-toggle-label{display:none}.top>span:first-child{max-width:40%;line-height:1.35}}
:root[data-admin-theme="dark"]{color-scheme:dark;--line:#344257;--primary:#81b3ff}
[data-admin-theme="dark"] body{background:#121b29;color:#d8e2f1}
[data-admin-theme="dark"] .side,[data-admin-theme="dark"] .top,[data-admin-theme="dark"] .admin-footer,[data-admin-theme="dark"] .card,[data-admin-theme="dark"] .metric,[data-admin-theme="dark"] .shortcut-grid a{background:#1c293a;color:#d8e2f1;box-shadow:none}
[data-admin-theme="dark"] .side-brand,[data-admin-theme="dark"] .side-brand small,[data-admin-theme="dark"] .side-link{color:#c9d9f1}
[data-admin-theme="dark"] .side-link:hover{background:#293d59;color:#fff}
[data-admin-theme="dark"] .menu-label,[data-admin-theme="dark"] .page-title span,[data-admin-theme="dark"] .metric small,[data-admin-theme="dark"] .muted,[data-admin-theme="dark"] .form-grid small,[data-admin-theme="dark"] .banner-field small,[data-admin-theme="dark"] .banner-help,[data-admin-theme="dark"] .banner-position{color:#aabbd1}
[data-admin-theme="dark"] .page-title h1,[data-admin-theme="dark"] .metric b,[data-admin-theme="dark"] td strong,[data-admin-theme="dark"] .banner-info h3,[data-admin-theme="dark"] .banner-empty h3,[data-admin-theme="dark"] .form-grid label,[data-admin-theme="dark"] .banner-field label{color:#f0f5ff}
[data-admin-theme="dark"] .front-link,[data-admin-theme="dark"] .theme-toggle,[data-admin-theme="dark"] .secondary-btn,[data-admin-theme="dark"] .move-content,[data-admin-theme="dark"] .icon-choice{background:#304662;border-color:#4a6383;color:#e6efff}
[data-admin-theme="dark"] .front-link:hover,[data-admin-theme="dark"] .theme-toggle:hover,[data-admin-theme="dark"] .move-content:hover,[data-admin-theme="dark"] .icon-choice:hover{background:#3e5b80;color:#fff}
[data-admin-theme="dark"] th,[data-admin-theme="dark"] .import-row,[data-admin-theme="dark"] .sort-hint,[data-admin-theme="dark"] .icon-picker,[data-admin-theme="dark"] .banner-preview,[data-admin-theme="dark"] .banner-current{background:#233348;color:#c1d2e9}
[data-admin-theme="dark"] .banner-item,[data-admin-theme="dark"] .banner-info,[data-admin-theme="dark"] .banner-empty{background:#1c293a;border-color:var(--line)}
[data-admin-theme="dark"] .search-form input,[data-admin-theme="dark"] .form-card input,[data-admin-theme="dark"] .form-card select,[data-admin-theme="dark"] .form-card textarea,[data-admin-theme="dark"] .card select,[data-admin-theme="dark"] .form-captcha input[type=number]{background:#172334;border-color:#425572;color:#edf4ff}
[data-admin-theme="dark"] input::placeholder,[data-admin-theme="dark"] textarea::placeholder{color:#9bacbf}
[data-admin-theme="dark"] .form-captcha{background:#243c59;border-color:#456389;color:#d5e8ff}
[data-admin-theme="dark"] .badge,[data-admin-theme="dark"] .success{background:#173f35;color:#9be2bc}
[data-admin-theme="dark"] .danger{background:#4a2832;color:#ffd5dd}
[data-admin-theme="dark"] .metric>span{background:#294469}
[data-admin-theme="dark"] .actions>a,[data-admin-theme="dark"] .upload-current,[data-admin-theme="dark"] .shortcut-grid a{color:#a3c8ff}
[data-admin-theme="dark"] tr[data-content-id]:hover,[data-admin-theme="dark"] tr[data-content-id].dragging{background:#2a3e58}
[data-admin-theme="dark"] .banner-delete{background:#452a35;border-color:#76505b;color:#ffd0d8}
[data-admin-theme="dark"] .icon-choice.selected{background:#315a8c;border-color:#87b9fa}
[data-admin-theme="dark"] #content-editor,[data-admin-theme="dark"] .form-card .ql-toolbar.ql-snow{background:#172334;border-color:#425572;color:#edf4ff}
[data-admin-theme="dark"] .form-card #content-editor.ql-container{border-color:#425572}
[data-admin-theme="dark"] .ql-snow .ql-stroke{stroke:#d4e3f7}
[data-admin-theme="dark"] .ql-snow .ql-fill{fill:#d4e3f7}
[data-admin-theme="dark"] .ql-snow .ql-picker{color:#d4e3f7}
[data-admin-theme="dark"] .ql-snow .ql-picker-options,[data-admin-theme="dark"] .ql-snow .ql-tooltip{background:#223249;border-color:#425572;color:#edf4ff}

/* Notifikasi pengajuan di navbar admin */
.top{position:relative;z-index:30}.admin-notifications{position:relative;flex:none}.admin-notifications summary{position:relative;display:grid;place-items:center;width:39px;height:39px;border:1px solid #cbd8ea;border-radius:8px;background:#f4f8ff;color:#245a9d;font-size:19px;cursor:pointer;list-style:none}.admin-notifications summary::-webkit-details-marker{display:none}.admin-notifications summary:hover,.admin-notifications[open] summary{background:#e7f0ff}.admin-notifications summary:focus-visible{outline:2px solid #3979d3;outline-offset:2px}.admin-notification-count{position:absolute;top:-7px;right:-8px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e43d54;color:#fff;font-size:10px;font-weight:800;line-height:1}.admin-notification-count[hidden]{display:none}.admin-notification-menu{position:absolute;top:calc(100% + 12px);right:-10px;width:340px;max-width:calc(100vw - 24px);overflow:hidden;border:1px solid #d9e5f3;border-radius:12px;background:#fff;box-shadow:0 16px 40px #14345c2e;color:#334661}.admin-notification-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid var(--line)}.admin-notification-header strong,.admin-notification-header small{display:block}.admin-notification-header strong{font-size:14px}.admin-notification-header small{margin-top:3px;color:#788ba4;font-size:11px}.admin-notification-header form{flex:none}.admin-notification-header button{border:0;background:none;color:#1769bf;font-size:10px;font-weight:700;cursor:pointer}.admin-notification-items{max-height:340px;overflow-y:auto}.admin-notification-item{display:flex;align-items:flex-start;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line)}.admin-notification-item:hover{background:#f1f7ff}.admin-notification-item-icon{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:8px;background:#e5f2ff;color:#1769bf;font-size:18px}.admin-notification-item strong,.admin-notification-item small{display:block}.admin-notification-item strong{font-size:12px;line-height:1.4}.admin-notification-item small{margin-top:4px;color:#73869e;font-size:11px;line-height:1.4}.admin-notification-empty{margin:0;padding:22px 15px;color:#74869c;font-size:12px;text-align:center}.admin-notification-all{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;color:#1769bf;font-size:12px;font-weight:800}.admin-notification-all:hover{background:#f1f7ff}
[data-admin-theme="dark"] .admin-notifications summary{background:#304662;border-color:#4a6383;color:#e6efff}[data-admin-theme="dark"] .admin-notifications summary:hover,[data-admin-theme="dark"] .admin-notifications[open] summary{background:#3e5b80}[data-admin-theme="dark"] .admin-notification-menu{background:#1c293a;border-color:#425572;color:#d8e2f1}[data-admin-theme="dark"] .admin-notification-header small,[data-admin-theme="dark"] .admin-notification-item small,[data-admin-theme="dark"] .admin-notification-empty{color:#aabbd1}[data-admin-theme="dark"] .admin-notification-header button,[data-admin-theme="dark"] .admin-notification-all{color:#a3c8ff}[data-admin-theme="dark"] .admin-notification-item:hover,[data-admin-theme="dark"] .admin-notification-all:hover{background:#293d59}[data-admin-theme="dark"] .admin-notification-item-icon{background:#294469;color:#a3c8ff}
@media(max-width:650px){.top{justify-content:flex-end}.top>span:first-child,.top-actions>span{display:none}.admin-notification-menu{position:fixed;top:58px;right:12px;width:min(340px,calc(100vw - 24px))}}

/* Pengaturan akun dan popup kata sandi */
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}.account-grid .card{margin-bottom:0}.account-grid .form-card{max-width:none}.account-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:23px}.account-card-heading h2{margin:0;color:#1d304e;font-size:18px}.account-card-heading p{margin:6px 0 0;color:#7b8da3;font-size:12px;line-height:1.5}.account-card-heading>span{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#e9f2ff;color:#2867ba;font-size:23px}.account-security-note{min-height:65px;margin:0 0 15px;color:#536982;line-height:1.65}.account-new-user .form-grid{gap:15px}.account-user-list .card-head span{color:#70839a;font-size:12px;font-weight:700}.account-user-list td{overflow-wrap:anywhere}.account-current-user{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:12px;background:#e8f2ff;color:#2162b2;font-size:10px;font-weight:800}.account-password-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:0;border:1px solid #d7e4f3;border-radius:14px;background:#fff;color:#34425b;box-shadow:0 22px 70px #0d2c5570}.account-password-dialog::backdrop{background:#071c38a3}.account-password-dialog form{padding:26px}.account-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:21px}.account-dialog-heading h2{margin:0;color:#1d304e;font-size:21px}.account-dialog-heading p{margin:6px 0 0;color:#74869d;font-size:12px;line-height:1.5}.account-dialog-close{width:31px;height:31px;flex:none;border:0;border-radius:7px;background:#edf3fb;color:#4c617e;font-size:24px;line-height:1;cursor:pointer}.account-dialog-fields{display:grid;gap:7px}.account-dialog-fields label{margin-top:8px;color:#44546d;font-size:13px;font-weight:700}.account-dialog-fields input{width:100%;padding:10px 12px;border:1px solid #dce4ee;border-radius:6px;background:#fff;color:#34425b;font:inherit}.account-dialog-fields input:focus{outline:2px solid #6ca0e5;outline-offset:1px}.account-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #e8edf4}
[data-admin-theme="dark"] .account-card-heading h2,[data-admin-theme="dark"] .account-dialog-heading h2,[data-admin-theme="dark"] .account-dialog-fields label{color:#f0f5ff}[data-admin-theme="dark"] .account-card-heading p,[data-admin-theme="dark"] .account-dialog-heading p,[data-admin-theme="dark"] .account-security-note,[data-admin-theme="dark"] .account-user-list .card-head span{color:#aabbd1}[data-admin-theme="dark"] .account-card-heading>span,[data-admin-theme="dark"] .account-current-user{background:#294469;color:#a3c8ff}[data-admin-theme="dark"] .account-password-dialog{background:#1c293a;border-color:#425572;color:#d8e2f1}[data-admin-theme="dark"] .account-dialog-close{background:#304662;color:#e6efff}[data-admin-theme="dark"] .account-dialog-fields input{background:#172334;border-color:#425572;color:#edf4ff}
@media(max-width:900px){.account-grid{grid-template-columns:1fr}.account-grid .card{width:100%}}
@media(max-width:650px){.account-password-dialog form{padding:20px}.account-dialog-actions{flex-wrap:wrap}}

/* Ikon sidebar admin */
.sidebar-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.side-brand-logo{display:block;width:34px;height:42px;flex:none;object-fit:contain}.side-icon{display:block;width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-link{display:flex;align-items:center;gap:12px}.side-text{min-width:0;line-height:1.35}
@media(max-width:650px){.side-brand{justify-content:center;padding:8px 0 24px}.side-brand-logo{width:30px;height:38px}.side-link{justify-content:center;padding:14px 0}.side-text{display:none}.side-icon{width:21px;height:21px}}

/* Statistik pengunjung */
.visitor-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.visitor-metric{padding:19px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 2px 12px #17306c08}.visitor-metric small,.visitor-metric strong,.visitor-metric span{display:block}.visitor-metric small{color:#687993;font-weight:700}.visitor-metric strong{margin:7px 0 3px;color:#1c3151;font-size:27px}.visitor-metric span{color:#95a2b4;font-size:10px}.visitor-filter-card{padding:16px 20px}.visitor-filter{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.visitor-filter label{display:grid;gap:6px;min-width:180px;color:#536681;font-size:11px;font-weight:700}.visitor-filter input,.visitor-filter select{height:39px;padding:8px 11px;border:1px solid #dce4ee;border-radius:6px;background:#fff;color:#34425b}.visitor-filter label:nth-child(2){flex:1}.visitor-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(280px,1fr);gap:20px;align-items:start}.visitor-layout .card-head p{margin:5px 0 0;color:#8291a5;font-size:11px}.visitor-path{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-code{display:inline-block;margin-right:5px;padding:3px 5px;border-radius:4px;background:#e8f2ff;color:#2867ba;font-size:10px;font-weight:800}.visitor-layout code{color:#244f87;font-size:12px}
[data-admin-theme="dark"] .visitor-metric{background:#1c293a;box-shadow:none}[data-admin-theme="dark"] .visitor-metric strong{color:#f0f5ff}[data-admin-theme="dark"] .visitor-metric small,[data-admin-theme="dark"] .visitor-metric span,[data-admin-theme="dark"] .visitor-filter label,[data-admin-theme="dark"] .visitor-layout .card-head p{color:#aabbd1}[data-admin-theme="dark"] .visitor-filter input,[data-admin-theme="dark"] .visitor-filter select{background:#172334;border-color:#425572;color:#edf4ff}[data-admin-theme="dark"] .country-code{background:#294469;color:#a3c8ff}[data-admin-theme="dark"] .visitor-layout code{color:#a3c8ff}
@media(max-width:1100px){.visitor-metrics{grid-template-columns:repeat(3,1fr)}.visitor-layout{grid-template-columns:1fr}}@media(max-width:650px){.visitor-metrics{grid-template-columns:repeat(2,1fr)}.visitor-filter>*{width:100%}.visitor-filter label{min-width:0}.visitor-filter .primary-btn{width:100%}}
.visitor-report-card{margin-top:20px}.visitor-report-heading p{margin:5px 0 0;color:#8291a5;font-size:11px}.visitor-report-actions{display:flex;align-items:center;gap:9px}.visitor-report-actions form{margin:0}.visitor-report-actions select{height:38px;padding:7px 30px 7px 11px;border:1px solid #dce4ee;border-radius:6px;background:#fff;color:#34425b;font-weight:700}.visitor-report-card tfoot th{background:#eef4fc;color:#294b77}.visitor-report-note{margin:0;padding:12px 17px;color:#8291a5;font-size:10px}.visitor-report-card+.visitor-report-card{margin-top:0}
[data-admin-theme="dark"] .visitor-report-heading p,[data-admin-theme="dark"] .visitor-report-note{color:#aabbd1}[data-admin-theme="dark"] .visitor-report-actions select{background:#172334;border-color:#425572;color:#edf4ff}[data-admin-theme="dark"] .visitor-report-card tfoot th{background:#2a3d56;color:#e8f1ff}
@media(max-width:650px){.visitor-report-heading{align-items:flex-start;flex-direction:column}.visitor-report-actions{width:100%;flex-wrap:wrap}.visitor-report-actions form,.visitor-report-actions select{flex:1}.visitor-report-actions select{width:100%}}
.visitor-report-launcher{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:18px 20px}.visitor-report-launcher>div{display:flex;align-items:center;gap:14px}.visitor-report-launcher h2{margin:0;color:#1d304e;font-size:16px}.visitor-report-launcher p{margin:5px 0 0;color:#8291a5;font-size:11px}.visitor-report-launcher-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:11px;background:#e9f2ff;color:#2867ba;font-size:24px}.visitor-report-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;overflow:auto;border:1px solid #d7e4f3;border-radius:14px;background:#fff;color:#34425b;box-shadow:0 22px 70px #0d2c5570}.visitor-report-dialog::backdrop{background:#071c38a3}.visitor-report-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line);background:#fff}.visitor-report-dialog-head h2{margin:0;color:#1d304e;font-size:19px}.visitor-report-dialog-head p{margin:5px 0 0;color:#8291a5;font-size:11px}.visitor-dialog-close{width:32px;height:32px;flex:none;border:0;border-radius:7px;background:#edf3fb;color:#4c617e;font-size:24px;line-height:1;cursor:pointer}.visitor-report-dialog-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:14px 22px;background:#f8fafd}.visitor-report-dialog-tools form{margin:0}.visitor-report-dialog-tools select{height:38px;padding:7px 30px 7px 11px;border:1px solid #dce4ee;border-radius:6px;background:#fff;color:#34425b;font-weight:700}.visitor-report-dialog tfoot th{background:#eef4fc;color:#294b77}
[data-admin-theme="dark"] .visitor-report-launcher h2,[data-admin-theme="dark"] .visitor-report-dialog-head h2{color:#f0f5ff}[data-admin-theme="dark"] .visitor-report-launcher p,[data-admin-theme="dark"] .visitor-report-dialog-head p{color:#aabbd1}[data-admin-theme="dark"] .visitor-report-launcher-icon{background:#294469;color:#a3c8ff}[data-admin-theme="dark"] .visitor-report-dialog,[data-admin-theme="dark"] .visitor-report-dialog-head{background:#1c293a;border-color:#425572;color:#d8e2f1}[data-admin-theme="dark"] .visitor-report-dialog-tools{background:#233348}[data-admin-theme="dark"] .visitor-report-dialog-tools select{background:#172334;border-color:#425572;color:#edf4ff}[data-admin-theme="dark"] .visitor-dialog-close{background:#304662;color:#e6efff}[data-admin-theme="dark"] .visitor-report-dialog tfoot th{background:#2a3d56;color:#e8f1ff}
@media(max-width:650px){.visitor-report-launcher{align-items:stretch;flex-direction:column}.visitor-report-launcher .primary-btn{width:100%}.visitor-report-dialog-tools{align-items:stretch;flex-direction:column}.visitor-report-dialog-tools form,.visitor-report-dialog-tools select,.visitor-report-dialog-tools .secondary-btn{width:100%}.visitor-report-dialog-tools .secondary-btn{text-align:center}}
.visitor-report-menu{margin-bottom:20px}.visitor-report-menu-head{padding:17px 20px;border-bottom:1px solid var(--line)}.visitor-report-menu-head h2{margin:0;color:#1d304e;font-size:16px}.visitor-report-menu-head p{margin:5px 0 0;color:#8291a5;font-size:11px}.visitor-report-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.visitor-report-menu-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 20px}.visitor-report-menu-item:first-child{border-right:1px solid var(--line)}.visitor-report-menu-item strong,.visitor-report-menu-item small{display:block}.visitor-report-menu-item strong{color:#293e5d;font-size:13px}.visitor-report-menu-item small{margin-top:5px;color:#8291a5;font-size:10px;line-height:1.4}
[data-admin-theme="dark"] .visitor-report-menu-head h2,[data-admin-theme="dark"] .visitor-report-menu-item strong{color:#f0f5ff}[data-admin-theme="dark"] .visitor-report-menu-head p,[data-admin-theme="dark"] .visitor-report-menu-item small{color:#aabbd1}
@media(max-width:850px){.visitor-report-menu-grid{grid-template-columns:1fr}.visitor-report-menu-item:first-child{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:520px){.visitor-report-menu-item{grid-template-columns:auto minmax(0,1fr)}.visitor-report-menu-item .primary-btn{grid-column:1/-1;width:100%}}

/* Kontrol bagian yang tampil pada beranda */
.homepage-settings{margin-bottom:20px}.homepage-settings .card-head{align-items:flex-start}.homepage-settings .card-head p{margin:6px 0 0;color:#7b8da3;font-size:12px}.homepage-setting-row{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line)}.homepage-setting-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:11px;background:#e9f2ff;color:#2867ba;font-size:22px}.homepage-setting-icon.tracking-setting-icon{font-size:29px}.homepage-setting-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.homepage-setting-copy strong{color:#293e5d;font-size:13px}.homepage-setting-copy small{color:#7b8da3;font-size:11px;line-height:1.45}.setting-switch{position:relative;display:inline-flex;width:46px;height:26px;flex:none;cursor:pointer}.setting-switch input{position:absolute;width:1px;height:1px;opacity:0}.setting-switch>span:first-of-type{position:absolute;inset:0;border-radius:20px;background:#c6d0de;transition:background .18s}.setting-switch>span:first-of-type:before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #172b4540;transition:transform .18s}.setting-switch input:checked+span:first-of-type{background:#3b71ca}.setting-switch input:checked+span:first-of-type:before{transform:translateX(20px)}.setting-switch input:focus-visible+span:first-of-type{outline:2px solid #3979d3;outline-offset:3px}.homepage-settings-actions{display:flex;justify-content:flex-end;padding:15px 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-admin-theme="dark"] .homepage-settings .card-head p,[data-admin-theme="dark"] .homepage-setting-copy small{color:#aabbd1}[data-admin-theme="dark"] .homepage-setting-copy strong{color:#f0f5ff}[data-admin-theme="dark"] .homepage-setting-icon{background:#294469;color:#a3c8ff}
@media(max-width:600px){.homepage-setting-row{gap:10px;padding:14px}.homepage-setting-icon{width:36px;height:36px}.homepage-setting-copy small{max-width:36ch}.homepage-settings-actions{padding:14px}}

/* Pengaturan menu navigasi website */
.navigation-settings .card-head p{margin:6px 0 0;color:#7b8da3;font-size:12px}.navigation-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:15px 20px;border-bottom:1px solid var(--line)}.navigation-setting-row:nth-child(odd){border-right:1px solid var(--line)}.navigation-setting-row:last-child:nth-child(odd){grid-column:1/-1;border-right:0}.navigation-setting-name{color:#293e5d;font-size:13px;font-weight:700;line-height:1.4}
[data-admin-theme="dark"] .navigation-settings .card-head p{color:#aabbd1}[data-admin-theme="dark"] .navigation-setting-name{color:#f0f5ff}
@media(max-width:700px){.navigation-setting-grid{grid-template-columns:1fr}.navigation-setting-row:nth-child(odd){border-right:0}.navigation-setting-row{padding:14px}}
.running-text-settings{max-width:850px}.running-text-switch{margin-top:7px}.running-text-preview{margin-top:24px;padding:15px;border:1px solid var(--line);border-radius:8px;background:#f8fafd}.running-text-preview>strong{display:block;margin-bottom:9px;color:#536681;font-size:11px}.running-text-preview>div{display:flex;align-items:center;overflow:hidden;border-radius:6px;background:#eaf5ff;color:#123d70}.running-text-preview span{align-self:stretch;display:flex;align-items:center;padding:10px 12px;background:#0873d9;color:#fff;font-size:10px;font-weight:800}.running-text-preview p{overflow:hidden;margin:0;padding:10px 14px;font-size:12px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}[data-admin-theme="dark"] .running-text-preview{background:#233348}[data-admin-theme="dark"] .running-text-preview>strong{color:#aabbd1}[data-admin-theme="dark"] .running-text-preview>div{background:#172d47;color:#e0edff}
/* Master unit kerja */
.work-unit-subtitle{margin:5px 0 0;color:#8291a5;font-size:11px}.work-unit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 20px;border-bottom:1px solid var(--line);background:#fafcff}.work-unit-toolbar .search-form{flex:1;max-width:520px}.work-unit-import{display:flex;align-items:center;gap:8px}.work-unit-import input{max-width:220px;font-size:11px}.work-unit-code{display:inline-block;padding:5px 8px;border-radius:5px;background:#e8f2ff;color:#245fa8;font-family:monospace;font-weight:800}.work-unit-help{padding:17px 20px}.work-unit-help strong{color:#294b77}.work-unit-help p{margin:6px 0 0;color:#72849a;font-size:11px}.work-unit-help code{padding:3px 5px;border-radius:4px;background:#edf3fa}.work-unit-form-card{max-width:760px}[data-admin-theme="dark"] .work-unit-toolbar{background:#233348}[data-admin-theme="dark"] .work-unit-code{background:#294469;color:#a3c8ff}[data-admin-theme="dark"] .work-unit-help strong{color:#f0f5ff}[data-admin-theme="dark"] .work-unit-help p{color:#aabbd1}[data-admin-theme="dark"] .work-unit-help code{background:#172334}@media(max-width:750px){.work-unit-toolbar{align-items:stretch;flex-direction:column}.work-unit-toolbar .search-form{max-width:none}.work-unit-import{flex-wrap:wrap}.work-unit-import input{max-width:none;flex:1}}
.logout-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #f0d6d9;border-radius:7px;background:#fff7f7;color:#b5414d;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.logout-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.logout-btn:hover{border-color:#e7b5ba;background:#ffebed;color:#9f2634}.logout-btn:focus-visible{outline:2px solid #d76b75;outline-offset:2px}

/* Tinjau permohonan layanan */
.request-review{max-width:1280px}.request-review-hero{position:relative;display:flex;align-items:center;gap:18px;overflow:hidden;margin-bottom:20px;padding:23px 25px;border-radius:12px;background:linear-gradient(120deg,#183b70,#2769b9);color:#fff;box-shadow:0 9px 25px #173e7526}.request-review-hero:after{content:'';position:absolute;right:-45px;top:-85px;width:210px;height:210px;border:1px solid #ffffff24;border-radius:50%}.request-review-icon{display:grid;place-items:center;width:54px;height:54px;flex:none;border:1px solid #ffffff3d;border-radius:13px;background:#ffffff18;font-size:27px}.request-review-heading{min-width:0;flex:1}.request-review-heading>span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#cde2ff}.request-review-heading h2{margin:5px 0 8px;color:#fff;font-size:20px}.request-review-heading>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.request-review-heading code{padding:5px 8px;border-radius:5px;background:#ffffff1c;color:#fff;font-family:monospace;font-size:12px;font-weight:800;letter-spacing:.8px}.request-review-heading small{color:#d8e8ff;font-size:10px}.request-status{position:relative;z-index:1;flex:none;padding:7px 11px;border-radius:20px;font-size:10px;font-weight:800}.request-status-new{background:#e9f2ff;color:#2464b7}.request-status-process{background:#fff1cf;color:#9b6500}.request-status-revision{background:#ffe7d4;color:#a64b13}.request-status-done{background:#dff6e9;color:#137947}.request-status-rejected{background:#ffe3e7;color:#ad3546}.request-review-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:20px}.request-review-main{min-width:0}.request-section{overflow:hidden}.request-section-head,.request-action-head{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}.request-section-head>span,.request-action-head>span{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:10px;background:#eaf2ff;color:#2b68b8;font-size:21px;font-weight:800}.request-section-head h3,.request-action-head h3{margin:0;color:#233a5b;font-size:15px}.request-section-head p,.request-action-head p{margin:4px 0 0;color:#8291a5;font-size:10px}.request-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:6px 20px 19px}.request-data-grid>div{min-width:0;padding:15px 5px 10px;border-bottom:1px solid #edf1f6}.request-data-grid>div:nth-child(odd){padding-right:20px}.request-data-grid>div:nth-child(even){padding-left:20px;border-left:1px solid #edf1f6}.request-data-grid dt{margin-bottom:6px;color:#8796aa;font-size:9px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}.request-data-grid dd{margin:0;color:#2a405e;font-size:12px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}.request-data-grid dd a{color:#2868bb}.request-monospace{font-family:monospace;letter-spacing:.4px}.request-purpose{margin:0 20px 20px;padding:14px 15px;border-left:3px solid #3b71ca;border-radius:0 7px 7px 0;background:#f6f9fd}.request-purpose span{color:#6f8096;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.request-purpose p{margin:6px 0 0;color:#344b69;font-size:12px;line-height:1.65;white-space:pre-line}.request-document-list{padding:4px 20px 17px}.request-document{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #edf1f6}.request-document:last-child{border-bottom:0}.request-file-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:9px;background:#fff0f1;color:#c34957;font-size:9px;font-weight:900}.request-file-icon.is-image{background:#e5f5ed;color:#21815a}.request-document strong,.request-document small{display:block;overflow-wrap:anywhere}.request-document strong{color:#2b425f;font-size:11px;line-height:1.45}.request-document small{margin-top:4px;color:#8997a9;font-size:9px}.request-document>a{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d8e4f2;border-radius:6px;color:#2868bb;font-size:10px;font-weight:800}.request-document>a:hover{background:#eaf2ff}.request-document-empty{padding:25px;color:#8594a7;font-size:12px;text-align:center}.request-review-side{position:sticky;top:18px}.request-action-card{padding-bottom:18px}.request-action-card>label{display:block;margin:17px 18px 0;color:#445a76;font-size:11px;font-weight:700}.request-action-card select,.request-action-card textarea{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid #dce4ee;border-radius:7px;background:#fff;color:#34425b;font:inherit;font-size:12px;outline:none}.request-action-card textarea{resize:vertical;line-height:1.55}.request-action-card select:focus,.request-action-card textarea:focus{border-color:#6ca0e5;box-shadow:0 0 0 3px #3b71ca17}.request-action-card label small{display:block;margin-top:7px;color:#8b99ab;font-size:9px;font-weight:400;line-height:1.5}.request-save-button{display:flex;width:calc(100% - 36px);align-items:center;justify-content:space-between;margin:18px 18px 0}.request-security-note{display:flex;gap:11px;padding:16px}.request-security-note>span{font-size:19px}.request-security-note strong{color:#344b68;font-size:11px}.request-security-note p{margin:5px 0 0;color:#7d8da1;font-size:9px;line-height:1.55}.request-back-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;color:#536c8c;font-size:11px;font-weight:700}.request-back-link:hover{color:#2868bb}
[data-admin-theme="dark"] .request-review-hero{background:linear-gradient(120deg,#203c64,#2d5f99)}[data-admin-theme="dark"] .request-section-head>span,[data-admin-theme="dark"] .request-action-head>span{background:#294469;color:#a3c8ff}[data-admin-theme="dark"] .request-section-head h3,[data-admin-theme="dark"] .request-action-head h3,[data-admin-theme="dark"] .request-data-grid dd,[data-admin-theme="dark"] .request-purpose p,[data-admin-theme="dark"] .request-document strong,[data-admin-theme="dark"] .request-security-note strong{color:#eef4ff}[data-admin-theme="dark"] .request-section-head p,[data-admin-theme="dark"] .request-action-head p,[data-admin-theme="dark"] .request-data-grid dt,[data-admin-theme="dark"] .request-document small,[data-admin-theme="dark"] .request-security-note p{color:#aabbd1}[data-admin-theme="dark"] .request-data-grid>div,[data-admin-theme="dark"] .request-data-grid>div:nth-child(even),[data-admin-theme="dark"] .request-document{border-color:#344257}[data-admin-theme="dark"] .request-purpose{background:#233348}[data-admin-theme="dark"] .request-file-icon{background:#4a2832;color:#ffbac5}[data-admin-theme="dark"] .request-file-icon.is-image{background:#173f35;color:#9be2bc}[data-admin-theme="dark"] .request-document>a{border-color:#425572;color:#a3c8ff}[data-admin-theme="dark"] .request-document>a:hover{background:#293d59}[data-admin-theme="dark"] .request-action-card>label{color:#dce7f5}[data-admin-theme="dark"] .request-action-card select,[data-admin-theme="dark"] .request-action-card textarea{background:#172334;border-color:#425572;color:#edf4ff}[data-admin-theme="dark"] .request-back-link{color:#a3c8ff}
@media(max-width:950px){.request-review-layout{grid-template-columns:1fr}.request-review-side{position:static;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:15px}.request-back-link{grid-column:1/-1}.request-security-note{align-self:start}}
@media(max-width:650px){.request-review-hero{align-items:flex-start;padding:18px}.request-review-icon{width:43px;height:43px}.request-review-heading h2{font-size:16px}.request-status{position:absolute;right:14px;bottom:14px}.request-review-heading>div{padding-right:80px}.request-data-grid{grid-template-columns:1fr;padding:5px 15px 15px}.request-data-grid>div:nth-child(odd),.request-data-grid>div:nth-child(even){padding:13px 2px;border-left:0}.request-section-head{padding:15px}.request-purpose{margin:0 15px 15px}.request-document-list{padding:3px 15px 14px}.request-document{grid-template-columns:39px minmax(0,1fr)}.request-file-icon{width:39px;height:39px}.request-document>a{grid-column:2;width:max-content}.request-review-side{display:block}.request-security-note{margin-top:0}}

/* Pratinjau PDF privat */
.request-document-actions{display:flex;align-items:center;gap:7px}.request-document-actions>a,.request-document-actions>button{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d8e4f2;border-radius:6px;background:#fff;color:#2868bb;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.request-document-actions>a:hover,.request-document-actions>button:hover{background:#eaf2ff}.request-preview-dialog{width:min(1050px,calc(100vw - 30px));height:min(850px,calc(100vh - 30px));padding:0;overflow:hidden;border:1px solid #d6e2f0;border-radius:13px;background:#fff;color:#34425b;box-shadow:0 22px 70px #071c386b}.request-preview-dialog::backdrop{background:#071c38a6}.request-preview-head{display:flex;align-items:center;justify-content:space-between;gap:15px;height:72px;padding:14px 19px;border-bottom:1px solid var(--line)}.request-preview-head span{color:#2868bb;font-size:8px;font-weight:900;letter-spacing:1.3px}.request-preview-head h3{margin:4px 0 0;color:#233a5b;font-size:15px}.request-preview-head button{display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:7px;background:#edf3fb;color:#4c617e;font-size:24px;cursor:pointer}.request-preview-dialog iframe{display:block;width:100%;height:calc(100% - 121px);border:0;background:#e8edf3}.request-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;height:49px;padding:9px 19px;border-top:1px solid var(--line)}.request-preview-foot small{color:#8594a7;font-size:9px}.request-preview-foot a{color:#2868bb;font-size:10px;font-weight:800}
[data-admin-theme="dark"] .request-document-actions>a,[data-admin-theme="dark"] .request-document-actions>button{background:#172334;border-color:#425572;color:#a3c8ff}[data-admin-theme="dark"] .request-document-actions>a:hover,[data-admin-theme="dark"] .request-document-actions>button:hover{background:#293d59}[data-admin-theme="dark"] .request-preview-dialog{background:#1c293a;border-color:#425572;color:#d8e2f1}[data-admin-theme="dark"] .request-preview-head h3{color:#eef4ff}[data-admin-theme="dark"] .request-preview-head button{background:#304662;color:#e6efff}[data-admin-theme="dark"] .request-preview-dialog iframe{background:#111a27}[data-admin-theme="dark"] .request-preview-foot small{color:#aabbd1}[data-admin-theme="dark"] .request-preview-foot a{color:#a3c8ff}
@media(max-width:650px){.request-document-actions{grid-column:2;flex-wrap:wrap}.request-preview-dialog{width:100vw;height:100vh;max-width:none;max-height:none;border:0;border-radius:0}.request-preview-head{height:68px;padding:12px 14px}.request-preview-dialog iframe{height:calc(100% - 117px)}.request-preview-foot{height:49px;padding:8px 14px}.request-preview-foot small{display:none}}

/* Status layanan nonaktif */
.badge-disabled{background:#f0f2f5;color:#778397}[data-admin-theme="dark"] .badge-disabled{background:#303948;color:#aeb9c8}

/* Pengaturan khusus layanan */
.service-special-heading{padding:15px 17px;border-left:4px solid #3b71ca;border-radius:6px;background:#eef5ff}.service-special-heading strong,.service-special-heading small{display:block}.service-special-heading strong{color:#234a80}.service-special-heading small{margin-top:4px;color:#71839a}.promotion-requirement-admin{display:grid;gap:12px}.promotion-requirement-admin>small{margin-top:-7px;color:#7b8ba0}.promotion-requirement-admin>div{padding:15px;border:1px solid var(--line);border-radius:7px;background:#f8fafd}.promotion-requirement-admin>div>strong{display:block;margin-bottom:9px;color:#2a4a73}.promotion-requirement-admin textarea{background:#fff}
[data-admin-theme="dark"] .service-special-heading,[data-admin-theme="dark"] .promotion-requirement-admin>div{background:#233348;border-color:#344257}[data-admin-theme="dark"] .service-special-heading strong,[data-admin-theme="dark"] .promotion-requirement-admin>div>strong{color:#dce9fb}

/* Penyempurnaan halaman Statistik Pengunjung */
.visitor-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:20px}.visitor-metric{position:relative;overflow:hidden;padding:20px 19px;border:1px solid #dfe8f4;border-radius:13px;background:linear-gradient(145deg,#fff 0%,#f7faff 100%);box-shadow:0 5px 18px rgba(23,48,108,.07);transition:transform .18s,box-shadow .18s}.visitor-metric:after{content:"";position:absolute;right:-28px;bottom:-34px;width:98px;height:98px;border:18px solid rgba(59,113,202,.07);border-radius:50%}.visitor-metric:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,48,108,.11)}.visitor-metric small{display:block;position:relative;z-index:1;color:#71839d;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.visitor-metric strong{display:block;position:relative;z-index:1;margin:10px 0 5px;color:#1d477f;font-size:27px;letter-spacing:-.7px}.visitor-metric span{position:relative;z-index:1;color:#9aa8b9;font-size:10px}.visitor-metric:first-child strong{color:#2872c5}.visitor-metric:nth-child(2) strong{color:#238f75}.visitor-metric:nth-child(3) strong{color:#b4761d}.visitor-metric:nth-child(4) strong{color:#7b5bb0}.visitor-metric:last-child{background:linear-gradient(135deg,#173f82,#2868c5);border-color:#2868c5}.visitor-metric:last-child small,.visitor-metric:last-child span{color:rgba(255,255,255,.72)}.visitor-metric:last-child strong{color:#fff}.visitor-filter-card{padding:0;border-radius:13px}.visitor-filter{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(240px,1.4fr) auto;align-items:end;gap:12px;padding:18px 20px}.visitor-filter label{display:grid;gap:7px;color:#52647e;font-size:12px;font-weight:800}.visitor-filter select,.visitor-filter input{min-height:42px;border:1px solid #dce5f0;border-radius:8px;padding:0 12px;background:#fbfdff;color:#344a69;outline:none}.visitor-filter select:focus,.visitor-filter input:focus{border-color:#6ca0e5;box-shadow:0 0 0 3px rgba(59,113,202,.12)}.visitor-filter .primary-btn{min-height:42px;padding-inline:20px;border-radius:8px}.visitor-report-menu{overflow:hidden;border-radius:13px;box-shadow:0 5px 18px rgba(23,48,108,.06)}.visitor-report-menu-head{padding:20px 22px;background:linear-gradient(135deg,#f7faff,#fff)}.visitor-report-menu-head h2{font-size:17px}.visitor-report-menu-grid{background:#fff}.visitor-report-menu-item{padding:20px 22px}.visitor-report-menu-item:hover{background:#fbfdff}.visitor-report-launcher-icon{width:46px;height:46px;border-radius:13px;background:#eaf2ff;box-shadow:inset 0 0 0 1px #d8e7fb}.visitor-layout{align-items:start;gap:18px}.visitor-layout>.card{overflow:hidden;border-radius:13px;box-shadow:0 5px 18px rgba(23,48,108,.06)}.visitor-layout>.card .card-head{padding:19px 20px;background:linear-gradient(135deg,#fff,#f9fbff)}.visitor-layout>.card .card-head h2{color:#243d60}.visitor-layout>.card .card-head p{margin:5px 0 0;color:#8b99ad;font-size:11px}.visitor-layout table th{padding-top:12px;padding-bottom:12px;background:#f7faff;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.visitor-layout table td{padding-top:14px;padding-bottom:14px;color:#526983;font-size:12px}.visitor-layout table tbody tr{transition:background .15s}.visitor-layout table tbody tr:hover{background:#f8fbff}.visitor-layout code{display:inline-block;padding:5px 7px;border:1px solid #dae8f8;border-radius:6px;background:#f3f7fd;color:#2e639f;font-size:11px}.country-code{display:inline-flex;align-items:center;justify-content:center;min-width:30px;margin-right:5px;padding:4px 6px;border-radius:5px;background:#edf4fd;color:#3b70b2;font-size:10px;font-weight:800}.visitor-path{display:block;max-width:210px;overflow:hidden;color:#4c79ad;text-overflow:ellipsis;white-space:nowrap}.visitor-report-dialog table tfoot th{font-weight:800}@media(max-width:1050px){.visitor-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.visitor-filter{grid-template-columns:1fr 1fr}.visitor-filter label:nth-child(2){grid-column:span 2}.visitor-filter .primary-btn{width:max-content}.visitor-layout{grid-template-columns:1fr!important}}@media(max-width:560px){.visitor-metrics{grid-template-columns:repeat(2,1fr)}.visitor-metric:last-child{grid-column:span 2}.visitor-filter{grid-template-columns:1fr}.visitor-filter label:nth-child(2){grid-column:span 1}.visitor-filter .primary-btn{width:100%}.visitor-report-menu-item{padding:17px}.visitor-layout table{min-width:760px}}
[data-admin-theme="dark"] .visitor-metric{background:linear-gradient(145deg,#1c293a,#22344d);border-color:#354b69}.visitor-metric:last-child{background:linear-gradient(135deg,#173f82,#2868c5);border-color:#2868c5}.visitor-metric small{color:#aabbd1}.visitor-metric strong{color:#b9d5ff}.visitor-metric span{color:#91a6c0}.visitor-filter-card,.visitor-report-menu,.visitor-layout>.card{border-color:#354b69}.visitor-filter{background:#1c293a}.visitor-filter label{color:#c3d1e4}.visitor-filter select,.visitor-filter input{background:#172334;border-color:#425572;color:#edf4ff}.visitor-report-menu-head,.visitor-layout>.card .card-head{background:#1c293a}.visitor-layout table th{background:#233348}.visitor-layout table td{color:#b5c6da}.visitor-layout code{background:#172b44;border-color:#385575;color:#acd0ff}.country-code{background:#294469;color:#a3c8ff}.visitor-path{color:#9ec5ff}

/* Palet modern slate-teal untuk Statistik Pengunjung */
.visitor-metric{border-color:#dce9e7;background:linear-gradient(145deg,#ffffff 0%,#f2fbfa 100%)}
.visitor-metric:after{border-color:rgba(13,148,136,.09)}
.visitor-metric small{color:#64748b}.visitor-metric strong{color:#0f766e}.visitor-metric span{color:#94a3b8}
.visitor-metric:first-child strong{color:#0f766e}.visitor-metric:nth-child(2) strong{color:#2563eb}.visitor-metric:nth-child(3) strong{color:#d97706}.visitor-metric:nth-child(4) strong{color:#7c3aed}
.visitor-metric:last-child{background:linear-gradient(135deg,#134e4a 0%,#0f766e 58%,#14b8a6 100%);border-color:#0f766e}
.visitor-filter-card{border-color:#dce9e7}.visitor-filter select,.visitor-filter input{border-color:#d8e7e5;background:#fbfefd}.visitor-filter select:focus,.visitor-filter input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px rgba(20,184,166,.14)}.visitor-filter .primary-btn{background:#0f766e;color:#fff}.visitor-filter .primary-btn:hover{background:#115e59}
.visitor-report-menu-head{background:linear-gradient(135deg,#f0fdfa,#fff)}.visitor-report-launcher-icon{background:#e0f7f4;color:#0f766e;box-shadow:inset 0 0 0 1px #c5ebe6}.visitor-report-menu-item:hover{background:#f7fffe}.visitor-layout>.card .card-head{background:linear-gradient(135deg,#fff,#f6fbfb)}.visitor-layout table th{background:#f0fdfa;color:#526b69}.visitor-layout table tbody tr:hover{background:#f3fbfa}.visitor-layout code{border-color:#cde8e4;background:#effaf8;color:#0f766e}.country-code{background:#e0f7f4;color:#0f766e}.visitor-path{color:#0f766e}
[data-admin-theme="dark"] .visitor-metric{border-color:#36545a;background:linear-gradient(145deg,#1b2b38,#203d43)}[data-admin-theme="dark"] .visitor-metric:after{border-color:rgba(45,212,191,.1)}[data-admin-theme="dark"] .visitor-metric small{color:#b6c9d2}[data-admin-theme="dark"] .visitor-metric strong{color:#5eead4}[data-admin-theme="dark"] .visitor-metric span{color:#91a6b5}[data-admin-theme="dark"] .visitor-metric:last-child{background:linear-gradient(135deg,#134e4a,#0f766e,#14b8a6);border-color:#14b8a6}[data-admin-theme="dark"] .visitor-filter-card,[data-admin-theme="dark"] .visitor-report-menu,[data-admin-theme="dark"] .visitor-layout>.card{border-color:#36545a}[data-admin-theme="dark"] .visitor-filter{background:#1b2b38}[data-admin-theme="dark"] .visitor-filter .primary-btn{background:#14b8a6;color:#073b3a}[data-admin-theme="dark"] .visitor-report-menu-head,[data-admin-theme="dark"] .visitor-layout>.card .card-head{background:#1b2b38}[data-admin-theme="dark"] .visitor-layout table th{background:#21424a;color:#c0d9d7}[data-admin-theme="dark"] .visitor-layout table tbody tr:hover{background:#203d43}[data-admin-theme="dark"] .visitor-layout code{border-color:#376b6d;background:#173b43;color:#7de6d6}[data-admin-theme="dark"] .country-code{background:#204f55;color:#77e4d4}[data-admin-theme="dark"] .visitor-path{color:#78e5d5}