:root{--brand-900: #05314f;--brand-800: #01426c;--brand-700: #00548a;--brand-600: #0068a8;--brand-500: #007dc6;--brand-400: #2e99d7;--brand-300: #66b5e5;--brand-200: #9fd1f0;--brand-100: #cfe8f8;--brand-050: #eaf5fc;--gold-600: #a8781f;--gold-500: #d9a441;--gold-400: #e6bd6f;--gold-100: #faf0dc;--ok-600: #1b7a4b;--ok-100: #e2f4ea;--warn-600: #a86a08;--warn-100: #fdf1dc;--bad-600: #b3261e;--bad-100: #fce8e6;--info-600: #1c5fb0;--info-100: #e5eefb;--ink-900: #10212c;--ink-700: #33505f;--ink-500: #5d7887;--ink-300: #96a9b4;--line: #dde6ec;--line-soft: #eaf0f4;--bg: #f4f7f9;--surface: #ffffff;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(16, 33, 44, .06), 0 1px 3px rgba(16, 33, 44, .04);--shadow-md: 0 4px 12px rgba(16, 33, 44, .08);--shadow-lg: 0 12px 32px rgba(16, 33, 44, .14);--sidebar-w: 268px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:linear-gradient(178deg,var(--brand-900),var(--brand-800) 55%,#08334d);color:#cfe3ee;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.brand{padding:20px 20px 17px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-logo{height:30px;width:auto;display:block}.brand-sistem{margin-top:11px;font-size:9.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#7fa9c4}.nav{padding:10px 10px 24px;flex:1}.nav-group{margin-top:14px}.nav-group-label{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#6f97ad;padding:6px 12px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:1px 0;border-radius:var(--radius-sm);color:#cfe3ee;font-size:13px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:var(--brand-600);color:#fff;box-shadow:inset 3px 0 0 var(--gold-500)}.nav-item .ico{flex:0 0 16px;opacity:.85;display:grid;place-items:center}.nav-item .count{margin-left:auto;font-size:10.5px;font-weight:600;background:#ffffff21;padding:1px 6px;border-radius:20px;color:#b9d5e4}.nav-item.active .count{background:#fff3;color:#fff}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:58px;flex:0 0 58px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:20}.crumb{font-size:12px;color:var(--ink-500)}.crumb b{color:var(--ink-900);font-weight:600}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.lang-toggle{display:flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.lang-toggle button{border:none;background:var(--surface);padding:5px 11px;font-size:11.5px;font-weight:600;color:var(--ink-500);cursor:pointer}.lang-toggle button.on{background:var(--brand-700);color:#fff}.who{display:flex;align-items:center;gap:9px;padding-left:12px;border-left:1px solid var(--line)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);display:grid;place-items:center;font-weight:600;font-size:12px}.who-text strong{display:block;font-size:12.5px;font-weight:600}.who-text span{display:block;font-size:10.5px;color:var(--ink-500)}.content{padding:22px;flex:1}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-head h1{font-size:20px}.page-head .sub{font-size:12.5px;color:var(--ink-500);margin-top:3px}.page-head .actions{margin-left:auto;display:flex;gap:8px;align-items:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-head{padding:14px 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px}.card-head h3{font-size:13.5px}.card-head .sub{font-size:11.5px;color:var(--ink-500)}.card-head .right{margin-left:auto;display:flex;gap:8px;align-items:center}.card-body{padding:16px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-900);padding:7px 13px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .12s,border-color .12s,opacity .12s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--brand-050);border-color:var(--brand-500)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand-700);border-color:var(--brand-700);color:#fff;font-weight:600}.btn.primary:hover:not(:disabled){background:var(--brand-800);border-color:var(--brand-800)}.btn.ok{background:var(--ok-600);border-color:var(--ok-600);color:#fff;font-weight:600}.btn.ok:hover:not(:disabled){filter:brightness(.93)}.btn.danger{background:var(--surface);border-color:var(--bad-600);color:var(--bad-600);font-weight:600}.btn.danger:hover:not(:disabled){background:var(--bad-100)}.btn.sm{padding:4px 9px;font-size:11.5px}.btn.gold{background:var(--gold-500);border-color:var(--gold-500);color:var(--brand-900);font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;padding:2.5px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.ok{background:var(--ok-100);color:var(--ok-600)}.badge.warn{background:var(--warn-100);color:var(--warn-600)}.badge.bad{background:var(--bad-100);color:var(--bad-600)}.badge.info{background:var(--info-100);color:var(--info-600)}.badge.muted{background:#eef2f5;color:var(--ink-500)}.badge.plain:before{display:none}.input,.select,.textarea{width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:13px;outline:none;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #1b83ac21}.textarea{min-height:78px;resize:vertical}.input:disabled,.select:disabled{background:#f6f9fa;color:var(--ink-500)}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:500;color:var(--ink-700);margin-bottom:5px}.field .hint{font-size:11px;color:var(--ink-500);margin-top:4px}.field .req{color:var(--bad-600);margin-left:2px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}@media(max-width:820px){.grid-2{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:12.5px}table.data th{text-align:left;padding:9px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);background:#f8fafb;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}table.data th:hover{color:var(--brand-700)}table.data td{padding:10px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}table.data tbody tr:hover{background:var(--brand-050)}table.data tbody tr.clickable{cursor:pointer}table.data td.num{text-align:right;font-variant-numeric:tabular-nums}table.data .muted{color:var(--ink-300)}.pager{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line-soft)}.pager .info{font-size:12px;color:var(--ink-500);margin-right:auto}.empty{padding:44px 20px;text-align:center;color:var(--ink-500)}.empty h4{font-size:14px;color:var(--ink-700);margin-bottom:5px}.empty p{font-size:12.5px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand-500)}.kpi.gold:after{background:var(--gold-500)}.kpi.ok:after{background:var(--ok-600)}.kpi.bad:after{background:var(--bad-600)}.kpi .label{font-size:11.5px;color:var(--ink-500);font-weight:500}.kpi .value{font-size:22px;font-weight:700;margin-top:5px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi .foot{font-size:11px;color:var(--ink-500);margin-top:4px}.dash-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}@media(max-width:1100px){.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:9px;font-size:12px}.bar-row .name{width:150px;flex:0 0 150px;color:var(--ink-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row .track{flex:1;height:8px;background:var(--line-soft);border-radius:4px;overflow:hidden;display:block}.bar-row .fill{display:block;height:100%;border-radius:4px;background:var(--brand-500);transition:width .4s ease}.bar-row .val{width:78px;flex:0 0 78px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-900)}.flow{display:flex;align-items:center;gap:0;margin:4px 0 18px;flex-wrap:wrap}.flow-step{display:flex;align-items:center;gap:8px}.flow-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:#eef2f5;color:var(--ink-300);border:2px solid transparent}.flow-step.done .flow-dot{background:var(--ok-600);color:#fff}.flow-step.current .flow-dot{background:var(--brand-700);color:#fff;box-shadow:0 0 0 4px #1b83ac29}.flow-step.bad .flow-dot{background:var(--bad-600);color:#fff}.flow-label{font-size:11.5px;color:var(--ink-500);font-weight:500}.flow-step.done .flow-label,.flow-step.current .flow-label{color:var(--ink-900);font-weight:600}.flow-line{width:34px;height:2px;background:var(--line);margin:0 8px}.flow-line.done{background:var(--ok-600)}.score-ring{display:flex;align-items:center;gap:18px}.score-num{font-size:34px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.score-meta{font-size:12px;color:var(--ink-500)}.kv{display:grid;grid-template-columns:170px 1fr;gap:9px 14px;font-size:12.5px}.kv dt{color:var(--ink-500)}.kv dd{margin:0;font-weight:500}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr;background:var(--surface)}@media(max-width:980px){.login-page{grid-template-columns:1fr}.login-art{display:none}}.login-art{position:relative;overflow:hidden;padding:54px 56px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(1100px 620px at 88% -8%,rgba(0,125,198,.55),transparent 62%),linear-gradient(158deg,#05314f,#01426c 46%,#00548a)}.login-art:before{content:"";position:absolute;inset:-10% -20% -10% 30%;background-image:linear-gradient(115deg,transparent 46%,rgba(255,255,255,.055) 46%,rgba(255,255,255,.055) 52%,transparent 52%),linear-gradient(115deg,transparent 66%,rgba(255,255,255,.04) 66%,rgba(255,255,255,.04) 71%,transparent 71%);background-size:190px 190px,260px 260px;transform:rotate(-4deg);pointer-events:none}.login-logo{position:relative}.login-tengah{position:relative;margin:auto 0;padding:32px 0}.login-logo img{height:46px;width:auto;display:block}.login-logo .sistem{margin-top:18px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-400)}.login-art .lede{max-width:520px;margin-bottom:30px}.login-art h2{font-size:30px;line-height:1.26;letter-spacing:-.025em;font-weight:600;margin-bottom:16px}.login-art h2 em{font-style:normal;color:var(--gold-400)}.login-art .lede p{color:#b6d5e8;font-size:14px;line-height:1.68}.login-feat{display:grid;gap:13px}.login-feat div{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.5;color:#dcecf7}.login-feat .tick{width:20px;height:20px;flex:0 0 20px;margin-top:1px;border-radius:50%;background:#d9a44129;border:1px solid rgba(217,164,65,.34);color:var(--gold-400);display:grid;place-items:center}.login-foot{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#8fb8d2;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.login-foot:before{content:"";position:absolute;top:-1px;left:0;width:92px;height:2px;background:var(--gold-500)}.login-foot .pil{padding:3px 9px;border-radius:20px;border:1px solid rgba(255,255,255,.16);color:#a9cee4;font-weight:500}.login-form-wrap{display:grid;place-items:center;padding:40px;background:radial-gradient(620px 420px at 50% -20%,var(--brand-050),transparent 70%),var(--surface)}.login-form{width:100%;max-width:384px}.login-form .mark-kecil{display:none}@media(max-width:980px){.login-form .mark-kecil{display:block;margin:0 auto 26px}.login-form .mark-kecil img{height:40px;width:auto;display:block;margin:0 auto}}.login-form h1{font-size:23px;letter-spacing:-.02em;margin-bottom:7px}.login-form .lede{font-size:13px;color:var(--ink-500);margin-bottom:26px}.login-form .field label{font-size:11.5px;font-weight:600;color:var(--ink-700);letter-spacing:.02em;margin-bottom:6px}.login-form .input{padding:10px 12px;font-size:13.5px}.btn-masuk{width:100%;justify-content:center;padding:11px;font-size:13.5px;font-weight:600;background:var(--brand-500);border-color:var(--brand-500);color:#fff;border-radius:var(--radius-sm);border-width:1px;border-style:solid;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .13s,box-shadow .13s;box-shadow:0 1px 2px #00548a47}.btn-masuk:hover:not(:disabled){background:var(--brand-600);box-shadow:0 3px 10px #00548a42}.btn-masuk:disabled{opacity:.62;cursor:not-allowed}.demo-accounts{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}.demo-accounts .t{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-500);margin-bottom:11px}.demo-chip{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:9px 11px;margin-bottom:7px;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.demo-chip:hover{border-color:var(--brand-400);background:var(--brand-050);transform:translate(2px)}.demo-chip .huruf{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);display:grid;place-items:center;font-size:10.5px;font-weight:700}.demo-chip .nm{font-size:12.5px;font-weight:500}.demo-chip .role{margin-left:auto;font-size:10.5px;color:var(--ink-500)}.drawer-backdrop{position:fixed;inset:0;background:#0a1e2a66;z-index:60;display:flex;justify-content:flex-end;animation:fade .14s ease}@keyframes fade{0%{opacity:0}}.drawer{width:min(660px,96vw);background:var(--bg);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slide .18s cubic-bezier(.2,0,.2,1)}@keyframes slide{0%{transform:translate(26px);opacity:.6}}.drawer-head{padding:15px 20px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.drawer-head h3{font-size:15px}.drawer-head .sub{font-size:11.5px;color:var(--ink-500);margin-top:2px}.drawer-body{padding:18px 20px;overflow-y:auto;flex:1}.drawer-foot{padding:13px 20px;background:var(--surface);border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}.icon-btn{border:none;background:none;cursor:pointer;padding:5px;border-radius:var(--radius-sm);color:var(--ink-500);display:grid;place-items:center}.icon-btn:hover{background:var(--line-soft);color:var(--ink-900)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:12px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .13s,box-shadow .13s,transform .13s;display:flex;flex-direction:column;gap:9px;text-align:left}.tile:hover{border-color:var(--brand-500);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tile-top{display:flex;align-items:center;gap:10px}.tile-ico{width:34px;height:34px;border-radius:8px;flex:0 0 34px;background:var(--brand-100);color:var(--brand-700);display:grid;place-items:center}.tile h4{font-size:13px;line-height:1.35}.tile .desc{font-size:11.5px;color:var(--ink-500);line-height:1.5}.tile .foot{margin-top:auto;display:flex;align-items:center;gap:7px;padding-top:4px}.phone-row{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;padding:8px 0}.phone{width:268px;height:552px;border-radius:32px;background:#0b1c26;padding:9px;box-shadow:var(--shadow-lg);flex:0 0 268px}.phone-screen{width:100%;height:100%;border-radius:25px;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;position:relative}.phone-status{height:26px;background:var(--brand-800);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:9.5px;font-weight:500}.phone-header{background:var(--brand-800);color:#fff;padding:0 14px 14px}.phone-header .greet{font-size:10.5px;color:#9dc4d8}.phone-header .nm{font-size:14px;font-weight:600;margin-top:1px}.phone-body{flex:1;overflow-y:auto;padding:12px}.phone-body::-webkit-scrollbar{width:0}.phone-card{background:var(--surface);border-radius:10px;padding:12px;margin-bottom:9px;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.phone-tabs{height:50px;background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding:0 6px}.phone-tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8.5px;color:var(--ink-300)}.phone-tab.on{color:var(--brand-700);font-weight:600}.phone-caption{text-align:center;font-size:12px;font-weight:600;margin-top:12px;color:var(--ink-700)}.spinner{width:17px;height:17px;border:2px solid var(--line);border-top-color:var(--brand-600);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-load{display:grid;place-items:center;padding:56px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search{position:relative;min-width:230px}.search .input{padding-left:31px}.search svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--ink-300)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:3.5px 11px;font-size:11.5px;cursor:pointer;color:var(--ink-700);font-weight:500}.chip:hover{border-color:var(--brand-500)}.chip.on{background:var(--brand-700);border-color:var(--brand-700);color:#fff}.tag-phase{font-size:10px;font-weight:600;padding:1.5px 7px;border-radius:4px;background:var(--gold-100);color:var(--gold-600)}.letter{background:#fff;padding:34px 38px;border:1px solid var(--line);border-radius:var(--radius);font-size:12.5px;line-height:1.75;color:var(--ink-900)}.letter h2{font-size:15px;text-align:center;margin-bottom:3px}.letter .org{text-align:center;font-size:11.5px;color:var(--ink-500);margin-bottom:22px}.letter table{width:100%;border-collapse:collapse;margin:14px 0;font-size:12px}.letter table th,.letter table td{border:1px solid var(--line);padding:7px 10px;text-align:left}.letter table th{background:#f8fafb;font-weight:600}.letter .sign{margin-top:40px}.hamburger,.laci-backdrop{display:none}@media(max-width:900px){html,body{overflow-x:hidden}.main{min-width:0;overflow-x:hidden}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:70;transform:translate(-100%);transition:transform .22s cubic-bezier(.2,0,.2,1);box-shadow:none}.sidebar.buka{transform:translate(0);box-shadow:var(--shadow-lg)}.laci-backdrop{display:block;position:fixed;inset:0;background:#05314f75;z-index:60;animation:fade .16s ease}.hamburger{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-700);flex:0 0 36px}.hamburger:active{background:var(--brand-050)}.topbar{padding:0 12px;gap:8px}.content{padding:14px}.crumb{display:none}.topbar-right{flex:0 0 auto;margin-left:auto;gap:8px}.who{padding-left:8px;gap:7px}.who-text span{display:none}.who-text strong{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:28px;height:28px;flex:0 0 28px;font-size:11px}.page-head h1{font-size:18px}.page-head .actions{margin-left:0;width:100%}.page-head .actions .btn{flex:1;justify-content:center}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:9px}.kpi .value{font-size:19px}.drawer{width:100vw}.letter{padding:20px 18px}.kv{grid-template-columns:1fr;gap:3px 0}.kv dt{color:var(--ink-500);font-size:11.5px;margin-top:9px}.flow{gap:4px}.flow-line{width:14px;margin:0 3px}.flow-label{display:none}.flow-step.current .flow-label{display:inline}}@media(max-width:720px){table.data thead{display:none}table.data,table.data tbody,table.data tr,table.data td{display:block;width:100%}table.data tr{border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:9px;padding:4px 2px;background:var(--surface)}table.data tbody tr:hover{background:var(--surface)}table.data td{border:none;padding:5px 12px;display:flex;align-items:baseline;gap:12px;text-align:left!important}table.data td:before{content:attr(data-label);flex:0 0 40%;font-size:10.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-500)}table.data td.num{justify-content:flex-start}table.data td:empty{display:none}table.data td[data-label=""]{border-top:1px solid var(--line-soft);margin-top:4px;padding-top:9px;justify-content:flex-end;gap:6px}table.data td[data-label=""]:before{display:none}.table-wrap{overflow-x:visible}.toolbar{width:100%}.search{min-width:0;width:100%}.card-head{flex-wrap:wrap}.card-head .right{margin-left:0}.pager{flex-wrap:wrap;gap:7px}.pager .info{width:100%;margin-right:0}.bar-row .name{width:104px;flex:0 0 104px;font-size:11.5px}.bar-row .val{width:66px;flex:0 0 66px;font-size:11.5px}.phone-row{gap:16px}}.kemaskini-sedia{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:12px;background:var(--brand-800);color:#fff;padding:10px 12px 10px 16px;border-radius:999px;box-shadow:var(--shadow-lg);font-size:12.5px;max-width:calc(100vw - 24px)}.kemaskini-sedia button{border:none;background:var(--gold-500);color:var(--brand-900);font-weight:600;font-size:12px;padding:6px 13px;border-radius:999px;cursor:pointer;white-space:nowrap}@supports (padding: env(safe-area-inset-left)){.sidebar{padding-left:env(safe-area-inset-left)}.topbar{padding-right:max(14px,env(safe-area-inset-right))}.kemaskini-sedia{bottom:max(18px,env(safe-area-inset-bottom))}}.btn-pasang{border-color:var(--brand-500);color:var(--brand-700);font-weight:600}.btn-pasang:hover:not(:disabled){background:var(--brand-050)}@media(max-width:620px){.topbar .btn-pasang .teks-pasang{display:none}.topbar .btn-pasang{padding:7px 9px}}.pasang-ios{width:min(430px,94vw);margin:auto;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:naik .18s cubic-bezier(.2,0,.2,1);overflow:hidden}@keyframes naik{0%{transform:translateY(14px);opacity:.4}}.drawer-backdrop:has(.pasang-ios){align-items:center;justify-content:center}.pasang-ios-kepala{display:flex;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line)}.pasang-ios-kepala img{width:40px;height:40px;border-radius:9px;flex:0 0 40px}.pasang-ios-kepala strong{display:block;font-size:14px}.pasang-ios-kepala span{display:block;font-size:11.5px;color:var(--ink-500);margin-top:1px}.pasang-ios-kepala .icon-btn{margin-left:auto}.pasang-ios-badan{padding:16px;font-size:13px;color:var(--ink-700)}.pasang-ios-badan>p{line-height:1.6}.pasang-ios-badan ol{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:13px}.pasang-ios-badan li{display:flex;gap:11px;align-items:flex-start;line-height:1.55}.pasang-ios-badan .nombor{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);display:grid;place-items:center;font-size:11.5px;font-weight:700}.pasang-ios-badan .glif{display:inline-grid;place-items:center;vertical-align:-4px;margin:0 5px;width:24px;height:24px;border-radius:6px;background:var(--brand-050);color:var(--brand-600)}.pasang-ios-badan .nota{margin-top:16px;padding-top:13px;border-top:1px solid var(--line-soft);font-size:11.5px;color:var(--ink-500)}