@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Barlow+Semi+Condensed:wght@500;600;700&display=swap";:root{--hng-blue-1: #00358F;--hng-blue-2: #004DA7;--hng-black: #231F20;--hng-white: #FFFFFF;--hng-blue-1-75: #4067A6;--hng-blue-1-50: #7F9AC7;--hng-blue-1-25: #BFCCE3;--hng-blue-1-05: #F2F5FA;--hng-blue-2-75: #4074B9;--hng-blue-2-50: #7FA6D3;--hng-blue-2-25: #BFD2E9;--hng-blue-2-05: #F2F6FC;--hng-navy: #0F1B4D;--hng-sky: #88C6E9;--hng-azure: #5CB3E6;--hng-mist: #94D4EB;--hng-navy-75: #4B5479;--hng-navy-50: #878DA6;--hng-navy-25: #C3C6D2;--hng-navy-05: #F3F4F6;--hng-azure-25: #D6ECF8;--hng-azure-05: #F4FAFD;--surface-canvas: #F4F7FB;--surface-card: #FFFFFF;--surface-sunken: #EDF2F9;--surface-inverse: var(--hng-navy);--line: #DFE7F2;--line-strong: #C4D2E6;--line-inverse: rgba(255, 255, 255, .14);--text-primary: var(--hng-black);--text-secondary: #55606E;--text-muted: #7C8798;--text-on-dark: #FFFFFF;--text-on-dark-2: rgba(255, 255, 255, .72);--text-brand: var(--hng-blue-1);--ok-fg: #0B6B4F;--ok-bg: #E4F3ED;--warn-fg: #8A5200;--warn-bg: #FBF0DC;--danger-fg:#A32218;--danger-bg:#FBE9E7;--info-fg: var(--hng-blue-1);--info-bg: var(--hng-blue-1-05);--font-display: "Plus Jakarta Sans", "Co Headline", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: "Barlow", "Elza", "Segoe UI", system-ui, -apple-system, sans-serif;--font-data: "Barlow Semi Condensed", "Barlow", "Segoe UI", system-ui, sans-serif;--track-display: 0em;--track-body: -.01em;--fs-display: 2.75rem;--fs-h1: 2rem;--fs-h2: 1.5rem;--fs-h3: 1.1875rem;--fs-h4: 1rem;--fs-body: .9375rem;--fs-sm: .875rem;--fs-xs: .75rem;--fs-eyebrow: .6875rem;--lh-tight: 1.15;--lh-snug: 1.3;--lh-body: 1.6;--lh-loose: 1.75;--measure: 68ch;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--r-none: 0px;--r-xs: 2px;--r-sm: 3px;--r-md: 4px;--r-lg: 6px;--shadow-xs: 0 1px 2px rgba(15, 27, 77, .06);--shadow-sm: 0 1px 3px rgba(15, 27, 77, .08), 0 1px 2px rgba(15, 27, 77, .04);--shadow-md: 0 4px 12px rgba(15, 27, 77, .08), 0 1px 3px rgba(15, 27, 77, .05);--shadow-lg: 0 12px 32px rgba(15, 27, 77, .12), 0 2px 8px rgba(15, 27, 77, .06);--shadow-focus: 0 0 0 3px rgba(0, 77, 167, .28);--grad-dark: linear-gradient(160deg, var(--hng-navy) 0%, var(--hng-blue-1) 55%, var(--hng-blue-2) 100%);--grad-light: linear-gradient(160deg, var(--hng-mist) 0%, var(--hng-azure) 60%, var(--hng-blue-2) 100%);--grad-split: linear-gradient(180deg, var(--hng-navy) 0%, var(--hng-blue-1) 100%);--sidebar-w: 264px;--sidebar-w-collapsed: 76px;--topbar-h: 64px;--content-max: 1360px;--ease: cubic-bezier(.2, .7, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-1: .12s;--dur-2: .2s;--dur-3: .34s;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400}@media (prefers-reduced-motion: reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms}}.kabar{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-lg, 12px);margin-bottom:var(--sp-8);overflow:hidden}.kabar__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--line);background:var(--hng-blue-1-05)}.kabar__judul{font-family:var(--font-display);font-size:var(--fs-h3);margin:0;color:var(--hng-navy)}.kabar__sub{margin:4px 0 0;font-size:var(--fs-sm);color:var(--text-secondary)}.kabar__kosong{padding:var(--sp-8) var(--sp-6);text-align:center;color:var(--text-muted);font-size:var(--fs-sm)}.kabar__list{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto}.kabar__item{border-bottom:1px solid var(--line)}.kabar__item:last-child{border-bottom:none}.kabar__item.is-open{background:var(--hng-blue-1-05)}.kabar__baris{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-body)}.kabar__baris:hover{background:var(--surface-sunken)}.kabar__kiri{display:flex;align-items:baseline;gap:var(--sp-3);min-width:0;flex:1}.kabar__title{font-weight:600;font-size:var(--fs-md, 15px);color:var(--text-primary);white-space:nowrap}.kabar__cuplik{color:var(--text-secondary);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.kabar__pin{flex:0 0 auto;background:var(--hng-blue-1);color:#fff;font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 7px;border-radius:999px;text-transform:uppercase}.kabar__kanan{display:flex;align-items:center;gap:var(--sp-3);flex:0 0 auto;font-size:var(--fs-xs);color:var(--text-muted)}.kabar__ikon{background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--r-xs);padding:1px 6px}.kabar__panah{transition:transform .15s ease;display:inline-block}.kabar__panah.is-open{transform:rotate(180deg)}.kabar__isi{padding:0 var(--sp-6) var(--sp-5) var(--sp-6)}.kabar__teks{max-width:var(--measure)}.kabar__teks .teks-baris{margin:0 0 var(--sp-3);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--text-primary);white-space:pre-wrap}.kabar__teks a{color:var(--hng-blue-1);text-decoration:underline;word-break:break-all}.kabar__gambar{display:block;max-width:100%;max-height:420px;border-radius:var(--r-md);border:1px solid var(--line);margin-top:var(--sp-3)}.kabar__gambar-memuat{padding:var(--sp-5);background:var(--surface-sunken);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--text-muted);text-align:center}.kabar__meta{margin:var(--sp-4) 0 0;font-size:var(--fs-xs);color:var(--text-muted)}.bagian-judul{font-family:var(--font-display);font-size:var(--fs-h4);color:var(--hng-navy);margin:0 0 var(--sp-4)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface-canvas);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--track-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:var(--track-display);line-height:var(--lh-tight);color:var(--text-primary);margin:0;font-weight:700}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);font-weight:600}h4{font-size:var(--fs-h4);font-weight:600}p{margin:0 0 var(--sp-3);max-width:var(--measure)}p:last-child{margin-bottom:0}a{color:var(--hng-blue-2);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}:focus-visible{outline:2px solid var(--hng-blue-2);outline-offset:2px}.num,table td,table th,.stat__value,.clock{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.eyebrow{font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hng-blue-2);margin:0 0 var(--sp-2);display:block}.eyebrow--onDark{color:var(--hng-mist)}.lead{font-size:1.0625rem;line-height:var(--lh-loose);color:var(--text-secondary)}.muted{color:var(--text-muted)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.strong{font-weight:600}.tri{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid currentColor;flex:none}.tri--sm{border-left-width:4px;border-right-width:4px;border-bottom-width:6px}.tri--lg{border-left-width:7px;border-right-width:7px;border-bottom-width:12px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.grow{flex:1 1 auto;min-width:0}.grid{display:grid;gap:var(--sp-5)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--top{align-items:start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1100px){.grid--4,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.shell[data-collapsed=true]{grid-template-columns:var(--sidebar-w-collapsed) minmax(0,1fr)}.sidebar{position:relative;background:var(--grad-split);color:var(--text-on-dark);display:flex;flex-direction:column;overflow:hidden;position:sticky;top:0;height:100vh}.sidebar__poly{position:absolute;inset:auto 0 0 0;height:46%;opacity:.5;pointer-events:none}.sidebar__brand{position:relative;display:flex;align-items:center;gap:var(--sp-3);height:var(--topbar-h);padding:0 var(--sp-5);border-bottom:1px solid var(--line-inverse);flex:none}.sidebar__nav{position:relative;padding:var(--sp-5) var(--sp-3);display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1 1 auto}.sidebar__group{font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff6b;padding:var(--sp-5) var(--sp-3) var(--sp-2)}.sidebar__group:first-child{padding-top:0}.navitem{position:relative;display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-xs);color:var(--text-on-dark-2);font-size:var(--fs-sm);font-weight:500;cursor:pointer;border:0;background:transparent;width:100%;text-align:left;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.navitem:hover{background:#ffffff14;color:#fff;text-decoration:none}.navitem__icon{flex:none;width:20px;height:20px;opacity:.85}.navitem[aria-current=page]{background:#ffffff21;color:#fff;font-weight:600}.navitem[aria-current=page]:before{content:"";position:absolute;left:-3px;top:50%;transform:translateY(-50%) rotate(90deg);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--hng-azure)}.navitem__count{margin-left:auto;font-family:var(--font-data);font-size:var(--fs-xs);font-weight:700;background:var(--hng-azure);color:var(--hng-navy);padding:1px 7px;border-radius:var(--r-xs)}.sidebar__foot{position:relative;z-index:1;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line-inverse);font-size:var(--fs-xs);color:#ffffff80;flex:none}.topbar{position:sticky;top:0;z-index:var(--z-sticky);height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-8);background:#ffffffdb;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}.topbar__title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:700}.topbar__clock{font-family:var(--font-data);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);padding:var(--sp-1) var(--sp-3);background:var(--surface-sunken);border-radius:var(--r-xs)}.main{display:flex;flex-direction:column;min-width:0}.content{padding:var(--sp-8);width:100%;max-width:var(--content-max);margin:0 auto;flex:1 1 auto}@media (max-width: 900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:84%;max-width:300px;z-index:var(--z-drawer);transform:translate(-100%);transition:transform var(--dur-3) var(--ease-out);box-shadow:var(--shadow-lg)}.sidebar[data-open=true]{transform:none}.topbar{padding:0 var(--sp-4)}.content{padding:var(--sp-5) var(--sp-4)}}.grid--split{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start}@media (max-width: 980px){.grid--split{grid-template-columns:minmax(0,1fr)}}.topbar .topbar__menu{display:none}@media (max-width: 900px){.topbar .topbar__menu{display:inline-flex}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b4d73;z-index:150}@media (min-width: 901px){.scrim{display:none}}.pagehead{position:relative;overflow:hidden;background:var(--grad-dark);color:var(--text-on-dark);border-radius:var(--r-md);padding:var(--sp-8);margin-bottom:var(--sp-6)}.pagehead__poly{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none}.pagehead:not(.pagehead--plain):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#0a1338c7,#0a133857 60%,#0a13381a);pointer-events:none}.pagehead__inner{position:relative;z-index:1}.pagehead h1{color:#fff;font-size:var(--fs-h1)}.pagehead p{color:var(--text-on-dark-2);margin-top:var(--sp-2);max-width:56ch}.pagehead__actions{position:relative;z-index:1;display:flex;gap:var(--sp-3);margin-top:var(--sp-5);flex-wrap:wrap}.pagehead--plain{background:transparent;color:inherit;padding:0;margin-bottom:var(--sp-6)}.pagehead--plain h1{color:var(--text-primary)}.pagehead--plain p{color:var(--text-secondary)}.card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-xs)}.card__head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line)}.card__head h3{font-size:var(--fs-h4)}.card__body{padding:var(--sp-5)}.card__foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line);background:var(--hng-blue-1-05);border-radius:0 0 var(--r-md) var(--r-md)}.card--flush .card__body{padding:0}.stat{position:relative;background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-5);overflow:hidden;transition:box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.stat:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-left:34px solid transparent;border-top:34px solid var(--accent, var(--hng-blue-1-05))}.stat__label{font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.stat__value{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1.1;margin-top:var(--sp-2);color:var(--hng-navy)}.stat__unit{font-size:.9rem;font-weight:600;color:var(--text-muted);margin-left:4px}.stat__meta{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--text-secondary);display:flex;align-items:center;gap:6px}.stat__meta--up{color:var(--ok-fg)}.stat__meta--down{color:var(--danger-fg)}.btn{--btn-bg: var(--hng-blue-1);--btn-fg: #fff;--btn-bd: var(--hng-blue-1);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:9px var(--sp-5);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;letter-spacing:0;line-height:1.2;border-radius:var(--r-xs);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;white-space:nowrap;transition:filter var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),background var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.btn:hover:not(:disabled){filter:brightness(1.1);text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--secondary{--btn-bg: #fff;--btn-fg: var(--hng-blue-1);--btn-bd: var(--line-strong)}.btn--secondary:hover:not(:disabled){--btn-bg: var(--hng-blue-1-05);--btn-bd: var(--hng-blue-1-50);filter:none}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--text-secondary);--btn-bd: transparent}.btn--ghost:hover:not(:disabled){--btn-bg: var(--surface-sunken);--btn-fg: var(--hng-blue-1);filter:none}.btn--danger{--btn-bg: var(--danger-fg);--btn-bd: var(--danger-fg)}.btn--onDark{--btn-bg: #fff;--btn-fg: var(--hng-navy);--btn-bd: #fff}.btn--onDarkGhost{--btn-bg: transparent;--btn-fg: #fff;--btn-bd: rgba(255,255,255,.4)}.btn--onDarkGhost:hover:not(:disabled){--btn-bg: rgba(255,255,255,.12);filter:none}.btn--lg{padding:13px var(--sp-6);font-size:var(--fs-body)}.btn--sm{padding:6px var(--sp-3);font-size:var(--fs-xs)}.btn--block{width:100%}.btn--icon{padding:8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:var(--r-xs);font-family:var(--font-data);font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;background:var(--info-bg);color:var(--info-fg);white-space:nowrap}.badge:before{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid currentColor;flex:none}.badge--ok{background:var(--ok-bg);color:var(--ok-fg)}.badge--warn{background:var(--warn-bg);color:var(--warn-fg)}.badge--danger{background:var(--danger-bg);color:var(--danger-fg)}.badge--neutral{background:var(--surface-sunken);color:var(--text-secondary)}.badge--solid{background:var(--hng-blue-1);color:#fff}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.field__hint{font-size:var(--fs-xs);color:var(--text-muted)}.field__error{font-size:var(--fs-xs);color:var(--danger-fg);font-weight:500}.input,.select,.textarea{width:100%;padding:10px var(--sp-3);background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-xs);font-size:var(--fs-body);color:var(--text-primary);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--hng-blue-2);box-shadow:var(--shadow-focus)}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger-fg)}.textarea{min-height:104px;resize:vertical;line-height:var(--lh-body)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--sp-8);background-image:linear-gradient(45deg,transparent 50%,var(--hng-blue-1) 50%),linear-gradient(135deg,var(--hng-blue-1) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.input--withIcon{padding-left:38px}.field__wrap{position:relative;display:block}.field__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.tablewrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table thead th{position:sticky;top:0;text-align:left;font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:var(--hng-blue-1-05);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);white-space:nowrap}.table tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr{transition:background var(--dur-1) var(--ease)}.table tbody tr:hover{background:var(--hng-blue-2-05)}.table tbody tr:last-child td{border-bottom:0}.table .num-cell{text-align:right;font-family:var(--font-data);font-weight:600}.table__person{display:flex;align-items:center;gap:var(--sp-3)}.avatar{width:34px;height:34px;flex:none;display:grid;place-items:center;background:var(--hng-blue-1);color:#fff;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:700;border-radius:var(--r-xs);letter-spacing:.02em}.avatar--sm{width:26px;height:26px;font-size:10px}.avatar--lg{width:44px;height:44px;font-size:var(--fs-sm)}.avatar--azure{background:var(--hng-azure);color:var(--hng-navy)}.avatar--navy{background:var(--hng-navy)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--line);margin-bottom:var(--sp-5)}.tab{position:relative;padding:10px var(--sp-4);background:none;border:0;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-1) var(--ease)}.tab:hover{color:var(--hng-blue-1)}.tab[aria-selected=true]{color:var(--hng-blue-1);border-bottom-color:var(--hng-blue-1)}.empty{text-align:center;padding:var(--sp-12) var(--sp-6)}.empty__mark{width:72px;height:72px;margin:0 auto var(--sp-4)}.empty h3{margin-bottom:var(--sp-2)}.empty p{color:var(--text-secondary);margin:0 auto var(--sp-5);max-width:44ch}.modal__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b4d80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:var(--sp-5);z-index:var(--z-modal);animation:fade var(--dur-2) var(--ease)}.modal{width:min(560px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:rise var(--dur-3) var(--ease-out)}.modal__head{padding:var(--sp-5);border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:var(--sp-3)}.modal__body{padding:var(--sp-5)}.modal__foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:var(--sp-3);background:var(--hng-blue-1-05)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.toasts{position:fixed;right:var(--sp-6);bottom:var(--sp-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-3)}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);min-width:300px;max-width:380px;padding:var(--sp-4);background:var(--hng-navy);color:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:rise var(--dur-3) var(--ease-out);font-size:var(--fs-sm)}.toast__bar{width:3px;align-self:stretch;background:var(--hng-azure);border-radius:2px;flex:none}.toast--ok .toast__bar{background:#35c79a}.toast--danger .toast__bar{background:#ff7a6e}.clockcard{position:relative;overflow:hidden;background:var(--grad-dark);color:#fff;border-radius:var(--r-md);padding:var(--sp-6);display:flex;flex-direction:column;min-height:100%}.clockcard__poly{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5}.clockcard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a13389e,#0a13384d 40%,#0a1338b8);pointer-events:none}.clockcard__inner{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.clock{font-family:var(--font-display);font-size:3.25rem;font-weight:800;line-height:1;letter-spacing:-.02em}.clock__sec{font-size:1.5rem;font-weight:600;opacity:.65;margin-left:2px}.clockcard__date{color:var(--text-on-dark-2);font-size:var(--fs-sm);margin-top:var(--sp-2)}.clockcard__slots{display:flex;gap:var(--sp-5);margin:var(--sp-6) 0}.clockslot{flex:1}.clockslot__k{font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-display);font-weight:700;color:#ffffff8c}.clockslot__v{font-family:var(--font-data);font-size:1.375rem;font-weight:700;margin-top:2px}.clockslot__v--empty{color:#fff6}.approvals{display:flex;flex-direction:column;gap:var(--sp-3)}.approval{display:flex;align-items:center;gap:var(--sp-3)}.approval__state{width:20px;height:20px;display:grid;place-items:center;flex:none}.approval__name{font-weight:600;font-size:var(--fs-sm)}.approval__meta{font-size:var(--fs-xs);color:var(--text-muted)}.login{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.login__art{position:relative;overflow:hidden;background:var(--grad-split);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:var(--sp-12)}.login__poly{position:absolute;top:0;right:0;bottom:0;left:0}.login__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a1338b3,#0a133833 42%,#0a13389e);pointer-events:none}.login__art>.logo{position:relative;z-index:1}.login__artInner{position:relative;z-index:1;max-width:34rem}.login__artInner h2{color:#fff;font-size:clamp(2rem,3.4vw,3rem);font-weight:800;line-height:1.08}.login__artInner p{color:#ffffffd1;margin-top:var(--sp-4);font-size:1.0625rem;max-width:42ch}.login__tag{position:relative;z-index:1;font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);letter-spacing:.02em;color:var(--hng-mist)}.login__form{display:grid;place-items:center;padding:var(--sp-12) var(--sp-8);background:#fff}.login__formInner{width:min(380px,100%)}@media (max-width: 880px){.login{grid-template-columns:minmax(0,1fr)}.login__art{min-height:240px;padding:var(--sp-6)}.login__artInner h2{font-size:1.75rem}.login__artInner p{display:none}.login__form{padding:var(--sp-8) var(--sp-5)}}.logo{display:inline-flex;align-items:center;gap:9px}.logo__word{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;color:var(--hng-black);line-height:1}.logo--onDark .logo__word{color:#fff}.logo__sub{font-family:var(--font-data);font-weight:600;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-left:1px solid var(--line-strong);padding-left:9px;margin-left:3px}.logo--onDark .logo__sub{color:#ffffffa6;border-color:var(--line-inverse)}.divider{height:1px;background:var(--line);border:0;margin:var(--sp-5) 0}.meter{height:6px;background:var(--surface-sunken);border-radius:999px;overflow:hidden}.meter__fill{height:100%;background:var(--hng-blue-2);border-radius:999px;transition:width var(--dur-3) var(--ease-out)}.meter__fill--warn{background:var(--warn-fg)}.meter__fill--danger{background:var(--danger-fg)}.print-only{display:none}@media print{.sidebar,.topbar,.btn{display:none!important}.shell{grid-template-columns:1fr}.print-only{display:block}body{background:#fff}}.legacy{color:var(--text-primary)}.legacy .page-header{margin-bottom:var(--sp-6)}.legacy .page-header h2{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:700;letter-spacing:var(--track-display);line-height:var(--lh-tight);margin:0}.legacy .page-header p{color:var(--text-secondary);margin-top:var(--sp-2);max-width:var(--measure)}.legacy .card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-xs);padding:var(--sp-5);margin-bottom:var(--sp-5)}.legacy .card-title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:600;margin:0 0 var(--sp-4)}.legacy .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}@media (max-width: 1100px){.legacy .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.legacy .grid-3{grid-template-columns:minmax(0,1fr)}}.legacy .stat-box{position:relative;overflow:hidden;background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-5)}.legacy .stat-box:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-left:34px solid transparent;border-top:34px solid var(--hng-blue-1-05)}.legacy .stat-box .label{font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.legacy .stat-box .value{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1.1;margin-top:var(--sp-2);color:var(--hng-navy);font-variant-numeric:tabular-nums}.legacy .stat-box .sub{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--text-secondary)}.legacy .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:9px var(--sp-5);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;line-height:1.2;border-radius:var(--r-xs);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:filter var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.legacy .btn:hover:not(:disabled){filter:brightness(1.1)}.legacy .btn:disabled{opacity:.45;cursor:not-allowed}.legacy .btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.legacy .btn-primary{background:var(--hng-blue-1);border-color:var(--hng-blue-1);color:#fff}.legacy .btn-secondary{background:#fff;border-color:var(--line-strong);color:var(--hng-blue-1)}.legacy .btn-secondary:hover:not(:disabled){background:var(--hng-blue-1-05);border-color:var(--hng-blue-1-50);filter:none}.legacy .btn-danger{background:var(--danger-fg);border-color:var(--danger-fg);color:#fff}.legacy .btn-block{width:100%}.legacy .form-group{margin-bottom:var(--sp-4)}.legacy .form-group>label{display:block;margin-bottom:6px;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.legacy .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}@media (max-width: 680px){.legacy .form-row{grid-template-columns:minmax(0,1fr)}}.legacy input,.legacy select,.legacy textarea{width:100%;padding:10px var(--sp-3);background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-xs);font-family:var(--font-body);font-size:var(--fs-body);color:var(--text-primary);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.legacy input:focus,.legacy select:focus,.legacy textarea:focus{outline:none;border-color:var(--hng-blue-2);box-shadow:var(--shadow-focus)}.legacy textarea{min-height:104px;resize:vertical;line-height:var(--lh-body)}.legacy select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--sp-8);background-image:linear-gradient(45deg,transparent 50%,var(--hng-blue-1) 50%),linear-gradient(135deg,var(--hng-blue-1) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.legacy input[type=checkbox],.legacy input[type=radio]{width:auto}.legacy table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.legacy thead th{text-align:left;font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:var(--hng-blue-1-05);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);white-space:nowrap}.legacy tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);vertical-align:middle;font-variant-numeric:tabular-nums}.legacy tbody tr:hover{background:var(--hng-blue-2-05)}.legacy tbody tr:last-child td{border-bottom:0}.legacy .badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:var(--r-xs);font-family:var(--font-data);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;background:var(--surface-sunken);color:var(--text-secondary)}.legacy .badge:before{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid currentColor;flex:none}.legacy .badge-approved{background:var(--ok-bg);color:var(--ok-fg)}.legacy .badge-pending{background:var(--warn-bg);color:var(--warn-fg)}.legacy .badge-rejected{background:var(--danger-bg);color:var(--danger-fg)}.legacy .error-text{background:var(--danger-bg);color:var(--danger-fg);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-xs);font-size:var(--fs-sm);margin:var(--sp-3) 0}.legacy .warning-banner{display:flex;gap:var(--sp-3);background:var(--warn-bg);color:var(--warn-fg);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-sm);margin-bottom:var(--sp-5)}.legacy .empty-state{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--text-secondary)}.legacy .badge-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.legacy .badge-info{background:var(--info-bg);color:var(--info-fg)}.legacy .success-banner{display:flex;gap:var(--sp-3);background:var(--ok-bg);color:var(--ok-fg);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-sm);margin-bottom:var(--sp-5)}.legacy .info-banner{display:flex;gap:var(--sp-3);background:var(--info-bg);color:var(--info-fg);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-sm);margin-bottom:var(--sp-5)}.legacy .field-hint{display:block;margin-top:6px;font-size:var(--fs-xs);color:var(--text-secondary);line-height:var(--lh-snug)}.legacy .row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.legacy .total-line{font-family:var(--font-data);font-size:var(--fs-sm);color:var(--text-secondary)}.legacy .total-line strong{color:var(--text-primary)}.legacy .detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);padding:var(--sp-4) 0 var(--sp-5);border-bottom:1px solid var(--line);margin-bottom:var(--sp-5)}@media (max-width: 900px){.legacy .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.legacy .detail-grid .label{display:block;font-size:var(--fs-xs);letter-spacing:var(--track-body);text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.legacy .detail-grid strong{font-family:var(--font-data)}.legacy .muted-block{color:var(--text-secondary);font-size:var(--fs-sm);line-height:var(--lh-body);margin:0 0 var(--sp-4);max-width:var(--measure)}.legacy .sub-title{font-family:var(--font-display);font-size:var(--fs-h4);margin:var(--sp-6) 0 var(--sp-3)}.legacy .tabbar{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-5)}.legacy table input,.legacy table select{margin:0}.legacy .bukti{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);background:var(--surface-sunken);margin-bottom:var(--sp-5)}.legacy .bukti__head{margin-bottom:var(--sp-3)}.legacy .bukti__img{display:block;width:100%;max-height:520px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:var(--r-xs)}.legacy .bukti__frame{display:block;width:100%;height:520px;background:#fff;border:1px solid var(--line);border-radius:var(--r-xs)}@media (max-width: 680px){.legacy .bukti__img{max-height:320px}.legacy .bukti__frame{height:320px}}.legacy .filepick{border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:var(--sp-4);background:var(--surface-sunken)}.legacy .filepick input[type=file]{border:none;background:transparent;padding:0}.legacy .ceklis{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer;font-size:var(--fs-sm)}.legacy .ceklis input[type=checkbox]{width:16px;height:16px;margin:0}.legacy .timer-besar{font-family:var(--font-data);font-size:56px;font-variant-numeric:tabular-nums;text-align:center;letter-spacing:2px;color:var(--text-primary);padding:var(--sp-4) 0 0}.legacy .ts-pending{background:var(--warn-bg);color:var(--warn-fg)}.legacy .ts-approved{background:var(--ok-bg);color:var(--ok-fg)}.legacy .ts-nosup{background:var(--surface-sunken);color:var(--text-secondary)}.legacy .ts-running{background:var(--info-bg);color:var(--info-fg)}.legacy .legenda{display:flex;flex-wrap:wrap;gap:var(--sp-5);margin:var(--sp-4) 0;font-size:var(--fs-xs);color:var(--text-secondary)}.legacy .legenda span{display:flex;align-items:center;gap:6px}.legacy .kotak{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--line)}.legacy .lajur-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md)}.legacy .lajur{min-width:1400px}.legacy .lajur__baris{display:grid;grid-template-columns:96px 1fr;border-bottom:1px solid var(--line)}.legacy .lajur__baris:last-child{border-bottom:none}.legacy .lajur__hari{display:flex;flex-direction:column;justify-content:center;padding:var(--sp-3);background:var(--surface-sunken);border-right:1px solid var(--line);font-size:var(--fs-xs);position:sticky;left:0;z-index:2}.legacy .lajur__isi{display:grid;grid-template-columns:repeat(96,26px);grid-template-rows:40px;position:relative}.legacy .lajur__kepala .lajur__isi{grid-template-rows:26px}.legacy .lajur__jam{font-size:var(--fs-xs);color:var(--text-secondary);border-left:1px solid var(--line);padding-left:4px;display:flex;align-items:center}.legacy .lajur__kepala{background:var(--surface-sunken)}.legacy .lajur__petak{border-left:1px solid var(--line-subtle, rgba(0,0,0,.05))}.legacy .lajur__petak.is-jam{border-left:1px solid var(--line)}.legacy .lajur__blok{margin:3px 1px;border:1px solid rgba(0,0,0,.12);border-radius:var(--r-xs);font-size:var(--fs-xs);text-align:left;padding:0 6px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:1;font-family:var(--font-body)}.legacy .lajur__blok:hover{filter:brightness(.95)}.legacy .lajur__blok span{display:block;overflow:hidden;text-overflow:ellipsis}.legacy .inbox{list-style:none;margin:0;padding:0}.legacy .inbox__item{border-bottom:1px solid var(--line)}.legacy .inbox__item:last-child{border-bottom:none}.legacy .inbox__item.is-open{background:var(--surface-sunken)}.legacy .inbox__baris{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-2)}.legacy .inbox__klik{flex:1;display:grid;grid-template-columns:1.2fr 1.6fr 2fr 1.2fr;gap:var(--sp-4);align-items:center;background:none;border:none;text-align:left;cursor:pointer;padding:var(--sp-2);font-size:var(--fs-sm);color:var(--text-primary);font-family:var(--font-body)}.legacy .inbox__klik:hover{background:var(--surface-sunken);border-radius:var(--r-xs)}.legacy .inbox__nama{font-weight:600}.legacy .inbox__waktu{color:var(--text-secondary);font-family:var(--font-data);font-size:var(--fs-xs)}.legacy .inbox__klien{color:var(--text-secondary);font-size:var(--fs-xs)}.legacy .inbox__detail{padding:0 var(--sp-4) var(--sp-5)}@media (max-width: 900px){.legacy .inbox__klik{grid-template-columns:1fr;gap:2px}}.legacy .kode-tipe{display:inline-block;min-width:22px;padding:2px 6px;border-radius:var(--r-xs);background:var(--hng-blue-1);color:#fff;font-family:var(--font-data);font-size:var(--fs-xs);font-weight:700;text-align:center;line-height:1.5}.legacy .kode-tipe.is-e,.legacy .kode-tipe.is-f{background:var(--hng-blue-1-25);color:var(--hng-navy)}.legacy .grid-kategori{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}@media (max-width: 900px){.legacy .grid-kategori{grid-template-columns:repeat(3,minmax(0,1fr))}}.legacy .kat-box{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sunken)}.legacy .kat-box.is-kosong{opacity:.5}.legacy .kat-box__label{font-size:var(--fs-xs);color:var(--text-secondary);line-height:var(--lh-snug)}.legacy .kat-box__nilai{font-family:var(--font-data);font-size:var(--fs-md, 15px);font-weight:700;color:var(--text-primary)}.legacy .kat-box__persen{font-size:var(--fs-xs);color:var(--text-muted)}.legacy .langkah-impor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5);margin-bottom:var(--sp-5)}@media (max-width: 800px){.legacy .langkah-impor{grid-template-columns:1fr}}.legacy .langkah-impor>div{display:flex;gap:var(--sp-3);padding:var(--sp-4);border:1px dashed var(--line-strong);border-radius:var(--r-md);background:var(--surface-sunken)}.legacy .langkah-impor p{margin:4px 0 var(--sp-3)}.legacy .langkah-no{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--hng-blue-1);color:#fff;font-size:var(--fs-xs);font-weight:700;display:flex;align-items:center;justify-content:center}.legacy .langkah-impor input[type=file]{border:none;background:transparent;padding:0}.legacy .daftar-salah{margin:var(--sp-3) 0 0;padding-left:var(--sp-5);font-size:var(--fs-sm);line-height:var(--lh-body)}.legacy .daftar-salah li{margin-bottom:4px}.legacy .ts-revisi{background:#fbe9e9;color:#9b1c1c}.legacy .percakapan{border-top:1px solid var(--line);padding-top:var(--sp-4);margin-top:var(--sp-4)}.legacy .percakapan__list{list-style:none;margin:0 0 var(--sp-4);padding:0}.legacy .percakapan__item{border-left:3px solid var(--line-strong);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);background:var(--surface-card);border-radius:0 var(--r-xs) var(--r-xs) 0}.legacy .percakapan__item.is-revisi{border-left-color:#9b1c1c;background:#fbe9e9}.legacy .percakapan__item.is-saya{border-left-color:var(--hng-blue-1)}.legacy .percakapan__kepala{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:4px;font-size:var(--fs-sm)}.legacy .percakapan__isi{margin:0;font-size:var(--fs-sm);line-height:var(--lh-body);white-space:pre-wrap;color:var(--text-primary)}.legacy .percakapan__tulis textarea{margin-bottom:var(--sp-3)}.legacy .sel-percakapan{background:var(--surface-sunken);padding:var(--sp-4) var(--sp-5)}.legacy .tautan-teks{background:none;border:none;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.legacy .dua-kolom{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--sp-5);margin-bottom:var(--sp-5)}@media (max-width: 900px){.legacy .dua-kolom{grid-template-columns:1fr}}.legacy .kartu-quote,.legacy .kartu-berita{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-5)}.legacy .kartu-quote{background:var(--hng-blue-1-05)}.legacy .kartu-quote__label{display:block;font-size:var(--fs-xs);letter-spacing:var(--track-body);text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--sp-3)}.legacy .kartu-quote blockquote{margin:0 0 var(--sp-3);font-family:var(--font-display);font-size:var(--fs-h4);line-height:var(--lh-snug);color:var(--hng-navy)}.legacy .kartu-quote__sumber,.legacy .kartu-quote__kosong{font-size:var(--fs-sm);color:var(--text-secondary);margin:0 0 var(--sp-4)}.legacy .kartu-berita__judul{display:block;font-family:var(--font-display);font-size:var(--fs-h4);line-height:var(--lh-snug);color:var(--hng-blue-1);margin-bottom:var(--sp-3)}.legacy .podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);margin-bottom:var(--sp-5)}@media (max-width: 700px){.legacy .podium{grid-template-columns:1fr}}.legacy .podium__item{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);text-align:center;background:var(--surface-sunken)}.legacy .podium--1{background:#fbf3de;border-color:#e4c97a}.legacy .podium--2{background:#f1f3f6;border-color:#c9cfd8}.legacy .podium--3{background:#f7eee6;border-color:#d9bfa6}.legacy .podium__peringkat{width:30px;height:30px;margin:0 auto var(--sp-2);border-radius:50%;background:var(--hng-navy);color:#fff;font-weight:700;font-size:var(--fs-sm);display:flex;align-items:center;justify-content:center}.legacy .podium__nama{font-weight:600;font-size:var(--fs-sm);color:var(--hng-navy)}.legacy .podium__skor{font-family:var(--font-data);font-size:34px;font-weight:700;line-height:1.1;color:var(--hng-blue-1)}.legacy .podium__meta{font-size:var(--fs-xs);color:var(--text-secondary)}.legacy .kuis-progres{margin-bottom:var(--sp-5)}.legacy .kuis-bar{height:6px;border-radius:3px;background:var(--surface-sunken);margin-top:var(--sp-2);overflow:hidden}.legacy .kuis-bar>div{height:100%;background:var(--hng-blue-1);transition:width .2s ease}.legacy .soal{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-6)}.legacy .soal__no{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--hng-navy);color:#fff;font-weight:700;font-size:var(--fs-sm);display:flex;align-items:center;justify-content:center}.legacy .soal__isi{flex:1;min-width:0}.legacy .soal__teks{margin:4px 0 var(--sp-4);font-size:var(--fs-md, 15px);line-height:var(--lh-body);color:var(--text-primary)}.legacy .soal__opsi{display:grid;gap:var(--sp-2)}.legacy .opsi{display:flex;align-items:flex-start;gap:var(--sp-3);width:100%;text-align:left;padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-card);font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-primary);cursor:pointer}.legacy .opsi:hover{border-color:var(--line-strong);background:var(--surface-sunken)}.legacy .opsi.is-pilih{border-color:var(--hng-blue-1);background:var(--hng-blue-1-05);box-shadow:inset 0 0 0 1px var(--hng-blue-1)}.legacy .opsi__huruf{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--fs-xs);font-weight:700;display:flex;align-items:center;justify-content:center}.legacy .opsi.is-pilih .opsi__huruf{background:var(--hng-blue-1);color:#fff}.legacy .opsi--hasil{cursor:default}.legacy .opsi--hasil:hover{border-color:var(--line);background:var(--surface-card)}.legacy .opsi--hasil.is-benar{border-color:var(--ok-fg);background:var(--ok-bg)}.legacy .opsi--hasil.is-benar .opsi__huruf{background:var(--ok-fg);color:#fff}.legacy .opsi--hasil.is-salah{border-color:#9b1c1c;background:#fbe9e9}.legacy .opsi--hasil.is-salah .opsi__huruf{background:#9b1c1c;color:#fff}.legacy .opsi__tanda{margin-left:auto;font-size:var(--fs-xs);font-weight:700;white-space:nowrap;opacity:.8}.legacy .kuis-selesai{text-align:center;padding:var(--sp-6) 0}.legacy .kuis-skor{font-family:var(--font-data);font-size:64px;font-weight:700;line-height:1;color:var(--hng-blue-1)}.legacy .kuis-skor span{font-size:26px;color:var(--text-muted)}.legacy .slide{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-5);background:var(--surface-card)}.legacy .slide-dots{display:flex;flex-wrap:wrap;gap:5px;margin-top:var(--sp-4)}.legacy .dot{width:13px;height:13px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-sunken);cursor:pointer;padding:0}.legacy .dot.is-benar{background:var(--ok-fg);border-color:var(--ok-fg)}.legacy .dot.is-salah{background:#9b1c1c;border-color:#9b1c1c}.legacy .dot.is-kosong{background:var(--line-strong)}.legacy .dot.is-aktif{outline:2px solid var(--hng-navy);outline-offset:2px}.legacy .grafik{display:flex;align-items:flex-end;gap:var(--sp-2);height:200px;padding:var(--sp-4) 0;border-bottom:1px solid var(--line);margin-bottom:var(--sp-3);overflow-x:auto}.legacy .grafik__kolom{flex:1 0 46px;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.legacy .grafik__batang-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.legacy .grafik__batang{width:60%;min-height:2px;background:var(--hng-blue-1);border-radius:3px 3px 0 0}.legacy .grafik__nilai{font-family:var(--font-data);font-size:var(--fs-xs);font-weight:700}.legacy .grafik__label{font-size:10px;color:var(--text-muted);white-space:nowrap}.legacy .soal-form{display:flex;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sunken);margin-bottom:var(--sp-4)}.legacy .soal-form__no{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--hng-blue-1);color:#fff;font-weight:700;font-size:var(--fs-sm);display:flex;align-items:center;justify-content:center}.legacy .soal-form__isi{flex:1;min-width:0}.legacy .soal-form .form-row{gap:var(--sp-3)}