:root{--bg:#080b15;--panel:#111726;--panel2:#151d30;--line:#263149;--text:#edf3ff;--muted:#8c9ab5;--accent:#62a9ff;--accent2:#7fe0c5;--danger:#ff7a8a;--warn:#f2bc66;--radius:18px;--shadow:0 18px 50px rgba(0,0,0,.24)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(98,169,255,.15),transparent 35%),var(--bg);min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;word-break:break-all}.hidden{display:none!important}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(8,11,21,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--accent),#7778ff);font-weight:900;font-size:20px;box-shadow:0 8px 30px rgba(98,169,255,.25)}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:.04em}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:16px}.explorer-link{font-size:12px;color:var(--accent)}.node-state{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%}.dot.online{background:var(--accent2);box-shadow:0 0 16px var(--accent2)}.dot.offline{background:var(--danger);box-shadow:0 0 12px rgba(255,122,138,.35)}.main{max-width:1240px;margin:0 auto;padding:34px 24px 48px}.onboarding{min-height:calc(100vh - 190px);display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}.intro h1,.locked h1,.wallet-head h1{font-size:48px;line-height:1.02;letter-spacing:-.055em;margin:10px 0 16px}.intro p,.receive-card>p,.locked p{color:var(--muted);font-size:16px;line-height:1.65;max-width:680px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--accent)}.eyebrow.danger{color:var(--danger)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.feature-grid>div{padding:17px;border:1px solid var(--line);border-radius:14px;background:rgba(17,23,38,.72)}.feature-grid strong,.feature-grid span{display:block}.feature-grid strong{font-size:13px}.feature-grid span{font-size:11px;line-height:1.45;color:var(--muted);margin-top:6px}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.012),transparent),var(--panel);box-shadow:var(--shadow);padding:22px}.create-card{padding:0;overflow:hidden}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;color:var(--muted);padding:16px}.tab.active{color:var(--text);background:var(--panel2);box-shadow:inset 0 -2px var(--accent)}#createPane,#importPane{padding:24px}.card h2{font-size:19px;margin:4px 0 0}label{display:grid;gap:8px;color:var(--muted);font-size:12px;margin-bottom:16px}input{width:100%;border:1px solid var(--line);border-radius:11px;background:#0b101c;color:var(--text);padding:13px 14px;outline:0}input:focus{border-color:rgba(98,169,255,.8);box-shadow:0 0 0 3px rgba(98,169,255,.1)}.primary,.ghost,.danger-button,.mini{border-radius:11px;border:1px solid var(--line);padding:11px 15px;color:var(--text);background:var(--panel2)}.primary{border-color:#5a99e7;background:linear-gradient(145deg,#5b9eed,#6577ec);font-weight:800}.primary:hover{filter:brightness(1.06)}.wide{width:100%}.ghost:hover,.mini:hover{border-color:#50617e}.danger-button{color:#ff9aa6;background:rgba(255,122,138,.06);border-color:rgba(255,122,138,.25)}.fineprint{font-size:11px!important;line-height:1.5!important;color:var(--muted);margin:14px 0 0}.locked{min-height:calc(100vh - 190px);display:grid;place-items:center}.unlock-card{max-width:560px;width:100%;padding:34px}.unlock-card h1{font-size:30px;word-break:break-all}.locked-actions{display:flex;gap:10px;justify-content:space-between;margin-top:12px}.wallet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.wallet-head h1{font-size:46px;margin-bottom:12px}.address-line{display:flex;align-items:center;gap:10px;color:#c9dcfb}.address-line code{font-size:12px}.mini{padding:6px 9px;font-size:10px}.wallet-actions{display:flex;gap:9px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat{padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0}.stat span,.stat small{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:19px;margin:7px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}.badge{border:1px solid rgba(127,224,197,.22);background:rgba(127,224,197,.06);color:var(--accent2);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.amount-input{position:relative}.amount-input input{padding-right:58px}.amount-input span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;color:var(--muted)}.send-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding:2px 0 16px}.send-meta strong{color:var(--text)}.receive-address{padding:22px;border:1px dashed #3b4b68;background:#0b101c;border-radius:13px;margin:20px 0}.receive-address code{font-size:13px;color:#cfe2ff}.result{margin-top:16px;padding:13px;border:1px solid var(--line);border-radius:11px;font-size:12px;line-height:1.6}.result.good{border-color:rgba(127,224,197,.3);color:var(--accent2);background:rgba(127,224,197,.05)}.result.bad{border-color:rgba(255,122,138,.3);color:#ffa4ae;background:rgba(255,122,138,.05)}.history-card,.settings-card{margin-bottom:20px}.history{display:grid}.history-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(38,49,73,.65)}.history-row:last-child{border-bottom:0}.tx-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--panel2);font-weight:900}.tx-icon.in{color:var(--accent2)}.tx-icon.out{color:var(--warn)}.tx-main strong,.tx-main code,.tx-value strong,.tx-value small{display:block}.tx-main strong{font-size:12px}.tx-main code{font-size:10px;color:var(--muted);margin-top:5px}.tx-value{text-align:right}.tx-value strong{font-size:13px}.tx-value small{font-size:10px;color:var(--muted);margin-top:5px}.empty{text-align:center;padding:30px;color:var(--muted);font-size:12px}.muted{color:var(--muted);font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.settings-grid label{margin:0}.setting-actions{display:flex;gap:9px;flex-wrap:wrap}footer{text-align:center;border-top:1px solid var(--line);padding:20px;color:var(--muted);font-size:10px}.toast{position:fixed;right:20px;bottom:20px;padding:12px 15px;background:#1a2438;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);font-size:12px;z-index:50}@media(max-width:900px){.onboarding{grid-template-columns:1fr;gap:24px}.feature-grid{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.intro h1,.wallet-head h1{font-size:36px}}@media(max-width:600px){.topbar{height:auto;padding:14px}.brand small{display:none}.main{padding:24px 14px}.node-state{font-size:10px}.stats{grid-template-columns:1fr}.wallet-head{display:block}.wallet-actions{margin-top:18px}.address-line{align-items:flex-start}.address-line code{font-size:10px}.locked-actions,.setting-actions{flex-direction:column}.history-row{grid-template-columns:auto 1fr}.tx-value{grid-column:2;text-align:left}.intro h1,.wallet-head h1{font-size:32px}}
.operator-card{margin-bottom:20px;border-color:rgba(98,169,255,.28)}.operator-copy{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 18px}.badge.warn{color:var(--warn);border-color:rgba(242,188,102,.28);background:rgba(242,188,102,.06)}.checkline{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#0b101c}.checkline input{width:auto;margin-top:2px}.checkline span{line-height:1.5}.operator-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 0 0;color:var(--muted);font-size:12px}.operator-meta strong{color:var(--text)}
.mining-card{margin-bottom:20px;border-color:rgba(127,224,197,.24)}.mining-message{margin:-4px 0 20px;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#0b101c;color:var(--muted);font-size:12px;line-height:1.55}.mining-register-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:end}.mining-requirement{margin-bottom:16px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.mining-requirement span,.mining-requirement strong{display:block}.mining-requirement span{font-size:10px;color:var(--muted)}.mining-requirement strong{font-size:13px;margin-top:5px}.mining-status-grid,.mining-reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mining-status-grid>div,.mining-reward-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);min-width:0}.mining-status-grid span,.mining-reward-grid span{display:block;color:var(--muted);font-size:10px}.mining-status-grid strong,.mining-reward-grid strong{display:block;margin-top:6px;font-size:13px;overflow:hidden;text-overflow:ellipsis}.mining-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.mining-rewards{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.mining-rewards-head h3{margin:4px 0 16px;font-size:16px}.reward-history{margin-top:12px}.reward-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 2px;border-bottom:1px solid rgba(38,49,73,.65)}.reward-row:last-child{border-bottom:0}.reward-row strong,.reward-row code,.reward-row small{display:block}.reward-row strong{font-size:12px}.reward-row code,.reward-row small{font-size:10px;color:var(--muted);margin-top:4px}.reward-row>div:last-child{text-align:right}@media(max-width:900px){.mining-status-grid,.mining-reward-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.mining-register-grid{grid-template-columns:1fr}.mining-status-grid,.mining-reward-grid{grid-template-columns:1fr}.mining-actions{flex-direction:column}.reward-row{align-items:flex-start;flex-direction:column}.reward-row>div:last-child{text-align:left}}
.wallet-manager{max-width:980px;margin:0 auto;min-height:calc(100vh - 190px);padding-top:40px}.wallet-manager-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.wallet-manager-head h1{font-size:42px;letter-spacing:-.045em;margin:8px 0 10px}.wallet-manager-head p{color:var(--muted);line-height:1.6;max-width:680px;margin:0}.wallet-manager-actions{display:flex;gap:9px;flex-shrink:0}.wallet-list{display:grid;gap:12px}.wallet-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.wallet-row-main{min-width:0}.wallet-row-title{display:flex;align-items:center;gap:10px;margin-bottom:7px}.wallet-row-title strong{font-size:15px}.wallet-row code{display:block;color:#c9dcfb;font-size:11px;word-break:break-all}.wallet-row small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.create-card-top{padding:14px 24px 0}.field-optional{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-left:5px}.wallet-actions{flex-wrap:wrap;justify-content:flex-end}@media(max-width:760px){.wallet-manager{padding-top:10px}.wallet-manager-head{align-items:stretch;flex-direction:column}.wallet-manager-head h1{font-size:34px}.wallet-manager-actions{flex-direction:column}.wallet-row{align-items:stretch;flex-direction:column}.wallet-row .select-wallet{width:100%}.wallet-actions{justify-content:flex-start}}
.payment-request{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 15px;margin:-4px 0 18px;border:1px solid rgba(98,169,255,.3);border-radius:12px;background:rgba(98,169,255,.06)}.payment-request strong,.payment-request small{display:block}.payment-request strong{margin-top:5px;font-size:13px}.payment-request small{margin-top:6px;color:var(--muted);font-size:10px}.payment-request input[readonly],input[readonly]{opacity:.82;cursor:not-allowed}@media(max-width:600px){.payment-request{flex-direction:column}.payment-request .mini{width:100%}}


/* Pay by Paybyte focused payment flow */
.payment-tracker{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px;border-color:rgba(8,124,240,.35);background:linear-gradient(135deg,rgba(8,124,240,.08),rgba(0,169,200,.05)),var(--panel)}
.payment-tracker-main{display:flex;align-items:center;gap:16px;min-width:0}.payment-tracker-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:21px;font-weight:900;box-shadow:0 10px 28px rgba(8,124,240,.18)}
.payment-tracker-copy{min-width:0}.payment-tracker-copy h2{margin:4px 0 5px;font-size:18px}.payment-tracker-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.payment-tracker-meta{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:11px}.payment-tracker-meta span{font-weight:800}.payment-tracker-meta code{color:var(--muted);font-size:10px}
.payment-tracker-progress{display:flex;align-items:center;gap:13px;flex-shrink:0}.payment-mini-ring{--payment-progress:0deg;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--accent2) var(--payment-progress),var(--line) 0)}.payment-mini-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--panel)}.payment-mini-ring strong,.payment-mini-ring small{position:relative;z-index:1}.payment-mini-ring strong{font-size:13px}.payment-mini-ring small{font-size:8px;color:var(--muted);margin-left:1px}
body.payment-modal-open{overflow:hidden}.payment-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px}.payment-modal-backdrop{position:absolute;inset:0;background:rgba(4,10,20,.64);backdrop-filter:blur(8px)}.payment-dialog{position:relative;width:min(680px,100%);max-height:calc(100vh - 44px);overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 30px 100px rgba(0,0,0,.35);padding:24px}.payment-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.payment-dialog-head h2{margin:4px 0 0;font-size:21px}.payment-close{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);font-size:24px;line-height:1;cursor:pointer}
.payment-hero{text-align:center;padding:25px 10px 20px}.payment-hero span,.payment-hero small{display:block;color:var(--muted)}.payment-hero span{font-size:13px}.payment-hero strong{display:block;margin:9px 0 4px;font-size:40px;letter-spacing:-.04em}.payment-hero strong b{font-weight:900}.payment-hero small{font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.payment-security-note{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;margin-bottom:16px;border:1px solid rgba(0,169,200,.25);border-radius:12px;background:rgba(0,169,200,.06)}.payment-security-note strong{white-space:nowrap;font-size:11px}.payment-security-note span{color:var(--muted);font-size:11px;line-height:1.5}
.payment-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}.payment-balance-grid>div{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);min-width:0}.payment-balance-grid span,.payment-balance-grid strong{display:block}.payment-balance-grid span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.payment-balance-grid strong{font-size:12px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.payment-details{margin:0 0 17px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.payment-details>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:14px;padding:12px 14px;border-bottom:1px solid var(--line);align-items:start}.payment-details>div:last-child{border-bottom:0}.payment-details dt{color:var(--muted);font-size:10px}.payment-details dd{margin:0;text-align:right;font-size:11px;min-width:0}.payment-details code{font-size:10px}.payment-unlock{padding:14px;margin-bottom:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.payment-unlock label{margin-bottom:10px}.payment-unlock p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.5}.payment-confirm{margin-top:10px;padding:14px 16px;font-size:14px}.payment-confirm:disabled{opacity:.55;cursor:not-allowed}.payment-fineprint{margin:12px 4px 0;color:var(--muted);font-size:10px;line-height:1.55;text-align:center}
.payment-status-hero{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:24px 4px 18px}.payment-status-hero h3{font-size:21px;margin:5px 0}.payment-status-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.payment-confirm-ring{--payment-progress:0deg;width:98px;height:98px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--accent2) var(--payment-progress),var(--line) 0)}.payment-confirm-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--panel)}.payment-confirm-ring>div{position:relative;z-index:1;display:flex;align-items:baseline;gap:3px}.payment-confirm-ring strong{font-size:26px}.payment-confirm-ring span{font-size:11px;color:var(--muted)}.payment-progress-bar{height:7px;border-radius:99px;background:var(--panel2);overflow:hidden;margin-bottom:18px}.payment-progress-bar i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .25s ease}.payment-explorer{display:block;text-align:center;margin:10px 0}.payment-dialog .result{margin-bottom:10px}
@media(max-width:700px){.payment-tracker{align-items:stretch;flex-direction:column}.payment-tracker-progress{justify-content:space-between}.payment-balance-grid{grid-template-columns:repeat(2,1fr)}.payment-details>div{grid-template-columns:1fr}.payment-details dd{text-align:left}.payment-security-note{flex-direction:column}.payment-dialog{padding:18px}.payment-modal{padding:10px}.payment-status-hero{grid-template-columns:1fr;text-align:center}.payment-confirm-ring{margin:0 auto}.payment-hero strong{font-size:34px}}


/* Paybyte Ice theme — lighter wallet UI */
:root{--bg:#eef4fb;--panel:#ffffff;--panel2:#f2f7fd;--line:#c8d8eb;--text:#10213b;--muted:#667892;--accent:#087cf0;--accent2:#00a9c8;--danger:#c9465d;--warn:#a96b00;--shadow:0 16px 42px rgba(40,72,112,.10)}
html{background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at 80% -10%,rgba(8,124,240,.12),transparent 35%),radial-gradient(circle at 10% 0,rgba(0,169,200,.05),transparent 28rem),var(--bg)}
.topbar{background:rgba(255,255,255,.93);border-bottom-color:#c9d9eb;box-shadow:0 8px 28px rgba(43,76,117,.08)}.brand strong{color:#173657}.brand small{color:#6d7e98}.brand-mark{background:linear-gradient(145deg,#087cf0,#00b9cf);box-shadow:0 8px 24px rgba(8,124,240,.18)}.explorer-link{color:#0872d6}.node-state{color:#667892}
.feature-grid>div,.card,.stat,.wallet-row{background:#fff;border-color:#cbd9e9;box-shadow:var(--shadow)}.tabs{border-bottom-color:#d6e1ed}.tab.active{background:#edf5fd}.intro p,.receive-card>p,.locked p,.wallet-manager-head p{color:#5f718b}
input,.checkline,.mining-message,.receive-address{background:#f8fbff;color:var(--text);border-color:#c8d8eb}.receive-address code,.address-line,.wallet-row code{color:#2d5d8b}.primary{border-color:#268ee9;background:linear-gradient(135deg,#087cf0,#00aac8);color:#fff}.ghost,.mini{background:#f1f6fc;color:#183b60}.ghost:hover,.mini:hover{border-color:#94b4d4}.danger-button{color:#b6334b;background:#fff2f5}.badge{color:#087f7b;background:#effbf8;border-color:#aadbd1}.badge.warn{color:#946000;background:#fff8e9;border-color:#e3c27d}.history-row,.reward-row{border-bottom-color:#dbe5ef}.tx-icon{background:#eef5fc}.result.good{color:#087f7b;background:#effbf8}.result.bad{color:#b6334b;background:#fff2f5}.mining-status-grid>div,.mining-reward-grid>div,.mining-requirement{background:#f5f9fd;border-color:#cfdded}.operator-card{border-color:#afd2ee}.mining-card{border-color:#a8d8d2}.payment-request{background:#edf7ff;border-color:#aad1ee}.toast{background:#fff;border-color:#cbd9e9}.settings-card,.history-card{background:#fff}footer{background:#f7fbff;border-top-color:#cfdded}
