:root{ --p2pme-bg:#0b1220; --p2pme-surface:rgba(255,255,255,0.03); --p2pme-text:#fff; --p2pme-muted:#9aa4b2; --p2pme-primary:#1DAEFF; --p2pme-on-primary:#000; --p2pme-border:rgba(29,174,255,0.18); --p2pme-radius:8px }
.p2pme-market, .p2pme-history, .p2pme-single, .p2pme-trader-box{ color:var(--p2pme-text); }
.p2pme-controls{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:16px; align-items:flex-end }
.p2pme-controls label{ display:flex; flex-direction:column; font-size:13px }
.p2pme-controls input, .p2pme-controls select, .p2pme-controls textarea{ background:var(--p2pme-surface); border:1px solid var(--p2pme-border); color:var(--p2pme-text); padding:8px 10px; border-radius:6px }
.p2pme-table{ width:100%; border-collapse:collapse; margin-top:12px }
.p2pme-table th, .p2pme-table td{ border:1px solid var(--p2pme-border); padding:10px; text-align:left }
.p2pme-modal{ position:fixed; inset:0; background:rgba(0,0,0,0.45); display:flex; align-items:center; justify-content:center; z-index:999999 }
.p2pme-modal-inner{ background:var(--p2pme-bg); padding:20px; width:760px; max-width:96%; border-radius:var(--p2pme-radius); border:1px solid var(--p2pme-border); position:relative; color:var(--p2pme-text) }
.p2pme-modal-close{ position:absolute; right:16px; top:12px; background:transparent; color:var(--p2pme-text); border:0; font-size:20px }
.p2pme-btn{ background:transparent; color:var(--p2pme-text); border:1px solid var(--p2pme-primary); padding:8px 14px; border-radius:8px; cursor:pointer }
.p2pme-btn.secondary{ background:var(--p2pme-surface); }
.p2pme-msg{ border:1px solid var(--p2pme-border); padding:10px; margin-bottom:8px; border-radius:8px; background:var(--p2pme-surface); }
.p2pme-caution{ background:#fff5d6; border-left:4px solid #f0c040; color:#221; padding:10px; margin-bottom:12px; border-radius:6px; font-weight:600 }
@media(max-width:720px){ .grid{ flex-direction:column } .p2pme-modal-inner{ width:95% } }