/* RebornPay Enterprise UI — visual layer only. No workflow changes. */
:root{--rp-bg:#060914;--rp-panel:#0f1627;--rp-panel2:#121c30;--rp-line:rgba(148,163,184,.14);--rp-blue:#4f7cff;--rp-violet:#8b5cf6;--rp-cyan:#22d3ee;--rp-text:#f8fafc;--rp-muted:#8fa0b8}
body{background:radial-gradient(circle at 78% -10%,rgba(79,124,255,.18),transparent 32%),radial-gradient(circle at 10% 96%,rgba(139,92,246,.12),transparent 34%),#060914!important;color:var(--rp-text)!important}
body:before{opacity:.3!important;background-size:48px 48px!important}
.layout{min-height:100vh!important}
.sidebar{width:252px!important;padding:22px 16px!important;background:linear-gradient(180deg,rgba(10,15,28,.98),rgba(7,11,21,.99))!important;border-right:1px solid rgba(148,163,184,.13)!important;box-shadow:24px 0 70px rgba(0,0,0,.32)!important}
.logo{font-size:20px!important;letter-spacing:-.4px!important;padding:4px 4px 15px!important;border-bottom:1px solid rgba(148,163,184,.1)!important;margin-bottom:15px!important}
.logo:before{content:"↗"!important;width:38px!important;height:38px!important;border-radius:13px!important;background:linear-gradient(135deg,#4f7cff,#8b5cf6 55%,#22d3ee)!important;box-shadow:0 12px 30px rgba(79,124,255,.35)!important}
.profile{margin:0 0 18px!important;padding:14px!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(148,163,184,.12)!important;position:relative!important;padding-left:52px!important;min-height:54px!important}
.profile:before{content:attr(data-initial)!important;position:absolute!important;left:12px!important;top:11px!important;width:32px!important;height:32px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#5f7cff,#8b5cf6)!important;color:#fff!important;font-weight:900!important}
nav{gap:4px!important}
nav a{min-height:43px!important;border-radius:11px!important;padding:10px 12px!important;font-size:12.5px!important;letter-spacing:.01em!important;color:#98a8bf!important}
nav a:before{width:26px!important;height:26px!important;margin-right:10px!important;border-radius:8px!important;background:rgba(148,163,184,.08)!important;box-shadow:none!important;display:grid!important;place-items:center!important;color:#93a4bc!important;font-size:12px!important}
nav a:nth-child(1):before{content:"▦"!important}nav a:nth-child(2):before{content:"↗"!important}nav a:nth-child(3):before{content:"✓"!important}nav a:nth-child(4):before{content:"◫"!important}nav a:nth-child(5):before{content:"⇩"!important}nav a:nth-child(6):before{content:"✈"!important}nav a:nth-child(7):before{content:"♙"!important}nav a:nth-child(8):before{content:"⚙"!important}nav a:nth-child(9):before{content:"≡"!important}nav a:nth-child(10):before{content:"↪"!important}
nav a:hover{background:rgba(255,255,255,.045)!important;color:#fff!important;transform:none!important}
nav a.active{background:linear-gradient(135deg,rgba(79,124,255,.24),rgba(139,92,246,.14))!important;border:1px solid rgba(109,130,255,.24)!important;box-shadow:0 8px 22px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.025)!important}
nav a.active:before{background:linear-gradient(135deg,#4f7cff,#8b5cf6)!important;color:#fff!important}
.content{margin-left:252px!important;width:calc(100% - 252px)!important;padding:28px 32px 48px!important}
.db-wrap,.rp-report,.ad-wrap,.st-wrap,.aq-page{max-width:1680px!important}
.db-top,.page-head{padding:18px 20px!important;margin-bottom:18px!important;background:linear-gradient(145deg,rgba(15,22,39,.82),rgba(10,16,29,.78))!important;border:1px solid var(--rp-line)!important;border-radius:18px!important;box-shadow:0 16px 45px rgba(0,0,0,.18)!important;backdrop-filter:blur(18px)!important}
.db-top h1,.page-head h1{font-size:28px!important;letter-spacing:-.8px!important}.db-top p,.page-head p{color:var(--rp-muted)!important}
.db-actions{gap:8px!important}.db-actions a{border-radius:10px!important;padding:10px 14px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(148,163,184,.14)!important;color:#cbd5e1!important}.db-actions a.primary{background:linear-gradient(135deg,#4f7cff,#7657f6)!important;border-color:transparent!important;box-shadow:0 10px 25px rgba(79,124,255,.27)!important}
.db-kpis{grid-template-columns:repeat(7,minmax(145px,1fr))!important;gap:12px!important}
.db-kpi,.card,.rp-stat,.ad-kpi{min-height:128px!important;padding:17px!important;background:linear-gradient(150deg,rgba(18,28,48,.96),rgba(11,18,32,.96))!important;border:1px solid var(--rp-line)!important;border-radius:16px!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px 34px rgba(0,0,0,.2)!important}
.db-kpi:after,.card:after,.rp-stat:after,.ad-kpi:after{content:""!important;position:absolute!important;right:-25px!important;top:-30px!important;width:90px!important;height:90px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(79,124,255,.2),transparent 68%)!important}
.db-kpi span,.card span{font-size:10px!important;letter-spacing:.09em!important;color:#8494ab!important}.db-kpi strong,.card strong{font-size:26px!important;margin-top:14px!important}.db-kpi small,.card small{color:#6f8098!important}
.db-main,.db-lower{gap:14px!important;margin-bottom:14px!important}.db-card,.panel,.rp-card,.ad-card,.st-card,.aq-card{background:linear-gradient(150deg,rgba(16,25,43,.96),rgba(10,17,30,.96))!important;border:1px solid var(--rp-line)!important;border-radius:17px!important;box-shadow:0 14px 40px rgba(0,0,0,.2)!important;padding:18px!important}
.db-card h2,.panel h2{font-size:16px!important;letter-spacing:-.2px!important}.db-card>p{color:#8090a7!important}
.chart{height:270px!important;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))!important;border:1px solid rgba(148,163,184,.08)!important;padding:22px 16px 14px!important}
.bar{max-width:48px!important;background:linear-gradient(180deg,#57d3ff 0%,#4f7cff 55%,#8758f6 100%)!important;box-shadow:0 10px 30px rgba(79,124,255,.25)!important}
.queue-item,.top-item,.sys-list div,.ad-item,.st-row{background:rgba(5,10,20,.55)!important;border:1px solid rgba(148,163,184,.11)!important;border-radius:12px!important}
.table-wrap,.rp-table-wrap,.aq-table{border-radius:14px!important;border:1px solid rgba(148,163,184,.12)!important;background:rgba(5,10,20,.38)!important}th{background:#0b1220!important;color:#7f91aa!important}td{border-color:rgba(148,163,184,.09)!important}tbody tr:hover{background:rgba(79,124,255,.06)!important}
.btn{border-radius:10px!important;background:linear-gradient(135deg,#4f7cff,#7958f6)!important;box-shadow:0 9px 22px rgba(79,124,255,.22)!important}.btn.secondary{background:#1c293e!important}
input,select,textarea{background:#090f1c!important;border:1px solid #26344b!important;border-radius:10px!important}
.badge{border-radius:8px!important;padding:6px 9px!important}
.login-card{max-width:450px!important;border-radius:25px!important;background:linear-gradient(145deg,rgba(17,26,45,.97),rgba(8,14,27,.98))!important;box-shadow:0 45px 120px rgba(0,0,0,.58)!important}
@media(max-width:1200px){.db-kpis{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:900px){.sidebar{width:100%!important;position:static!important}.content{margin-left:0!important;width:100%!important}.sidebar nav{display:grid!important;grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){.content{padding:14px!important}.db-kpis{grid-template-columns:1fr 1fr!important}.db-top,.page-head{padding:16px!important}.db-kpi strong{font-size:22px!important}}