@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Inter:wght@400;600;700;800&display=swap');

*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter','Cairo',sans-serif}
:root{
    --gold:#CFA651;
    --gold-dark:#A87E36;
    --gold-glow:rgba(207,166,81,0.4);
    --bg:#050505;
    --bg-2:#0d0d0d;
    --panel:rgba(15,15,15,0.7);
    --border:rgba(207,166,81,0.15);
    --text:#fff;
    --muted:#888;
    --green:#4ade80;
    --red:#ef4444;
}
body{background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 0%,rgba(207,166,81,0.08) 0%,transparent 50%),radial-gradient(circle at 80% 100%,rgba(207,166,81,0.05) 0%,transparent 50%);z-index:-1;pointer-events:none}

/* ===== AUTH PAGES ===== */
.auth-body{display:flex;justify-content:center;align-items:center;padding:20px}
.auth-container{background:var(--panel);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 40px var(--gold-glow);text-align:center;animation:slideUp 0.6s ease}
@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.logo-container img{width:100px;filter:drop-shadow(0 0 20px var(--gold-glow));animation:pulseGlow 3s infinite alternate;margin-bottom:15px}
@keyframes pulseGlow{0%{filter:drop-shadow(0 0 10px var(--gold-glow))}100%{filter:drop-shadow(0 0 30px var(--gold))}}
.auth-container h2{color:var(--gold);font-size:28px;font-weight:800;margin-bottom:8px;letter-spacing:1px}
.subtitle{color:var(--muted);font-size:14px;margin-bottom:30px}
.form-group{margin-bottom:15px;text-align:left}
.form-group label{display:block;color:var(--muted);font-size:13px;margin-bottom:8px;font-weight:600}
input,textarea,select{width:100%;padding:15px 18px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;color:var(--text);font-size:15px;outline:none;transition:0.3s;font-family:inherit}
input:focus,textarea:focus,select:focus{border-color:var(--gold);background:rgba(255,255,255,0.06);box-shadow:0 0 0 3px var(--gold-glow)}
select option{background:var(--bg-2)}
.btn-gold{width:100%;padding:16px;background:linear-gradient(135deg,var(--gold-dark),var(--gold));border:none;border-radius:12px;color:#000;font-size:15px;font-weight:800;cursor:pointer;transition:0.3s;text-transform:uppercase;letter-spacing:1.5px;margin-top:10px}
.btn-gold:hover{box-shadow:0 10px 30px var(--gold-glow);transform:translateY(-2px)}
.btn-green{background:linear-gradient(135deg,#16a34a,#4ade80);color:#000;padding:14px;border:none;border-radius:10px;font-weight:700;cursor:pointer;width:100%;font-size:14px;text-transform:uppercase}
.btn-red{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;padding:14px;border:none;border-radius:10px;font-weight:700;cursor:pointer;width:100%;font-size:14px;text-transform:uppercase}
.switch-link{margin-top:20px;color:var(--muted);font-size:14px}
.switch-link a{color:var(--gold);text-decoration:none;font-weight:700}
.lang-switch{position:absolute;top:20px;right:20px;z-index:100}
.lang-switch a{color:var(--muted);text-decoration:none;margin:0 8px;font-weight:700;font-size:13px}
.lang-switch a:hover{color:var(--gold)}

.alert-error{background:rgba(239,68,68,0.15);border:1px solid var(--red);color:#fca5a5;padding:12px;border-radius:10px;margin-bottom:15px;font-size:14px}
.alert-success{background:rgba(74,222,128,0.15);border:1px solid var(--green);color:#86efac;padding:12px;border-radius:10px;margin-bottom:15px;font-size:14px}

/* ===== DASHBOARD ===== */
.dashboard-layout{display:flex;min-height:100vh}
.sidebar{width:260px;background:rgba(8,8,8,0.9);backdrop-filter:blur(20px);border-right:1px solid var(--border);padding:25px 15px;display:flex;flex-direction:column}
.sidebar .logo{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.sidebar .logo img{width:70px;filter:drop-shadow(0 0 15px var(--gold-glow))}
.sidebar .logo h3{color:var(--gold);margin-top:10px;font-size:18px;letter-spacing:3px;font-weight:800}
.sidebar nav{flex:1}
.sidebar a{display:block;padding:14px 18px;color:#ccc;text-decoration:none;border-radius:12px;margin-bottom:6px;transition:0.3s;font-size:14px;font-weight:600}
.sidebar a:hover{background:rgba(207,166,81,0.08);color:var(--gold);transform:translateX(5px)}
.sidebar a.active{background:linear-gradient(90deg,rgba(207,166,81,0.15),transparent);color:var(--gold);border-left:3px solid var(--gold)}
html[dir=rtl] .sidebar a.active{border-left:none;border-right:3px solid var(--gold)}
.sidebar .divider{height:1px;background:var(--border);margin:15px 0}
.sidebar .admin-link{color:#ff6b6b !important}
.logout-btn{margin-top:20px;text-align:center;color:#888 !important;border:1px solid rgba(255,255,255,0.1)}

.main-content{flex:1;padding:30px 40px;overflow-y:auto}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.topbar h1{font-size:26px;font-weight:800}
.lang-switch-top a{color:var(--muted);text-decoration:none;margin:0 5px;font-weight:700;font-size:13px}
.lang-switch-top a:hover{color:var(--gold)}

/* News Slider */
.news-slider{background:linear-gradient(90deg,rgba(207,166,81,0.1),transparent);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:25px;overflow:hidden;position:relative}
.news-track{display:flex;gap:60px;animation:scroll 30s linear infinite;white-space:nowrap}
.news-track span{color:var(--gold);font-weight:600;font-size:14px}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Stats */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}
.stat-card{background:var(--panel);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.05);padding:28px;border-radius:20px;text-align:center;transition:0.3s;position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.4)}
.stat-card.gold-border{border-color:var(--gold);box-shadow:0 0 30px rgba(207,166,81,0.15)}
.stat-card h3{color:var(--muted);font-size:13px;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.stat-card .value{color:var(--gold);font-size:36px;font-weight:800;margin-bottom:5px}
.stat-card .value span{font-size:16px;color:var(--text);font-weight:600}
.stat-card .sub{color:var(--muted);font-size:12px}

/* Wallet Card */
.wallet-card{background:var(--panel);backdrop-filter:blur(20px);border:1px solid var(--border);padding:25px;border-radius:20px;margin-bottom:25px}
.wallet-card h3{color:var(--muted);font-size:13px;text-transform:uppercase;margin-bottom:15px;letter-spacing:1px}
.address-box{background:rgba(0,0,0,0.4);padding:15px;border-radius:10px;font-family:monospace;color:var(--gold);word-break:break-all;cursor:pointer;transition:0.3s;font-size:13px;border:1px solid var(--border)}
.address-box:hover{background:rgba(207,166,81,0.05)}
.address-box.big{font-size:15px;padding:20px;text-align:center}
.ref-info{margin-top:15px;color:var(--muted);font-size:13px}
.ref-info strong{color:var(--gold)}

.quick-actions{display:flex;gap:15px;flex-wrap:wrap}
.action-btn{flex:1;min-width:150px;background:var(--panel);border:1px solid var(--border);padding:20px;border-radius:15px;text-align:center;color:var(--text);text-decoration:none;transition:0.3s;font-weight:600}
.action-btn:hover{background:rgba(207,166,81,0.1);border-color:var(--gold);transform:translateY(-3px)}

/* MINING PAGE */
.mine-container{max-width:600px;margin:0 auto;text-align:center}
.mine-stats{display:flex;justify-content:space-around;background:var(--panel);border:1px solid var(--border);padding:20px;border-radius:15px;margin-bottom:40px}
.mini-stat{display:flex;flex-direction:column;gap:5px}
.mini-stat span{color:var(--muted);font-size:12px;text-transform:uppercase}
.mini-stat strong{color:var(--gold);font-size:18px}
.mine-btn-wrapper{position:relative;margin:40px 0}
.mine-coin{background:transparent;border:none;cursor:pointer;padding:30px;border-radius:50%;transition:0.3s;position:relative}
.mine-coin img{width:220px;filter:drop-shadow(0 0 30px var(--gold-glow));transition:0.3s}
.mine-coin:hover img{filter:drop-shadow(0 0 50px var(--gold));transform:scale(1.05)}
.mine-coin:active img{transform:scale(0.95)}
.mine-coin.mining img{animation:spin 1s linear}
@keyframes spin{100%{transform:rotate(360deg)}}
.mine-text{color:var(--gold);font-size:20px;font-weight:800;letter-spacing:3px;margin-top:20px}
.flying-coin{position:absolute;top:50%;left:50%;color:var(--gold);font-size:32px;font-weight:800;animation:flyUp 1.5s ease-out forwards;pointer-events:none}
@keyframes flyUp{0%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-150px)}}
.success-msg{color:var(--green);font-weight:700;font-size:16px}
.error-msg{color:var(--red);font-weight:700;font-size:16px}
.cooldown-bar{width:100%;max-width:400px;height:6px;background:rgba(255,255,255,0.1);border-radius:10px;margin:20px auto;overflow:hidden}
#cooldownFill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold));width:0%;border-radius:10px}

/* WALLET */
.wallet-hero{background:linear-gradient(135deg,rgba(207,166,81,0.1),rgba(15,15,15,0.5));border:1px solid var(--border);padding:35px;border-radius:20px;margin-bottom:25px}
.wallet-balance-big{text-align:center;margin-bottom:25px}
.wallet-balance-big span{color:var(--muted);font-size:13px;text-transform:uppercase}
.wallet-balance-big h1{color:var(--gold);font-size:48px;font-weight:800;margin:10px 0}
.wallet-balance-big h1 small{font-size:20px;color:var(--text)}
.wallet-balance-big p{color:var(--muted);font-size:15px}
.wallet-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}
.tab-card{background:var(--panel);border:1px solid var(--border);padding:25px;border-radius:15px}
.tab-card h3{color:var(--gold);margin-bottom:20px}

/* TRANSACTIONS */
.tx-history{background:var(--panel);border:1px solid var(--border);padding:25px;border-radius:15px}
.tx-history h3{color:var(--gold);margin-bottom:20px}
table{width:100%;border-collapse:collapse}
table th{text-align:left;padding:12px;color:var(--muted);font-size:12px;text-transform:uppercase;border-bottom:1px solid var(--border);font-weight:600}
table td{padding:15px 12px;border-bottom:1px solid rgba(255,255,255,0.03);font-size:14px}
.tx-type{padding:4px 12px;border-radius:20px;font-size:11px;text-transform:uppercase;font-weight:700}
.tx-type.mining{background:rgba(207,166,81,0.15);color:var(--gold)}
.tx-type.transfer{background:rgba(59,130,246,0.15);color:#60a5fa}
.tx-type.trade{background:rgba(168,85,247,0.15);color:#c084fc}
.tx-type.referral{background:rgba(74,222,128,0.15);color:var(--green)}

/* TRADING */
.trade-header{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--border);padding:25px;border-radius:15px;margin-bottom:25px;flex-wrap:wrap;gap:20px}
.price-big span{color:var(--muted);font-size:13px;text-transform:uppercase}
.price-big h1{color:var(--gold);font-size:42px;font-weight:800;margin:5px 0}
.trade-info{display:flex;gap:30px;flex-wrap:wrap}
.trade-info div{color:var(--muted);font-size:14px}
.trade-info strong{color:var(--text);display:block;font-size:18px;margin-top:5px}
.trade-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.trade-card{background:var(--panel);border:1px solid var(--border);padding:25px;border-radius:15px}
.trade-card.buy{border-top:3px solid var(--green)}
.trade-card.sell{border-top:3px solid var(--red)}
.trade-card h3{margin-bottom:20px}
.trade-card label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px;text-transform:uppercase}
.trade-card p{color:var(--muted);margin:15px 0;font-size:14px}
.trade-card p span{color:var(--gold);font-weight:700}

/* NEWS */
.news-list{display:flex;flex-direction:column;gap:15px}
.news-item{background:var(--panel);border:1px solid var(--border);padding:25px;border-radius:15px;border-left:4px solid var(--gold)}
html[dir=rtl] .news-item{border-left:none;border-right:4px solid var(--gold)}
.news-item h3{color:var(--gold);margin-bottom:10px}
.news-item p{color:#ccc;line-height:1.8;margin-bottom:10px}
.news-item small{color:var(--muted);font-size:12px}

/* ADMIN */
.admin-section{background:var(--panel);border:1px solid var(--border);padding:30px;border-radius:20px;margin-bottom:25px}
.admin-section h2{color:var(--gold);margin-bottom:20px;font-size:20px}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:20px}
textarea{resize:vertical;min-height:100px}

/* RESPONSIVE */
@media (max-width:768px){
    .dashboard-layout{flex-direction:column}
    .sidebar{width:100%;padding:15px;border-right:none;border-bottom:1px solid var(--border)}
    .sidebar nav{display:flex;flex-wrap:wrap;gap:5px}
    .sidebar a{flex:1;min-width:100px;text-align:center;padding:10px;font-size:12px}
    .sidebar .logo{margin-bottom:15px;padding-bottom:15px}
    .sidebar .logo img{width:50px}
    .main-content{padding:20px 15px}
    .topbar h1{font-size:20px}
    .wallet-balance-big h1{font-size:36px}
    .mine-coin img{width:160px}
    table{font-size:12px}
    table td,table th{padding:8px 6px}
}
/* ===== CLOUD MINING NODE ===== */
.mining-reactor-card {
    background: var(--panel); border: 1px solid var(--border); border-radius: 24px;
    padding: 40px; text-align: center; max-width: 600px; margin: 0 auto; box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
}
.reactor-header { display: flex; justify-content: space-between; margin-bottom: 30px; }
.status-badge { padding: 5px 12px; border-radius: 20px; font-size: 11px; font-weight: 800; letter-spacing: 1px; }
.status-badge.off { background: rgba(239,68,68,0.2); color: #ef4444; }
.status-badge.on { background: rgba(74,222,128,0.2); color: #4ade80; box-shadow: 0 0 15px rgba(74,222,128,0.3); }

.reactor-circle { position: relative; width: 260px; height: 260px; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
.reactor-core img { width: 140px; border-radius: 50%; filter: grayscale(100%) opacity(0.5); transition: 0.5s; }
.reactorCircle.active .reactor-core img { filter: grayscale(0%) drop-shadow(0 0 30px var(--gold)); animation: pulseCore 2s infinite alternate; }
.progress-ring { position: absolute; top: 0; left: 0; transform: rotate(-90deg); transition: stroke-dashoffset 0.1s linear; }

@keyframes pulseCore { 0% { transform: scale(0.95); } 100% { transform: scale(1.05); } }

.live-counter { font-family: monospace; font-size: 42px; font-weight: 800; margin-top: 30px; text-shadow: 0 0 20px var(--gold-glow); }
.time-remaining { color: var(--muted); font-size: 16px; margin-top: 5px; font-family: monospace; }

/* ===== PRO TRADING TERMINAL ===== */
.pro-trade-layout { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 20px; height: calc(100vh - 120px); }
.chart-section, .orderbook-section, .action-section { background: var(--bg-2); border: 1px solid var(--border); border-radius: 12px; padding: 20px; }

.pair-header { display: flex; align-items: center; gap: 20px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 15px; }
.price-ticker { font-size: 24px; font-weight: 800; color: var(--text); }

.ob-header, .ob-row { display: flex; justify-content: space-between; font-family: monospace; font-size: 12px; margin-bottom: 6px; }
.ob-header { color: var(--muted); margin-bottom: 10px; text-transform: uppercase; }
.ob-row { cursor: pointer; } .ob-row:hover { background: rgba(255,255,255,0.05); }
.ob-current-price { text-align: center; font-size: 18px; font-weight: bold; color: var(--gold); padding: 10px 0; border-top: 1px solid #222; border-bottom: 1px solid #222; margin: 10px 0; }

.wallet-mini { display: flex; justify-content: space-between; background: rgba(0,0,0,0.5); padding: 12px; border-radius: 8px; margin-bottom: 20px; font-size: 13px; }
.trade-tabs { display: flex; background: rgba(255,255,255,0.05); border-radius: 8px; margin-bottom: 20px; }
.t-tab { flex: 1; padding: 12px; text-align: center; border: none; background: none; color: var(--muted); font-weight: bold; cursor: pointer; border-radius: 8px; transition: 0.3s; }
.t-tab.active { background: var(--panel); color: var(--text); box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
.input-wrap { background: rgba(0,0,0,0.3); border: 1px solid var(--border); border-radius: 8px; padding: 10px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; }
.input-wrap label { color: var(--muted); font-size: 12px; text-transform: uppercase; }
.input-wrap input { background: transparent; border: none; text-align: right; font-size: 16px; color: var(--text); width: 60%; padding: 0; outline: none; }
.total-wrap { display: flex; justify-content: space-between; padding: 10px 5px; font-size: 14px; border-top: 1px solid rgba(255,255,255,0.05); }

@media (max-width: 1024px) { .pro-trade-layout { grid-template-columns: 1fr; height: auto; } }
/* ===== CUSTOM TOAST NOTIFICATIONS ===== */
#toast-container { position: fixed; top: 20px; right: 20px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; }
.toast { padding: 15px 20px; border-radius: 12px; font-weight: bold; color: white; display: flex; align-items: center; gap: 10px; transform: translateX(120%); animation: slideIn 0.4s forwards; box-shadow: 0 5px 15px rgba(0,0,0,0.5); backdrop-filter: blur(10px); }
.toast.success { background: rgba(74, 222, 128, 0.2); border: 1px solid #4ade80; color: #4ade80; }
.toast.error { background: rgba(239, 68, 68, 0.2); border: 1px solid #ef4444; color: #ef4444; }
@keyframes slideIn { to { transform: translateX(0); } }
@keyframes fadeOut { to { opacity: 0; transform: translateY(-20px); } }

/* ===== NEW REACTOR UI (MINING) ===== */
.reactor-wrapper { display: flex; justify-content: center; align-items: center; margin: 40px 0; }
.reactor-box { width: 280px; height: 280px; position: relative; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: radial-gradient(circle, rgba(207,166,81,0.1) 0%, transparent 70%); }
.reactor-logo { width: 120px; height: 120px; z-index: 10; position: relative; }
.reactor-logo img { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; filter: grayscale(100%); transition: 0.4s; }
.reactor-box.active .reactor-logo img { filter: grayscale(0%) drop-shadow(0 0 20px var(--gold)); animation: heartbeat 1.5s infinite; }
.reactor-ring { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.reactor-ring circle { transition: stroke-dashoffset 0.5s ease; }
@keyframes heartbeat { 0% { transform: scale(1); } 50% { transform: scale(1.08); } 100% { transform: scale(1); } }

/* ===== PRO TRADING FIXES ===== */
.action-section input { font-size: 18px; font-weight: bold; width: 100%; padding: 15px; margin-top: 5px; }
.trade-total-box { background: rgba(0,0,0,0.4); padding: 15px; border-radius: 10px; display: flex; justify-content: space-between; font-size: 16px; margin: 20px 0; border: 1px solid var(--border); }
.trade-total-box strong { color: var(--gold); }
/* ===== MOBILE-FIRST FIXES ===== */
/* منع التمرير الأفقي في الجوال */
html, body { overflow-x: hidden; width: 100%; position: relative; }

/* 1. إصلاح حجم الشعار في الجوال */
.reactor-wrapper {
    display: flex; justify-content: center; align-items: center; margin: 20px auto;
    width: 100%; max-width: 220px; height: 220px; position: relative;
}
.reactor-box {
    width: 200px !important; height: 200px !important;
    position: relative; display: flex; justify-content: center; align-items: center;
    border-radius: 50%; background: radial-gradient(circle, rgba(207,166,81,0.15) 0%, transparent 70%);
}
.reactor-logo { width: 90px !important; height: 90px !important; z-index: 10; display: flex; justify-content: center; align-items: center; }
.reactor-logo img { width: 90px !important; height: 90px !important; object-fit: contain; border-radius: 50%; }

.reactor-ring { position: absolute; top: 0; left: 0; width: 200px !important; height: 200px !important; transform: rotate(-90deg); }
.reactor-ring circle { stroke-dasharray: 565; stroke-dashoffset: 565; transition: stroke-dashoffset 0.5s ease; }

.live-counter { font-size: 32px !important; font-family: monospace; font-weight: 800; margin-top: 15px; }

/* 2. تحويل التداول للعمل بسلاسة على الجوال (Stacked Mobile Layout) */
.pro-trade-layout { display: flex; flex-direction: column; gap: 15px; width: 100%; }
.chart-section { width: 100%; min-height: 280px; }
.action-section { width: 100%; }
.orderbook-section { width: 100%; max-height: 250px; overflow-y: auto; }

/* أزرار ضخمة مريحة للمس بالليمون والأصابع */
.t-tab { padding: 15px !important; font-size: 15px !important; }
.btn-green, .btn-red, .btn-gold { padding: 18px !important; font-size: 16px !important; font-weight: 800 !important; }

/* تحسين القائمة في الهواتف */
@media (max-width: 768px) {
    .main-content { padding: 15px !important; }
    .topbar { flex-direction: column; align-items: flex-start; gap: 10px; }
    .topbar h1 { font-size: 20px; }
    .stats-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .stat-card { padding: 15px; }
    .stat-card .value { font-size: 22px; }
}
/* ===== ADMIN PRO STYLES ===== */
.admin-tabs { display: flex; gap: 10px; margin-bottom: 25px; overflow-x: auto; padding-bottom: 5px; }
.admin-tabs a { 
    background: rgba(255,255,255,0.05); color: var(--muted); padding: 12px 20px; 
    border-radius: 8px; text-decoration: none; font-weight: bold; white-space: nowrap; transition: 0.3s; 
}
.admin-tabs a:hover { background: rgba(207,166,81,0.1); color: var(--gold); }
.admin-tabs a.active { background: var(--gold); color: #000; box-shadow: 0 0 15px var(--gold-glow); }

.btn-sm { padding: 6px 12px; font-size: 11px; border-radius: 6px; cursor: pointer; font-weight: bold; text-decoration: none; display: inline-block; border: none; color: #fff; }

.modal { 
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
    background: rgba(0,0,0,0.8); z-index: 9999; justify-content: center; align-items: center; backdrop-filter: blur(5px);
}
.modal-content { width: 90%; max-width: 400px; animation: slideUp 0.3s forwards; }

.tx-type.admin { background: rgba(239, 68, 68, 0.2); color: #ef4444; border: 1px solid #ef4444; }
/* ===== PRO TRADING V2 STYLES ===== */
.pro-trade-layout-v2 { display: flex; flex-direction: column; gap: 15px; width: 100%; }
.chart-col { flex: 2; display: flex; flex-direction: column; gap: 10px; }
.action-col { flex: 1; min-width: 320px; }

@media (min-width: 1024px) {
    .pro-trade-layout-v2 { flex-direction: row; align-items: flex-start; }
    .live-market-history { display: block !important; }
}

.market-mini-stats { display: flex; gap: 15px; font-size: 11px; }
.market-mini-stats div { display: flex; flex-direction: column; }
.market-mini-stats span { color: #888; }
.market-mini-stats strong { color: #fff; }

.user-tier { background: linear-gradient(45deg, var(--gold), #ffdf00); color: #000; padding: 5px 12px; border-radius: 20px; font-size: 10px; font-weight: 900; letter-spacing: 1px; }

.pct-buttons { display: flex; gap: 5px; }
.pct-btn { flex: 1; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #888; border-radius: 4px; padding: 6px 0; font-size: 11px; cursor: pointer; transition: 0.2s; font-weight: bold; }
.pct-btn:hover { background: rgba(207,166,81,0.2); color: var(--gold); border-color: var(--gold); }