:root{
  --hv-bg:#050b14;--hv-bg-2:#071322;--hv-panel:#0b1726;--hv-panel-2:#0e1d2f;
  --hv-border:rgba(118,205,255,.16);--hv-cyan:#37d8ff;--hv-blue:#4b7dff;
  --hv-text:#edf8ff;--hv-muted:#8fa8ba;--hv-success:#54e6a8;
  --bs-primary:#31c8f4;--bs-primary-rgb:49,200,244;--bs-link-color:#55dfff;--bs-link-hover-color:#8aebff;
}
html[data-bs-theme="dark"],html[data-bs-theme="light"]{color-scheme:dark;background:var(--hv-bg)}
body.hostivra-panel{min-height:100vh;color:var(--hv-text);background:
 radial-gradient(circle at 85% -5%,rgba(55,216,255,.16),transparent 30%),
 radial-gradient(circle at 0 35%,rgba(75,125,255,.12),transparent 28%),
 linear-gradient(180deg,#050b14 0%,#07111d 52%,#050b14 100%);font-feature-settings:"ss01" 1}
body.hostivra-panel:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.hostivra-panel .container>header{position:relative;z-index:20}
.hostivra-panel .navbar{margin-top:16px;padding:14px 18px!important;border:1px solid var(--hv-border);border-radius:20px;background:rgba(6,16,28,.8);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.28)}
.hostivra-panel .navbar-brand img{max-height:42px;width:auto!important;max-width:210px}
.hostivra-panel .nav-link{color:#bfd0dd;border-radius:11px;padding:.65rem .85rem!important;font-weight:650}
.hostivra-panel .nav-link:hover,.hostivra-panel .nav-link.active{color:white;background:rgba(55,216,255,.08)}
.hostivra-panel .btn{border-radius:12px;font-weight:750;letter-spacing:.01em;box-shadow:none}
.hostivra-panel .btn-primary{border-color:transparent;color:#031019;background:linear-gradient(135deg,var(--hv-cyan),#67ebff 45%,#60a5ff)}
.hostivra-panel .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 12px 32px rgba(55,216,255,.18)}
.hostivra-panel .btn-outline-primary{border-color:rgba(55,216,255,.45);color:#8eeaff;background:rgba(55,216,255,.04)}
.hostivra-panel .card,.hostivra-panel .content-block,.hostivra-panel .modal-content,.hostivra-panel .dropdown-menu{background:linear-gradient(180deg,rgba(13,29,47,.96),rgba(8,20,34,.98));border:1px solid var(--hv-border);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.hostivra-panel .card{border-radius:18px;overflow:hidden}.hostivra-panel .card-header{border-color:var(--hv-border);background:rgba(255,255,255,.018)}
.hostivra-panel .form-control,.hostivra-panel .form-select,.hostivra-panel .input-group-text{color:var(--hv-text);background:#071421;border-color:rgba(125,193,235,.2);border-radius:11px}
.hostivra-panel .form-control:focus,.hostivra-panel .form-select:focus{border-color:rgba(55,216,255,.7);box-shadow:0 0 0 .2rem rgba(55,216,255,.11)}
.hostivra-panel .table{--bs-table-bg:transparent;--bs-table-color:#dcecf7;--bs-table-border-color:rgba(125,193,235,.12)}
.hostivra-panel .list-group-item{background:transparent;color:#c9dce9;border-color:rgba(125,193,235,.11)}
.hostivra-panel .breadcrumb a,.hostivra-panel a{color:#64dbff}.hostivra-panel .text-muted,.hostivra-panel .text-secondary{color:var(--hv-muted)!important}
.hostivra-panel footer{padding:18px 8px;border-top:1px solid rgba(125,193,235,.1);margin-top:32px!important}
.hostivra-panel .alert{border-radius:14px;border-width:1px}
.hostivra-panel .badge{border-radius:999px;padding:.45em .7em}
.hostivra-panel .pagination .page-link{background:#091827;border-color:var(--hv-border);color:#cbefff}
.hostivra-panel .pagination .active>.page-link{background:var(--hv-cyan);color:#031019;border-color:var(--hv-cyan)}
.hostivra-panel .hostivra-site-link{display:inline-flex;align-items:center;gap:.35rem;color:#90eaff!important;border:1px solid rgba(55,216,255,.2);padding:.55rem .8rem!important;border-radius:11px}
.hostivra-panel .hostivra-site-link:hover{background:rgba(55,216,255,.08)}
.hostivra-panel .content-block{padding:24px;border-radius:22px;margin-bottom:22px}
.hostivra-panel .price,.hostivra-panel [class*="price"]{font-variant-numeric:tabular-nums}
.hostivra-panel h1,.hostivra-panel h2,.hostivra-panel h3,.hostivra-panel h4,.hostivra-panel h5{letter-spacing:-.02em}
@media(max-width:767px){.hostivra-panel .navbar{margin-top:8px;border-radius:16px}.hostivra-panel .content-block{padding:16px;border-radius:16px}.hostivra-panel .navbar-brand img{max-width:165px}}
