/* ADMIN GATE */
.gate-wrap{background:#f5f5f5;min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px}
.gate-card{background:#fff;border:1px solid #eee;border-radius:6px;padding:36px;width:min(340px,100%);text-align:center}
.gate-icon{width:50px;height:50px;background:#e62020;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.gate-icon i{font-size:22px;color:#fff}
.gate-card h2{font-size:18px;font-weight:600;margin-bottom:6px;color:#222}
.gate-card p{font-size:13px;color:#999;margin-bottom:22px}
.gate-input{width:100%;padding:10px 13px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:11px;outline:none;color:#333}
.gate-input:focus{border-color:#e62020}
.gate-err{font-size:12px;color:#e62020;margin-top:6px;display:none}
.gate-back{font-size:12px;color:#bbb;cursor:pointer;margin-top:14px;display:inline-block}
.gate-back:hover{color:#e62020}

/* ADMIN NAV */
.admin-nav{background:#222;display:flex;flex-wrap:wrap}
.anav{padding:13px 18px;color:rgba(255,255,255,.6);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;border:none;background:none}
.anav:hover,.anav.active{color:#fff;background:#e62020}
.anav.ml{margin-left:auto}

/* ADMIN CONTENT */
.admin-wrap{background:#f5f5f5;min-height:calc(100vh - 90px)}
.admin-body{padding:16px 20px}
.adm-sec{display:none}
.adm-sec.active{display:block}

/* STATS */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.stat-card{background:#fff;border:1px solid #eee;border-radius:4px;padding:16px}
.stat-label{font-size:12px;color:#999;margin-bottom:4px}
.stat-value{font-size:24px;font-weight:700;color:#222}
.stat-sub{font-size:11px;color:#bbb;margin-top:2px}

/* ADMIN CARD */
.adm-card{background:#fff;border:1px solid #eee;border-radius:4px;margin-bottom:16px;overflow:hidden}
.adm-card-head{padding:13px 16px;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.adm-card-head h3{font-size:14px;font-weight:600}
.adm-btn{padding:7px 13px;background:#e62020;color:#fff;border:none;border-radius:3px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.adm-btn:hover{background:#cc1a1a}
.adm-btn-ghost{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:3px;font-size:12px;cursor:pointer;color:#555;display:inline-flex;align-items:center;gap:4px}
.adm-btn-ghost:hover{border-color:#e62020;color:#e62020}
.adm-btn-ghost.danger{border-color:#e62020;color:#e62020}

/* TABLE */
.tbl-wrap{overflow-x:auto}
.adm-table{width:100%;border-collapse:collapse;table-layout:fixed}
.adm-table th{font-size:12px;color:#999;text-align:left;padding:10px 13px;background:#fafafa;border-bottom:1px solid #eee;font-weight:500;white-space:nowrap}
.adm-table td{font-size:13px;padding:11px 13px;border-bottom:1px solid #f5f5f5;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-table tr:last-child td{border-bottom:none}
.adm-table tr:hover td{background:#fafafa}
.td-actions{display:flex;gap:5px;white-space:nowrap}
.td-img{display:flex;align-items:center;gap:9px}
.td-thumb{width:34px;height:34px;object-fit:cover;border-radius:3px;border:1px solid #eee;flex-shrink:0}

/* PAYPAL CONFIG */
.pp-config{padding:16px}
.pp-info{border-radius:4px;padding:12px 14px;font-size:12px;line-height:1.7;margin:12px 0}
.pp-info-blue{background:#E6F1FB;color:#0C447C}
.pp-info-yellow{background:#FAEEDA;color:#854F0B}

@media(max-width:768px){
  .stats-grid{grid-template-columns:repeat(2,1fr)}
}
