/* ViroBux — Graphite. Local theme; no external fonts or icon dependencies. */
:root{color-scheme:dark;--ui-ink:#edf2ef;--ui-muted:#9caeae;--ui-blue:#c3f53b;--ui-blue-dark:#a4d62a;--ui-teal:#72d6a2;--ui-bg:#11191e;--ui-line:#344247;--ui-soft:#233139;--ui-white:#1b252b;--ui-shadow:0 10px 30px #0002;--ink:#edf2ef;--muted:#9caeae;--blue:#c3f53b;--line:#344247}
html{background:#10171b}body.ui-site,body.ui-admin{background:#10171b;color:#edf2ef;font-family:Arial,Helvetica,sans-serif}::selection{background:#c3f53b;color:#17200c}
.ui-shell,.ui-admin-shell{background:#182228;border:1px solid #344247;border-radius:16px;margin:24px auto;box-shadow:0 28px 80px #0003}
.ui-header{background:#182228;border-color:#344247}.ui-brand,.ui-admin-brand{color:#f0f4eb;letter-spacing:-1px}.ui-brand>i,.ui-admin-brand span{color:#c3f53b}.ui-top-nav a{color:#b7c3c2}.ui-top-nav a:hover{color:#c3f53b}
.ui-site .ui-button,.ui-admin .btn-primary,.ui-admin .btn-info{background:#c3f53b;color:#17200c;border-color:#c3f53b;box-shadow:none;border-radius:7px;font-weight:700}.ui-site .ui-button:hover,.ui-admin .btn-primary:hover{background:#d2ff61;color:#17200c;border-color:#d2ff61;transform:translateY(-1px)}
.ui-site .ui-button-secondary{background:transparent;color:#d4e0cf;border-color:#566454}.ui-site .ui-button-secondary:hover{background:#2c3b31;color:#e0ffc1;border-color:#c3f53b}
.ui-account .ui-layout,.ui-admin-main{background:#111a1f}.ui-sidebar,.ui-admin-sidebar{background:#182228;border-color:#344247}.ui-nav-link{color:#b9c7c9}.ui-nav-link:hover,.ui-nav-link.is-active{color:#c3f53b;background:#2a3827}.ui-nav-link i{color:inherit}.ui-support{background:#202d33;border-color:#344247}
.ui-site .am-menu .am-heading{background:#243137;color:#cfddcc;border:1px solid #3c4b43;border-radius:7px;box-shadow:none;min-height:45px}.ui-site .am-menu .am-heading:hover{background:#2c3c32;color:#c3f53b}.ui-site .am-menu .am-section[open]>.am-heading{background:#c3f53b;color:#17200c;border-color:#c3f53b}.am-menu .am-heading svg{color:inherit}.am-menu .am-heading>span:last-child{color:inherit}
.ui-site .fc-ad-top{background:#131d22;border-color:#344247;padding-top:16px;padding-bottom:16px}.ui-site .fc-chain-item{background:#1c292f;border-color:#344247;color:#aebfbf}.ui-site .fc-chain-item:hover{background:#293b30;border-color:#6b8740}.ui-site .fc-chain-add{background:#c3f53b;color:#17200c}.fc-wide-ad img{background:#1b252b!important}.fc-tall-ad{background:#1b252b!important;border-color:#344247!important;border-radius:10px!important}.fc-tall-ad h3{color:#17200c!important;border-color:#344247!important}
.ui-hero{position:relative;isolation:isolate;min-height:530px;grid-template-columns:1.06fr 1fr;background:#121a1f;padding:66px 52px 44px;border-bottom:1px solid #344247}.ui-hero-copy{position:relative;z-index:2}.ui-hero h1{font-size:49px;line-height:1.08;letter-spacing:-2px;color:#f1f4ec;max-width:570px}.ui-eyebrow{letter-spacing:1.7px;color:#c3f53b;font-size:10px}.ui-hero-description{font-size:15px;color:#adbdbc;line-height:1.8;max-width:410px}.ui-hero-stats{padding-top:22px;border-top:1px solid #344247;margin-top:34px;gap:26px}.ui-hero-stats strong{font-size:26px;color:#c3f53b}.ui-hero-stats>div{border-color:#344247}.ui-hero-stats span{color:#a2b2b1}
.ui-hero .graphite-photo{position:absolute;z-index:0;inset:0 0 0 28%;width:auto;height:auto;margin:0;overflow:hidden;transform:none}.graphite-photo img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block;opacity:.9}.graphite-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#121a1f 0%,#121a1f22 36%,transparent 75%),linear-gradient(0deg,#121a1f 0%,transparent 30%)}.graphite-photo-caption{position:absolute;z-index:1;bottom:36px;right:36px;border-left:2px solid #c3f53b;padding-left:18px}.graphite-photo-caption span{font-size:8px;letter-spacing:2px;color:#b7c6b8}.graphite-photo-caption strong{display:block;color:#e3eccf;font-size:24px;line-height:1.2;margin-top:8px}
.ui-home-section{background:#182228;padding-top:45px;padding-bottom:45px}.ui-home-section h2{font-size:28px;letter-spacing:-.7px;text-align:left}.ui-section-lead{text-align:left;color:#9caeae;margin-bottom:26px}.ui-home .ui-earn-card{background:#202d33;border:1px solid #344247;border-radius:9px;box-shadow:none;transition:border-color .2s,transform .2s}.ui-home .ui-earn-card:hover{transform:translateY(-3px);border-color:#8eae4a}.ui-earn-card>i{color:#c3f53b}.ui-earn-card h3{color:#edf2ef}.ui-earn-card>span{background:#2b3b2c;color:#c3f53b;border-radius:5px}.ui-advertise{background:#131d22;border-top:1px solid #344247}.ui-advertise-card{background:#1b282e;border-color:#344247;border-radius:9px}.ui-benefits{color:#9db28c}.ui-footer{background:#131d22;border-color:#344247;color:#93a5a5}
.ui-welcome{border-radius:9px;background:#1b282e;border-color:#344247;padding:22px}.ui-welcome h1{font-size:24px;letter-spacing:-.5px}.ui-balance-grid{gap:16px;margin-top:18px}.ui-balance-card{border:1px solid #6a8344;background:linear-gradient(135deg,#2b3927,#1a262a);border-radius:10px}.ui-balance-heading strong{color:#d2ff70;font-size:32px}.ui-metrics{background:#1b282e;border:1px solid #344247;border-radius:10px}.ui-metrics strong{font-size:23px;color:#edf2ef}.ui-metrics>div{border-color:#344247}.ui-bonus-strip,.ui-referral-strip{background:#253327;border:1px solid #42533a;border-radius:9px}.ui-bonus-strip>i,.ui-referral-strip>i{color:#c3f53b}.ui-panel,.ui-profile-details,.ui-surface{background:#1b282e;border:1px solid #344247;border-radius:9px;box-shadow:none}.ui-panel-heading{padding-bottom:16px;border-bottom:1px solid #344247}.ui-work-row{border-color:#344247}.ui-work-row:hover{background:#25353a}.ui-work-icon{background:#2c3d30;color:#c3f53b}.ui-row-arrow{background:#c3f53b;color:#17200c}.ui-campaign-link{background:#202d33;border-color:#344247}.ui-income-panel dl>div{border-color:#344247}.ui-info-line{background:#253327;color:#b6c8af}
.ui-site input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),.ui-site select,.ui-site textarea,.ui-admin .form-control{background:#141e23!important;color:#edf2ef!important;border-color:#405157!important;box-shadow:none}.ui-site input::placeholder,.ui-site textarea::placeholder{color:#869b9e!important}input[type=checkbox],input[type=radio]{accent-color:#c3f53b}input:focus,textarea:focus,select:focus{outline:2px solid #9ac72c;outline-offset:2px}
.ui-site table,.ui-admin .table{background:#1b282e!important;color:#d6e1de!important;border-color:#344247!important}.ui-site th,.ui-admin th{background:#24333a!important;color:#aebeae!important;border-color:#344247!important}.ui-site td,.ui-admin td{border-color:#344247!important}.ui-site tr:nth-child(even),.ui-admin .table-striped tbody tr:nth-of-type(odd){background:#1e2c32!important}.ui-site table a{color:#c3f53b}
.ui-site .text-white{color:#edf2ef!important}.ui-site button.bg-blue-500,.ui-site button.bg-blue-600,.ui-site a.bg-blue-500,.ui-site button.bg-cyan-500{color:#17200c!important;background:#c3f53b!important}.ui-admin .bg-light,.ui-admin .bg-white{background:#202d33!important;color:#d6e1de!important}.ui-admin .alert{border-color:#44554b;background:#24352c;color:#d2e9c9}.ui-admin .alert-danger{background:#422832;color:#ffc2ca;border-color:#764453}.ui-admin .modal-content{background:#1b282e;color:#edf2ef}.ui-admin .modal-header,.ui-admin .modal-footer{border-color:#344247}
.ui-site .ho-badge{background:#20392b;border-color:#365c40;color:#91e0a9}.ui-site .ho-dot{background:#84dc86}.ui-admin a:hover{color:#d2ff61}.ui-admin-sidebar nav a.is-active{background:#2a3827;color:#c3f53b}.ui-admin .btn-success{color:#fff;background:#267a56;border-color:#378560}.ui-admin .card{background:#1b282e}.ui-admin .text-muted{color:#9caeae!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.ui-site .am-menu .am-heading .am-title,.ui-site .am-menu .am-heading .am-heading-icon{color:inherit}.ui-site .am-menu .am-heading .am-arrow{background:#17200c26;color:inherit;border-color:currentColor}.ui-site .am-menu .am-section:not([open]) .am-arrow{background:#111a1f;color:#c3f53b}
.fc-overlay{background:rgba(5,10,13,.82);backdrop-filter:blur(5px)}.fc-modal{border-radius:12px;box-shadow:0 24px 90px #0008}.fc-modal .fc-tabs{background:#111b20}.fc-modal .fc-tabs button.is-active{background:#2a3827;color:#c3f53b}.fc-toasts{top:24px;bottom:auto;right:24px}.fc-toast{background:#202d33;border-color:#435647;border-left-color:#c3f53b;box-shadow:0 16px 45px #0005}.fc-toast-error{border-left-color:#ff8293}.fc-btn{background:#c3f53b;color:#17200c;border-color:#c3f53b}.fc-btn:hover{background:#d2ff61;color:#17200c}.fc-btn.fc-secondary{background:#25343b;color:#d5e4cf;border-color:#465b4a}.fc-btn.fc-danger{background:#963a4a;color:#fff;border-color:#b54b5b}.fc-notification-row.is-unread{background:#273827}.fc-close:hover{background:#344247;color:#edf2ef}.fc-message.is-own{background:#2b3d2c;color:#e1eed7}.ui-site .pw-today .pw-bar{background:#51ca89}.ui-site .rv-submit{color:#17200c}
.ui-site :is(.bg-blue-500,.bg-blue-600,.bg-cyan-500,.bg-cyan-600,.bg-purple-600,.bg-green-500,.bg-green-600,.bg-yellow-500,.bg-yellow-600,.bg-yellow-700){background:#c3f53b!important;color:#17200c!important}.ui-site :is(.bg-blue-500,.bg-blue-600,.bg-cyan-500,.bg-cyan-600,.bg-purple-600,.bg-green-500,.bg-green-600,.bg-yellow-500,.bg-yellow-600,.bg-yellow-700) .text-white{color:#17200c!important}.ui-site .is-invalid{border-color:#e66d82!important}.fc-btn.fc-danger{color:#fff!important}.fc-message.is-own{background:transparent}.fc-message.is-own .fc-message-bubble{background:#2b3d2c;border-color:#4a6542}.fc-messages{background:#121c22}.fc-message-bubble{background:#23323a}.fc-dialog.is-active{background:#2a3827}
.ui-admin .text-dark,.ui-admin .text-black{color:#d6e1de!important}.ui-admin .badge.bg-warning{background:#e9c96d!important;color:#30260c!important}.ui-admin .btn-outline-dark{border-color:#61716b;color:#d6e1de}.ui-admin .btn-outline-dark:hover{background:#2a3827;color:#c3f53b}.ui-admin .text-success{color:#72d6a2!important}.ui-admin .btn-success i{color:inherit!important}.ui-site .linksurf-btn[style*="pointer-events"]{color:#9caeae!important}

/* Shared header mark: SVG image, independent of icon fonts. */
.ui-header .ui-brand>img.graphite-brand-mark{display:block;width:32px;height:32px;flex:0 0 32px;object-fit:contain;filter:none;opacity:1}

/* Adlix: preserve the supplied photograph; keep the face visible in the hero crop. */
.ui-hero .graphite-photo img{object-position:right 25%;opacity:1}