
/* XCVPN professional compact polish v18 */
:root{
  --xc-sidebar-w: 214px;
  --xc-sidebar-w-mobile: 58px;
  --xc-cyan:#24d9ff;
  --xc-border:rgba(255,255,255,.14);
  --xc-muted:rgba(243,247,255,.62);
}
html,body{overflow-x:hidden!important;}
body{font-size:14px!important;}
.sidebar,#sidebar,.left-sidebar,.nav-sidebar,.side-menu,aside{
  width:var(--xc-sidebar-w)!important;
  max-width:var(--xc-sidebar-w)!important;
  min-width:var(--xc-sidebar-w)!important;
  padding-left:8px!important;
  padding-right:8px!important;
  overflow-x:hidden!important;
}
.sidebar .list-group,#sidebar .list-group,.left-sidebar .list-group,.nav-sidebar .list-group{
  width:100%!important;max-width:100%!important;
}
.list-group-item.nav-glass,.nav-glass,.sidebar a.list-group-item,#sidebar a.list-group-item{
  min-height:38px!important;height:auto!important;
  padding:8px 10px!important;margin:0 0 8px 0!important;
  border-radius:13px!important;font-size:13px!important;line-height:1.15!important;
  display:flex!important;align-items:center!important;gap:9px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.list-group-item.nav-glass i,.nav-glass i,.sidebar a.list-group-item i,#sidebar a.list-group-item i{
  width:18px!important;min-width:18px!important;text-align:center!important;font-size:13px!important;margin:0!important;
}
.xc-brand-block{
  display:flex;align-items:center;gap:9px;width:100%;min-height:42px;
  padding:8px 10px;margin:0 0 10px 0;
  border:1px solid rgba(36,217,255,.34);border-radius:15px;
  background:linear-gradient(180deg,rgba(36,217,255,.11),rgba(255,255,255,.035));
  box-shadow:0 0 18px rgba(36,217,255,.10), inset 0 1px 0 rgba(255,255,255,.12);
  color:#fff;font-weight:800;letter-spacing:.1px;overflow:hidden;
}
.xc-brand-logo{
  width:24px;height:24px;min-width:24px;border-radius:8px;object-fit:contain;
  filter:drop-shadow(0 0 7px rgba(36,217,255,.32));
}
.xc-brand-fallback{display:inline-flex;justify-content:center;align-items:center;background:rgba(36,217,255,.18);border:1px solid rgba(36,217,255,.38);font-size:13px;}
.xc-brand-name{font-size:13px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-content,.content-wrapper,.page-content,.container-main,.content,main{min-width:0!important;}
.card,.card.bg-dark,.xcvpn-card{
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(23,29,42,.84),rgba(8,11,18,.84))!important;
  border:1px solid var(--xc-border)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
}
.card-header{padding:14px 16px!important;}
.card-body{padding:14px 16px!important;}
h1,h2,h3{font-size:clamp(22px,2.2vw,34px)!important;line-height:1.1!important;margin-bottom:6px!important;}
h4{font-size:18px!important;} h5{font-size:15px!important;margin-bottom:10px!important;}
.form-label{font-size:13px!important;font-weight:800!important;margin-bottom:5px!important;color:rgba(255,255,255,.86)!important;}
.form-control,.form-select,textarea.form-control{
  min-height:38px!important;height:38px!important;padding:7px 11px!important;
  border-radius:12px!important;font-size:13px!important;
  background:rgba(0,0,0,.28)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;
}
textarea.form-control{min-height:78px!important;height:auto!important;}
.form-control:focus,.form-select:focus,textarea.form-control:focus{
  border-color:rgba(36,217,255,.72)!important;box-shadow:0 0 0 .18rem rgba(36,217,255,.12)!important;
}
small,.small,.text-muted,.form-text{font-size:12px!important;color:var(--xc-muted)!important;}
.btn{
  min-height:34px!important;padding:6px 12px!important;font-size:13px!important;border-radius:12px!important;
  line-height:1.15!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important;
}
.btn-sm{min-height:29px!important;padding:4px 8px!important;font-size:12px!important;border-radius:10px!important;}
.table{font-size:13px!important;}
.table>:not(caption)>*>*{padding:7px 9px!important;}
.table thead th{font-size:12px!important;font-weight:800!important;color:rgba(255,255,255,.78)!important;background:rgba(5,8,14,.95)!important;}
.table-responsive{border-radius:14px!important;overflow:auto!important;border:1px solid rgba(255,255,255,.12)!important;}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{font-size:12px!important;margin:6px 0!important;}
.dataTables_wrapper input,.dataTables_wrapper select{min-height:30px!important;height:30px!important;padding:3px 8px!important;font-size:12px!important;border-radius:10px!important;}
.sidebar .sidebar-footer,.sidebar .copyright,.sidebar .footer-copyright,.sidebar .brand-footer,.sidebar .logo-footer,.sidebar [class*="copyright"]{display:none!important;}
.modal{z-index:1065!important}.modal-backdrop{z-index:1055!important}
.modal-content,.modal-dialog,.modal-footer,.modal .btn{pointer-events:auto!important;position:relative!important;z-index:1075!important;}
.login-card,.login-box,.auth-card,.card-login{
  border-radius:18px!important;border:1px solid rgba(36,217,255,.22)!important;
  background:linear-gradient(180deg,rgba(20,28,43,.88),rgba(7,10,18,.88))!important;
}
.login-card .btn,.login-box .btn,.auth-card .btn,.card-login .btn,button[type="submit"]{border-radius:12px!important;}
@media(max-width:992px){
  :root{--xc-sidebar-w:var(--xc-sidebar-w-mobile);}
  .sidebar,#sidebar,.left-sidebar,.nav-sidebar,aside{
    width:var(--xc-sidebar-w-mobile)!important;min-width:var(--xc-sidebar-w-mobile)!important;max-width:var(--xc-sidebar-w-mobile)!important;
    padding-left:5px!important;padding-right:5px!important;
  }
  .xc-brand-block{justify-content:center;padding:7px 4px!important;min-height:38px!important;}
  .xc-brand-name{display:none!important;}
  .list-group-item.nav-glass,.nav-glass,.sidebar a.list-group-item,#sidebar a.list-group-item{
    justify-content:center!important;padding:8px 5px!important;font-size:0!important;gap:0!important;min-height:36px!important;
  }
  .list-group-item.nav-glass i,.nav-glass i,.sidebar a.list-group-item i,#sidebar a.list-group-item i{width:auto!important;min-width:0!important;font-size:14px!important;}
  .card-body{padding:12px!important}.card-header{padding:12px!important}
  .row.g-3{--bs-gutter-x:.7rem!important;--bs-gutter-y:.7rem!important;}
}
@media(max-width:576px){
  body{font-size:13px!important} h1,h2,h3{font-size:22px!important}
  .btn{font-size:12px!important;padding:5px 9px!important}.form-control,.form-select{font-size:12px!important}
}
