:root{--bg:#16171b;--surface:#1e2025;--surface-2:#26282e;--border:#2f3138;--amber:#ef9f27;--amber-dark:#412402;--amber-soft:#854f0b;--amber-tint:#faeeda;--text:#f2f2f4;--text-2:#b6b7bd;--text-3:#85868d;--green:#5dcaa5;--red:#e24b4a;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}button{cursor:pointer;border:none;font-family:inherit;transition:opacity .15s,background .15s}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit}.app{max-width:960px;margin:0 auto;padding:0 20px 60px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:28px;padding:20px 0;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--amber);width:32px;height:32px;color:var(--amber-dark);border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.brand-name{letter-spacing:-.02em;font-size:18px;font-weight:600}.brand-name span{color:var(--amber)}.brand-sub{color:var(--text-3);margin-top:1px;font-size:11px}.btn-connect{background:var(--amber);color:var(--amber-dark);border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.btn-connect:hover{background:#f5ab3d}.account-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:13px;transition:border-color .15s;display:flex}.account-pill:hover{border-color:var(--amber)}.disconnect-x{color:var(--text-3);margin-left:2px;font-size:11px}.account-pill:hover .disconnect-x{color:var(--amber)}.account-dot{background:var(--green);border-radius:50%;width:8px;height:8px}.hero{margin-bottom:32px}.hero h1{letter-spacing:-.03em;margin-bottom:10px;font-size:30px;font-weight:600;line-height:1.15}.hero h1 span{color:var(--amber)}.hero p{color:var(--text-2);max-width:560px;font-size:15px;line-height:1.6}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}.card+.card{margin-top:20px}.card-title{margin-bottom:4px;font-size:15px;font-weight:600}.card-desc{color:var(--text-3);margin-bottom:18px;font-size:13px}.connect-prompt{text-align:center;padding:60px 20px}.connect-prompt .big{margin-bottom:8px;font-size:20px;font-weight:600}.connect-prompt .muted{color:var(--text-2);margin-bottom:24px;font-size:14px}.msg{border-radius:8px;margin-top:14px;padding:10px 14px;font-size:13px}.msg-error{color:#f4a3a3;background:#2a1717;border:1px solid #4a2020}.msg-ok{color:var(--green);background:#14251f;border:1px solid #1f4034}.msg-info{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.btn-primary{background:var(--amber);color:var(--amber-dark);border-radius:8px;width:100%;margin-top:6px;padding:12px 20px;font-size:14px;font-weight:600}.btn-primary:hover:not(:disabled){background:#f5ab3d}.btn-primary:disabled{background:var(--surface-2);color:var(--text-3)}.reg-box{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:16px 18px}.reg-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.reg-row+.reg-row{border-top:1px solid var(--border)}.reg-label{color:var(--text-3);font-size:13px}.reg-addr{color:var(--amber);font-family:Courier New,monospace;font-size:13px;text-decoration:none}.reg-addr:hover{text-decoration:underline}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.badge-ok{background:var(--amber-soft);color:var(--amber-tint)}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab{color:var(--text-2);background:0 0;border-radius:7px;flex:1;padding:10px;font-size:14px;font-weight:500}.tab:hover:not(:disabled):not(.active){background:var(--surface-2);color:var(--text)}.tab.active{background:var(--amber);color:var(--amber-dark)}.tab:disabled{opacity:.4;cursor:not-allowed}.field-label{color:var(--text-2);margin:14px 0 6px;font-size:13px;display:block}.field{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:12px 14px;font-size:14px}.field:focus{border-color:var(--amber)}.field::placeholder{color:var(--text-3)}.invoices-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.btn-refresh{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:8px;padding:8px 14px;font-size:13px}.btn-refresh:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.invoice-list{flex-direction:column;gap:12px;display:flex}.invoice{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.invoice-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.invoice-num{color:var(--text-3);letter-spacing:.05em;font-family:Courier New,monospace;font-size:13px}.invoice-amount{color:var(--text);margin-bottom:4px;font-size:22px;font-weight:600}.invoice-amount .usdc{color:var(--amber);font-size:13px;font-weight:500}.invoice-desc{color:var(--text-2);margin-bottom:12px;font-size:14px}.invoice-meta{color:var(--text-3);border-top:1px solid var(--border);flex-wrap:wrap;gap:4px 18px;padding-top:10px;font-size:12px;display:flex}.invoice-meta.paid{color:var(--amber)}.explorer-link{color:var(--amber);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none}.explorer-link:hover{text-decoration:underline}.explorer-btn{text-align:center;margin-top:6px;text-decoration:none;display:inline-block}.badge-pending{background:var(--surface);color:var(--text-2);border:1px solid var(--border)}.badge-paid{background:var(--amber-soft);color:var(--amber-tint)}.badge-cancel{color:#f0a0a0;background:#3a1f1f}.invoice-actions{border-top:1px solid var(--border);gap:8px;margin-top:12px;padding-top:12px;display:flex}.btn-mini{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:7px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.btn-mini:hover{border-color:var(--amber);color:var(--amber)}.share-panel{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;margin-top:14px;padding:16px}.qr{border-radius:8px;width:180px;height:180px;margin-bottom:12px}.share-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.share-hint{color:var(--text-3);font-size:12px}.email-box{border-top:1px solid var(--border);text-align:left;margin-top:16px;padding-top:16px}.email-row{align-items:stretch;gap:8px;display:flex}.email-row .field{flex:1;margin:0}.send-btn{white-space:nowrap;align-self:stretch;padding:7px 18px}.back-btn{margin-top:16px}.footer{border-top:1px solid var(--border);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:40px;padding-top:20px;font-size:12px;display:flex}.footer a{color:var(--amber);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-links{flex-wrap:wrap;gap:18px;display:flex}