:root{--blueprint: #0B3D62;--blueprint-deep: #082C48;--cyan: #4FD1C5;--cyan-bright: #7FE8DD;--paper: #F7F9FB;--ink: #0B1F2E;--ink-muted: #55697A;--border-light: #DCE4E8;--danger: #C0392B;--font-mono: "JetBrains Mono", monospace;--font-body: "Manrope", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}.center-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--blueprint);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px}.card{background:#fff;border-radius:12px;padding:32px;width:100%;max-width:420px}.card.wide{max-width:640px}.brand-title{font-family:var(--font-mono);font-weight:700;font-size:18px;margin-bottom:24px}.brand-title span{color:var(--blueprint)}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--border-light);border-radius:7px;font-size:14px;font-family:var(--font-body)}.field input:focus,.field select:focus{outline:2px solid var(--cyan);border-color:var(--cyan)}.btn{padding:12px 20px;border-radius:7px;border:none;font-weight:700;font-size:14px;cursor:pointer;display:inline-block;text-align:center}.btn-primary{background:var(--blueprint);color:#fff;width:100%}.btn-primary:hover{background:var(--blueprint-deep)}.btn-secondary{background:#eef2f5;color:var(--ink)}.btn-outline{border:1.5px solid var(--border-light);background:none;color:var(--ink)}.error-text{color:var(--danger);font-size:13px;margin-top:8px}.muted-link{text-align:center;margin-top:16px;font-size:13px;color:var(--ink-muted)}.muted-link a{color:var(--blueprint);font-weight:600}.app-shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--border-light);background:#fff}.topbar .brand-title{margin-bottom:0}.main-content{max-width:720px;margin:0 auto;padding:32px 24px}.page-title{font-size:24px;font-weight:800;margin-bottom:6px}.page-subtitle{color:var(--ink-muted);font-size:14px;margin-bottom:24px}.site-card{background:#fff;border:1px solid var(--border-light);border-radius:10px;padding:20px;margin-bottom:14px}.site-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.site-card h3{font-size:16px}.badge{font-family:var(--font-mono);font-size:11px;padding:3px 9px;border-radius:4px;background:#eef2f5;color:var(--ink-muted)}.badge.live{background:#dff5ee;color:#1d8a5f}.badge.pending{background:#fdf2dc;color:#b8860b}.badge.failed{background:#fbe4e1;color:var(--danger)}.wizard-steps{display:flex;gap:8px;margin-bottom:28px;font-family:var(--font-mono);font-size:12px}.wizard-step{padding:6px 12px;border-radius:999px;background:#eef2f5;color:var(--ink-muted)}.wizard-step.active{background:var(--blueprint);color:#fff}.category-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.category-option{border:2px solid var(--border-light);border-radius:10px;padding:18px 14px;text-align:center;cursor:pointer;background:#fff}.category-option.selected{border-color:var(--blueprint);background:#eef6fa}.category-option h4{font-size:14px;margin-top:8px}.skin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}.skin-option{border:2px solid var(--border-light);border-radius:10px;padding:16px;cursor:pointer}.skin-option.selected{border-color:var(--blueprint);background:#eef6fa}.skin-option h4{font-size:14px;margin-bottom:4px}.price-box{background:#eef6fa;border-radius:10px;padding:20px;margin-bottom:20px}.price-box .amount{font-size:28px;font-weight:800;color:var(--blueprint)}.bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.bank-card{border:1px solid var(--border-light);border-radius:10px;padding:16px}.bank-logo{width:100%;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;letter-spacing:.03em;margin-bottom:10px}.bank-logo.mandiri{background:linear-gradient(135deg,#003d79,#f9a11b)}.bank-logo.bca{background:#00529c}.bank-card .acc-number{font-family:var(--font-mono);font-size:16px;font-weight:700}.bank-card .acc-name{font-size:12px;color:var(--ink-muted)}.empty-state{text-align:center;padding:40px 0;color:var(--ink-muted);font-size:14px}