:root{--primary: #1a7a6e;--primary-dark: #145f55;--primary-darker: #0e453e;--primary-light: #c8e8e4;--primary-lighter: #eaf5f3;--accent: #f0a500;--success: #2e9e74;--success-bg: #e6f7f0;--success-border: #a7e3cc;--warning: #d4860a;--warning-bg: #fef3de;--warning-border: #f8d48a;--danger: #c0392b;--danger-bg: #fdecea;--danger-border: #f5b7b1;--info: #1565c0;--info-bg: #e3f0fd;--info-border: #90c2f7;--purple: #7c3aed;--purple-bg: #ede9fe;--purple-border: #c4b5fd;--teal: #0891b2;--teal-bg: #cffafe;--teal-border: #67e8f9;--orange: #ea580c;--orange-bg: #ffedd5;--orange-border: #fdba74;--pink: #db2777;--pink-bg: #fce7f3;--pink-border: #f9a8d4;--bg: #EDF1F5;--white: #ffffff;--border: #dce4ea;--border-light: #eaeff3;--text: #1a2530;--text-muted: #5a7080;--text-light: #8fa5b2;--sidebar-bg: #0e453e;--sidebar-hover: #145f55;--sidebar-active: #1a7a6e;--sidebar-w: 260px;--topbar-h: 58px;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--radius-full: 999px;--shadow: 0 1px 4px rgba(26,122,110,.08), 0 4px 16px rgba(26,122,110,.06);--shadow-sm: 0 1px 3px rgba(0,0,0,.07);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--font: "Plus Jakarta Sans", sans-serif;--font-display: "Fraunces", serif;--font-mono: "SF Mono", "Fira Mono", monospace;--transition: .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font);font-size:14px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-center{text-align:center}.sidebar{width:var(--sidebar-w, 260px);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;transition:transform .4s cubic-bezier(.25,1,.5,1);box-shadow:4px 0 24px #0000000a}.sidebar-brand{padding:24px 20px 20px;display:flex;flex-direction:column;align-items:flex-start}.sb-logo{width:42px;height:42px;background:linear-gradient(135deg,#1a7a6e,#2dd4bf);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 4px 12px #1a7a6e4d}.sb-logo svg{width:24px;height:24px;fill:#fff}.sb-name{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800;color:#fff;letter-spacing:-.5px}.sb-name span{color:#2dd4bf}.sb-desa{font-size:11px;color:#94a3b8;margin-top:4px;font-weight:500}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.nav-section-label{padding:16px 24px 8px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#64748b;font-weight:700}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:4px 16px;border-radius:10px;color:#cbd5e1;font-size:13.5px;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none}.nav-item svg{width:18px;height:18px;fill:currentColor;flex-shrink:0;opacity:.7;transition:transform .3s ease}.nav-item:hover{background:#ffffff0f;color:#fff;transform:translate(4px)}.nav-item:hover svg{transform:scale(1.1);opacity:1}.nav-item.active{background:linear-gradient(135deg,#1a7a6e,#2dd4bf);color:#fff;box-shadow:0 4px 14px #1a7a6e59;font-weight:600}.nav-item.active svg{opacity:1}.sidebar-footer{margin:16px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:background .3s ease}.sidebar-footer:hover{background:#ffffff0f}.sb-user{display:flex;align-items:center;gap:12px}.sb-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.sb-uname{font-size:13px;font-weight:600;color:#fff;line-height:1.2}.sb-urole{font-size:11px;color:#94a3b8;margin-top:2px}.sb-logout{margin-left:auto;width:32px;height:32px;border-radius:8px;background:#ef44441a;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sb-logout svg{width:16px;height:16px;fill:#ef4444}.sb-logout:hover{background:#ef4444;transform:scale(1.05)}.sb-logout:hover svg{fill:#fff}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;transition:opacity .3s ease}.sidebar-overlay.open{display:block;opacity:1}.topbar{height:var(--topbar-h, 70px);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:fixed;top:0;left:var(--sidebar-w, 260px);right:0;z-index:90}.topbar-left{display:flex;align-items:center;gap:14px}.tb-hamburger{display:none;cursor:pointer;background:#f1f5f9;border:none;width:36px;height:36px;border-radius:8px;align-items:center;justify-content:center;transition:background .2s ease}.tb-hamburger:hover{background:#e2e8f0}.tb-hamburger svg{width:20px;height:20px;fill:#475569}.breadcrumb-wrap{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#64748b;font-weight:500}.breadcrumb-wrap .sep{opacity:.5;font-size:16px}.breadcrumb-wrap .current{font-weight:700;color:#0f172a}.topbar-right{display:flex;align-items:center;gap:12px}.tb-user-badge{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1;font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px}.tb-date{font-size:12px;color:#475569;font-weight:600;background:#f8fafc;padding:6px 14px;border-radius:999px;border:1px solid #e2e8f0}.page-content{margin-left:var(--sidebar-w, 260px);margin-top:var(--topbar-h, 70px);padding:30px;min-height:calc(100vh - var(--topbar-h, 70px));background:#f8fafc}@media(max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar{left:0;padding:0 20px}.page-content{margin-left:0;padding:20px}.tb-hamburger{display:flex}}@media(max-width:500px){.tb-date,.breadcrumb-wrap span:first-child,.breadcrumb-wrap .sep{display:none}}.ts-control{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;background-color:#fff;box-shadow:none}.ts-control.focus{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf33}.ts-dropdown{font-family:Plus Jakarta Sans,sans-serif;font-size:13px;border-radius:6px;border:1px solid #d1d5db;box-shadow:0 4px 6px #0000000d}.ts-dropdown .option{padding:8px 12px}.ts-dropdown .active{background-color:#f0fdfa!important;color:#0f766e!important}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius);font-family:var(--font);font-size:13px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;text-decoration:none;position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .15s ease}.btn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background .15s;border-radius:inherit}.btn:hover:after{background:#ffffff1a}.btn:active{transform:scale(.96);transition-duration:.08s}.btn svg{width:15px;height:15px;flex-shrink:0}.btn-primary{background:linear-gradient(135deg,var(--primary),#2dd4bf 180%);color:#fff;box-shadow:0 2px 8px #1a7a6e40}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),#1a7a6e 180%);box-shadow:0 4px 16px #1a7a6e52;transform:translateY(-1px)}.btn-secondary{background:var(--white);color:var(--text);border:1px solid var(--border);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:var(--bg);box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--danger),#f87171 180%);color:#fff;border:none;box-shadow:0 2px 8px #c0392b38}.btn-danger:hover{box-shadow:0 4px 14px #c0392b52;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success),#34d399 180%);color:#fff;border:none;box-shadow:0 2px 8px #2e9e7438}.btn-success:hover{box-shadow:0 4px 14px #2e9e7452;transform:translateY(-1px)}.btn-info{background:linear-gradient(135deg,#1565c0,#60a5fa 180%);color:#fff;border:none;box-shadow:0 2px 8px #1565c038}.btn-info:hover{box-shadow:0 4px 14px #1565c052;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid transparent}.btn-ghost:hover{background:var(--bg);border-color:var(--border)}.btn-sm{padding:5px 12px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{padding:11px 24px;font-size:14px}.btn-xs{padding:3px 10px;font-size:11px;border-radius:var(--radius-sm)}.card{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;overflow:hidden;margin-bottom:20px;transition:box-shadow .2s ease,transform .2s ease}.card-header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(to right,#fafcfb,#f8fafc)}.card-title{font-size:14px;font-weight:600;color:var(--text)}.card-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.card-body{padding:20px}.card-footer{padding:14px 20px;border-top:1px solid rgba(0,0,0,.05);background:#f8fafc}.card-hoverable{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;cursor:pointer}.card-hoverable:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease}.badge:hover{transform:scale(1.1);box-shadow:0 2px 6px #0000001a}.badge-primary{background:linear-gradient(135deg,#eaf5f3,#d1fae5);color:var(--primary-dark);border-color:var(--primary-light)}.badge-success{background:linear-gradient(135deg,#e6f7f0,#dcfce7);color:var(--success);border-color:var(--success-border)}.badge-danger{background:linear-gradient(135deg,#fdecea,#fee2e2);color:var(--danger);border-color:var(--danger-border)}.badge-warning{background:linear-gradient(135deg,#fef3de,#fef9c3);color:var(--warning);border-color:var(--warning-border)}.badge-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--info);border-color:var(--info-border)}.badge-purple{background:linear-gradient(135deg,#ede9fe,#f5f3ff);color:var(--purple);border-color:var(--purple-border)}.badge-teal{background:linear-gradient(135deg,#cffafe,#e0fafb);color:var(--teal);border-color:var(--teal-border)}.badge-orange{background:linear-gradient(135deg,#ffedd5,#fff7ed);color:var(--orange);border-color:var(--orange-border)}.badge-pink{background:linear-gradient(135deg,#fce7f3,#fdf2f8);color:var(--pink);border-color:var(--pink-border)}.badge-neutral{background:linear-gradient(135deg,#f1f5f9,#f8fafc);color:#475569;border-color:#cbd5e1}.table thead tr{background:linear-gradient(to right,#f8fafc,#f4f8f6);border-bottom:1px solid rgba(0,0,0,.06)}.form-control{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:9px 13px;font-family:var(--font);font-size:13px;color:var(--text);background:var(--white);outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a7a6e1f,0 1px 3px #1a7a6e14;transform:translateY(-1px)}.form-control:hover:not(:focus){border-color:var(--primary-light)}.nav-item{transition:all .2s ease}.nav-item.active{background:linear-gradient(to right,#1a7a6e47,#1a7a6e1a);color:#fff;border-left-color:#f0c040}.nav-item:hover{background:#ffffff0f;color:#ffffffe6;transform:translate(2px)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge-primary{background:var(--primary-lighter);color:var(--primary-dark);border-color:var(--primary-light)}.badge-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.badge-purple{background:var(--purple-bg);color:var(--purple);border-color:var(--purple-border)}.badge-teal{background:var(--teal-bg);color:var(--teal);border-color:var(--teal-border)}.badge-orange{background:var(--orange-bg);color:var(--orange);border-color:var(--orange-border)}.badge-pink{background:var(--pink-bg);color:var(--pink);border-color:var(--pink-border)}.badge-neutral{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.badge-square{border-radius:var(--radius-sm)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.form-control{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:9px 13px;font-family:var(--font);font-size:13px;color:var(--text);background:var(--white);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.form-control::-moz-placeholder{color:var(--text-light)}.form-control::placeholder{color:var(--text-light)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a7a6e1a}.form-control:disabled{background:var(--bg);color:var(--text-muted);cursor:not-allowed}.form-control.is-error{border-color:var(--danger)}.form-control.is-error:focus{box-shadow:0 0 0 3px #c0392b1f}.form-error{font-size:12px;color:var(--danger);margin-top:4px}select.form-control{cursor:pointer}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table thead tr{background:#f8fafc;border-bottom:1px solid var(--border-light)}.table th{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-align:left;white-space:nowrap}.table th.text-center,.table td.text-center{text-align:center}.table td{font-size:13px;padding:11px 14px;border-bottom:1px solid var(--border-light);color:var(--text);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#f6fbf9}.table-meta{padding:12px 16px;border-bottom:1px solid var(--border-light);background:#f8fafc;font-size:13px;color:var(--text-muted)}.table-meta strong{color:var(--text);font-weight:600}.alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;margin-bottom:20px;border:1px solid transparent}.alert svg{width:18px;height:18px;flex-shrink:0}.alert-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.alert-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.alert-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.alert-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.filter-bar{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:18px}.filter-bar form{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-actions{display:flex;gap:8px;align-items:flex-end}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:var(--text-muted)}.empty-state svg{width:40px;height:40px;color:var(--border)}.empty-state p{font-size:13px;font-weight:500}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.ph-title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text);line-height:1.2}.ph-sub{font-size:13px;color:var(--text-muted);margin-top:3px}.link{color:var(--primary);font-weight:600;font-size:12px;text-decoration:none;transition:opacity var(--transition)}.link:hover{opacity:.7}.clickable-name{color:#0f172a;cursor:pointer;font-weight:600;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#94a3b8;text-underline-offset:4px;transition:all .2s ease-in-out}.clickable-name:hover{color:var(--primary);text-decoration-style:solid;text-decoration-color:var(--primary)}.row-detail>td{padding:0!important;border-bottom:none!important}.detail-content{max-height:0;padding:0 20px;overflow:hidden;transition:max-height .4s ease-in-out,padding .4s ease-in-out,opacity .3s ease;background-color:#f8fafc;box-shadow:inset 0 3px 6px -3px #0000001a;opacity:0}.detail-content.expanded{max-height:1500px;padding-top:20px;padding-bottom:20px;opacity:1;border-bottom:1px solid #e2e8f0}.history-box{display:flex;flex-direction:column;gap:12px;font-size:13px;color:#0f172a}.history-item{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px 16px}.history-item h5{color:#000;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:700;border-bottom:1px dashed #e2e8f0;padding-bottom:6px}.history-item ul{list-style-type:disc;margin-left:20px;margin-top:5px;color:#0f172a}.text-empty{color:#64748b;font-style:italic}.del-reason-overlay{position:fixed;inset:0;background:#0e453e80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s}.del-reason-overlay.open{opacity:1;pointer-events:all}.del-reason-box{background:#fff;border-radius:var(--radius-lg, 14px);width:100%;max-width:460px;box-shadow:0 20px 60px #0000002e;transform:scale(.95);transition:all .2s ease;overflow:hidden}.del-reason-overlay.open .del-reason-box{transform:scale(1)}.del-reason-header{background:linear-gradient(135deg,#fff3cd,#fef9e7);padding:22px 24px;border-bottom:1px solid #f5d78e}.del-reason-icon{width:48px;height:48px;background:var(--warning-bg, #fef3de);border:2px solid #f5d78e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.del-reason-icon svg{width:24px;height:24px;fill:var(--warning, #d4860a)}.del-reason-title{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;color:#1a2530;margin-bottom:4px}.del-reason-desc{font-size:13px;color:#5a7080}.del-reason-body{padding:22px 24px}.del-reason-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.del-chip{padding:7px 14px;border-radius:99px;border:1.5px solid #dce4ea;background:#fff;font-size:12px;font-weight:500;cursor:pointer;color:#5a7080;transition:all .15s}.del-chip:hover{border-color:var(--warning, #d4860a);color:var(--warning, #d4860a)}.del-chip.selected{background:var(--warning-bg, #fef3de);border-color:#f5d78e;color:var(--warning, #d4860a);font-weight:700}.del-reason-footer{padding:16px 24px;border-top:1px solid #eaeff3;display:flex;justify-content:flex-end;gap:10px;background:#fafafa}.btn-hapus-confirm{background:#e74c3c;color:#fff;border:none;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .2s}.btn-hapus-confirm:hover{background:#c0392b}.btn-hapus-confirm svg{width:15px;height:15px;fill:#fff}nav[aria-label=Pagination]{display:flex;justify-content:flex-end}.pagination-nav{display:flex;align-items:center;gap:4px;justify-content:flex-end}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text);background:var(--white);border:1px solid var(--border);text-decoration:none;transition:all var(--transition);cursor:pointer}.page-btn:hover:not(.disabled):not(.active){background:var(--bg);border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.page-btn.disabled{color:var(--text-light);cursor:not-allowed;opacity:.5}.arsip-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}@media(max-width:500px){.arsip-grid{grid-template-columns:1fr 1fr}}.arsip-card{background:#fff;border:2px solid #f1f5f9;border-radius:12px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;text-align:center}.arsip-card:hover{border-color:#cbd5e1;background:#f8fafc}.arsip-card.selected{background:#199b6c;border-color:#199b6c;box-shadow:0 6px 16px #199b6c40}.arsip-icon{width:44px;height:44px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:all .25s ease}.arsip-card.selected .arsip-icon{background:#a7f3d0}.arsip-icon svg{width:22px;height:22px;fill:#94a3b8;transition:all .25s ease}.arsip-card.selected .arsip-icon svg{fill:#065f46}.arsip-label{font-size:13px;font-weight:600;color:#64748b;transition:all .25s ease}.arsip-card.selected .arsip-label{color:#fff}.guide-alur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.guide-alur-box{padding:18px;border-radius:8px;border:1px solid;box-shadow:0 1px 2px #0000000d}.guide-alur-box.blue{background-color:#eff6ff;border-color:#bfdbfe}.guide-alur-box.green{background-color:#f0fdf4;border-color:#bbf7d0}.guide-alur-title{font-weight:700;font-size:14.5px;margin-bottom:8px}.guide-alur-box.blue .guide-alur-title{color:#1e40af}.guide-alur-box.green .guide-alur-title{color:#166534}.guide-alur-desc{margin:0;font-size:13.5px;line-height:1.6}.guide-alur-box.blue .guide-alur-desc{color:#1e3a8a}.guide-alur-box.green .guide-alur-desc{color:#14532d}.guide-step-grid{display:grid;grid-template-columns:1fr;gap:24px}.guide-step-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:16px}.guide-step-title{margin:0 0 6px;font-weight:700;color:var(--color-primary);font-size:17px}.guide-step-desc{margin:0;font-size:13.5px;color:#4b5563;line-height:1.5}.warning-box{background-color:#fef2f2;border-left:4px solid #ef4444;padding:14px 16px;margin-top:14px;border-radius:0 6px 6px 0}.warning-box-title{font-weight:700;font-size:13.5px;color:#991b1b;margin-bottom:6px}.warning-box-list{font-size:12.5px;color:#7f1d1d;margin:0;padding-left:20px;line-height:1.6}.warning-box code{background-color:#fee2e2;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-weight:600}.valid-values-box{background-color:#fef2f2;border-left:4px solid #ef4444;padding:14px 16px;margin-top:14px;border-radius:0 6px 6px 0}.valid-values-title{font-weight:700;font-size:13.5px;color:#991b1b;margin-bottom:10px}.valid-values-group{margin-bottom:10px;font-size:12.5px;color:#7f1d1d;line-height:1.9}.valid-values-group strong{display:block;margin-bottom:2px}.valid-values-box code{background-color:#fee2e2;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;margin-right:4px}.valid-values-note{font-size:12px;color:#991b1b;font-weight:600;margin-top:8px;padding-top:8px;border-top:1px dashed #fca5a5}.example-wrap{overflow-x:auto;margin-top:14px;border:1px solid #d1d5db;border-radius:6px}.example-title{font-weight:600;font-size:13px;color:#374151;margin-bottom:8px}.table-excel{width:100%;border-collapse:collapse;font-size:13px;background:#fff;min-width:600px}.table-excel th,.table-excel td{border:1px solid #e5e7eb;padding:8px 12px;text-align:left}.table-excel thead th{background-color:#f3f4f6;color:#4b5563;font-weight:600;border-bottom:2px solid #d1d5db;font-size:12px}.table-excel tbody tr.row-guide td{background-color:#fef3c7;color:#92400e;font-weight:600}.table-excel tbody tr.row-data td{font-family:JetBrains Mono,monospace;color:#1f2937;background-color:#fff}.table-excel td.col-num{text-align:center;background-color:#f9fafb!important;color:#6b7280;font-weight:600;width:50px;font-family:Plus Jakarta Sans,sans-serif!important}.guide-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}.guide-sub-title{font-weight:600;font-size:13px;color:var(--color-primary);margin-bottom:8px}.rekap-page *,.rekap-page body,.rekap-page p,.rekap-page span,.rekap-page th,.rekap-page select,.rekap-page option,.rekap-page button,.rekap-page label,.rekap-page input,.rekap-page textarea{font-family:Plus Jakarta Sans,sans-serif!important}.rekap-page h1,.rekap-page h2,.rekap-page h3,.rekap-page h4,.rekap-page h5,.rekap-page h6,.rekap-page .card-title,.rekap-page .ph-title{font-family:Plus Jakarta Sans,sans-serif!important;font-weight:700;letter-spacing:-.02em}.rekap-page input[type=number],.rekap-page input[type=text],.rekap-page .pilot-input,.rekap-page .statik-input,.rekap-page .nilai-angka,.rekap-page td:first-child,.rekap-page .stat-val,.rekap-modal-table .td-mono{font-family:JetBrains Mono,monospace!important;font-variant-numeric:tabular-nums}.rekap-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.rekap-filter-form{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 12px #00000008;border:1px solid #f1f5f9}.mode-toggle{display:inline-flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:10px;border:1px solid #e2e8f0}.mode-toggle button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;background:transparent;color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-toggle button:hover:not(.active){color:#0f172a}.mode-toggle button.active{background:#fff;color:var(--primary, #0f766e);box-shadow:0 2px 6px #0000000f}.rekap-semester-section{display:flex;align-items:center;gap:10px}#bulan-section{display:none}#bulan-section.show{display:flex;align-items:center;gap:10px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.rekap-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.rekap-tab-group{display:flex;gap:8px;background:#fff;padding:6px;border-radius:10px;box-shadow:0 2px 8px #00000005;border:1px solid #f1f5f9}.rekap-tab-btn{padding:8px 20px;font-weight:600;font-size:13.5px;border:none;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.rekap-tab-btn.active{background:linear-gradient(135deg,#1a7a6e,#2dd4bf);color:#fff;box-shadow:0 4px 12px #1a7a6e40}.rekap-tab-btn.inactive{background:transparent;color:#64748b}.rekap-tab-btn.inactive:hover{background:#f8fafc;color:#0f172a}.rekap-export-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px;font-size:13.5px;font-weight:600;color:#0f766e;transition:all .2s ease;box-shadow:0 1px 2px #00000005}.rekap-export-btn:hover{background:#f0fdfa;border-color:#5eead4;transform:translateY(-1px)}.rekap-card-header{background:linear-gradient(to right,#fff,#f8fafc);padding:18px 24px;border-bottom:1px solid #f1f5f9}.rekap-card-sub{font-size:13px;color:#64748b;margin-top:4px}.rekap-th-no{width:60px;text-align:center;padding:14px 10px;color:#64748b}.rekap-th-std{padding:14px 10px;color:#64748b}.rekap-th-nilai{text-align:center;width:200px;padding:14px 10px;color:#64748b}.rekap-td-no{text-align:center;font-weight:600;color:#94a3b8}.rekap-td-ind{font-weight:600;color:#334155}.rekap-td-nilai{text-align:center;font-size:15px}.rekap-td-sumber{color:#94a3b8;font-size:12px;font-weight:500;margin-top:4px;display:block}.rekap-manual-badge{background:#fef3c7;color:#b45309;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;margin-left:6px;text-transform:uppercase}.rekap-statik-input{width:90px;text-align:center;margin:0 auto;padding:8px;border:1px solid #cbd5e1;border-radius:6px;display:block;font-weight:600;color:#0f172a;transition:all .2s ease}.rekap-statik-input:focus{outline:none;border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf33}.clickable-nilai{cursor:pointer;text-decoration:none;background:#e0f2fe;color:#0369a1;padding:6px 16px;border-radius:999px;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-block;border:1px solid #bae6fd}.clickable-nilai:hover{background:#0284c7;color:#fff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 4px 10px #0284c733}.nilai-kosong{background:#f1f5f9;color:#94a3b8;padding:6px 16px;border-radius:999px;font-weight:700;display:inline-block;border:1px dashed #cbd5e1}.rekap-pilot-hint{background:linear-gradient(to right,#fffbeb,#fef3c7);border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 6px #f59e0b0d}.rekap-pilot-hint-body{padding:16px 20px;font-size:13.5px;color:#92400e;font-weight:600}.rekap-pilot-card{margin-bottom:24px;border:1px solid #e2e8f0}.rekap-pilot-card-title{font-size:15px;font-weight:700;color:#0f766e}.rekap-pilot-input{width:90px;text-align:center;margin:0 auto;padding:8px;border:1px solid #cbd5e1;border-radius:6px;display:block;font-weight:600;transition:all .2s ease}.rekap-pilot-input:focus{outline:none;border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf33}.rekap-modal-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.rekap-modal-overlay.open{display:flex;opacity:1}.rekap-modal-box{background:#fff;width:100%;max-width:750px;border-radius:16px;box-shadow:0 20px 40px #0003;margin:20px;display:flex;flex-direction:column;max-height:85vh;transform:scale(.95) translateY(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.rekap-modal-overlay.open .rekap-modal-box{transform:scale(1) translateY(0)}.rekap-modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding:20px 28px;background:#f8fafc;border-radius:16px 16px 0 0}.rekap-modal-title{margin:0;font-size:18px;font-weight:700;color:#0f172a}.rekap-modal-subtitle{margin:6px 0 0;font-size:13px;color:#64748b;font-weight:500;line-height:1.4}.rekap-modal-close{background:#e2e8f0;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;color:#475569;transition:all .2s ease}.rekap-modal-close:hover{background:#ef4444;color:#fff}.rekap-modal-body{overflow-y:auto;padding:0;flex:1}.rekap-modal-loading{text-align:center;padding:40px 0;color:#64748b;font-weight:600;font-size:14px}.rekap-modal-empty{text-align:center;padding:40px 0;color:#94a3b8;font-style:italic}.rekap-modal-table{width:100%;border-collapse:collapse;font-size:13.5px}.rekap-modal-table th{padding:14px 20px;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:left;font-weight:700;position:sticky;top:0;z-index:10}.rekap-modal-table td{padding:12px 20px;border-bottom:1px solid #f1f5f9;color:#334155}.rekap-modal-table tbody tr:hover td{background:#f8fafc}.rekap-modal-table .td-no{text-align:center;font-weight:700;color:#94a3b8;width:40px}.rekap-modal-table .td-mono{font-size:12px;color:#64748b}.rekap-modal-table .td-bold{font-weight:600;color:#0f172a}.rekap-modal-table .td-center{text-align:center}.rekap-modal-foot{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.rekap-modal-count{font-size:13px;font-weight:600;color:#64748b}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-lg);padding:18px 20px;position:relative;overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.stat-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);opacity:0;transition:opacity .25s ease;pointer-events:none}.stat-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px #0000001a,0 4px 12px #0000000f}.stat-card:hover:after{opacity:1}.stat-card:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 12px #00000014;transition-duration:.08s}.stat-card:nth-child(1):after{background:radial-gradient(ellipse at top left,rgba(26,122,110,.08),transparent 70%)}.stat-card:nth-child(2):after{background:radial-gradient(ellipse at top left,rgba(59,130,246,.08),transparent 70%)}.stat-card:nth-child(3):after{background:radial-gradient(ellipse at top left,rgba(124,58,237,.08),transparent 70%)}.stat-card:nth-child(4):after{background:radial-gradient(ellipse at top left,rgba(192,57,43,.08),transparent 70%)}.stat-card-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-card:nth-child(1) .stat-card-accent{background:linear-gradient(90deg,#1a7a6e,#2dd4bf)}.stat-card:nth-child(2) .stat-card-accent{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card:nth-child(3) .stat-card-accent{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.stat-card:nth-child(4) .stat-card-accent{background:linear-gradient(90deg,#c0392b,#f87171)}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.stat-card:hover .stat-icon{transform:scale(1.15) rotate(-6deg)}.stat-card:nth-child(1) .stat-icon{background:linear-gradient(135deg,#eaf5f3,#c8e8e4);color:#1a7a6e}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#fff1f0,#fee2e2);color:#c0392b}.stat-ripple-wrap{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius-lg);pointer-events:none}.stat-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:statRipple .55s linear;background:#0000000f;pointer-events:none}@keyframes statRipple{to{transform:scale(4);opacity:0}}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.stat-val{font-family:JetBrains Mono,monospace;font-size:30px;font-weight:700;line-height:1;margin-bottom:6px;letter-spacing:-1px}.stat-sub{font-size:12px;color:var(--text-muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.donut-wrap{display:flex;align-items:center;gap:24px}.donut-svg{width:140px;height:140px;flex-shrink:0;overflow:visible}.donut-seg{transform-origin:center;animation:donutDraw 1s cubic-bezier(.4,0,.2,1) both}.donut-seg:nth-child(3){animation-delay:.1s}.donut-seg:nth-child(4){animation-delay:0s}@keyframes donutDraw{0%{stroke-dashoffset:339.3;opacity:0}to{opacity:1}}.donut-svg:hover .donut-seg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.18));transition:filter .2s ease}.donut-total-label{font-family:Plus Jakarta Sans,sans-serif;font-size:8px;font-weight:600;fill:#8fa5b2;text-anchor:middle;text-transform:uppercase;letter-spacing:.5px}.donut-total-num{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;fill:#1a2530;text-anchor:middle}.donut-legend{display:flex;flex-direction:column;gap:16px;flex:1}.donut-legend-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius);background:#f8fafc;border:1px solid rgba(0,0,0,.05);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;cursor:default}.donut-legend-item:hover{transform:translate(4px);box-shadow:0 2px 8px #00000012}.donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 4px #00000026}.donut-legend-val{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;line-height:1}.donut-legend-lbl{font-size:11px;color:var(--text-muted);margin-top:3px}.donut-legend-lbl strong{color:var(--text)}.prog-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.prog-item:last-child{margin-bottom:0}.prog-label{width:64px;font-size:12px;color:var(--text-muted)}.prog-track{flex:1;background:#edf1f5;border-radius:var(--radius-full);height:7px;overflow:hidden;box-shadow:inset 0 1px 2px #00000012}.prog-fill{height:100%;border-radius:var(--radius-full);transition:width 1s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.prog-fill:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:barShimmer 2.5s infinite}@keyframes barShimmer{to{left:200%}}.prog-bayi{background:linear-gradient(90deg,#ec4899,#f472b6)}.prog-balita{background:linear-gradient(90deg,#f97316,#fb923c)}.prog-anak{background:linear-gradient(90deg,#eab308,#fbbf24)}.prog-produktif{background:linear-gradient(90deg,#1a7a6e,#2dd4bf)}.prog-lansia{background:linear-gradient(90deg,#6b7280,#9ca3af)}.prog-count{width:28px;text-align:right;font-size:12px;font-weight:600;color:var(--text);font-family:JetBrains Mono,monospace}.card .card-header{background:linear-gradient(to right,#fafcfb,#f8fafc)}.table tbody tr{transition:background .15s ease}.table tbody tr:hover td{background:linear-gradient(to right,#f6fbf9,#f0fdf9)}.table thead tr{background:linear-gradient(to right,#f8fafc,#f4f8f6)}@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.donut-wrap{justify-content:center}}@media(max-width:500px){.stat-grid{grid-template-columns:1fr 1fr}.stat-val{font-size:24px}.donut-wrap{flex-direction:column;align-items:center}.donut-legend{flex-direction:row;gap:10px}}.login-alert{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(135deg,#fdecea,#fff1f0);border:1px solid var(--danger-border);border-left:4px solid var(--danger);border-radius:var(--radius);padding:12px 14px;margin-bottom:22px;animation:loginAlertIn .3s ease}@keyframes loginAlertIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.login-alert svg{flex-shrink:0;color:var(--danger);margin-top:1px}.login-alert ul{margin:0;padding:0;list-style:none}.login-alert li{font-size:12px;color:var(--danger);font-weight:500;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:18px}.login-field{display:flex;flex-direction:column;gap:7px}.login-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);transition:color .2s}.login-field:focus-within .login-label{color:var(--primary)}.login-input-wrap{position:relative}.login-input{width:100%;border:1.5px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-family:var(--font);font-size:13px;color:var(--text);background:var(--white);outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.login-input::-moz-placeholder{color:var(--text-light)}.login-input::placeholder{color:var(--text-light)}.login-input:hover:not(:focus){border-color:var(--primary-light)}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a7a6e1f,0 1px 4px #1a7a6e14;transform:translateY(-1px)}.login-input-wrap .login-input{padding-right:44px}.login-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-light);border-radius:var(--radius-sm);cursor:pointer;transition:color .2s,background .2s,transform .15s;z-index:2}.login-eye-btn:hover{color:var(--primary);background:var(--primary-lighter);transform:translateY(-50%) scale(1.1)}.login-eye-btn.active{color:var(--primary)}.login-remember{margin-top:-4px}.login-checkbox-wrap{display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-checkbox{position:absolute;opacity:0;width:0;height:0}.login-checkbox-custom{width:16px;height:16px;flex-shrink:0;border:1.5px solid var(--border);border-radius:4px;background:var(--white);display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,transform .15s cubic-bezier(.34,1.56,.64,1);position:relative}.login-checkbox-custom:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px);opacity:0;transition:opacity .15s}.login-checkbox:checked~.login-checkbox-custom{background:linear-gradient(135deg,var(--primary),#2dd4bf);border-color:var(--primary);transform:scale(1.08)}.login-checkbox:checked~.login-checkbox-custom:after{opacity:1}.login-checkbox-wrap:hover .login-checkbox-custom{border-color:var(--primary)}.login-checkbox-label{font-size:13px;color:var(--text-muted);transition:color .2s}.login-checkbox-wrap:hover .login-checkbox-label{color:var(--text)}.login-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 0;border:none;border-radius:var(--radius);font-family:var(--font);font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,#2dd4bf 180%);box-shadow:0 4px 16px #1a7a6e47;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;margin-top:4px}.login-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnShimmer 2.5s infinite}@keyframes btnShimmer{to{left:200%}}.login-submit-btn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background .15s;border-radius:inherit}.login-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a7a6e5c}.login-submit-btn:hover:after{background:#ffffff14}.login-submit-btn:active{transform:scale(.97) translateY(0);box-shadow:0 2px 8px #1a7a6e33;transition-duration:.08s}.auth-container{display:flex;min-height:100vh;width:100vw}.auth-sidebar{width:400px;background:var(--sidebar-bg);padding:60px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.auth-sidebar:before{content:"";position:absolute;width:300px;height:300px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:50%;bottom:-80px;left:-80px;opacity:.5;z-index:1}.auth-main{flex:1;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:30px}@media(max-width:800px){.auth-container{flex-direction:column}.auth-sidebar{width:100%;padding:40px 30px}.auth-sidebar:before{display:none}.auth-main{padding:40px 20px}.tb-user-badge{background-color:#e2e8f0;color:#1e293b;padding:4px 12px;border-radius:9999px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:12px}*,body,p,span,th,select,option,button,label,input,textarea{font-family:Plus Jakarta Sans,sans-serif!important}h1,h2,h3,h4,h5,h6,.ph-title,.card-title,.sb-name{font-family:Plus Jakarta Sans,sans-serif!important;font-weight:600}input[type=number],.pilot-input,.nilai-angka,td:first-child,.badge-count,.stat-val{font-family:JetBrains Mono,monospace!important;font-variant-numeric:tabular-nums}table tbody td{font-feature-settings:"tnum"}.excel-table{width:100%;min-width:650px;border-collapse:collapse;font-size:13px;margin-top:12px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.excel-table th,.excel-table td{border:1px solid #d1d5db;padding:10px 14px;text-align:left;color:#374151}.excel-table th{background-color:#f3f4f6;font-weight:600}.excel-row-guide td{background-color:#fef3c7;font-style:italic;color:#92400e;font-size:12px;line-height:1.4}.excel-row-data td{background-color:#fff;font-family:JetBrains Mono,monospace}.import-info-box{background-color:var(--color-info-bg, #eff6ff);border:1px solid var(--color-info-border, #bfdbfe);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--color-info-text, #1d4ed8);margin-bottom:16px;line-height:1.5}.import-info-box .warning-text{color:#b91c1c;font-weight:600}.btn-panduan{display:inline-flex;align-items:center;gap:6px;margin-top:10px;text-decoration:none!important}.btn-panduan svg{width:14px;height:14px}.guide-alur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.guide-alur-box{padding:18px;border-radius:8px;border:1px solid;box-shadow:0 1px 2px #0000000d}.guide-alur-box.blue{background-color:#eff6ff;border-color:#bfdbfe}.guide-alur-box.green{background-color:#f0fdf4;border-color:#bbf7d0}.guide-alur-title{font-weight:700;font-size:14.5px;margin-bottom:8px}.guide-alur-box.blue .guide-alur-title{color:#1e40af}.guide-alur-box.green .guide-alur-title{color:#166534}.guide-alur-desc{margin:0;font-size:13.5px;line-height:1.6}.guide-alur-box.blue .guide-alur-desc{color:#1e3a8a}.guide-alur-box.green .guide-alur-desc{color:#14532d}.guide-step-grid{display:grid;grid-template-columns:1fr;gap:24px}.guide-step-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:16px}.guide-step-title{margin:0 0 6px;font-weight:700;color:var(--color-primary);font-size:17px}.guide-step-desc{margin:0;font-size:13.5px;color:#4b5563;line-height:1.5}.warning-address-box{background-color:#fef2f2;border-left:4px solid #ef4444;padding:14px 16px;margin-top:14px;border-radius:0 6px 6px 0}.warning-address-title{font-weight:700;font-size:13.5px;color:#991b1b;margin-bottom:6px}.warning-address-list{font-size:12.5px;color:#7f1d1d;margin:0;padding-left:20px;line-height:1.6}.warning-address-code{background-color:#fee2e2;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-weight:600}.example-wrap{overflow-x:auto;margin-top:14px;border:1px solid #d1d5db;border-radius:6px}.example-title{font-weight:600;font-size:13px;color:#374151;margin-bottom:8px}.table-excel{width:100%;border-collapse:collapse;font-size:13px;background:#fff;min-width:600px}.table-excel th,.table-excel td{border:1px solid #e5e7eb;padding:8px 12px;text-align:left}.table-excel thead th{background-color:#f3f4f6;color:#4b5563;font-weight:600;border-bottom:2px solid #d1d5db;font-size:12px}.table-excel tbody tr.row-guide td{background-color:#fef3c7;color:#92400e;font-weight:600}.table-excel tbody tr.row-data td{font-family:JetBrains Mono,monospace;color:#1f2937;background-color:#fff}.table-excel td.col-num{text-align:center;background-color:#f9fafb!important;color:#6b7280;font-weight:600;width:50px;font-family:Plus Jakarta Sans,sans-serif!important}}