:root{--p2p-bg:#f8f1e5;--p2p-card:#fffaf2;--p2p-ink:#073c2a;--p2p-green:#075c3a;--p2p-green-2:#0d6b45;--p2p-gold:#c79228;--p2p-line:#e7d7b7;--p2p-muted:#6e746f;--p2p-danger:#a53b35;--p2p-warn:#aa6c10;--p2p-soft:#eef5ef}
body.p2p-page{background:radial-gradient(circle at 90% 0,#fff9ed 0,#f8f1e5 38%,#f4eadb 100%);color:var(--p2p-ink)}
.p2p-shell{max-width:1240px;margin:auto;padding:24px 18px 64px}.p2p-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.p2p-brand{display:flex;align-items:center;gap:10px;color:var(--p2p-ink);font-weight:800;text-decoration:none}.p2p-mark{width:34px;height:38px;border-radius:10px 10px 14px 14px;background:linear-gradient(145deg,#0b5a38,#053a28);color:#efbf45;display:grid;place-items:center;border:2px solid #d9a633;box-shadow:0 8px 24px #0d4b2c22}.p2p-actions{display:flex;gap:8px;flex-wrap:wrap}.p2p-tabs,.p2p-filterbar,.p2p-card,.p2p-hero,.p2p-panel{background:rgba(255,250,242,.96);border:1px solid var(--p2p-line);box-shadow:0 16px 36px rgba(74,50,18,.07)}
.p2p-hero{border-radius:26px;padding:28px;display:grid;grid-template-columns:1.3fr .7fr;gap:24px;overflow:hidden;position:relative}.p2p-hero:after{content:'';position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-190px;border:1px solid #d3a33f66;box-shadow:0 0 0 32px #d3a33f13,0 0 0 68px #0b5a3808}.p2p-kicker{color:var(--p2p-gold);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.p2p-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.3rem,5vw,4.6rem);line-height:.98;margin:.25em 0 .2em}.p2p-hero p{max-width:730px;color:#46544b;line-height:1.65}.p2p-statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:end;z-index:1}.p2p-stat{background:#f5f8f1;border:1px solid #dbe5d9;border-radius:16px;padding:15px}.p2p-stat b{display:block;font-size:1.45rem}.p2p-stat span{font-size:.78rem;color:var(--p2p-muted)}
.p2p-tabs{border-radius:18px;padding:6px;display:flex;gap:5px;margin:18px 0}.p2p-tab{flex:1;border:0;background:transparent;border-radius:13px;padding:13px 16px;font-weight:800;color:var(--p2p-ink);cursor:pointer}.p2p-tab.active{background:var(--p2p-green);color:#fff}.p2p-tab small{display:block;font-weight:500;opacity:.75;margin-top:2px}
.p2p-filterbar{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px;border-radius:20px;padding:14px;margin-bottom:14px}.p2p-field label{display:block;font-size:.72rem;color:var(--p2p-muted);font-weight:700;margin:0 0 4px}.p2p-field input,.p2p-field select,.p2p-modal input,.p2p-modal select,.p2p-modal textarea,.p2p-panel input,.p2p-panel select,.p2p-panel textarea{width:100%;box-sizing:border-box;border:1px solid #d8c9aa;background:#fffdf8;border-radius:11px;padding:11px;color:var(--p2p-ink);font:inherit}.p2p-filterbar .btn{align-self:end}
.p2p-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0}.p2p-toolbar h2{margin:0;font-family:Georgia,serif}.p2p-sort{display:flex;gap:8px;align-items:center}.p2p-sort select{border:1px solid var(--p2p-line);background:#fffaf2;border-radius:10px;padding:8px}
.offer-head{display:grid;grid-template-columns:1.35fr .8fr 1fr 1fr auto;gap:16px;padding:0 18px 8px;color:var(--p2p-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.offer-list{display:grid;gap:10px}.offer{display:grid;grid-template-columns:1.35fr .8fr 1fr 1fr auto;gap:16px;align-items:center;background:rgba(255,250,242,.98);border:1px solid var(--p2p-line);border-radius:20px;padding:18px;box-shadow:0 10px 24px rgba(70,42,8,.05)}.merchant{display:flex;gap:12px;align-items:flex-start}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0b6a43,#073d2b);color:#ffd365;font-weight:900}.merchant h3{margin:0 0 4px;font-size:1rem}.badges{display:flex;flex-wrap:wrap;gap:5px}.badge{border:1px solid #d6c7aa;background:#fffdf8;border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:800}.badge.verified{background:#edf7ef;border-color:#bfd7c5;color:#075532}.badge.fast{background:#fff6df;border-color:#ead093;color:#795012}.mini-meta{font-size:.76rem;color:var(--p2p-muted);margin-top:6px}.price strong{font-size:1.4rem;display:block}.price small,.limits small,.payments small{color:var(--p2p-muted)}.payments .pill{display:inline-block;margin:2px 4px 2px 0;padding:4px 7px;background:#f1f5ef;border-radius:7px;font-size:.7rem}.trade-btn{min-width:112px}
.p2p-safety{margin:16px 0;background:#f0f5ee;border:1px solid #cfdccc;border-radius:18px;padding:14px 16px;display:flex;gap:10px;align-items:flex-start}.p2p-safety b{display:block}.p2p-safety p{margin:3px 0 0;color:#526057;font-size:.88rem}
.p2p-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.p2p-panel{border-radius:20px;padding:20px}.p2p-panel h2,.p2p-panel h3{font-family:Georgia,serif}.timeline{display:grid;gap:0;margin:14px 0}.step{display:grid;grid-template-columns:26px 1fr;gap:10px;position:relative;padding-bottom:18px}.step:before{content:'';position:absolute;left:12px;top:24px;bottom:0;border-left:1px solid #d6c7aa}.step:last-child:before{display:none}.dot{width:24px;height:24px;border-radius:50%;background:#e7eee5;display:grid;place-items:center;font-size:.7rem;font-weight:800}.step.done .dot{background:var(--p2p-green);color:#fff}.step.current .dot{background:#e5b241;color:#073c2a;box-shadow:0 0 0 5px #e5b24122}.step b{display:block}.step small{color:var(--p2p-muted)}
.status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:800;background:#edf4ee;color:#075532}.status-chip.warn{background:#fff1d4;color:#7b4e00}.status-chip.danger{background:#fde9e7;color:#8d2d27}.status-chip.gray{background:#efefec;color:#5a5c58}
.order-table{width:100%;border-collapse:collapse}.order-table th,.order-table td{text-align:left;border-bottom:1px solid var(--p2p-line);padding:11px 8px;font-size:.86rem}.order-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--p2p-muted)}
.p2p-modal-wrap{position:fixed;inset:0;background:#00150cb8;display:grid;place-items:center;padding:18px;z-index:1000}.p2p-modal{background:#fffaf2;border:1px solid #dbc89f;border-radius:24px;width:min(620px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #0006;padding:22px}.p2p-modal-head{display:flex;justify-content:space-between;align-items:center}.p2p-modal-head h2{font-family:Georgia,serif;margin:0}.p2p-close{border:0;background:#f0e8d9;border-radius:50%;width:34px;height:34px;font-size:1.2rem;cursor:pointer}.quote-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f3f6ef;border-radius:16px;padding:13px;margin:12px 0}.quote-box div{font-size:.78rem;color:var(--p2p-muted)}.quote-box strong{display:block;color:var(--p2p-ink);font-size:1.05rem}.order-warning{background:#fff4d9;border:1px solid #ecd08d;border-radius:12px;padding:10px;font-size:.82rem}.p2p-hidden{display:none!important}
.crm-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.crm-metric{background:#fffaf2;border:1px solid var(--p2p-line);border-radius:16px;padding:15px}.crm-metric b{display:block;font-size:1.6rem}.todo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.todo{background:#fffaf2;border:1px solid var(--p2p-line);border-radius:16px;padding:14px}.todo span{display:block;color:var(--p2p-muted);font-size:.75rem}.todo b{font-size:1.4rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .wide{grid-column:1/-1}.callout{border-left:4px solid var(--p2p-gold);background:#fff8e7;padding:12px 14px;border-radius:0 12px 12px 0;color:#4e584f}
@media(max-width:980px){.offer-head{display:none}.p2p-hero{grid-template-columns:1fr}.p2p-filterbar{grid-template-columns:1fr 1fr}.offer{grid-template-columns:1fr 1fr}.offer .merchant{grid-column:1/-1}.trade-btn{width:100%}.crm-metric-grid,.todo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.p2p-shell{padding:14px 10px 48px}.p2p-top{align-items:flex-start}.p2p-actions{justify-content:flex-end}.p2p-hero{padding:20px;border-radius:20px}.p2p-hero h1{font-size:2.35rem}.p2p-statgrid,.p2p-filterbar,.p2p-grid,.form-grid,.quote-box{grid-template-columns:1fr}.p2p-tabs{position:sticky;top:6px;z-index:20}.offer{grid-template-columns:1fr;padding:14px}.offer .merchant{grid-column:auto}.crm-metric-grid,.todo-grid{grid-template-columns:1fr 1fr}.order-table{display:block;overflow:auto;white-space:nowrap}.p2p-toolbar{align-items:flex-start;flex-direction:column}}