/* 1INDEXED-inspired UI refresh */
:root{
  --oi-bg:#f6f8fb; --oi-surface:#ffffff; --oi-ink:#0b1220; --oi-muted:#667085;
  --oi-line:#e7ecf3; --oi-primary:#16c784; --oi-primary-2:#0ea5e9; --oi-dark:#07111f;
  --oi-soft:#ecfdf5; --oi-shadow:0 18px 50px rgba(15,23,42,.08); --oi-radius:22px;
}
*{box-sizing:border-box}
body{font-family:Inter,Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:var(--oi-bg)!important;color:var(--oi-ink)!important;letter-spacing:-.01em}
a{color:#0f9f72}a:hover{color:#067a57;text-decoration:none}.text-primary{color:var(--oi-primary)!important}.text-danger{color:#ef4444!important}.text-gray-800,.text-gray-900{color:var(--oi-ink)!important}.text-gray-600,.text-muted{color:var(--oi-muted)!important}
#wrapper{background:radial-gradient(circle at 20% 0%,rgba(22,199,132,.11),transparent 32%),radial-gradient(circle at 85% 10%,rgba(14,165,233,.10),transparent 35%),var(--oi-bg)}
.sidebar{background:linear-gradient(180deg,#061525 0%,#0b1f34 100%)!important;border-right:1px solid rgba(255,255,255,.08);box-shadow:12px 0 40px rgba(2,6,23,.16);padding:18px 12px}.sidebar .sidebar-brand{height:72px;margin:0 0 16px;border-radius:20px;background:rgba(255,255,255,.06);justify-content:flex-start!important;padding:0 16px}.sidebar .sidebar-brand-icon{transform:none!important;width:40px;height:40px;border-radius:6px;background:linear-gradient(135deg,var(--oi-primary),var(--oi-primary-2));display:flex;align-items:center;justify-content:center;color:white}.sidebar .sidebar-brand-icon i:before{content:"1";font-family:Inter,Arial,sans-serif;font-weight:900}.sidebar .sidebar-brand-text{font-size:18px;letter-spacing:.06em;color:#fff}.sidebar .nav-item{margin:4px 0}.sidebar-dark .nav-item .nav-link{border-radius:6px;color:#cbd5e1!important;padding:13px 14px!important}.sidebar-dark .nav-item .nav-link i{color:#7dd3fc!important;margin-right:8px}.sidebar-dark .nav-item.active .nav-link,.sidebar-dark .nav-item .nav-link:hover{background:rgba(22,199,132,.13);color:#fff!important}.sidebar-divider{border-color:rgba(255,255,255,.08)!important}.sidebar #sidebarToggle{background:rgba(255,255,255,.14)}
#content-wrapper{background:transparent!important}.topbar{height:76px!important;margin:18px 24px 24px!important;border-radius:24px;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px);border:1px solid rgba(231,236,243,.9);box-shadow:var(--oi-shadow)!important}.topbar .nav-link{color:var(--oi-ink)!important}.topbar-divider{border-color:var(--oi-line)!important}.img-profile{border:2px solid #fff;box-shadow:0 8px 20px rgba(15,23,42,.12)}
.container-fluid{padding:0 24px 32px!important}.oi-page-hero{position:relative;overflow:hidden;border-radius:32px;padding:36px;margin-bottom:26px;color:#fff;background:linear-gradient(135deg,#07111f 0%,#0b2542 58%,#064e3b 100%);box-shadow:var(--oi-shadow)}.oi-page-hero:before{content:"";position:absolute;right:-80px;top:-100px;width:320px;height:320px;border-radius:50%;background:rgba(22,199,132,.24);filter:blur(3px)}.oi-page-hero:after{content:"";position:absolute;right:52px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:rgba(14,165,233,.18)}.oi-page-hero>*{position:relative;z-index:1}.oi-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:6px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#bbf7d0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.oi-page-hero h1{font-size:clamp(30px,4vw,54px);line-height:1.04;font-weight:900;margin:16px 0 12px;max-width:840px}.oi-page-hero p{font-size:17px;line-height:1.7;color:#dbeafe;max-width:720px;margin:0}.oi-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.oi-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;max-width:760px}.oi-stat{padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}.oi-stat strong{display:block;font-size:22px;color:#fff}.oi-stat span{font-size:12px;color:#cbd5e1;text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.card,.modal-content,.dropdown-menu{border:1px solid var(--oi-line)!important;border-radius:var(--oi-radius)!important;box-shadow:var(--oi-shadow)!important;background:var(--oi-surface)!important}.card-header,.card-footer{background:#fff!important;border-color:var(--oi-line)!important;border-radius:var(--oi-radius) var(--oi-radius) 0 0!important}.card-body{padding:1.35rem!important}.border-left-primary,.border-left-success,.border-left-info,.border-left-warning{border-left:0!important;position:relative;overflow:hidden}.border-left-primary:before,.border-left-success:before,.border-left-info:before,.border-left-warning:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--oi-primary),var(--oi-primary-2))}.shadow{box-shadow:var(--oi-shadow)!important}.btn{border-radius:6px!important;font-weight:800;padding:.7rem 1.1rem;border:0}.btn-sm{padding:.5rem .9rem}.btn-primary{background:linear-gradient(135deg,var(--oi-primary),#0ea5e9)!important;box-shadow:0 10px 24px rgba(22,199,132,.24)!important}.btn-primary:hover{filter:brightness(.96)}.btn-secondary{background:#eaf0f6!important;color:#172033!important}.btn-danger{background:#ef4444!important}.btn-google,.btn-facebook{background:#fff!important;color:#111827!important;border:1px solid var(--oi-line)!important}.form-control,.custom-select,select,textarea,input[type=text],input[type=email],input[type=password],input[type=number]{border:1px solid var(--oi-line)!important;border-radius:6px!important;min-height:48px;background:#fff!important;color:var(--oi-ink)!important;box-shadow:none!important}.form-control:focus{border-color:var(--oi-primary)!important;box-shadow:0 0 0 .2rem rgba(22,199,132,.12)!important}.form-control-user{border-radius:6px!important;padding:1rem 1.25rem!important}.input-group .form-control{border-radius:6px 0 0 999px!important}.input-group-append .btn{border-radius:0 999px 999px 0!important}
table,.table{background:#fff;border-radius:20px;overflow:hidden}.table th{border-top:0!important;color:#475467;font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc}.table td{vertical-align:middle;color:#1f2937}.badge{border-radius:6px;padding:.4em .65em}.dropdown-header{background:linear-gradient(135deg,var(--oi-primary),var(--oi-primary-2))!important;border-radius:8px 18px 0 0!important}
.block-package{transition:transform .22s ease,box-shadow .22s ease;height:calc(100% - 1.5rem)}.block-package:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(15,23,42,.13)!important}.block-package .card-header{padding:22px!important}.block-package .card-header h4{color:var(--oi-ink)!important;font-size:18px}.price strong{font-size:34px;color:var(--oi-primary)}.crypto-pay-box{border:1px solid #bbf7d0!important;background:linear-gradient(180deg,#f0fdf4,#fff)!important;border-radius:8px!important}.crypto-pay-title{color:#047857!important}.crypto-address-box{background:#07111f!important;border-radius:6px!important;color:#86efac!important}.crypto-qr-img{border-radius:8px!important;border-color:var(--oi-line)!important}
.bg-gradient-primary{background:radial-gradient(circle at 20% 10%,rgba(22,199,132,.14),transparent 34%),radial-gradient(circle at 80% 0%,rgba(14,165,233,.15),transparent 30%),#07111f!important}.o-hidden{overflow:hidden}.auth-shell{min-height:100vh;display:flex;align-items:center}.auth-brand-panel{min-height:620px;padding:46px;background:linear-gradient(135deg,#07111f,#0b2542 60%,#064e3b);color:white;border-radius:28px 0 0 28px;position:relative;overflow:hidden}.auth-brand-panel:after{content:"";position:absolute;right:-70px;bottom:-90px;width:280px;height:280px;border-radius:50%;background:rgba(22,199,132,.22)}.auth-logo{width:54px;height:54px;border-radius:8px;background:linear-gradient(135deg,var(--oi-primary),var(--oi-primary-2));display:flex;align-items:center;justify-content:center;font-weight:900;font-size:28px;margin-bottom:30px}.auth-brand-panel h2{font-size:42px;font-weight:900;line-height:1.05}.auth-brand-panel p{color:#dbeafe;line-height:1.7}.auth-feature{margin-top:28px;display:grid;gap:12px}.auth-feature div{padding:14px 16px;border-radius:6px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13)}.auth-form-panel{padding:54px}.auth-form-panel h1{font-weight:900}.bg-login-image,.bg-register-image{background:none!important}
.quick-indexing-panel,.content-v{border-radius:8px!important}
@media(max-width:991px){.topbar{margin:12px!important}.container-fluid{padding:0 14px 24px!important}.oi-stat-row{grid-template-columns:1fr}.oi-page-hero{padding:26px;border-radius:24px}.auth-brand-panel{border-radius:28px 28px 0 0;min-height:auto}.auth-form-panel{padding:32px}.sidebar{padding:10px 8px}.sidebar .sidebar-brand{justify-content:center!important}}


/* One-credit UI polish */
:root{--oi-primary:#16c784;--oi-primary-2:#0ea5e9;--oi-ink:#111827;--oi-muted:#64748b;--oi-line:#e5e7eb;--oi-surface:#ffffff;--oi-soft:#f8fafc;--oi-radius:22px;--oi-shadow:0 18px 50px rgba(15,23,42,.08)}
.btn,.btn-user,.btn-icon-split,.crypto-copy-btn,.btn-upload{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;text-align:center!important;line-height:1.1!important;white-space:normal!important;min-height:42px}
.btn-icon-split .icon,.btn-icon-split .text{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.55rem .75rem!important}
label,.custom-control-label,.form-check-label{display:inline-flex;align-items:center;gap:.45rem;line-height:1.35}
.form-control,.custom-select,select,textarea,input{line-height:1.35!important}
textarea.form-control,textarea{min-height:160px!important}
.card-header{min-height:64px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem;flex-wrap:wrap}
.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5{position:static!important;margin:0!important}
.table td,.table th{vertical-align:middle!important}
.badge,.label,[class*='text-'] label{display:inline-flex;align-items:center;justify-content:center}
.upload-links,.textarea-wrap,.quick-form-field{max-width:760px!important;width:100%!important}
.upload-links[style],.textarea-wrap textarea[style],.mb-4[style],.mt-3[style]{width:100%!important;max-width:760px!important}
#change-apikey,.quick-copy-key{position:static!important;margin:.25rem!important}
.oi-action-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
.crypto-order-result{word-break:break-word}
.sidebar .nav-link i{font-size:1rem!important;opacity:.92}
.icon-circle{display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* Refactor fixes */
.btn{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.1!important;border-radius:6px!important;}
.btn-sm{min-height:38px!important;}
.form-control,.custom-select,select,input,textarea{min-height:42px!important;}
.input-group .form-control,.input-group .btn,.input-group-append .btn{height:42px!important;min-height:42px!important;}
.sidebar{width:14rem!important;}
.sidebar.toggled{width:14rem!important;overflow:visible!important;}
.sidebar #sidebarToggle{display:none!important;}
.user-avatar-icon{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;}


/* Nav active + dropdown layering fixes */
.sidebar .nav-item.active .nav-link{
  background:rgba(22,199,132,.16)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--oi-primary),0 10px 24px rgba(2,6,23,.14)!important;
}
.sidebar .nav-item.active .nav-link i{color:var(--oi-primary)!important;}
#content-wrapper,#content,.navbar,.topbar,.navbar-nav,.nav-item.dropdown{overflow:visible!important;}
.topbar{position:relative!important;z-index:3000!important;}
.topbar .dropdown-menu,.navbar .dropdown-menu,.dropdown-menu.show{z-index:4000!important;}
.oi-page-hero{z-index:1!important;}
.input-group .form-control{border-radius:6px 0 0 6px!important;}
.input-group-append .btn,.input-group .btn{border-radius:0 6px 6px 0!important;}
.input-group .form-control,.input-group .btn,.input-group-append .btn{height:42px!important;min-height:42px!important;align-items:center!important;}


/* Auth/change-password layout hardening */
.auth-shell .card.o-hidden{overflow:hidden!important;max-width:1040px;margin-left:auto;margin-right:auto}.auth-card-row{min-height:560px}.auth-visual-panel{align-items:flex-end;padding:3rem;background:linear-gradient(135deg,#07111f,#0f766e);color:#fff}.auth-visual-panel h2{font-weight:900;color:#fff;margin:1rem 0 .75rem}.auth-visual-panel p{color:rgba(255,255,255,.76);font-size:1rem;line-height:1.65}.auth-form-panel{padding:3rem;max-width:560px;margin:0 auto}.auth-error-box{border-radius:8px!important;font-size:.92rem;line-height:1.5}.auth-form-panel .form-group{margin-bottom:1rem}.auth-form-panel .btn-user{border-radius:6px!important}.auth-form-panel hr{margin:1.5rem 0;border-color:#e5e7eb}@media(max-width:991.98px){.auth-form-panel{padding:2rem 1.35rem}.auth-card-row{min-height:auto}.auth-shell .card.o-hidden{margin-top:1.5rem!important;margin-bottom:1.5rem!important}}