:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{margin:0;background:#0b0f14;color:#e8eef6}.wrap{max-width:920px;margin:0 auto;padding-left:16px;padding-right:16px;padding-top:calc(16px + var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top));padding-bottom:calc(16px + var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;background:#121823;border:1px solid #1d2736;border-radius:16px;padding:14px;gap:12px}.profile{display:flex;align-items:center;gap:12px;min-width:0}.avatar{width:40px;height:40px;border-radius:999px;background:#263246;display:grid;place-items:center;font-weight:700;letter-spacing:.5px;flex:0 0 auto}.name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{color:#9fb0c6;font-size:12px}.balance{text-align:right}.balance .label{color:#9fb0c6;font-size:12px}.balance .value{font-size:22px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}@media (max-width: 760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.grid{grid-template-columns:1fr}}.card{background:#121823;border:1px solid #1d2736;border-radius:16px;padding:14px}.card h3{margin:0 0 8px;font-size:14px;color:#cfe0f6}.muted{color:#9fb0c6;font-size:12px}.addBtn{width:100%;height:110px;border-radius:16px;border:1px dashed #2a3a52;background:#0f1621;color:#cfe0f6;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.plus{width:34px;height:34px;border-radius:12px;background:#263246;display:grid;place-items:center;font-size:20px}.list{margin-top:14px}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#121823;border:1px solid #1d2736;margin-bottom:10px}.row .left{min-width:0}.row .title{font-weight:700}.row .meta{color:#9fb0c6;font-size:12px}.row .amt{font-weight:800}dialog{border:none;border-radius:16px;padding:0;overflow:hidden;background:#0b0f14;color:#e8eef6;width:min(520px,92vw)}.modal{background:#121823;border:1px solid #1d2736;border-radius:16px;padding:14px}.modal h2{margin:0 0 10px;font-size:16px}.form{display:grid;gap:10px}.field{display:grid;gap:6px}label{font-size:12px;color:#9fb0c6}input,select{background:#0f1621;color:#e8eef6;border:1px solid #223048;border-radius:12px;padding:10px 12px;outline:none}input,select,textarea{font-size:16px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.btn{border:none;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:700}.btn.primary{background:#2d6cdf;color:#fff}.btn.ghost{background:#0f1621;color:#cfe0f6;border:1px solid #223048}.status{margin-top:10px;color:#9fb0c6;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}