@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-pale:#f0eeff;--bg:#f4f6fb;--white:#fff;--text:#1a1d2e;--muted:#8b92a9;--border:#e8ecf4;--shadow:0 2px 16px rgba(108,92,231,.08);--shadow-sm:0 1px 8px rgba(0,0,0,.06);--green:#00b894;--green-pale:#e8faf6;--orange:#fdcb6e;--orange-pale:#fff8e8;--blue:#0984e3;--blue-pale:#e8f4ff;--red:#e17055;--red-pale:#fff3ef;--radius:16px;--radius-sm:10px;--font:"Poppins",sans-serif;--sidebar-w:220px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}#wheel-cursor{position:fixed;pointer-events:none;z-index:99999;width:30px;height:30px;top:0;left:0;transform:translate(-50%,-50%);transition:opacity .15s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.card{background:var(--white);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title{font-size:14px;font-weight:600;color:var(--text)}.card-sub{font-size:11px;color:var(--muted);margin-top:2px}.card-badge{font-size:11px;background:var(--primary-pale);color:var(--primary)}.card-badge,.pill{font-weight:600;padding:4px 10px;border-radius:20px}.pill{display:inline-flex;align-items:center;font-size:10px;letter-spacing:.3px;text-transform:capitalize}.pill.good,.pill.normal{background:var(--green-pale);color:var(--green)}.pill.tinggi,.pill.warning{background:var(--blue-pale);color:var(--blue)}.pill.buruk,.pill.danger{background:var(--red-pale);color:var(--red)}.table-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}table{width:100%;border-collapse:collapse}thead tr{background:var(--bg)}thead th{padding:12px 16px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--primary-pale)}td{padding:12px 16px;font-size:12px;color:var(--muted);vertical-align:middle}td.strong{color:var(--text);font-weight:600}td.right{text-align:right}