:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif;color-scheme:dark}body{margin:0;background:radial-gradient(circle at top,#4a3f36 0,#050505 55%);color:#fff}.app{max-width:414px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.header{padding:16px 20px 8px;display:flex;justify-content:space-between;font-size:13px;opacity:.9}.header-item-title{font-size:11px;text-transform:uppercase;opacity:.75}.header-item-value{margin-top:4px;font-weight:600}.main{flex:1;padding:12px 16px 80px}.section-title{font-size:20px;font-weight:700;margin-bottom:12px;text-align:center}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:#151515;border-radius:16px;padding:12px;box-shadow:0 10px 25px #0009;display:flex;flex-direction:column;justify-content:space-between}.card-header{font-weight:600;margin-bottom:4px}.card-sub{font-size:12px;opacity:.75;margin-bottom:8px}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px}.badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#262626}.button{border:none;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;background:linear-gradient(90deg,#ffb300,#ff5c20);color:#000}.button[disabled]{opacity:.4;cursor:default}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:414px;width:100%;background:#050505;border-top:1px solid #222;display:flex;justify-content:space-around;padding:8px 0 10px;font-size:11px}.bottom-nav button{background:none;border:none;color:#777;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.bottom-nav button.active{color:#ffb300}.bottom-nav span.icon{font-size:18px}