/* WP Binary Trading — Complete Frontend CSS */
:root {
    --wpbt-bg:#0f172a;--wpbt-surface:#1e293b;--wpbt-border:#334155;
    --wpbt-text:#f1f5f9;--wpbt-muted:#94a3b8;--wpbt-accent:#3b82f6;
    --wpbt-up:#16a34a;--wpbt-down:#dc2626;--wpbt-gold:#f59e0b;--wpbt-radius:8px;
}
.wpbt-trading-page,.wpbt-wallet-page,.wpbt-deposit-page,.wpbt-withdrawal-page,
.wpbt-kyc-page,.wpbt-history-page,.wpbt-referral-page,.wpbt-support-page{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color:var(--wpbt-text);background:var(--wpbt-bg);min-height:100vh;padding:20px;box-sizing:border-box;
}
h2{font-size:22px;font-weight:700;margin:0 0 20px}h3{font-size:16px;font-weight:600;margin:0 0 14px}
.wpbt-card{background:var(--wpbt-surface);border:1px solid var(--wpbt-border);border-radius:var(--wpbt-radius);padding:20px}
.wpbt-btn{display:inline-block;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;text-align:center;transition:opacity .15s}
.wpbt-btn:hover{opacity:.88}.wpbt-btn:disabled{opacity:.5;cursor:not-allowed}
.wpbt-btn--primary{background:var(--wpbt-accent);color:#fff}.wpbt-btn--outline{background:transparent;color:var(--wpbt-accent);border:1px solid var(--wpbt-accent)}
.wpbt-btn--full{display:block;width:100%}.wpbt-btn--sm{padding:6px 12px;font-size:12px}
.wpbt-form-group{margin-bottom:16px}.wpbt-form-group label{display:block;font-size:13px;color:var(--wpbt-muted);margin-bottom:6px}
.wpbt-form-group input,.wpbt-form-group select,.wpbt-form-group textarea{width:100%;padding:10px 12px;background:var(--wpbt-bg);border:1px solid var(--wpbt-border);border-radius:6px;color:var(--wpbt-text);font-size:14px;box-sizing:border-box}
.wpbt-form-group input:focus,.wpbt-form-group select:focus,.wpbt-form-group textarea:focus{border-color:var(--wpbt-accent);outline:none}
.wpbt-field-note{font-size:12px;color:var(--wpbt-muted);margin:4px 0 0}
.wpbt-message{padding:10px 14px;border-radius:6px;margin-top:12px;display:none;font-size:14px}
.wpbt-message.wpbt-success{background:#052e16;color:#4ade80;border:1px solid #16a34a}
.wpbt-message.wpbt-error{background:#1a0000;color:#f87171;border:1px solid #dc2626}
.wpbt-alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;display:flex;gap:12px;align-items:center}
.wpbt-alert--warning{background:#1c1400;border:1px solid var(--wpbt-gold);color:var(--wpbt-gold)}
.wpbt-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:capitalize}
.wpbt-badge--green{background:rgba(22,163,74,.2);color:#4ade80}.wpbt-badge--red{background:rgba(220,38,38,.2);color:#f87171}
.wpbt-badge--blue{background:rgba(59,130,246,.2);color:#60a5fa}.wpbt-badge--orange{background:rgba(245,158,11,.2);color:#fbbf24}
.wpbt-badge--gray{background:rgba(148,163,184,.1);color:var(--wpbt-muted)}.wpbt-badge--purple{background:rgba(139,92,246,.2);color:#a78bfa}
.wpbt-history-table{width:100%;border-collapse:collapse;font-size:13px}
.wpbt-history-table th{padding:10px 12px;text-align:left;font-size:11px;text-transform:uppercase;color:var(--wpbt-muted);border-bottom:1px solid var(--wpbt-border)}
.wpbt-history-table td{padding:10px 12px;border-bottom:1px solid rgba(51,65,85,.5)}
.wpbt-history-table tr:hover td{background:rgba(255,255,255,.03)}
.wpbt-positive{color:#4ade80;font-weight:600}.wpbt-negative{color:#f87171;font-weight:600}
.wpbt-up{color:#4ade80}.wpbt-down{color:#f87171}.wpbt-win{color:#4ade80}.wpbt-lose{color:#f87171}
.wpbt-verify-link{color:var(--wpbt-accent);text-decoration:none;font-size:16px}
.wpbt-pagination{display:flex;gap:6px;justify-content:center;margin-top:20px;flex-wrap:wrap}
.wpbt-page-btn{padding:6px 12px;border-radius:4px;border:1px solid var(--wpbt-border);color:var(--wpbt-text);text-decoration:none;font-size:13px}
.wpbt-page-active{background:var(--wpbt-accent);border-color:var(--wpbt-accent)}
.wpbt-table-wrap{overflow-x:auto}
.wpbt-filter-bar{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}
.wpbt-filter-bar select,.wpbt-filter-bar input{padding:8px 12px;background:var(--wpbt-surface);border:1px solid var(--wpbt-border);border-radius:6px;color:var(--wpbt-text);font-size:13px}
.wpbt-filter-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.wpbt-filter-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--wpbt-border);background:transparent;color:var(--wpbt-muted);cursor:pointer;font-size:13px;transition:all .15s}
.wpbt-filter-btn.active{background:var(--wpbt-accent);border-color:var(--wpbt-accent);color:#fff}
.wpbt-balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.wpbt-balance-card{border-radius:var(--wpbt-radius);padding:20px;border:1px solid var(--wpbt-border)}
.wpbt-card--real{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-color:#2563eb}
.wpbt-card--demo{background:linear-gradient(135deg,#1a2e1e,#1e293b);border-color:#16a34a}
.wpbt-card--bonus{background:linear-gradient(135deg,#2e1a1a,#1e293b);border-color:#dc2626}
.wpbt-card--commission{background:linear-gradient(135deg,#2e1e00,#1e293b);border-color:#f59e0b}
.wpbt-balance-card .wpbt-balance-label{font-size:12px;color:var(--wpbt-muted);margin-bottom:6px}
.wpbt-balance-card .wpbt-balance-amount{font-size:28px;font-weight:800;line-height:1}
.wpbt-balance-card .wpbt-balance-currency{font-size:12px;color:var(--wpbt-muted);margin-top:4px}
.wpbt-card-actions{display:flex;gap:8px;margin-top:14px}
.wpbt-kyc-status-card{padding:16px 20px;border-radius:var(--wpbt-radius);margin-bottom:20px}
.wpbt-kyc-status--pending{background:rgba(59,130,246,.1);border:1px solid #3b82f6}
.wpbt-kyc-status--submitted{background:rgba(245,158,11,.1);border:1px solid #f59e0b}
.wpbt-kyc-status--approved{background:rgba(22,163,74,.1);border:1px solid #16a34a}
.wpbt-kyc-status--rejected{background:rgba(220,38,38,.1);border:1px solid #dc2626}
.wpbt-kyc-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}
.wpbt-upload-box{border:2px dashed var(--wpbt-border);border-radius:var(--wpbt-radius);padding:20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.wpbt-upload-box:hover{border-color:var(--wpbt-accent);background:rgba(59,130,246,.05)}
.wpbt-upload-box.wpbt-uploaded{border-color:var(--wpbt-up);border-style:solid;background:rgba(22,163,74,.05)}
.wpbt-upload-box.wpbt-file-selected{border-color:var(--wpbt-accent);border-style:solid}
.wpbt-upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}
.wpbt-upload-icon{font-size:32px}.wpbt-file-name{font-size:11px;color:var(--wpbt-muted);margin-top:4px;word-break:break-all}
.wpbt-kyc-requirements ul{font-size:13px;color:var(--wpbt-muted);padding-left:20px;margin-bottom:20px}
.wpbt-kyc-requirements li{margin-bottom:6px}
.wpbt-kyc-approved{text-align:center;padding:40px}.wpbt-kyc-approved-icon{font-size:64px;margin-bottom:16px}
.wpbt-kyc-banner{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}
.wpbt-kyc-pending{background:rgba(59,130,246,.1);border:1px solid #3b82f6}
.wpbt-kyc-submitted{background:rgba(245,158,11,.1);border:1px solid #f59e0b}
.wpbt-kyc-rejected{background:rgba(220,38,38,.1);border:1px solid #dc2626}
.wpbt-progress-bar{height:4px;background:var(--wpbt-border);border-radius:2px;margin-top:12px;overflow:hidden}
.wpbt-progress-fill{height:100%;background:var(--wpbt-accent);border-radius:2px;transition:width .2s}
.wpbt-history-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}
.wpbt-stat-card{background:var(--wpbt-surface);border:1px solid var(--wpbt-border);border-radius:var(--wpbt-radius);padding:16px;text-align:center}
.wpbt-stat-card .wpbt-stat-value{font-size:22px;font-weight:800}
.wpbt-stat-card .wpbt-stat-label{font-size:11px;color:var(--wpbt-muted);margin-top:4px}
.wpbt-stat--win .wpbt-stat-value{color:#4ade80}.wpbt-stat--lose .wpbt-stat-value{color:#f87171}
.wpbt-address-box{display:flex;gap:8px;align-items:center;background:var(--wpbt-bg);border:1px solid var(--wpbt-border);border-radius:6px;padding:10px 12px}
.wpbt-address-box code{flex:1;word-break:break-all;font-size:13px;color:var(--wpbt-muted)}
.wpbt-ref-input{flex:1;background:transparent;border:none;color:var(--wpbt-text);font-size:13px;outline:none;width:100%}
.wpbt-steps{padding-left:20px}.wpbt-steps li{margin-bottom:10px;font-size:14px;color:var(--wpbt-muted);line-height:1.5}
.wpbt-info-list{list-style:none;padding:0}.wpbt-info-list li{padding:8px 0;border-bottom:1px solid var(--wpbt-border);font-size:13px;color:var(--wpbt-muted)}
.wpbt-info-list li:last-child{border-bottom:none}.wpbt-view-all{display:block;text-align:right;margin-top:12px;font-size:13px;color:var(--wpbt-accent);text-decoration:none}
.wpbt-deposit-layout{display:grid;grid-template-columns:1fr 380px;gap:24px}
@media(max-width:768px){.wpbt-deposit-layout{grid-template-columns:1fr}}
.wpbt-otp-info{background:rgba(59,130,246,.1);border:1px solid #3b82f6;border-radius:6px;padding:12px 16px;margin-bottom:16px;font-size:14px}
.wpbt-otp-input{text-align:center;font-size:24px;font-weight:700;letter-spacing:8px}
.wpbt-otp-actions{display:flex;gap:10px}
.wpbt-trading-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}
.wpbt-account-switcher{display:flex;gap:4px;background:var(--wpbt-surface);border:1px solid var(--wpbt-border);border-radius:6px;padding:4px}
.wpbt-switch-label{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600}
.wpbt-switch-label input{display:none}.wpbt-switch-label:has(input:checked){background:var(--wpbt-accent);color:#fff}
.wpbt-header-balance{font-size:14px;color:var(--wpbt-muted)}.wpbt-header-balance strong{font-size:20px;font-weight:800;color:var(--wpbt-text)}
.wpbt-trading-layout{display:grid;grid-template-columns:1fr 320px;gap:16px}
@media(max-width:900px){.wpbt-trading-layout{grid-template-columns:1fr}}
.wpbt-asset-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.wpbt-asset-tab{padding:6px 14px;background:var(--wpbt-surface);border:1px solid var(--wpbt-border);border-radius:20px;color:var(--wpbt-muted);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}
.wpbt-asset-tab.active{background:var(--wpbt-accent);border-color:var(--wpbt-accent);color:#fff}
.wpbt-chart-container{background:var(--wpbt-surface);border:1px solid var(--wpbt-border);border-radius:var(--wpbt-radius);overflow:hidden}
#wpbt-tv-widget{width:100%;height:400px}
.wpbt-price-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--wpbt-surface);border:1px solid var(--wpbt-border);border-radius:var(--wpbt-radius);margin-top:10px}
.wpbt-price-symbol{font-weight:700;font-size:14px}.wpbt-current-price{font-size:24px;font-weight:800}
.wpbt-trade-panel{display:flex;flex-direction:column;gap:12px}
.wpbt-payout-info{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(59,130,246,.1);border-radius:6px;margin-bottom:16px;font-size:13px}
.wpbt-payout-pct{font-size:20px;font-weight:800;color:#4ade80}
.wpbt-quick-amounts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.wpbt-quick-amt{padding:4px 10px;background:var(--wpbt-border);border:none;border-radius:4px;color:var(--wpbt-text);cursor:pointer;font-size:12px;transition:background .15s}
.wpbt-quick-amt:hover{background:var(--wpbt-accent)}
.wpbt-duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.wpbt-dur-btn{padding:8px;background:var(--wpbt-bg);border:1px solid var(--wpbt-border);border-radius:6px;color:var(--wpbt-muted);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s;text-align:center}
.wpbt-dur-btn.active{background:var(--wpbt-accent);border-color:var(--wpbt-accent);color:#fff}
.wpbt-profit-preview{background:var(--wpbt-bg);border-radius:6px;padding:12px;margin:12px 0}
.wpbt-profit-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--wpbt-muted)}
.wpbt-profit-row--win strong{color:#4ade80}
.wpbt-trade-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.wpbt-trade-btn{padding:16px;font-size:18px;font-weight:800;border:none;border-radius:8px;cursor:pointer;transition:transform .1s,opacity .15s;letter-spacing:1px}
.wpbt-trade-btn:hover:not(:disabled){transform:translateY(-1px)}.wpbt-trade-btn:disabled{opacity:.5;cursor:not-allowed}
.wpbt-btn-up{background:var(--wpbt-up);color:#fff}.wpbt-btn-down{background:var(--wpbt-down);color:#fff}
.wpbt-active-trade{background:var(--wpbt-surface);border:1px solid var(--wpbt-border);border-radius:var(--wpbt-radius);padding:16px}
.wpbt-active-trade-header{font-size:11px;text-transform:uppercase;color:var(--wpbt-muted);margin-bottom:10px}
.wpbt-active-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px;margin-bottom:12px}
.wpbt-countdown{font-size:22px;font-weight:800;color:var(--wpbt-accent)}
.wpbt-bottom-area{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
@media(max-width:768px){.wpbt-bottom-area{grid-template-columns:1fr}}
.wpbt-live-feed{max-height:250px;overflow-y:auto}
.wpbt-feed-item{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(51,65,85,.5);font-size:12px}
.wpbt-feed-item.wpbt-up{border-left:2px solid var(--wpbt-up);padding-left:8px}
.wpbt-feed-item.wpbt-down{border-left:2px solid var(--wpbt-down);padding-left:8px}
.wpbt-feed-symbol{font-weight:700}.wpbt-feed-time{margin-left:auto;color:var(--wpbt-muted);font-size:11px}
.wpbt-loading{position:relative;pointer-events:none;opacity:.7}
.wpbt-loading::after{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:wpbt-spin .6s linear infinite}
@keyframes wpbt-spin{to{transform:rotate(360deg)}}
.wpbt-notif-badge{display:inline-block;background:#dc2626;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;line-height:18px;text-align:center;font-weight:700}
.wpbt-share-buttons{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.wpbt-share-btn{padding:8px 16px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600}
.wpbt-share-btn--telegram{background:#0088cc;color:#fff}.wpbt-share-btn--whatsapp{background:#25d366;color:#fff}.wpbt-share-btn--twitter{background:#1da1f2;color:#fff}
.wpbt-support-layout{display:grid;grid-template-columns:320px 1fr;gap:20px}
@media(max-width:768px){.wpbt-support-layout{grid-template-columns:1fr}}
.wpbt-ticket-list{margin-top:12px;display:flex;flex-direction:column;gap:6px;max-height:500px;overflow-y:auto}
.wpbt-ticket-item{display:block;padding:12px;background:var(--wpbt-surface);border:1px solid var(--wpbt-border);border-radius:6px;text-decoration:none;color:var(--wpbt-text);transition:border-color .15s}
.wpbt-ticket-item:hover{border-color:var(--wpbt-accent)}.wpbt-ticket-item--active{border-color:var(--wpbt-accent);background:rgba(59,130,246,.1)}
.wpbt-ticket-subject{font-size:14px;font-weight:600;margin-bottom:6px}
.wpbt-ticket-meta{display:flex;gap:8px;align-items:center;font-size:12px}.wpbt-ticket-date{margin-left:auto;color:var(--wpbt-muted)}
.wpbt-ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.wpbt-ticket-thread{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-right:4px}
.wpbt-reply{padding:12px;border-radius:8px;max-width:85%}
.wpbt-reply--user{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);align-self:flex-end}
.wpbt-reply--admin{background:var(--wpbt-bg);border:1px solid var(--wpbt-border);align-self:flex-start}
.wpbt-reply-meta{font-size:11px;color:var(--wpbt-muted);margin-bottom:6px;display:flex;gap:8px}
.wpbt-reply-body{font-size:14px;line-height:1.5}
.wpbt-reply-form{border-top:1px solid var(--wpbt-border);padding-top:16px;display:flex;flex-direction:column;gap:10px}
.wpbt-reply-form textarea{min-height:80px;resize:vertical}
.wpbt-ticket-closed-note{color:var(--wpbt-muted);font-size:13px;font-style:italic}
.wpbt-login-notice{padding:20px;text-align:center;color:var(--wpbt-muted)}
.wpbt-balance-display{background:rgba(59,130,246,.1);border:1px solid #3b82f6;border-radius:6px;padding:12px 16px;margin-bottom:16px;font-size:14px}
.wpbt-balance-display strong{font-size:22px;font-weight:800;margin:0 4px}
@media(max-width:600px){.wpbt-history-stats{grid-template-columns:repeat(2,1fr)}.wpbt-balance-cards{grid-template-columns:1fr 1fr}.wpbt-trade-buttons{gap:8px}.wpbt-trade-btn{padding:14px;font-size:16px}}

/* ─────────────────────────────────────────────────────────────
   TRADING PAGE
────────────────────────────────────────────────────────────── */
.wpbt-trading-page { font-family: inherit; }
.wpbt-trading-header { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; background:var(--wpbt-card); border:1px solid var(--wpbt-border); border-radius:8px; margin-bottom:16px; }
.wpbt-account-switcher { display:flex; gap:16px; }
.wpbt-switch-label { display:flex; align-items:center; gap:6px; cursor:pointer; font-size:14px; color:var(--wpbt-text); }
.wpbt-switch-label input { accent-color:var(--wpbt-accent); }
.wpbt-header-balance { font-size:15px; color:var(--wpbt-text); }
.wpbt-header-balance strong { font-size:20px; color:#38bdf8; }

/* Layout */
.wpbt-trading-layout { display:grid; grid-template-columns:1fr 320px; gap:16px; }
.wpbt-chart-area { display:flex; flex-direction:column; gap:12px; }

/* Asset tabs */
.wpbt-asset-tabs { display:flex; gap:6px; flex-wrap:wrap; }
.wpbt-asset-tab { padding:7px 14px; background:var(--wpbt-card); border:1px solid var(--wpbt-border); border-radius:6px; color:var(--wpbt-muted); font-size:13px; font-weight:600; cursor:pointer; transition:all .15s; }
.wpbt-asset-tab.active,
.wpbt-asset-tab:hover { background:var(--wpbt-accent); border-color:var(--wpbt-accent); color:#fff; }

/* Chart container */
.wpbt-chart-container { background:var(--wpbt-card); border:1px solid var(--wpbt-border); border-radius:8px; overflow:hidden; min-height:420px; }
#wpbt-tv-widget { width:100%; height:420px; }
#wpbt-tv-widget .tradingview-widget-container { width:100%; height:100%; }
#wpbt-tv-widget .tradingview-widget-container__widget { width:100%; height:420px; }

/* Price bar */
.wpbt-price-bar { display:flex; align-items:center; gap:12px; padding:10px 16px; background:var(--wpbt-card); border:1px solid var(--wpbt-border); border-radius:8px; }
.wpbt-price-symbol { font-size:13px; color:var(--wpbt-muted); font-weight:600; }
.wpbt-current-price { font-size:24px; font-weight:800; color:#38bdf8; }
.wpbt-price-source-badge { font-size:10px; background:#1e293b; border:1px solid var(--wpbt-border); padding:2px 7px; border-radius:10px; color:var(--wpbt-muted); }
.wpbt-price-change { font-size:13px; font-weight:600; }
.wpbt-price-change.up   { color:var(--wpbt-up); }
.wpbt-price-change.down { color:var(--wpbt-down); }

/* Trade panel */
.wpbt-trade-panel { display:flex; flex-direction:column; gap:12px; }
.wpbt-trade-form { background:var(--wpbt-card); border:1px solid var(--wpbt-border); border-radius:8px; padding:20px; }
.wpbt-payout-info { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; background:#0f172a; border-radius:6px; margin-bottom:16px; font-size:13px; color:var(--wpbt-muted); }
.wpbt-payout-pct { font-size:22px; font-weight:800; color:#22c55e; }
.wpbt-form-group { margin-bottom:14px; }
.wpbt-form-group label { display:block; font-size:12px; color:var(--wpbt-muted); margin-bottom:5px; text-transform:uppercase; letter-spacing:.4px; }
.wpbt-form-group input[type=number],
.wpbt-form-group select { width:100%; padding:10px 12px; background:#0f172a; border:1px solid var(--wpbt-border); border-radius:6px; color:var(--wpbt-text); font-size:15px; box-sizing:border-box; }
.wpbt-form-group input:focus { outline:none; border-color:var(--wpbt-accent); }

/* Quick amounts */
.wpbt-quick-amounts { display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
.wpbt-quick-amt { padding:4px 10px; background:#0f172a; border:1px solid var(--wpbt-border); border-radius:4px; color:var(--wpbt-muted); font-size:12px; cursor:pointer; transition:all .1s; }
.wpbt-quick-amt:hover { border-color:var(--wpbt-accent); color:var(--wpbt-accent); }

/* Duration grid */
.wpbt-duration-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.wpbt-dur-btn { padding:8px 4px; text-align:center; background:#0f172a; border:1px solid var(--wpbt-border); border-radius:6px; color:var(--wpbt-muted); font-size:13px; font-weight:600; cursor:pointer; transition:all .1s; }
.wpbt-dur-btn.active,
.wpbt-dur-btn:hover { background:var(--wpbt-accent); border-color:var(--wpbt-accent); color:#fff; }

/* Profit preview */
.wpbt-profit-preview { background:#0f172a; border-radius:6px; padding:12px 14px; margin-bottom:14px; }
.wpbt-profit-row { display:flex; justify-content:space-between; font-size:13px; padding:3px 0; color:var(--wpbt-muted); }
.wpbt-profit-row--win strong { color:#22c55e; font-size:16px; }

/* Trade buttons */
.wpbt-trade-buttons { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.wpbt-trade-btn { padding:16px 8px; font-size:18px; font-weight:800; border:none; border-radius:8px; cursor:pointer; transition:opacity .15s, transform .1s; letter-spacing:.5px; }
.wpbt-trade-btn:active { transform:scale(.97); }
.wpbt-trade-btn:disabled { opacity:.45; cursor:not-allowed; }
.wpbt-btn-up   { background:linear-gradient(135deg,#16a34a,#22c55e); color:#fff; }
.wpbt-btn-down { background:linear-gradient(135deg,#b91c1c,#ef4444); color:#fff; }

/* Active trade */
.wpbt-active-trade { background:var(--wpbt-card); border:1px solid var(--wpbt-accent); border-radius:8px; padding:16px; }
.wpbt-active-trade-header { font-size:12px; text-transform:uppercase; letter-spacing:.5px; color:var(--wpbt-accent); margin-bottom:10px; font-weight:700; }
.wpbt-active-info { display:flex; flex-direction:column; gap:6px; font-size:13px; color:var(--wpbt-muted); margin-bottom:12px; }
.wpbt-active-info strong { color:var(--wpbt-text); }
.wpbt-progress-bar { height:6px; background:#0f172a; border-radius:3px; overflow:hidden; }
.wpbt-progress-fill { height:100%; background:var(--wpbt-accent); border-radius:3px; width:100%; transition:width 1s linear; }

/* Bottom area */
.wpbt-bottom-area { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }
.wpbt-live-feed-area,
.wpbt-recent-trades-area { background:var(--wpbt-card); border:1px solid var(--wpbt-border); border-radius:8px; padding:16px; }
.wpbt-live-feed-area h3,
.wpbt-recent-trades-area h3 { margin:0 0 12px; font-size:14px; color:var(--wpbt-text); }

/* History table */
.wpbt-history-table { width:100%; border-collapse:collapse; font-size:13px; }
.wpbt-history-table th { color:var(--wpbt-muted); font-size:11px; text-transform:uppercase; letter-spacing:.4px; padding:6px 8px; border-bottom:1px solid var(--wpbt-border); text-align:left; }
.wpbt-history-table td { padding:8px 8px; border-bottom:1px solid #1e293b; color:var(--wpbt-text); }
.wpbt-history-table tbody tr:last-child td { border-bottom:none; }
.wpbt-up   { color:var(--wpbt-up)!important; font-weight:700; }
.wpbt-down { color:var(--wpbt-down)!important; font-weight:700; }
.wpbt-win  { color:var(--wpbt-up); font-weight:700; }
.wpbt-lose { color:var(--wpbt-down); font-weight:700; }
.wpbt-verify-link { color:var(--wpbt-accent); text-decoration:none; font-weight:600; }
.wpbt-view-all { display:inline-block; margin-top:8px; font-size:13px; color:var(--wpbt-accent); text-decoration:none; }

/* ─────────────────────────────────────────────────────────────
   WALLET PAGE
────────────────────────────────────────────────────────────── */
.wpbt-wallet-page h2 { color:var(--wpbt-text,#111); }
.wpbt-balance-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; margin-bottom:24px; }
.wpbt-balance-card { border-radius:10px; padding:22px; color:#fff; }
.wpbt-card--real       { background:linear-gradient(135deg,#1d4ed8,#3b82f6); }
.wpbt-card--demo       { background:linear-gradient(135deg,#6b21a8,#a855f7); }
.wpbt-card--bonus      { background:linear-gradient(135deg,#b45309,#f59e0b); }
.wpbt-card--commission { background:linear-gradient(135deg,#065f46,#10b981); }
.wpbt-balance-label  { font-size:12px; opacity:.8; text-transform:uppercase; letter-spacing:.5px; }
.wpbt-balance-amount { font-size:32px; font-weight:800; margin:6px 0 2px; }
.wpbt-balance-currency { font-size:13px; opacity:.7; }
.wpbt-card-actions { display:flex; gap:8px; margin-top:14px; }

/* Buttons */
.wpbt-btn { display:inline-block; padding:9px 18px; border-radius:6px; font-size:14px; font-weight:600; text-decoration:none; cursor:pointer; border:none; transition:opacity .15s; }
.wpbt-btn:disabled { opacity:.5; cursor:not-allowed; }
.wpbt-btn--primary { background:var(--wpbt-accent,#3b82f6); color:#fff; }
.wpbt-btn--outline { background:transparent; border:2px solid currentColor; }
.wpbt-btn--full { width:100%; display:block; text-align:center; box-sizing:border-box; }
.wpbt-btn--sm { padding:5px 12px; font-size:12px; }
.wpbt-btn:hover:not(:disabled) { opacity:.85; }

/* KYC banner */
.wpbt-kyc-banner { padding:12px 16px; border-radius:6px; margin-bottom:20px; font-size:14px; }
.wpbt-kyc-pending   { background:#fff8e1; color:#92400e; border:1px solid #fde68a; }
.wpbt-kyc-submitted { background:#dbeafe; color:#1d4ed8; border:1px solid #bfdbfe; }
.wpbt-kyc-rejected  { background:#fee2e2; color:#b91c1c; border:1px solid #fecaca; }
.wpbt-kyc-banner a  { font-weight:700; color:inherit; }

/* Filter tabs */
.wpbt-filter-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.wpbt-filter-btn { padding:6px 14px; background:#f1f5f9; border:1px solid #e2e8f0; border-radius:20px; font-size:13px; cursor:pointer; transition:all .1s; }
.wpbt-filter-btn.active { background:var(--wpbt-accent,#3b82f6); border-color:var(--wpbt-accent,#3b82f6); color:#fff; }
.wpbt-positive { color:#16a34a; font-weight:600; }
.wpbt-negative { color:#dc2626; font-weight:600; }

/* Card (generic) */
.wpbt-card { background:#250f3f11; border:1px solid #e2e8f0; border-radius:8px; padding:20px; margin-bottom:16px; }
.wpbt-card h3 { margin:0 0 16px; font-size:16px; border-bottom:1px solid #f1f5f9; padding-bottom:10px; }

/* ─────────────────────────────────────────────────────────────
   DEPOSIT / WITHDRAWAL
────────────────────────────────────────────────────────────── */
.wpbt-deposit-layout,
.wpbt-withdrawal-layout { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.wpbt-address-box { display:flex; gap:8px; align-items:center; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; padding:10px 14px; }
.wpbt-address-box code { flex:1; font-size:12px; word-break:break-all; }
.wpbt-steps { padding-left:20px; line-height:1.9; color:#555; }
.wpbt-balance-display { display:flex; justify-content:space-between; align-items:center; background:#f8fafc; border-radius:6px; padding:12px 16px; margin-bottom:16px; font-size:14px; }
.wpbt-balance-display strong { font-size:20px; color:#2563eb; }
.wpbt-otp-info { background:#eff6ff; border:1px solid #bfdbfe; border-radius:6px; padding:14px; margin-bottom:14px; font-size:14px; }
.wpbt-info-list { padding-left:18px; line-height:2; color:#555; font-size:14px; }
.wpbt-field-note { font-size:12px; color:#888; margin-top:5px; }
.wpbt-alert { padding:12px 16px; border-radius:6px; margin-bottom:16px; font-size:14px; }
.wpbt-alert--warning { background:#fff8e1; border:1px solid #fde68a; color:#92400e; }
.wpbt-alert a { font-weight:700; color:inherit; }

/* ─────────────────────────────────────────────────────────────
   KYC PAGE
────────────────────────────────────────────────────────────── */
.wpbt-kyc-status-card { padding:16px 20px; border-radius:8px; margin-bottom:20px; font-size:15px; font-weight:500; }
.wpbt-kyc-status--pending   { background:#fff8e1; border:1px solid #fde68a; color:#92400e; }
.wpbt-kyc-status--submitted { background:#eff6ff; border:1px solid #bfdbfe; color:#1d4ed8; }
.wpbt-kyc-status--approved  { background:#f0fdf4; border:1px solid #bbf7d0; color:#15803d; }
.wpbt-kyc-status--rejected  { background:#fef2f2; border:1px solid #fecaca; color:#b91c1c; }
.wpbt-kyc-form-card { margin-top:16px; }
.wpbt-kyc-note { color:#888; font-size:13px; margin-bottom:16px; }
.wpbt-kyc-upload-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.wpbt-upload-box { border:2px dashed #e2e8f0; border-radius:8px; padding:24px 16px; text-align:center; transition:border-color .15s; }
.wpbt-upload-box.wpbt-uploaded { border-color:#22c55e; background:#f0fdf4; }
.wpbt-upload-box:hover { border-color:#3b82f6; }
.wpbt-upload-icon { font-size:32px; margin-bottom:8px; }
.wpbt-upload-label { font-size:13px; font-weight:600; color:#444; margin-bottom:12px; }
.wpbt-uploaded-badge { font-size:12px; color:#16a34a; font-weight:600; margin-bottom:8px; }
.wpbt-file-input { display:none; }
.wpbt-file-name { display:block; font-size:11px; color:#888; margin-top:6px; word-break:break-all; }

/* ─────────────────────────────────────────────────────────────
   SUPPORT / REFERRAL
────────────────────────────────────────────────────────────── */
.wpbt-referral-box { background:linear-gradient(135deg,#1e293b,#0f172a); border:1px solid #334155; border-radius:10px; padding:28px; text-align:center; color:#f1f5f9; margin-bottom:20px; }
.wpbt-referral-link-display { display:flex; gap:8px; align-items:center; background:#0f172a; border:1px solid #334155; border-radius:6px; padding:10px 14px; margin:16px 0; }
.wpbt-referral-link-display code { flex:1; font-size:13px; color:#38bdf8; word-break:break-all; }
.wpbt-ticket-list { list-style:none; padding:0; margin:0; }
.wpbt-ticket-item { background:#fff; border:1px solid #e2e8f0; border-radius:6px; padding:14px 16px; margin-bottom:8px; display:flex; justify-content:space-between; align-items:center; }
.wpbt-ticket-subject { font-weight:600; font-size:14px; }
.wpbt-ticket-meta { font-size:12px; color:#888; margin-top:3px; }
.wpbt-reply-area { background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:16px; margin-top:16px; }
.wpbt-reply-msg { padding:10px 14px; border-radius:6px; margin-bottom:8px; font-size:14px; max-width:80%; }
.wpbt-reply-msg.wpbt-admin-reply { background:#eff6ff; border:1px solid #bfdbfe; margin-left:auto; }
.wpbt-reply-msg.wpbt-user-reply  { background:#f0fdf4; border:1px solid #bbf7d0; }
.wpbt-reply-meta { font-size:11px; color:#aaa; margin-top:4px; }

/* ─────────────────────────────────────────────────────────────
   RESPONSIVE
────────────────────────────────────────────────────────────── */
@media (max-width:1024px) {
    .wpbt-trading-layout { grid-template-columns:1fr; }
    .wpbt-trade-panel { flex-direction:row; flex-wrap:wrap; }
    .wpbt-trade-form { flex:1; min-width:280px; }
    .wpbt-bottom-area { grid-template-columns:1fr; }
}
@media (max-width:768px) {
    .wpbt-deposit-layout,
    .wpbt-withdrawal-layout { grid-template-columns:1fr; }
    .wpbt-kyc-upload-grid { grid-template-columns:1fr; }
    .wpbt-balance-cards { grid-template-columns:1fr 1fr; }
    .wpbt-duration-grid { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:480px) {
    .wpbt-balance-cards { grid-template-columns:1fr; }
    .wpbt-trade-buttons { grid-template-columns:1fr; }
}