@import url('./pages/home-wallet.css');
@import url('./pages/pay-swap.css');
@import url('./pages/orders.css');
@import url('./pages/my.css');
@import url('./pages/auth-appeals.css');
:root{--accent:#ff3156;--bg:#07111e;--panel:#101c2c;--line:#26394e;--text:#f5f7ff;--muted:#99abc2}
.page:not(.tp-home){max-width:760px;margin:0 auto;color:var(--text)}
.page-content,.stack{display:flex;flex-direction:column;gap:18px}.page-heading h1{margin:4px 0 8px;font-size:clamp(27px,5vw,38px);letter-spacing:-.035em}.page-heading p{margin:0}.muted{color:var(--muted);line-height:1.5}.card{padding:20px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#111f31,#0b1929);min-width:0}.card>*:first-child{margin-top:0}.card>*:last-child{margin-bottom:0}.card h2,.page .section-title{font-size:20px;margin:0 0 14px}.kv{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0}.kv-value{text-align:right;overflow-wrap:anywhere;max-width:65%}.grid{display:grid;gap:12px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:13px;border:1px solid transparent;padding:12px 17px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;line-height:1.3;white-space:normal;transition:filter .15s}.btn-primary{background:#ff3156;color:white}.btn-secondary{background:#0c1b2d;border-color:#556982;color:var(--text)}.btn-ghost{background:transparent;color:#ff718c}.btn-danger{background:#492032;border-color:#ff546a;color:#ffafba}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #ff708c;outline-offset:3px}.field{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:550}.field-label{color:#bac7da}.input,.select,textarea{width:100%;min-height:48px;background:#0a1728;border:1px solid #425c78;border-radius:12px;padding:13px;color:var(--text);font:inherit;box-sizing:border-box;min-width:0}.input[aria-invalid=true]{border-color:#ff566a}textarea{min-height:120px;resize:vertical}input[type=checkbox]{accent-color:#ff3156;width:20px;height:20px}.notice{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid #30475d;border-radius:13px;background:#102135;color:#b4c4d9;font-size:13px;line-height:1.5}.notice svg{flex-shrink:0}.tone-warning{border-color:#8f641d;color:#efc571;background:#2a2317}.tone-success{border-color:#286d60;color:#78dfbf}.tone-danger{border-color:#963b4f;color:#ff9cad}.amount-card{background:linear-gradient(130deg,#35152a,#151727);border-color:#7d2946}.amount-value{font-size:clamp(28px,6vw,45px);font-weight:750;margin-top:10px;overflow-wrap:anywhere}.detail-header{display:flex;align-items:center;gap:14px}.detail-title{font-weight:650}.back-button{padding-left:0;min-width:44px}.page-actions{display:flex;flex-direction:column;gap:12px;margin-top:22px}.page-actions>.btn{width:100%}.badge{display:inline-flex;border:1px solid #56718e;padding:5px 10px;border-radius:99px;font-size:12px}.filter-row{display:flex;gap:10px;flex-wrap:wrap}.filter-row .btn{flex:1}.token-row,.connection-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}.token-icon{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#254761;flex-shrink:0}.empty-state{text-align:center;padding:35px 20px}.modal-overlay{position:fixed;inset:0;z-index:200;background:#000a;display:flex;align-items:flex-end;justify-content:center;padding:14px;box-sizing:border-box}.modal-card{background:#101c2e;border:1px solid #3b526d;border-radius:23px;width:100%;max-width:620px;max-height:90dvh;overflow:auto;padding:22px;box-sizing:border-box;color:var(--text)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.modal-heading h2{margin:0;font-size:22px}.modal-actions{display:flex;gap:10px;margin-top:18px}.icon-button span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.toast-root,#toastRoot{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);z-index:300;max-width:90%;background:#20334a;color:white;border-radius:12px;padding:12px 18px;display:none}#toastRoot.visible{display:block}address{font-style:normal;overflow-wrap:anywhere}svg{flex-shrink:0}button{font-family:inherit}small{line-height:1.5}@media(max-width:380px){.card{padding:16px}.kv{gap:9px;font-size:13px}.btn{font-size:13px;padding:11px 12px}.connection-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}