@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--bg-dark: #0b0f19;--bg-darker: #060911;--bg-card: rgba(17, 24, 39, .85);--bg-card-hover: rgba(28, 38, 58, .95);--bg-glass: rgba(15, 23, 42, .88);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(245, 158, 11, .35);--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--accent-primary: #f59e0b;--accent-primary-hover: #d97706;--accent-indigo: #6366f1;--accent-cyan: #06b6d4;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--sidebar-width: 0px;--header-height: 66px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px -4px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .65);--shadow-glow: 0 0 30px rgba(245, 158, 11, .22)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(circle at 10% 10%,rgba(99,102,241,.12) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(245,158,11,.1) 0%,transparent 45%),radial-gradient(circle at 50% 40%,rgba(16,185,129,.06) 0%,transparent 55%),linear-gradient(180deg,#0b0f19f2,#060911);background-attachment:fixed;color:var(--text-main);line-height:1.55;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@keyframes fluidFadeSlide{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 #f59e0b80}70%{box-shadow:0 0 0 14px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmerSweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popInSpring{0%{transform:scale(.85);opacity:0}70%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}@keyframes progressStripes{0%{background-position:0 0}to{background-position:60px 0}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.module-animated-view{width:100%;max-width:100%;overflow-x:hidden;animation:fluidFadeSlide .35s cubic-bezier(.16,1,.3,1) forwards}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:hover{border-color:#f59e0b59;box-shadow:0 14px 35px -8px #0009,0 0 25px #f59e0b1f}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transition:.6s;pointer-events:none}.glass-card:hover:before{left:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);font-weight:700;font-size:.85rem;letter-spacing:.01em;cursor:pointer;border:1px solid transparent;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#090d16;font-weight:800;box-shadow:0 4px 15px #f59e0b59}.btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 25px #f59e0b80;color:#000}.btn-secondary{background:#1e293bd9;color:#f1f5f9;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:#334155f2;border-color:#ffffff40;color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px #00000059}.btn-outline-danger{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.35)}.btn-outline-danger:hover{background:#ef444440;color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #ef44444d}.btn-sm{padding:.45rem .85rem;font-size:.775rem;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:800;letter-spacing:.02em;transition:all .2s ease}.badge:hover{transform:scale(1.05)}.badge-success{background:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.4);box-shadow:0 0 12px #10b9812e}.badge-warning{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.4);box-shadow:0 0 12px #f59e0b2e}.badge-danger{background:#ef44442e;color:#f87171;border:1px solid rgba(239,68,68,.4);box-shadow:0 0 12px #ef44442e}.badge-info{background:#6366f12e;color:#818cf8;border:1px solid rgba(99,102,241,.4);box-shadow:0 0 12px #6366f12e}.badge-neutral{background:#94a3b824;color:#cbd5e1;border:1px solid rgba(148,163,184,.25)}.progress-bar-bg{width:100%;height:8px;background-color:#ffffff14;border-radius:999px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:999px;background-color:var(--accent-primary);transition:width .8s cubic-bezier(.16,1,.3,1);background-size:30px 30px;background-image:linear-gradient(135deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);animation:progressStripes 2s linear infinite}.table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#0f172a99;position:relative;display:block}.custom-table{width:100%;min-width:960px;border-collapse:collapse;text-align:left}.custom-table th{background:#1e293bd9;color:#94a3b8;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.95rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.custom-table td{padding:.95rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);font-size:.86rem;color:#f1f5f9;transition:all .15s ease}.custom-table tbody tr{transition:all .2s ease}.custom-table tbody tr:hover{background:#f59e0b0f}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8rem;font-weight:700;color:#cbd5e1;margin-bottom:.4rem}.form-control{width:100%;padding:.65rem .95rem;border-radius:var(--radius-md);background:#0f172ad9;border:1px solid rgba(255,255,255,.12);color:var(--text-main);font-family:inherit;font-size:.86rem;transition:all .22s ease}.form-control:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b40;background:#0f172afa}.tab-list{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.35rem}.tab-item{padding:.65rem 1.2rem;border-radius:var(--radius-md);background:#1e293b99;border:1px solid var(--border-color);color:var(--text-muted);font-weight:700;font-size:.84rem;cursor:pointer;white-space:nowrap;transition:all .22s cubic-bezier(.16,1,.3,1)}.tab-item:hover{color:var(--text-main);background:#334155cc;transform:translateY(-2px);border-color:#fff3}.tab-item.active{background:linear-gradient(135deg,#f59e0b40,#d9770666);border-color:#f59e0b;color:#fff;font-weight:800;box-shadow:0 4px 20px #f59e0b4d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeInBackdrop .25s ease-out}.modal-content{background:#0f172a;border:1px solid rgba(245,158,11,.45);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:0 25px 50px -12px #000c,0 0 35px #f59e0b4d;animation:popInSpring .35s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.15rem;font-weight:800;color:var(--text-main)}.modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem;background:#0f172ab3}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.65rem;font-weight:900;letter-spacing:-.02em;color:#fff}.page-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.app-header{padding:0 1.5rem!important}.sidebar-close-mobile-btn,.sidebar-backdrop,.sidebar-nav{display:none!important}.main-content{margin-left:0!important;width:100%!important;max-width:100%!important;padding:1.5rem;min-height:calc(100vh - var(--header-height));margin-top:var(--header-height);box-sizing:border-box;overflow-x:hidden}@media (max-width: 768px){.app-header{padding:0 .85rem}.sidebar-close-mobile-btn{display:block}.sidebar-backdrop.active{display:block;opacity:1}.sidebar-nav{transform:translate(-100%)!important;box-shadow:10px 0 30px #000c;width:290px!important;max-width:85vw!important}.sidebar-nav.open{transform:translate(0)!important;visibility:visible!important}.main-content{margin-left:0!important;width:100%!important;max-width:100%!important;padding:.75rem!important}.glass-card{padding:1rem!important;border-radius:var(--radius-md)!important}.page-title{font-size:1.3rem!important}.btn{padding:.5rem .85rem!important;font-size:.8rem!important}.table-container{-webkit-overflow-scrolling:touch;max-width:100%;margin-bottom:.75rem}.form-control{font-size:.85rem;padding:.55rem .75rem}}@media (max-width: 480px){.main-content{padding:.5rem!important}.glass-card{padding:.85rem!important}.page-title{font-size:1.15rem!important}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#f59e0b66;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#f59e0bcc}.teknik-module-wrapper .table-container,.teknik-module-wrapper .table-responsive,.teknik-module-wrapper div[style*="overflowX: 'auto'"],.teknik-module-wrapper div[style*="overflow-x: auto"]{border:1.5px solid #034efc!important;box-shadow:0 4px 18px #034efc33!important}.teknik-module-wrapper table thead tr{background:linear-gradient(135deg,#034efc,#1d4ed8)!important;color:#fff!important}.teknik-module-wrapper table thead th{background:transparent!important;color:#fff!important;border-color:#1d4ed8!important}.teknik-module-wrapper table thead th *,.teknik-module-wrapper table tbody tr,.teknik-module-wrapper table tbody td{color:#fff!important}.teknik-module-wrapper table tbody td div:not([style*=background]):not([class*=badge]),.teknik-module-wrapper table tbody td span:not([style*=background]):not([class*=badge]),.teknik-module-wrapper table tbody td p{color:#fff!important}.teknik-module-wrapper table tbody tr:hover{background:#034efc1f!important}.legal-module-wrapper table,.legal-module-wrapper table th,.legal-module-wrapper table td,.legal-module-wrapper table thead,.legal-module-wrapper table tbody,.legal-module-wrapper table tr,.legal-module-wrapper table th *,.legal-module-wrapper table td *,.legal-module-wrapper table td b,.legal-module-wrapper table td strong,.legal-module-wrapper table td span,.legal-module-wrapper table td div,.legal-module-wrapper table td p,.legal-module-wrapper table td button,.legal-module-wrapper table td a{font-weight:400!important}.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) thead tr{background:linear-gradient(135deg,#03cafc,#0284c7)!important;color:#fff!important;border-bottom:2px solid #03cafc!important}.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) thead th{background:transparent!important;color:#fff!important;border:none!important;border-right:1px solid rgba(255,255,255,.15)!important;padding:10px 12px!important;font-size:.82rem!important;font-weight:800!important}.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) thead th *{color:#fff!important}.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) thead th:last-child{border-right:none!important}.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) tbody tr{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) tbody td{color:#fff!important;font-weight:400!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-right:1px solid rgba(255,255,255,.05)!important;padding:8px 12px!important;font-size:.8rem!important}.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) tbody td:last-child{border-right:none!important}.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) tbody td div:not(button *),.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) tbody td span:not(button *):not([class*=badge]),.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) tbody td p,.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) tbody td small,.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) tbody td b,.marketing-module-wrapper table:not(#spr-official-print-document *):not(#spr-printable-area *) tbody td strong{color:#fff!important;font-weight:400!important}@media print{@page{size:A4 landscape;margin:10mm}body{background:#fff!important;color:#000!important;font-size:11pt!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.app-header,.sidebar-nav,.sidebar-backdrop,.page-header,.tab-list,button,.btn,datalist{display:none!important}.main-content{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}.printable-sheet-area{background:#fff!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;color:#000!important}.printable-sheet-area *{color:#000!important;background-color:transparent!important;box-shadow:none!important;text-shadow:none!important}.printable-sheet-area div[style*=gridTemplateColumns]{background:#fff!important;border:none!important}.printable-sheet-area input{color:#000!important;border:none!important;border-bottom:1px solid #000000!important;background:transparent!important;font-size:10pt!important;padding:1px 0!important}.table-container{overflow:visible!important;border:none!important;box-shadow:none!important;background:transparent!important}.custom-table{width:100%!important;min-width:100%!important;border-collapse:collapse!important}.custom-table th{background-color:#f3f4f6!important;color:#000!important;border:1px solid #000000!important;font-weight:800!important;font-size:9pt!important;padding:6px 4px!important;text-align:center!important;white-space:normal!important}.custom-table td{border:1px solid #000000!important;color:#000!important;font-size:9pt!important;padding:5px 4px!important}.custom-table tr{page-break-inside:avoid!important}.custom-table th:last-child,.custom-table td:last-child{display:none!important}div[style*=Terbilang]{background:#fff!important;border:1px solid #000000!important;color:#000!important;margin-top:10px!important}}