*{box-sizing:border-box}
:root{
  --bg:#0b111a;--panel:#121b27;--panel2:#172231;--text:#f4f7fb;--muted:#8fa0b5;
  --accent:#4da3ff;--line:#243246;--danger:#ff6b6b;--radius:15px
}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100%}
body{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.hidden{display:none!important}
.splash{position:fixed;inset:0;background:radial-gradient(circle at 50% 35%,#182941 0,#0b111a 52%,#080d14 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}
.splash-logo{width:78px;height:78px;color:var(--accent);filter:drop-shadow(0 0 18px rgba(77,163,255,.25))}
.splash-title{font-size:27px;font-weight:750;letter-spacing:-.6px;margin-top:14px}
.splash-subtitle{color:var(--muted);font-size:14px;margin-top:7px}
.app{max-width:760px;margin:0 auto;padding:18px 14px 40px}
.topbar{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 14px}
.eyebrow{font-size:11px;letter-spacing:1.6px;color:var(--muted);font-weight:700}
h1{font-size:25px;margin:2px 0 0;letter-spacing:-.5px}
.icon-btn{width:39px;height:39px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--accent);font-size:29px;line-height:33px}
.section{margin:15px 0 19px}
.section-head{font-size:11px;letter-spacing:1.35px;color:#aebacc;font-weight:800;margin:0 3px 7px}
.account-list{display:flex;flex-direction:column;gap:7px}
.account-row{width:100%;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));color:var(--text);border-radius:12px;padding:8px 10px;text-align:left;display:grid;grid-template-columns:1.45fr .82fr .82fr .88fr .74fr;gap:7px;align-items:center;min-height:54px;box-shadow:0 3px 11px rgba(0,0,0,.13)}
.account-main{min-width:0}
.account-name{font-weight:750;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.last4{color:var(--muted);font-weight:600;margin-left:4px;font-size:11px}
.metric-label{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.65px;margin-bottom:2px}
.metric-value{font-size:12.5px;font-weight:700;white-space:nowrap}
.simple-row{grid-template-columns:1.9fr 1fr;min-height:48px}
.chev{color:var(--muted);font-size:20px;text-align:right}
.empty{border:1px dashed var(--line);border-radius:11px;padding:10px;color:var(--muted);font-size:12px;text-align:center}
.modal{position:fixed;inset:0;background:var(--bg);z-index:30;overflow:auto;padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom)}
.modal-card{max-width:620px;margin:0 auto;padding:15px 0 30px}
.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.back-btn,.text-btn{background:none;border:0;color:var(--accent);font-size:16px;padding:6px 0}
.danger{color:var(--danger)}
h2{font-size:24px;margin:4px 0 18px}
label{display:block;color:#c8d2df;font-size:12px;font-weight:700;margin:15px 0 6px}
.optional{font-weight:500;color:var(--muted)}
input{width:100%;border:1px solid var(--line);background:#0f1722;color:var(--text);border-radius:12px;padding:12px;font-size:16px;outline:none}
input:focus{border-color:var(--accent)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.segmented button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:10px;padding:9px 5px;font-size:12px;font-weight:700}
.segmented button.active{background:#173458;border-color:#2f77bd;color:#fff}
.save-btn{width:100%;margin-top:24px;border:0;border-radius:13px;background:var(--accent);color:#07111d;font-weight:850;font-size:16px;padding:13px}
.details{margin-top:18px}
.detail-hero{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px}
.detail-name{font-size:22px;font-weight:800}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
.detail-box{background:#0f1722;border:1px solid var(--line);border-radius:12px;padding:12px}
.detail-box .metric-value{font-size:16px}
.edit-btn{width:100%;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font-weight:750;padding:12px}
@media(max-width:520px){
  .app{padding:14px 10px 34px}
  .account-row{grid-template-columns:1.36fr .78fr .78fr .84fr .7fr;padding:7px 8px;gap:5px;min-height:52px}
  .simple-row{grid-template-columns:1.75fr 1fr;min-height:46px}
  .metric-value{font-size:11.5px}
  .account-name{font-size:13px}
  .last4{display:block;margin:1px 0 0;font-size:10.5px}
  .section{margin-top:14px;margin-bottom:17px}
  .two-col{grid-template-columns:1fr 1fr}
}

.version-footer{
  text-align:center;
  color:#66778c;
  font-size:10px;
  letter-spacing:.6px;
  margin-top:26px;
  padding-bottom:8px;
  opacity:.8;
}