/* BridgeX Admin UI v2 */
:root{--primary:#2563eb;--navy:#071a3d;--canvas:#f3f6fb;--card:#fff;--text:#12213d;--muted:#6e7f9b;--line:#e1e8f2;--shadow:0 8px 28px rgba(24,50,91,.08)}
*{box-sizing:border-box}body{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:radial-gradient(circle at 88% 0,#e9f1ff 0,transparent 30%),var(--canvas)}
.sidebar{width:224px;padding:24px 14px;background:linear-gradient(180deg,#061735,#0b2858 72%,#12366e);box-shadow:12px 0 30px rgba(4,20,48,.12)}
.brand{padding:0 12px 22px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{border-radius:12px;background:linear-gradient(135deg,#4c8cff,#2465db);box-shadow:0 8px 18px rgba(25,94,218,.32)}.brand strong{font-size:18px}.brand small{color:#9fb2d2}
.nav{gap:5px}.nav button{min-height:46px;padding:0 13px;border-radius:11px;color:#b9c7df;transition:.18s}.nav button:hover{color:#fff;background:rgba(255,255,255,.07);transform:translateX(2px)}.nav button.active{color:#fff;background:linear-gradient(90deg,rgba(55,124,244,.42),rgba(55,124,244,.17));box-shadow:inset 3px 0 #63a2ff}.nav button span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.08);font-size:12px;font-weight:800}.sidebar-footer{color:#8499ba}
.main{margin-left:224px}.topbar{height:72px;padding:0 30px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(218,227,240,.9)}.topbar h1{font-size:19px}.topbar .user{padding:7px 10px 7px 7px;border:1px solid var(--line);border-radius:12px;background:#fff}.page{max-width:1480px;margin:0 auto;padding:28px 30px 48px}
.hero{padding:25px 28px;border:0;border-radius:18px;background:linear-gradient(125deg,#0a2858,#164b9d 62%,#2874db);box-shadow:0 14px 34px rgba(11,52,112,.18)}.hero h2{font-size:25px;margin-bottom:7px}.hero p{color:#cbdaf3}
.metric-grid,.stats-grid{gap:16px}.metric-card,.stat-card,.panel,.settings-grid article{border:1px solid rgba(218,227,240,.9);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.metric-card,.stat-card{padding:20px}.metric-card strong,.stat-card strong{font-size:25px;letter-spacing:-.4px}.metric-card span,.stat-card span{color:var(--muted)}
.panel{padding:22px;margin-bottom:18px}.panel-header{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #edf1f7}.panel-header h3{font-size:17px}.panel-header p{margin-top:4px;color:var(--muted)}
button,.button,.primary-button,.danger-button{font-family:inherit;transition:.18s}.primary-button,.button.primary{border:0;border-radius:10px;background:linear-gradient(135deg,#3478ea,#1e5ccb);box-shadow:0 5px 14px rgba(37,99,235,.2);color:#fff}.primary-button:hover,.button.primary:hover{transform:translateY(-1px)}.secondary-button,.button.secondary{border:1px solid var(--line);border-radius:10px;background:#fff;color:#314766}.approve-recharge{border:0;border-radius:8px;background:#e8f7f1;color:#087a58;font-weight:700;padding:8px 12px}.reject-recharge{border:0;border-radius:8px;background:#fff0ef;color:#bd3f38;font-weight:700;padding:8px 12px}
.table,.user-table,.order-table,.wallet-table,.recharge-table,.provider-table,.mapping-table,.product-table{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.table-row,.user-row,.order-row,.wallet-row,.recharge-row,.provider-row,.mapping-row,.product-row{min-width:850px;padding:13px 15px;border-bottom:1px solid #edf1f6;transition:background .15s}.table-row:last-child,.user-row:last-child,.order-row:last-child,.wallet-row:last-child,.recharge-row:last-child,.provider-row:last-child,.mapping-row:last-child,.product-row:last-child{border-bottom:0}.table-row:hover,.user-row:hover,.order-row:hover,.wallet-row:hover,.recharge-row:hover,.provider-row:hover,.mapping-row:hover,.product-row:hover{background:#f7faff}.table-head,.user-head,.order-head,.wallet-head,.recharge-head,.provider-head,.mapping-head,.product-head{background:#f5f8fc;color:#5f718c;font-size:12px;font-weight:800}.status,.badge{border-radius:999px;padding:5px 9px;font-weight:700}
.live-policy-panel{border:1px solid #f1d39e;background:linear-gradient(135deg,#fffaf0,#fff)}.real-confirm-box{border-radius:12px}.settings-grid{gap:14px}.settings-grid article{padding:18px}.login-shell{background:radial-gradient(circle at 15% 0,#1d5ab4 0,transparent 38%),linear-gradient(150deg,#061735,#12366e)}.login-card,.modal-card{border-radius:22px;box-shadow:0 28px 70px rgba(3,17,42,.28)}
.ops-alert-row,.ops-recon-row,.ops-loss-row{display:grid;align-items:center;gap:14px;min-width:920px;padding:13px 15px;border-bottom:1px solid #edf1f6}.ops-alert-row{grid-template-columns:1.15fr .9fr 2.4fr .7fr .8fr}.ops-recon-row{grid-template-columns:1.3fr .55fr 1fr 1fr 1fr 1fr .75fr}.ops-loss-row{grid-template-columns:1.1fr .7fr .9fr .9fr .9fr 2fr}.ops-head{background:#f5f8fc;color:#5f718c;font-size:12px;font-weight:800}.ops-alert-row span,.ops-recon-row span,.ops-loss-row span{min-width:0}.ops-alert-row small,.ops-recon-row small,.ops-loss-row small{display:block;margin-top:4px;color:var(--muted)}.loss-money{color:#c2413b}
@media(max-width:1100px){.page{padding:22px}.metric-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.sidebar{width:76px;padding:20px 10px}.brand>div:last-child,.nav button b,.sidebar-footer{display:none}.brand{padding:0 4px 18px}.brand-mark{margin:auto}.nav button{justify-content:center;padding:0}.main{margin-left:76px}.topbar{padding:0 18px}.page{padding:18px}.hero{padding:22px}.hero h2{font-size:22px}}
@media(max-width:520px){.main{margin-left:0;padding-bottom:76px}.sidebar{position:fixed;z-index:50;top:auto;bottom:0;left:0;width:100%;height:68px;padding:8px}.brand,.sidebar-footer{display:none}.nav{height:100%;display:flex;overflow-x:auto;gap:3px}.nav button{min-width:60px;flex:1;height:52px}.nav button span{width:30px;height:30px}.nav button.active{box-shadow:inset 0 -3px #63a2ff}.topbar{height:62px}.topbar h1{font-size:17px}.page{padding:14px}.hero{padding:20px;border-radius:15px}.metric-grid,.stats-grid,.settings-grid{grid-template-columns:1fr}.panel{padding:16px;border-radius:14px}}