body { background-color: #020205; color: #fff; font-family: 'Segoe UI', sans-serif; transition: background 0.3s, color 0.3s;}

.pwd-btn{ display:inline-flex; align-items:center; gap:.45rem; padding:.45rem .75rem; border-radius: 999px; text-decoration:none; font-size: .85rem; font-weight: 700; letter-spacing: .4px; color: #00f2ff; border: 1px solid rgba(0,242,255,.35); background: rgba(0,242,255,.08); box-shadow: 0 0 18px rgba(0,242,255,.12); transition: .25s ease; }
.pwd-btn i{ font-size: .95rem; }
.pwd-btn:hover{ color:#000; background:#00f2ff; border-color:#00f2ff; box-shadow: 0 0 28px rgba(0,242,255,.35); transform: translateY(-1px); }

.report-box { background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(0, 242, 255, 0.1); border-radius: 12px; padding: 15px; position: relative; overflow: hidden; transition: 0.3s; }
.report-box:hover { background: rgba(15, 23, 42, 0.9); border-color: #00f2ff; transform: translateY(-3px); }
.rb-value { font-size: 1.8rem; font-weight: 800; color: #fff; line-height: 1; }
.rb-label { font-size: 0.75rem; text-transform: uppercase; color: #94a3b8; letter-spacing: 0.5px; margin-top: 5px; }

.section-title { font-size: 0.9rem; font-weight: 700; text-transform: uppercase; color: #64748b; letter-spacing: 1px; margin-bottom: 20px; border-left: 3px solid #00f2ff; padding-left: 10px; }

.chart-container { background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(0, 242, 255, 0.1); border-radius: 12px; padding: 20px; margin-bottom: 30px; transition: 0.3s; }
.chart-container:hover { border-color: #00f2ff; }

.sidebar { width: 260px; min-height: 100vh; background: rgba(15, 23, 42, 0.8); border-right: 1px solid rgba(0, 242, 255, 0.1); padding: 20px 15px; transition: 0.3s; position: fixed;}
.sidebar .nav-link { color: #cbd5e1; border-radius: 8px; margin-bottom: 5px; padding: 10px 15px; font-weight: 500; transition: 0.2s; text-decoration: none; display: block;}
.sidebar .nav-link:hover, .sidebar .nav-link.active { background: rgba(0, 242, 255, 0.1); color: #00f2ff; border-left: 3px solid #00f2ff; }
.sidebar .nav-link i { font-size: 1.1rem; width: 25px; display: inline-block; }

.main-wrapper { margin-left: 260px; width: calc(100% - 260px); min-height: 100vh; }

.table-dark-report { --bs-table-bg: transparent; --bs-table-hover-bg: rgba(255, 255, 255, 0.05); margin-bottom: 0; color: #f8fafc; }
.table-dark-report th { background-color: rgba(0, 242, 255, 0.1) !important; color: #00f2ff !important; border-bottom: 1px solid rgba(0, 242, 255, 0.2) !important; padding: 15px; }
.table-dark-report td { border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; vertical-align: middle; color: #e2e8f0; padding: 15px; }

.custom-input { background: rgba(15, 23, 42, 0.8); border: 1px solid rgba(0, 242, 255, 0.3); color: #fff; padding: 10px 15px; border-radius: 8px; width: 100%; outline: none; }
.custom-input:focus { border-color: #00f2ff; box-shadow: 0 0 10px rgba(0, 242, 255, 0.2); }
select.custom-input option { background: #0f172a; color: #fff; }