:root{--bg:#0a0e1f;--s:#131a33;--s2:#1b2447;--tx:#eef1ff;--mu:#8b95c4;--a:#22d3ee;--b:#8b5cf6;--bd:#ffffff14}
@media(prefers-color-scheme:light){:root{--bg:#eef1fb;--s:#fff;--s2:#e6eafa;--tx:#111936;--mu:#5d6796;--bd:#11193618}}
body,#appCapsule{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;color:var(--tx)!important;background:radial-gradient(500px 300px at 90% -5%,#8b5cf633,transparent),radial-gradient(400px 300px at -10% 10%,#22d3ee22,transparent),var(--bg)!important;background-attachment:fixed!important}
h1,h2,h3,h4,h5,h6,strong,.title,.total,.label,.pageTitle{color:var(--tx)!important}
.text-muted,small,.form-group .label{color:var(--mu)!important}
.appHeader{background:color-mix(in srgb,var(--s) 85%,transparent)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)!important;box-shadow:none!important;color:var(--tx)!important}
.appHeader .headerButton,.appHeader ion-icon{color:var(--a)!important}
.appHeader .imaged{border-radius:12px!important;border:2px solid var(--a)}
.bg-danger,.bg-primary{background:linear-gradient(135deg,#22d3ee,#8b5cf6)!important;color:#fff!important}
.bg-success{background:linear-gradient(135deg,#34d399,#0e9f6e)!important}
.bg-warning{background:linear-gradient(135deg,#fbbf24,#f97316)!important}
.bg-secondary{background:var(--s2)!important}
.card,.section .card,.modal-content,.dropdown-menu,.listview,.panelbox .modal-content{background:var(--s)!important;border:1px solid var(--bd)!important;border-radius:20px!important;box-shadow:none!important;color:var(--tx)!important}
.wallet-card{background:linear-gradient(135deg,#1e2a5e,#4c2a9a 60%,#0e7490)!important;border:0!important;border-radius:24px!important;position:relative;overflow:hidden;box-shadow:0 12px 32px #4c2a9a44!important}
.wallet-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 22px),repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 22px)}
.wallet-card *{color:#fff!important}
.wallet-card .icon-wrapper{border-radius:16px!important;box-shadow:0 8px 20px #0004}
.stat-box{border-radius:18px!important;border:0!important;box-shadow:0 8px 20px #0003;transition:transform .15s}
.stat-box:active{transform:scale(.96)}
.stat-box .value{font-weight:800!important;font-variant-numeric:tabular-nums}
.hr-clock{font-size:40px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1.1;margin-top:6px}
.hr-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;margin-top:4px;color:#a7f3d0!important}
.hr-live:before{content:"";width:8px;height:8px;border-radius:50%;background:#34d399;animation:hrp 1.6s infinite}
@keyframes hrp{50%{opacity:.3;transform:scale(1.5)}}
.form-control,select,textarea,.custom-select{background:var(--s2)!important;border:1px solid var(--bd)!important;color:var(--tx)!important;border-radius:14px!important}
.form-control:focus{border-color:var(--a)!important;box-shadow:0 0 0 3px #22d3ee33!important}
.btn-primary,.btn-danger,.btn-success{background:linear-gradient(90deg,#22d3ee,#a5f3fc)!important;color:#04121c!important;border:0!important;border-radius:16px!important;font-weight:700!important;box-shadow:0 8px 24px #22d3ee44!important}
.btn-secondary,.btn-default{background:var(--s2)!important;color:var(--tx)!important;border:0!important;border-radius:16px!important}
.badge{border-radius:99px!important}
.listview>li,.listview>li .item{background:transparent!important;border-color:var(--bd)!important;color:var(--tx)!important}
table,.table,.dataTables_wrapper{color:var(--tx)!important}
.table td,.table th{border-color:var(--bd)!important}
.table-striped tbody tr:nth-of-type(odd){background:var(--s2)!important}
.page-link{background:var(--s)!important;border-color:var(--bd)!important;color:var(--a)!important}
.page-item.active .page-link{background:var(--a)!important;color:#04121c!important}
.appBottomMenu{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;width:auto!important;height:64px!important;border-radius:24px!important;background:color-mix(in srgb,var(--s) 88%,transparent)!important;backdrop-filter:blur(14px);border:1px solid var(--bd)!important;box-shadow:0 10px 30px #0006!important;padding:0 6px!important;display:flex!important;align-items:center;justify-content:space-around}
.appBottomMenu .item{flex:1;background:transparent!important;color:var(--mu)!important;border-radius:18px;padding:6px 0!important;text-align:center}
.appBottomMenu .item strong,.appBottomMenu .item ion-icon{color:inherit!important}
.appBottomMenu .item.active{color:var(--a)!important;background:var(--s2)!important}
.appBottomMenu .item.hr-fab{flex:0 0 60px}
.appBottomMenu .item .stat-box{width:56px!important;height:56px!important;border-radius:50%!important;margin:-30px auto 0!important;display:grid!important;place-items:center;box-shadow:0 8px 24px #22d3ee66!important;border:4px solid var(--bg)!important;padding:0!important}
.appBottomMenu .item .stat-box ion-icon{color:#fff!important;font-size:26px}
#loader{background:var(--bg)!important}
.modal-backdrop{background:#000!important}