.app{max-width:520px;margin:auto;padding:20px 16px 90px}
.top{display:flex;justify-content:space-between;align-items:center;margin:8px 0 24px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}
.section{display:flex;justify-content:space-between;align-items:center;margin:25px 2px 12px}
.section h2{font-size:18px;margin:0}
.section button,.ghost{border:0;background:none;color:var(--accent);font-weight:700}
.actions{display:flex;gap:10px;margin-top:18px}
.modal{position:fixed;inset:0;background:#000b;display:none;align-items:end;justify-content:center}
.sheet{width:min(100%,520px);background:#0d1b15;border-radius:28px 28px 0 0;padding:22px;max-height:88vh;overflow:auto}
.page{position:fixed;inset:0;background:linear-gradient(180deg,#06100c,#0b1712);z-index:20;overflow:auto;display:none}
.page.active{display:block}
.page-inner{max-width:520px;margin:auto;padding:18px 16px 90px}
.page-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.back{width:42px;height:42px;border:1px solid #294237;border-radius:50%;background:#102019;color:white;font-size:20px}