@charset "UTF-8";:root{--teal: #0E8F86;--teal-2: #1CBDB3;--teal-deep: #0a6f68;--biru: #2F3185;--kuning: #FFB800;--teal-soft: rgba(14, 143, 134, .1);--bg: #eef4f3;--surface: #ffffff;--surface-2: #f4f8f7;--text: #18222b;--text-muted: #6b7b85;--border: #e3ecea;--shadow: 0 1px 3px rgba(16, 60, 56, .07), 0 8px 24px rgba(16, 60, 56, .05);--shadow-lg: 0 14px 44px rgba(16, 60, 56, .14);--ums-biru: var(--biru);--ums-toska: var(--teal);--ums-kuning: var(--kuning)}*{box-sizing:border-box}body{margin:0;font-family:Poppins,Segoe UI,system-ui,sans-serif;color:var(--text);background:radial-gradient(900px 420px at 102% -8%,var(--teal-soft),transparent 60%),var(--bg)}h1,h2,h3,h4{font-family:Montserrat,Poppins,sans-serif;letter-spacing:-.01em}h2{margin-top:0}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:0 24px;height:56px;background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.topbar .badge{background:var(--teal-soft);color:var(--teal-deep);border-radius:30px;padding:4px 12px;font-size:11.5px;font-weight:700}.topbar .spacer{flex:1}.topbar .user{font-size:13px;color:var(--text-muted)}.topbar button{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:7px 14px;font-weight:600;cursor:pointer;font-size:13px}.topbar button:hover{background:var(--teal-soft)}.layout{display:flex;min-height:calc(100vh - 56px)}.sidebar{width:256px;flex-shrink:0;padding:16px 12px;background:var(--surface);border-right:1px solid var(--border);position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto}.sidebar a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:3px;transition:all .16s ease}.sidebar a:hover{background:var(--surface-2);color:var(--text)}.sidebar a.active{background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#fff;font-weight:600;box-shadow:0 6px 16px var(--teal-soft)}.sidebar a.active .tier{background:#ffffff38;color:#fff}.sidebar a .ico{width:18px;height:18px;flex-shrink:0;opacity:.9}.sidebar a .nm{flex:1}.sidebar .tier{font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:20px;background:var(--surface-2);color:var(--text-muted);font-weight:700}.sidebar .tier.standar{background:#def7f4;color:#0e8f86}.sidebar .tier.menengah{background:#fff2d2;color:#a87900}.sidebar .tier.advanced{background:#ece8fe;color:#6d28d9}.sidebar .grouplabel{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:14px 12px 6px}.content{flex:1;padding:26px 28px;min-width:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:15px;margin-bottom:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:18px;transition:transform .16s ease,box-shadow .25s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.card .label{color:var(--text-muted);font-size:13px;margin-bottom:6px;font-weight:500}.kpi{font-family:Montserrat;font-size:27px;font-weight:800;background:linear-gradient(135deg,var(--teal-deep),var(--teal-2));-webkit-background-clip:text;background-clip:text;color:transparent}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}th,td{text-align:left;padding:10px 13px;border-bottom:1px solid var(--border);font-size:13px}thead th{background:var(--surface-2);color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .14s ease}tbody tr:hover{background:var(--teal-soft)}.muted{color:var(--text-muted)}.small{font-size:12px}button.act,.btn{background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#fff;border:0;border-radius:9px;padding:6px 13px;cursor:pointer;font-size:12.5px;font-weight:600;box-shadow:0 3px 10px var(--teal-soft);transition:transform .12s ease,filter .2s ease}button.act:hover,.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.badge2{padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}.badge2.lunas{background:#dcfce7;color:#166534}.badge2.sebagian{background:#fef9c3;color:#854d0e}.badge2.belum{background:#fee2e2;color:#991b1b}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-track{background:transparent}