/*
|--------------------------------------------------------------------------
| Pro Redesign Theme
|--------------------------------------------------------------------------
| A non-destructive visual overhaul for the whole Laravel reward site.
| Palette: Midnight / Royal Indigo / Electric Cyan / Premium Amber.
*/
:root{
    --pro-bg:#060817;
    --pro-bg-2:#0b1024;
    --pro-bg-3:#111936;
    --pro-surface:rgba(15,23,48,.86);
    --pro-surface-solid:#111a33;
    --pro-surface-soft:rgba(255,255,255,.055);
    --pro-border:rgba(255,255,255,.12);
    --pro-border-strong:rgba(103,232,249,.26);
    --pro-text:#f8fbff;
    --pro-muted:#aebbd3;
    --pro-muted-2:#7f8da8;
    --pro-primary:#67e8f9;
    --pro-primary-2:#7c3aed;
    --pro-primary-3:#2563eb;
    --pro-accent:#f59e0b;
    --pro-success:#34d399;
    --pro-danger:#fb7185;
    --pro-shadow:0 26px 80px rgba(0,0,0,.42);
    --pro-shadow-soft:0 14px 36px rgba(0,0,0,.28);
    --pro-radius-xl:28px;
    --pro-radius-lg:20px;
    --pro-radius:14px;
}
html{scroll-behavior:smooth;}
html,body{
    background:
        radial-gradient(circle at 8% 0%, rgba(103,232,249,.18), transparent 28%),
        radial-gradient(circle at 92% 8%, rgba(124,58,237,.19), transparent 30%),
        radial-gradient(circle at 50% 100%, rgba(245,158,11,.10), transparent 32%),
        linear-gradient(180deg,var(--pro-bg),var(--pro-bg-2) 48%,#070a18) !important;
    color:var(--pro-text) !important;
    min-height:100%;
}
body{
    font-family:Inter, Poppins, Mulish, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}
body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:52px 52px;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.7), transparent 72%);
}
a{color:var(--pro-primary);transition:color .2s ease, opacity .2s ease, transform .2s ease;}
a:hover{color:#dffbff;text-decoration:none;}
img{max-width:100%;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#080d1d;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--pro-primary-2),var(--pro-primary));border-radius:999px;border:2px solid #080d1d;}
::selection{background:rgba(103,232,249,.30);color:#fff;}

/* Global containers */
.page-wrapper,.page-body-wrapper,.page-body,.app_content,.dashboard,.main,.main_content,.container-fluid,.container{
    border-color:var(--pro-border) !important;
}
.container,.container-fluid{position:relative;}

/* Premium glass surfaces */
.card,.dashbox,.main__table-wrap,.modal-content,.dropdown-menu,.auth-main-card,.goin-hero,.goin-form-card,
.sidebar__user,.custom-card,.offer-card,.profile-card,.payment-card,.task-card,.box,.panel,.widget,.table-responsive,
.login-card,.register-card,.leader-card,.balance-card,.stat-card,.settings-card,.list-group-item{
    background:
        linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.026)),
        var(--pro-surface) !important;
    border:1px solid var(--pro-border) !important;
    border-radius:var(--pro-radius-lg) !important;
    box-shadow:var(--pro-shadow-soft) !important;
    color:var(--pro-text) !important;
    backdrop-filter:blur(18px);
}
.card:hover,.dashbox:hover,.offer-card:hover,.task-card:hover,.payment-card:hover,.stat-card:hover{
    border-color:var(--pro-border-strong) !important;
    transform:translateY(-1px);
}
.card-header,.card-footer,.modal-header,.modal-footer,.dashbox__title,.main__title,
.table thead th,.main__table thead th{
    background:linear-gradient(90deg,rgba(103,232,249,.10),rgba(124,58,237,.10),transparent) !important;
    border-color:var(--pro-border) !important;
    color:#fff !important;
}
.main__title h1,.main__title h2,.main__title h3,.card-title,h1,h2,h3,h4,h5,h6{
    color:var(--pro-text) !important;
    letter-spacing:-.025em;
}
p,small,.text-muted,.muted,.main__title p,.card-text,.form-text{color:var(--pro-muted) !important;}
hr{border-color:var(--pro-border) !important;}

/* Header / navbar */
.header,.navbar,.topbar,#desktop-nav,.nav-header,.main-header{
    background:rgba(8,13,29,.82) !important;
    border-bottom:1px solid var(--pro-border) !important;
    box-shadow:0 16px 50px rgba(0,0,0,.22) !important;
    backdrop-filter:blur(18px);
}
.header__content,.navbar .container,.navbar .container-fluid{
    min-height:72px;
}
.header__logo img,.sidebar__logo img,.navbar-brand img{
    filter:drop-shadow(0 12px 22px rgba(103,232,249,.18));
}
.nav-link,.navbar-nav .nav-link,.header__nav-link,.sidebar__nav-link{
    color:var(--pro-muted) !important;
    border-radius:14px;
}
.nav-link:hover,.navbar-nav .nav-link:hover,.header__nav-link:hover,.sidebar__nav-link:hover,
.sidebar__nav-link--active,.nav-link.active,.navbar-nav .active>.nav-link{
    color:#fff !important;
    background:linear-gradient(135deg,rgba(103,232,249,.15),rgba(124,58,237,.16)) !important;
}

/* Sidebar */
.sidebar,.sidebar_nav,.left-sidebar,.side-menu,.main-sidebar{
    background:
        linear-gradient(180deg,rgba(15,23,48,.98),rgba(7,10,24,.98)),
        radial-gradient(circle at 10% 0%,rgba(103,232,249,.12),transparent 36%) !important;
    border-right:1px solid var(--pro-border) !important;
    box-shadow:24px 0 70px rgba(0,0,0,.30) !important;
    backdrop-filter:blur(20px);
}
.sidebar__user-title span,.sidebar__copyright,.sidebar__copyright a{color:var(--pro-muted) !important;}
.sidebar__user-title p{color:#fff !important;font-weight:800;}
.sidebar__nav-link i,.sidebar__nav-link .icon{color:var(--pro-primary) !important;}
.sidebar__nav-link--active i,.sidebar__nav-link:hover i{color:var(--pro-accent) !important;}

/* Buttons */
.btn,button,.button,.dashbox__more,.header__btn,.sidebar__user-btn,input[type="submit"],input[type="button"]{
    border-radius:999px !important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.btn:hover,button:hover,.button:hover,.dashbox__more:hover,input[type="submit"]:hover,input[type="button"]:hover{
    transform:translateY(-1px);
}
.btn-primary,.btn-success,.btn-info,.dashbox__more,.main__table-btn--view,.main__table-btn--edit,
button[type="submit"],.button-primary,.primary-btn,.site-btn{
    color:#03101d !important;
    border:0 !important;
    background:linear-gradient(135deg,var(--pro-primary),#a7f3d0 48%,var(--pro-accent)) !important;
    box-shadow:0 12px 32px rgba(103,232,249,.22) !important;
    font-weight:800 !important;
}
.btn-secondary,.btn-outline-primary,.btn-outline-light,.dashbox__refresh{
    color:var(--pro-text) !important;
    border:1px solid var(--pro-border-strong) !important;
    background:rgba(255,255,255,.06) !important;
}
.btn-danger,.main__table-btn--delete,.badge-danger{
    color:#fff !important;
    background:linear-gradient(135deg,#e11d48,var(--pro-danger)) !important;
    border:0 !important;
}
.btn-warning,.badge-warning{color:#160f02 !important;background:linear-gradient(135deg,#fde68a,var(--pro-accent)) !important;border:0 !important;}
.badge,.label,.status,.tag{
    border-radius:999px !important;
    padding:.42rem .72rem !important;
    font-weight:800 !important;
    letter-spacing:.01em;
}
.badge-success,.badge-primary{color:#06141f !important;background:linear-gradient(135deg,#6ee7b7,var(--pro-primary)) !important;}
.badge-secondary{color:#dbeafe !important;background:rgba(255,255,255,.10) !important;}

/* Forms */
.form-control,.form-select,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],input[type="url"],select,textarea,
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{
    color:var(--pro-text) !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid var(--pro-border) !important;
    border-radius:16px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
    outline:none !important;
}
.form-control:focus,input:focus,select:focus,textarea:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color:var(--pro-primary) !important;
    box-shadow:0 0 0 4px rgba(103,232,249,.14) !important;
}
label,.form-label{color:#dbeafe !important;font-weight:700;}
::placeholder{color:rgba(174,187,211,.74) !important;}
.input-group-text{background:rgba(103,232,249,.10) !important;border-color:var(--pro-border) !important;color:var(--pro-primary) !important;}

/* Tables */
.table,.main__table{
    color:var(--pro-text) !important;
    border-collapse:separate !important;
    border-spacing:0 10px !important;
}
.table thead th,.main__table thead th{
    color:#dffbff !important;
    border:0 !important;
    text-transform:uppercase;
    font-size:.76rem !important;
    letter-spacing:.08em;
}
.table tbody tr,.main__table tbody tr{
    background:rgba(255,255,255,.055) !important;
    border-radius:18px !important;
    box-shadow:0 8px 20px rgba(0,0,0,.14);
}
.table tbody td,.main__table tbody td{
    border-top:1px solid rgba(255,255,255,.06) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    color:#eaf2ff !important;
    vertical-align:middle !important;
}
.table tbody td:first-child,.main__table tbody td:first-child{border-left:1px solid rgba(255,255,255,.06) !important;border-radius:16px 0 0 16px;}
.table tbody td:last-child,.main__table tbody td:last-child{border-right:1px solid rgba(255,255,255,.06) !important;border-radius:0 16px 16px 0;}
.table-responsive,.dashbox__table-wrap{overflow:auto;border-radius:var(--pro-radius-lg) !important;}

/* Landing / hero areas */
.hero,.banner,.landing,.home-hero,.hero-area,.auth-side,.goin-register-page{
    background:
        radial-gradient(circle at 18% 10%,rgba(103,232,249,.18),transparent 32%),
        radial-gradient(circle at 88% 8%,rgba(124,58,237,.20),transparent 30%),
        linear-gradient(135deg,#060817,#0d1530 55%,#111827) !important;
}
.hero-title,.goin-hero h1,.banner h1,.landing h1{
    font-weight:950 !important;
    letter-spacing:-.06em !important;
}
.gradient-text,.goin-gradient-text,.text-gradient{
    background:linear-gradient(90deg,#fff,var(--pro-primary),#c4b5fd,var(--pro-accent)) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
}

/* Modals and menus */
.modal-backdrop.show{opacity:.72 !important;backdrop-filter:blur(6px);}
.dropdown-item{color:var(--pro-muted) !important;border-radius:12px;}
.dropdown-item:hover{background:rgba(103,232,249,.12) !important;color:#fff !important;}
.alert{border-radius:18px !important;border:1px solid var(--pro-border) !important;box-shadow:var(--pro-shadow-soft) !important;}
.alert-success{background:rgba(52,211,153,.12) !important;color:#d1fae5 !important;}
.alert-danger{background:rgba(251,113,133,.12) !important;color:#ffe4e6 !important;}
.alert-warning{background:rgba(245,158,11,.12) !important;color:#fef3c7 !important;}

/* Offer/task tiles */
.offerwalls-card,.offerwall-card,.task-card,.survey-card,.games-card,.earn-card,.custom-offer-card{
    position:relative;
    overflow:hidden;
}
.offerwalls-card::before,.offerwall-card::before,.task-card::before,.survey-card::before,.games-card::before,.earn-card::before,.custom-offer-card::before{
    content:"";
    position:absolute;
    inset:-1px;
    pointer-events:none;
    background:linear-gradient(135deg,rgba(103,232,249,.18),transparent 35%,rgba(245,158,11,.12));
    opacity:.75;
}

/* Auth polish */
.auth-shell,.goin-register-wrap{isolation:isolate;}
.auth-badge,.goin-eyebrow{
    border-color:rgba(103,232,249,.25) !important;
    background:rgba(103,232,249,.09) !important;
    color:#e0fbff !important;
}

/* Mobile */
@media (max-width:991px){
    body{font-size:15px;}
    .card,.dashbox,.modal-content,.goin-hero,.goin-form-card{border-radius:22px !important;}
    .main,.main_content,.app_content{width:100% !important;max-width:100% !important;margin-left:0 !important;}
    .sidebar,.sidebar_nav{box-shadow:none !important;}
    .table,.main__table{border-spacing:0 8px !important;}
    .table tbody td,.main__table tbody td{min-width:120px;}
}
@media (max-width:575px){
    h1{font-size:2rem !important;}
    h2{font-size:1.55rem !important;}
    .container,.container-fluid{padding-left:14px !important;padding-right:14px !important;}
    .btn,button,.button{min-height:42px;}
}