:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0c1d35;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #e8ecf2;background:#fff}.logo{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:850;letter-spacing:.08em}.logo-mark{display:grid;place-items:center;background:#1546e8;color:#fff;border-radius:12px;width:37px;height:37px;letter-spacing:0;font-size:23px}.logo-light{font-size:13px;font-weight:600;letter-spacing:.14em;color:#5a79b5;margin-left:7px}.tag{font-size:11px;font-weight:800;color:#58708e;letter-spacing:.14em}.shell{max-width:1180px;width:100%;margin:0 auto;flex:1;padding:48px 24px 90px}.login-layout{display:grid;grid-template-columns:1fr 440px;gap:100px;align-items:center;min-height:550px}.eyebrow{font-size:12px;color:#2459db;font-weight:900;letter-spacing:.15em}.welcome h1{font-size:clamp(39px,4.8vw,65px);line-height:1.08;letter-spacing:-.05em;margin:22px 0 22px}.welcome em{font-style:normal;color:#2459db}.welcome p{max-width:480px;color:#62738a;font-size:17px;line-height:1.85}.benefits{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.benefits span{font-size:12px;padding:10px 13px;background:#edf2ff;color:#3558a2;border-radius:8px;font-weight:750}.panel{background:#fff;border:1px solid #e9edf4;border-radius:20px;box-shadow:0 16px 44px rgba(25,57,113,.05)}.login-panel{padding:36px}.mini-icon{display:grid;place-items:center;font-weight:800;font-size:29px;color:#2b56d8;background:#eef3ff;width:56px;height:56px;border-radius:17px}.login-panel h2{font-size:26px;letter-spacing:-.03em;margin:24px 0 8px}.muted{color:#76859a;line-height:1.7}.login-panel .muted{font-size:13px;margin:0 0 28px}form{display:grid;gap:11px}label{font-size:13px;font-weight:750;margin-top:7px}input{width:100%;border:1px solid #dce3ec;background:#fff;outline:0;padding:15px 16px;border-radius:10px;color:#10233f;font-size:14px}input:focus{border-color:#3765e4;box-shadow:0 0 0 4px rgba(42,90,230,.10)}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.primary{border:0;background:#2459e5;color:white;font-size:14px;font-weight:800;padding:16px;border-radius:10px;margin-top:16px;display:flex;justify-content:space-between}.primary:hover{background:#1747c3}.message{font-size:13px;color:#af3a32;line-height:1.65;min-height:18px;margin:10px 0 0}.message.ok{color:#28528b}.login-bottom{border-top:1px solid #edf0f4;padding-top:21px;margin-top:13px;display:grid;gap:13px;font-size:12px;color:#8898ab}.link-button{padding:0;text-align:left;border:0;background:transparent;color:#2059d8;font-weight:800;font-size:12px}.hidden{display:none!important}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:12px 0 35px}.dashboard-header h1{font-size:39px;letter-spacing:-.04em;margin:10px 0}.dashboard-header p{margin:0}.controls{display:flex;gap:11px}.secondary,.ghost{border:1px solid #dce4f1;border-radius:10px;background:#fff;color:#3255a1;font-weight:750;font-size:13px;padding:12px 17px}.secondary:hover,.ghost:hover{background:#f0f5ff}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.metric{padding:26px;min-height:217px}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ecf2ff;color:#285cd9;font-size:18px;font-weight:850}.metric-label{font-size:13px;color:#70819a;margin:16px 0 10px}.metric-value{font-size:clamp(24px,2.7vw,38px);letter-spacing:-.035em;font-weight:850;overflow-wrap:anywhere}.metric-sub{font-size:12px;color:#8e9bae;margin-top:12px}.featured{background:linear-gradient(135deg,#153884,#215ce1);color:white;border:0}.featured .metric-icon{background:rgba(255,255,255,.16);color:white}.featured .metric-label,.featured .metric-sub{color:#d5e2ff}.details{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-panel,.info-panel{padding:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.section-heading h2{margin:0;font-size:18px;letter-spacing:-.025em}.pill{font-size:10px;font-weight:850;letter-spacing:.12em;border-radius:20px;background:#e5f7ed;color:#16844e;padding:7px 11px}.detail-row{border-bottom:1px solid #edf1f6;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:15px 0;font-size:13px}.detail-row:last-child{border:0}.detail-row span{color:#728399}.detail-row strong{color:#213550;overflow-wrap:anywhere;text-align:right}.info-panel p{font-size:14px;line-height:1.8;color:#5c6b81;margin-top:4px}.info-panel code{font-size:12px;background:#f0f3f8;padding:3px;border-radius:4px}.notice{background:#f0f5ff;color:#315189;padding:18px;border-radius:12px;font-size:13px;line-height:1.75;margin-top:22px}footer{display:flex;gap:16px;justify-content:space-between;max-width:1180px;width:100%;padding:26px 24px;margin:0 auto;color:#99a5b5;font-size:11px;font-weight:650;letter-spacing:.04em}@media(max-width:880px){.login-layout{grid-template-columns:1fr;gap:34px}.welcome h1{font-size:48px}.dashboard-header{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.details{grid-template-columns:1fr}}@media(max-width:520px){.topbar{padding:0 18px;height:65px}.tag{display:none}.shell{padding:34px 18px 70px}.welcome h1{font-size:42px}.welcome p{font-size:14px}.login-panel{padding:25px}.benefits{gap:8px}.benefits span{font-size:11px}.metrics{grid-template-columns:1fr}.dashboard-header h1{font-size:31px}.controls{flex-wrap:wrap}.metric{min-height:190px}.detail-panel,.info-panel{padding:22px}footer{flex-direction:column;padding:20px 18px}}

/* Kartu link affiliate: hanya bisa dibaca, tombol salin memakai kode dari API. */
.referral-panel{padding:29px;margin:0 0 20px;border:1px solid #cfddfb;background:linear-gradient(108deg,#fff,#f6f9ff)}
.referral-heading{margin-bottom:10px}.referral-heading h2{margin:6px 0 0;font-size:22px;letter-spacing:-.02em}.referral-caption{margin:0 0 18px;font-size:13px}.referral-label{display:block;margin-bottom:9px}
.referral-controls{display:flex;gap:10px;align-items:stretch}.referral-controls input{min-width:0;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:white;cursor:text}.copy-button{border:0;background:#225ae4;color:#fff;border-radius:10px;min-width:130px;padding:12px 16px;font-weight:800;font-size:13px}.copy-button:not(:disabled):hover{background:#1647c2}
.referral-foot{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-top:12px}.referral-status{font-size:12px;line-height:1.65;color:#546a89;margin:0;max-width:780px}.referral-status.warning{color:#a1630d}.referral-status.success{color:#1e7c55}.referral-code-caption{font-size:12px;color:#6681a8;white-space:nowrap}.referral-code-caption strong{color:#1e3868}
@media(max-width:580px){.referral-panel{padding:20px}.referral-controls{flex-direction:column}.referral-controls input{width:100%}.copy-button{width:100%}.referral-foot{flex-direction:column}.referral-heading .pill{display:none}}