:root{--brand-900:#0f1f5c;--brand-800:#142a6b;--brand-700:#1e4fc2;--brand-600:#2f5fd0;--brand-500:#3f74e0;--brand-400:#5b8ae8;--brand-100:#e8efff;--brand-50:#f3f6ff;--header-grad-start:#1e4fc2;--header-grad-mid:#3f74e0;--header-grad-end:#8fb4f2;--header-btn-navy:#142a6b;--table-head-bg:#eef3fc;--table-head-color:#1e293b;--table-head-border:#dbe4f3;--accent-amber:#f5a623;--accent-amber-600:#e99b00;--accent-cyan:#00b4d8;--accent-cyan-600:#007a99;--accent-green:#1d6ccb;--accent-green-600:#1255a6;--accent-green-400:#29a6e7;--accent-green-100:#dceeff;--accent-gold:#c9a227;--accent-red:#dc3545;--accent-red-600:#c94343;--ink-900:#101828;--ink-700:#344054;--ink-500:#667085;--ink-400:#98a2b3;--line:#edf0f4;--line-soft:#f1f4f8;--surface:#fff;--surface-subtle:#f8fafc;--bg-app:#f4f6f9;--shadow-sm:0 5px 18px #1018280d;--shadow-md:0 12px 28px #1018281a;--shadow-lg:0 18px 40px #10182824;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:20px;--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur-base:.24s;--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--bs-primary:var(--brand-600);--bs-primary-rgb:47, 95, 208;--bs-secondary:var(--ink-500);--bs-success:var(--accent-green);--bs-success-rgb:29, 108, 203;--bs-warning:var(--accent-amber);--bs-warning-rgb:245, 166, 35;--bs-danger:var(--accent-red);--bs-danger-rgb:220, 53, 69;--bs-info:var(--accent-cyan-600);--bs-info-rgb:0, 122, 153;--bs-border-radius:var(--radius-md);--bs-border-radius-sm:var(--radius-sm);--bs-border-radius-lg:var(--radius-lg);--bs-border-color:var(--line);--bs-body-font-family:var(--font-sans);--bs-body-color:var(--ink-700);--bs-body-bg:var(--bg-app);--bs-link-color:var(--brand-600);--bs-link-hover-color:var(--brand-700);--bs-focus-ring-color:#2f5fd040}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-sans);color:var(--ink-700)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans)}body.app-shell{background:var(--bg-app);height:100vh;margin:0;display:flex}.app-sidebar{background:linear-gradient(180deg, var(--brand-900) 0%, var(--brand-800) 100%);color:#fff;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex-direction:column;flex-shrink:0;width:264px;height:100vh;display:flex;overflow-y:auto}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.app-sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:22px 20px;display:flex}.app-sidebar-brand-icon{background:#ffffff1f;border:1px solid #ffffff29;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.app-sidebar-brand-text{line-height:1.25}.app-sidebar-brand-text strong{letter-spacing:.2px;font-size:14.5px;font-weight:800;display:block}.app-sidebar-brand-text small{color:#ffffff8c;letter-spacing:.3px;font-size:10.5px;font-weight:600}.app-nav{padding:12px 10px}.app-nav-link{border-radius:var(--radius-sm);color:#ffffffb8;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);align-items:center;gap:11px;margin-bottom:2px;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.app-nav-link i.app-nav-icon{text-align:center;color:#ffffff8c;width:18px;transition:color var(--dur-fast) var(--ease);flex-shrink:0;font-size:14px}.app-nav-link:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.app-nav-link:hover i.app-nav-icon{color:#ffffffd9}.app-nav-link.is-active{background:linear-gradient(135deg, var(--accent-green-600), var(--accent-green-400));color:#fff;font-weight:700;box-shadow:0 6px 16px #1d6ccb47}.app-nav-link.is-active i.app-nav-icon{color:#fff}.app-nav-link.is-active:before{content:"";background:var(--accent-gold);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-10px}.app-nav-group-toggle{letter-spacing:1px;color:#fff6;cursor:pointer;justify-content:space-between;align-items:center;margin-top:6px;padding:14px 12px 6px;font-size:10.5px;font-weight:800;text-decoration:none;display:flex}.app-nav-group-toggle:hover{color:#ffffffa6}.app-nav-group-toggle .chevron{transition:transform var(--dur-base) var(--ease);font-size:10px}.app-nav-group-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.app-nav-section{letter-spacing:1px;color:#fff6;margin-top:6px;padding:14px 12px 6px;font-size:10.5px;font-weight:800}.app-nav-section small{letter-spacing:0;color:#ffffff52;margin-top:2px;font-size:10.5px;font-weight:500;display:block}.app-nav-step{color:#fff9;background:#ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin-left:auto;font-size:10.5px;font-weight:700;display:grid;position:relative}.app-nav-link.is-active .app-nav-step{background:var(--accent-gold);color:#1d2b30}.app-nav-sub{padding-left:6px}.app-nav-sub .app-nav-link{padding-left:34px;font-size:12.5px}.app-sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:16px}.app-sidebar-footer .btn{--bs-btn-bg:#dc354524;--bs-btn-border-color:#dc35454d;--bs-btn-color:#ffb4bd;--bs-btn-hover-bg:var(--accent-red);--bs-btn-hover-border-color:var(--accent-red);--bs-btn-hover-color:#fff;font-weight:700}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex}.app-topbar-title{color:var(--ink-900);letter-spacing:-.2px;font-size:19px;font-weight:800}.app-topbar-user{background:var(--surface-subtle);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.app-topbar-user-avatar{background:linear-gradient(135deg, var(--brand-700), var(--brand-400));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex}.app-topbar-user-name{color:var(--ink-700);font-size:13px;font-weight:700}.app-content{animation:contentFadeIn var(--dur-base) var(--ease);padding:24px 28px 32px;overflow-y:auto}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border:none;align-items:center;min-height:65px;padding:15px 20px;font-weight:700;display:flex;background:linear-gradient(115deg, var(--header-grad-start) 0%, var(--header-grad-mid) 48%, var(--header-grad-end) 100%)!important;color:#fff!important}.card-header h6{letter-spacing:.2px;font-size:17px;font-weight:600}.card-header .btn{font-weight:700}.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{color:#fff}.card-header .btn-primary{box-shadow:0 6px 16px #1d6ccb47}.card-header .btn-light{--bs-btn-color:#fff;--bs-btn-bg:var(--header-btn-navy);--bs-btn-border-color:var(--header-btn-navy);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d1d4f;--bs-btn-hover-border-color:#0d1d4f;box-shadow:0 6px 16px #0d1d4f4d}.btn{letter-spacing:.1px;border-radius:var(--radius-sm);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), filter var(--dur-fast) var(--ease);font-weight:600}.btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-success{--bs-btn-bg:var(--accent-green);--bs-btn-border-color:var(--accent-green);--bs-btn-hover-bg:var(--accent-green-600);--bs-btn-hover-border-color:var(--accent-green-600);--bs-btn-active-bg:var(--accent-green-600);--bs-btn-active-border-color:var(--accent-green-600)}.table{--bs-table-border-color:#d5dbe3;color:var(--ink-700);font-size:14.5px;line-height:1.55}.table-bordered{--bs-border-width:1.5px}.table>:not(caption)>*>*{padding:14px 18px}.table>thead{background:var(--table-head-bg)}.table>thead th{letter-spacing:.35px;text-transform:uppercase;text-align:center;color:var(--table-head-color);border-bottom:2px solid var(--table-head-border);font-size:12.5px;font-weight:600;background-color:var(--table-head-bg)!important}.table-hover>tbody>tr{transition:box-shadow var(--dur-fast) var(--ease)}.table-hover>tbody>tr:hover>*{background-color:var(--brand-50)}.table-hover>tbody>tr:hover{box-shadow:inset 3px 0 0 var(--header-grad-mid)}.table-responsive{border:1px solid var(--line);border-radius:var(--radius-md)}.table-responsive .table{margin-bottom:0}.badge{border-radius:6px;padding:5px 9px;font-size:11px;font-weight:600}.form-control,.form-select{border-width:1px;border-color:var(--ink-400);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.form-control:focus,.form-select:focus{border-color:var(--brand-500)}.search-bar{width:100%;max-width:340px}.search-bar .input-group{border:1px solid var(--ink-400);background:var(--surface);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border-radius:999px;overflow:hidden}.search-bar .input-group:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.search-bar .form-control{background:0 0;border:none;padding:.6rem .25rem}.search-bar .form-control:focus{box-shadow:none}.search-bar .btn{color:var(--ink-500);background:0 0;border:none;padding:.5rem 1rem}.search-bar .btn:hover{color:var(--brand-600)}.form-label{color:var(--ink-700);font-size:13px;font-weight:600}.alert{border:none;border-left:4px solid #0000}.alert-success{border-left-color:var(--accent-green)}.alert-danger{border-left-color:var(--accent-red)}.alert-warning{border-left-color:var(--accent-amber)}.alert-info{border-left-color:var(--accent-cyan-600)}.pagination{gap:4px}.pagination .page-link{background:var(--surface-subtle);color:var(--ink-700);text-align:center;min-width:34px;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:none;border-radius:var(--radius-sm)!important}.pagination .page-link:hover{background:var(--brand-100);color:var(--brand-700)}.pagination .page-item.active .page-link{background:var(--accent-green);border-color:var(--accent-green);color:#fff}@media (width<=900px){body.app-shell{height:auto;display:block}.app-sidebar{z-index:1050;transition:transform var(--dur-base) var(--ease);box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-sidebar.is-open{transform:translate(0)}.app-main{height:100vh}.app-topbar{padding:14px 16px}.app-content{padding:18px 16px 28px}}.app-sidebar-backdrop{display:none}@media (width<=900px){.app-sidebar-backdrop.is-open{z-index:1040;background:#10182873;display:block;position:fixed;inset:0}}.app-sidebar-toggle{display:none}@media (width<=900px){.app-sidebar-toggle{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-700);justify-content:center;align-items:center;display:inline-flex}}.list-card{--list-grad-1:#1e4fc2;--list-grad-2:#3f74e0;--list-grad-3:#8fb4f2;--list-navy:#142a6b;--list-glass:#ffffffc7;--list-glass-border:#ffffffe6;--list-head-bg:#eef3fc;background:radial-gradient(circle at 0 0,#638ceb38,#0000 45%),radial-gradient(circle at 100% 100%,#8fb4f247,#0000 50%),linear-gradient(160deg,#eef3ff 0%,#f6f8ff 50%,#edf5ff 100%);padding:10px;position:relative;border-radius:var(--radius-xl)!important;border:1px solid #ffffffb3!important;box-shadow:0 18px 40px #1e40af1a!important}.list-card>.card-header.list-header{flex-wrap:wrap;justify-content:space-between;gap:14px 18px;min-height:84px;padding:18px 22px;position:relative;overflow:hidden;box-shadow:0 10px 24px #1e4fc238;background:linear-gradient(115deg, var(--list-grad-1) 0%, var(--list-grad-2) 48%, var(--list-grad-3) 100%)!important;border-radius:16px!important}.list-header:before,.list-header:after{content:"";pointer-events:none;background:#ffffff1f;border-radius:50%;position:absolute}.list-header:before{width:220px;height:220px;top:-120px;right:-60px}.list-header:after{background:#ffffff14;width:140px;height:140px;bottom:-100px;right:180px}.list-title{z-index:1;align-items:center;gap:14px;min-width:0;display:flex;position:relative}.list-icon{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff2e;border:1px solid #ffffff59;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:21px;display:flex;box-shadow:inset 0 1px #ffffff4d}.list-title-text{min-width:0}.list-header .list-title-text h6{color:#fff;letter-spacing:-.1px;font-size:19px;font-weight:800;line-height:1.3}.list-title-text small{color:#ffffffd1;margin-top:2px;font-size:12.5px;font-weight:500;display:block}.list-tabs{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border:1px solid #ffffff4d;border-radius:999px;flex-wrap:wrap;gap:6px;margin-left:auto;padding:5px;display:flex;position:relative}.list-tab{color:#fff;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:999px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.list-tab:hover{color:#fff;background:#ffffff2e}.list-tab.is-active{color:var(--list-grad-1);background:#fff;box-shadow:0 4px 12px #142a6b2e}.list-tab-count{text-align:center;color:#fff;background:var(--list-navy);border-radius:999px;min-width:22px;padding:1px 7px;font-size:11px;font-weight:700}.list-tab-count.is-amber{background:#d97706}.list-actions{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.list-actions .btn{border-radius:10px;padding:8px 15px;font-size:13px;font-weight:700}.list-actions .btn-primary{box-shadow:0 6px 16px #1d6ccb47}.list-actions .btn-light{--bs-btn-color:#fff;--bs-btn-bg:var(--list-navy);--bs-btn-border-color:var(--list-navy);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d1d4f;--bs-btn-hover-border-color:#0d1d4f;box-shadow:0 6px 16px #0d1d4f4d}.list-actions .btn-success{box-shadow:0 6px 16px #14917c47}.list-card>.card-body{background:0 0;padding:14px 4px 4px;border:none!important}.list-card>.card-body.list-toolbar{background:var(--list-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;display:flex;box-shadow:0 4px 14px #1e40af0f;border:1px solid var(--list-glass-border)!important}.list-toolbar .search-bar{flex:360px;width:auto;max-width:520px}.list-toolbar .search-bar .input-group{box-shadow:none;border:1px solid #d5deee;border-radius:10px}.list-toolbar .search-bar .input-group:focus-within{border-color:var(--list-grad-2);box-shadow:0 0 0 3px #3f74e026}.list-toolbar .search-bar .btn{color:var(--list-grad-2)}.list-toolbar .search-bar .form-control{font-size:14px}.list-card .table-responsive{border:1px solid var(--list-glass-border);background:var(--list-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;box-shadow:0 4px 14px #1e40af0f}.list-card .table{--bs-table-bg:transparent;--bs-table-striped-bg:transparent;--bs-table-hover-bg:transparent;border-collapse:separate;border-spacing:0;font-size:13.5px}.list-card .table-bordered>:not(caption)>*{border-width:0}.list-card .table>:not(caption)>*>*{vertical-align:middle;background-color:#0000;border-width:0 0 1px;border-color:#e6ebf4;padding:12px 14px}.list-card .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-bg-type:transparent}.list-card .table>thead th{color:#1e293b;letter-spacing:0;text-transform:none;text-align:left;white-space:nowrap;border-bottom:1px solid #dbe4f3;font-size:13px;font-weight:700;background-color:var(--list-head-bg)!important}.list-card .table>tbody>tr:last-child>*{border-bottom:none}.list-card .table>tbody>tr{transition:background var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.list-card .table>tbody>tr>td:first-child{color:var(--ink-900);font-weight:600}.list-card .table td .btn-sm{border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:32px;height:32px;padding:0 9px;font-size:13px;display:inline-flex;box-shadow:0 3px 8px #1018281f}.list-card .table td .badge{border:1px solid #0000;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700}.list-card .table td .badge.bg-success{border-color:#bbf7d0;color:#15803d!important;background:#dcfce7!important}.list-card .table td .badge.bg-secondary{border-color:#e2e8f0;color:#475569!important;background:#eef2f7!important}.list-card .table td .badge.bg-primary{border-color:#c7d8ff;color:#2f5fd0!important;background:#dbe7ff!important}.list-card .table td .badge.bg-info{border-color:#c4ebf6;color:#0e7490!important;background:#dff4fb!important}.list-card .table td .badge.bg-warning{border-color:#fde68a;color:#b45309!important;background:#fef3c7!important}.list-card .table td .badge.bg-danger{border-color:#fecaca;color:#b91c1c!important;background:#fee2e2!important}.cell-utama{color:var(--ink-900);font-weight:600}.cell-sub{color:var(--ink-500);margin-top:2px;font-size:12.5px}.status-pill{text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:999px;min-width:92px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.status-pill.is-akan{color:#b45309;background:#fef3c7;border-color:#fde68a}.status-pill.is-berjalan{color:#2f5fd0;background:#dbe7ff;border-color:#c7d8ff}.avatar-chip{min-width:140px;color:var(--ink-700);align-items:center;gap:7px;margin:3px 0;font-weight:500;line-height:1.3;display:flex}.avatar-more{color:#2f5fd0;cursor:help;background:#e3ecff;border-radius:999px;margin-top:3px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-block}.avatar-initial{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#1e4fc2,#8fb4f2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10.5px;font-weight:800;display:inline-flex;box-shadow:0 0 0 2px #fff}.list-card .card-footer{background:0 0!important;border:none!important;padding:14px 6px 4px!important}.list-card .table-responsive+nav,.list-card .table-responsive~nav{margin-top:14px}.list-card .pagination{margin-bottom:0}.list-card .pagination .page-link{color:#334155;background:#ffffffd9;border:1px solid #e1e8f5;justify-content:center;align-items:center;min-width:34px;height:34px;font-weight:600;display:flex;border-radius:9px!important}.list-card .pagination .page-item.active .page-link{background:var(--accent-green);border-color:var(--accent-green);color:#fff;box-shadow:0 4px 12px #14917c59}.list-card .pagination .page-item.disabled .page-link{color:var(--ink-400);background:#ffffff80}@media (width<=768px){.list-card{padding:6px}.list-card>.card-header.list-header{padding:14px}.list-icon{width:42px;height:42px;font-size:18px}.list-header .list-title-text h6{font-size:16px}.list-tabs{border-radius:14px;width:100%;margin-left:0}.list-tab{flex:auto;justify-content:center;padding:6px 10px}.list-actions{width:100%}.list-actions .btn{flex:1}.list-toolbar .search-bar{max-width:none}}:root{--petrol-900:#071f49;--petrol-800:#0b3676;--petrol-700:#1255a6;--petrol-600:#1d6ccb;--petrol-500:#298be5;--petrol-300:#7fc2f2;--petrol-100:#dceeff;--petrol-50:#f2f8ff;--brand-900:var(--petrol-900);--brand-800:var(--petrol-800);--brand-700:var(--petrol-700);--brand-600:var(--petrol-600);--brand-500:var(--petrol-500);--brand-400:var(--petrol-300);--brand-100:var(--petrol-100);--brand-50:var(--petrol-50);--header-grad-start:#0b3676;--header-grad-mid:#1d6ccb;--header-grad-end:#69b6ef;--header-btn-navy:#071f49;--table-head-bg:#edf5ff;--table-head-border:#d7e7f8;--bg-app:#f2f7fc;--ink-900:#0b2545;--ink-700:#405875;--accent-green:#1d6ccb;--accent-green-600:#1255a6;--accent-green-400:#29a6e7;--accent-green-100:#dceeff;--accent-gold:#d8a72b;--bs-primary:#1d6ccb;--bs-success:#1d6ccb;--bs-success-rgb:29, 108, 203;--bs-primary-rgb:29, 108, 203;--bs-link-color:var(--petrol-700);--bs-link-hover-color:var(--petrol-900);--bs-focus-ring-color:#298be540}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem #12748226}.list-card .table>thead th{border-bottom-color:#d3eae7}.list-tab-count.is-blue{background:var(--petrol-600)}.status-pill.is-berjalan,.list-card .table td .badge.bg-primary,.list-card .table td .badge.bg-info{color:#1255a6!important;background:#dff1f2!important;border-color:#c3e4e6!important}.avatar-more{background:var(--petrol-100);color:var(--petrol-700)}.card-header .btn-light,.list-actions .btn-light{--bs-btn-hover-bg:#061f24;--bs-btn-hover-border-color:#061f24;box-shadow:0 6px 16px #082f444d}.app-sidebar{background:linear-gradient(#0b1f3a 0%,#102b4c 58%,#0b1f3a 100%);border-right:1px solid #ffffff12;width:250px}.app-topbar{background:#fffffff5;min-height:66px;padding:11px 20px}.app-content{background:linear-gradient(#f5f9fc 0%,#eff6f8 100%);padding:18px 20px 30px}.app-nav-link{color:#d8e3f0}.app-nav-link i.app-nav-icon{color:#9eb3ca}.app-nav-link:hover{color:#fff;background:#ffffff14}.app-nav-link.is-active{color:#fff;background:linear-gradient(110deg,#087f8c,#0b8f83);box-shadow:0 6px 16px #03132647}.app-nav-section,.app-nav-group-toggle{color:#9aafc5}.app-nav-main-group{color:#f2f6fb;letter-spacing:0;background:#ffffff0b;border:1px solid #afc6df1f;border-radius:10px;margin:9px 2px 3px;padding:12px;font-size:13px;font-weight:700}.app-nav-main-group:hover,.app-nav-main-group[aria-expanded=true]{color:#fff;background:#ffffff16;border-color:#4ad3be52}.app-nav-main-group.is-active{color:#fff;background:linear-gradient(110deg,#087f8c,#0b8f83);border-color:#0000}.app-nav-group-label{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.app-nav-group-label>i.app-nav-icon{color:#65dfc4;text-align:center;flex:0 0 18px;width:18px}.app-nav-group-label>span:not(.app-nav-group-count){white-space:nowrap}.app-nav-group-count{color:#c7d6e7;letter-spacing:0;white-space:nowrap;background:#ffffff1a;border-radius:999px;flex:none;margin-left:auto;padding:3px 7px;font-size:10px;font-weight:700}.app-nav-step-list{margin:4px 0 8px 13px;padding:3px 0 3px 12px;position:relative}.app-nav-step-list:before{content:"";background:#4ad3be7a;width:1px;position:absolute;top:12px;bottom:12px;left:3px}.app-nav-step-list .app-nav-link{border-radius:6px;min-height:29px;margin-bottom:1px;padding:6px 10px;font-size:12px;position:relative}.app-nav-step-list .app-nav-link:before{content:"";background:#102b4c;border:1px solid #65dfc4;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.app-nav-step-list .app-nav-link:after{content:"";background:#4ad3bea6;width:6px;height:1px;position:absolute;top:50%;left:-6px}.app-nav-step-list .app-nav-link.is-active:before{background:#65dfc4;border-color:#65dfc4}.app-nav-reference-toggle{color:#e7eff8;letter-spacing:.2px;min-height:44px;transition:background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), color var(--dur-base) var(--ease);background:#ffffff0f;border:1px solid #afc6df40;border-radius:10px;margin:10px 8px 4px;padding:10px 12px;font-size:12px;font-weight:700}.app-nav-section-settings{letter-spacing:1px;font-size:12px;font-weight:800}.app-nav-reference-toggle:hover,.app-nav-reference-toggle[aria-expanded=true]{color:#fff;background:#14a6942e;border-color:#4ad3bea6}.app-nav-reference-label{align-items:center;gap:10px;display:inline-flex}.app-nav-reference-label>i{color:#4bd4ba;font-size:14px}.app-nav-section small{color:#8298b1}.btn-warning{--bs-btn-color:#fff;--bs-btn-bg:#b8931f;--bs-btn-border-color:transparent;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#9c7b18;--bs-btn-hover-border-color:transparent;--bs-btn-active-color:#fff;--bs-btn-active-bg:#8f7016;--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#c9a227;--bs-btn-disabled-border-color:transparent;--bs-btn-focus-shadow-rgb:201, 162, 39;background-image:linear-gradient(135deg,#a8841a,#c9a227);font-weight:600}.btn-warning:hover,.btn-warning:focus-visible,.btn-warning:active{background-image:linear-gradient(135deg,#8f7016,#b8931f)}.app-sidebar-brand-logo{padding:16px 16px 14px;text-decoration:none;display:block}.app-sidebar-brand-logo img{border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 4px 14px #00000040}.app-topbar-kanan{align-items:center;gap:12px;min-width:0;display:flex}.app-filter-bidang{background:var(--surface-subtle);border:1px solid var(--line);color:var(--brand-700);border-radius:999px;align-items:center;gap:8px;margin:0;padding:4px 6px 4px 14px;display:flex}.app-filter-bidang i{font-size:12px}.app-filter-bidang select{color:inherit;cursor:pointer;background:0 0;border:0;outline:none;max-width:240px;padding:5px 8px 5px 2px;font-size:13px;font-weight:600}@media (width<=576px){.app-topbar-user-name{display:none}.app-filter-bidang select{max-width:130px}}:root{--brand-900:#071f49;--brand-800:#0b3676;--brand-700:#1255a6;--brand-600:#1d6ccb;--brand-500:#298be5;--brand-400:#7fc2f2;--brand-100:#dceeff;--brand-50:#f2f8ff;--header-grad-start:#0b3676;--header-grad-mid:#1d6ccb;--header-grad-end:#69b6ef;--header-btn-navy:#071f49;--table-head-bg:#edf5ff;--table-head-border:#d7e7f8;--bg-app:#f2f7fc;--ink-900:#0b2545;--ink-700:#405875;--bs-primary:#1d6ccb;--bs-primary-rgb:29, 108, 203;--bs-link-color:#1d6ccb;--bs-link-hover-color:#1255a6;--bs-focus-ring-color:#298be540;--petrol-900:#071f49;--petrol-800:#0b3676;--petrol-700:#1255a6;--petrol-600:#1d6ccb;--petrol-500:#298be5;--petrol-300:#7fc2f2;--petrol-100:#dceeff;--petrol-50:#f2f8ff;--accent-green:#1d6ccb;--accent-green-600:#1255a6;--accent-green-400:#29a6e7;--accent-green-100:#dceeff;--bs-success:#1d6ccb;--bs-success-rgb:29, 108, 203}body.app-shell{background:var(--bg-app)}.app-sidebar{background:linear-gradient(#061c42 0%,#0b3676 58%,#071f49 100%)}.app-nav-link.is-active,.app-nav-main-group.is-active{background:linear-gradient(110deg,#1359aa,#2388df);box-shadow:0 6px 16px #061c4252}.app-nav-link.is-active:before{background:#64d3ee}.app-nav-main-group:hover,.app-nav-main-group[aria-expanded=true],.app-nav-reference-toggle:hover,.app-nav-reference-toggle[aria-expanded=true]{border-color:#64d3ee7a}.app-nav-group-label>i.app-nav-icon,.app-nav-reference-label>i{color:#64c9ee}.app-nav-step-list:before,.app-nav-step-list .app-nav-link:after{background:#64c9ee94}.app-nav-step-list .app-nav-link:before,.app-nav-step-list .app-nav-link.is-active:before{border-color:#64c9ee}.app-nav-step-list .app-nav-link.is-active{background:#2388df40;box-shadow:inset 2px 0 #64c9ee}.app-nav-step-list .app-nav-link.is-active:before{background:#64c9ee}.app-nav-reference-toggle:hover,.app-nav-reference-toggle[aria-expanded=true]{background:#2388df2e}.app-topbar-user-avatar{background:linear-gradient(135deg,#1255a6,#25a3df)}.app-filter-bidang:focus-within{box-shadow:0 0 0 3px #298be52e}.app-filter-bidang.is-aktif{background:var(--brand-100);border-color:var(--brand-500);color:var(--brand-700)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:var(--brand-600);--bs-btn-border-color:var(--brand-600);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--brand-700);--bs-btn-hover-border-color:var(--brand-700);--bs-btn-active-bg:var(--brand-800);--bs-btn-active-border-color:var(--brand-800);--bs-btn-disabled-bg:var(--brand-400);--bs-btn-disabled-border-color:var(--brand-400);box-shadow:0 2px 8px #1d6ccb3d}.btn-primary:hover{box-shadow:0 6px 16px #1d6ccb47}.card-header .btn-primary,.list-actions .btn-primary{--bs-btn-color:var(--brand-700);--bs-btn-bg:#fff;--bs-btn-border-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--brand-600);--bs-btn-hover-border-color:var(--brand-600);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--brand-700);--bs-btn-active-border-color:var(--brand-700);box-shadow:0 6px 16px #071f493d}.form-control:focus,.form-select:focus{border-color:var(--brand-400);box-shadow:0 0 0 .2rem #298be529}.list-card{--list-grad-1:#0b3676;--list-grad-2:#1d6ccb;--list-grad-3:#69b6ef;--list-navy:#071f49;--list-head-bg:#edf5ff;background:radial-gradient(circle at 0 0,#298be524,#0000 45%),radial-gradient(circle at 100% 100%,#69b6ef2b,#0000 50%),linear-gradient(160deg,#f0f6ff 0%,#f8fbff 50%,#edf5ff 100%);box-shadow:0 18px 40px #0b36761a!important}.list-card>.card-header.list-header{box-shadow:0 10px 24px #0b367638}.list-card .table>tbody>tr:hover>*{background-color:#298be50f}.list-card .table>tbody>tr:hover{box-shadow:inset 3px 0 0 var(--brand-500)}.list-toolbar .search-bar .input-group:focus-within{box-shadow:0 0 0 3px #298be526}.list-card .table td .btn-info{--bs-btn-bg:#e4f2ff;--bs-btn-border-color:#e4f2ff;--bs-btn-hover-bg:#cfe6fb;--bs-btn-hover-border-color:#cfe6fb;color:var(--brand-700)!important}.avatar-initial{background:linear-gradient(135deg,#1255a6,#69b6ef)}.list-card .pagination .page-item.active .page-link{background:var(--brand-600);border-color:var(--brand-600);box-shadow:0 4px 12px #1d6ccb4d}.btn-success,.btn-primary{background-image:linear-gradient(135deg,#1d6ccb,#29a6e7);box-shadow:0 5px 14px #1d6ccb40}.btn-success:hover,.btn-primary:hover{background-image:linear-gradient(135deg,#1255a6,#1d6ccb)}.list-actions .btn-success,.card-header .btn-success{box-shadow:0 6px 16px #1d6ccb47}.bg-success{background-image:linear-gradient(135deg,#1d6ccb,#29a6e7)!important}.text-success{color:#1255a6!important}.alert-success{color:#1255a6;background:#e7f3ff;border-color:#c5e1fa}.list-card .table td .badge.bg-success,.badge.bg-success{color:#1255a6!important;background:#e1f0ff!important;border-color:#c6e1fb!important}.status-pill.is-selesai{color:#1255a6;background:#e1f0ff;border-color:#c6e1fb}.list-tab-count.is-green{background:linear-gradient(135deg,#1d6ccb,#29a6e7)}