:root{
  --ui-radius:16px;
  --ui-radius-sm:12px;
  --ui-shadow:0 10px 30px rgba(16,24,40,.08);
  --ui-shadow-soft:0 6px 18px rgba(16,24,40,.06);
  --ui-border:rgba(15,23,42,.08);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
.container,.container-fluid{padding-left:18px;padding-right:18px}
.card,.well,.panel,.ticket-card,.orders-box,.component-sidebar,.component-navbar,.component-footer,.form-control,.form-select,.table,.dropdown-menu,.modal-content,.alert{
  border-radius:var(--ui-radius-sm)!important;
}
.panel,.well,.ticket-card,.orders-box,.component-sidebar,.component-navbar,.modal-content,.dropdown-menu,.card{
  box-shadow:var(--ui-shadow-soft)!important;
  border:1px solid var(--ui-border)!important;
}
.btn,.btn-primary,.btn-default,.btn-danger,.btn-success,.btn-info,.btn-warning,button[type="submit"]{
  border-radius:999px!important;
  min-height:44px;
  padding:.68rem 1.1rem!important;
  font-weight:600;
}
input,select,textarea,.form-control,.form-select{
  min-height:46px;
  border-radius:14px!important;
  box-shadow:none!important;
}
textarea{min-height:120px}
.table{background:transparent}
.table>thead>tr>th,.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td{
  vertical-align:middle!important;
}
.table-responsive,.ui-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
.table-responsive table,.ui-table-wrap table{min-width:720px}
.navbar,.component-navbar,.component-navbar__wrapper{backdrop-filter:saturate(140%) blur(8px)}
.navbar-nav .badge,.component-sidebar__menu .badge{border-radius:999px;padding:.35em .6em}
.component-sidebar{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto}
.wrapper-content,.wrapper-content__body,.wrapper-content__footer{min-width:0}
.component-navbar-brand a,.component-sidebar__menu-brand a{word-break:break-word}
.component-sidebar__menu-item-link,.component-navbar-nav-link{border-radius:12px;transition:all .2s ease}
.component-sidebar__menu-item-link:hover,.component-navbar-nav-link:hover{transform:translateY(-1px)}
.alert{border:none!important;box-shadow:var(--ui-shadow-soft)}
.pagination>.active>a,.pagination>.active>span,.pagination li a,.pagination li span{border-radius:10px!important;margin:0 2px}
.login-panel,.auth-panel,.signup-panel,.register-panel{max-width:520px;margin:auto}
@media (max-width: 1199.98px){
  .component-sidebar{position:relative;top:auto;max-height:none}
}
@media (max-width: 991.98px){
  .wrapper-sidebar-navbar .component_private_sidebar{display:none!important}
  .wrapper-sidebar-navbar .wrapper-content{margin-left:0!important;width:100%!important}
  .navbar-collapse{background:rgba(255,255,255,.98);padding:12px;border-radius:16px;box-shadow:var(--ui-shadow)}
  body .component-navbar-private__wrapper .navbar-nav,
  body .component-navbar__wrapper .navbar-nav{gap:6px}
  .component-navbar-balance-item__navbar-private{display:inline-flex;margin:6px 0}
}
@media (max-width: 767.98px){
  h1,.h1{font-size:1.8rem!important}
  h2,.h2{font-size:1.5rem!important}
  h3,.h3{font-size:1.25rem!important}
  .container,.container-fluid{padding-left:14px;padding-right:14px}
  .panel,.well,.card,.component-navbar,.component-footer,.component-sidebar{border-radius:14px!important}
  .btn,.btn-primary,.btn-default,.btn-danger,.btn-success,.btn-info,.btn-warning,button[type="submit"]{width:100%}
  .btn + .btn,.btn + button,button + .btn{margin-top:10px}
  .row{margin-left:-8px!important;margin-right:-8px!important}
  [class*="col-"]{padding-left:8px!important;padding-right:8px!important}
  .table-responsive table,.ui-table-wrap table{min-width:640px}
  .component-footer__public .text-center,.component-footer__public-copyright{text-align:center!important}
}
@media (max-width: 575.98px){
  .navbar-brand,.component-navbar-brand{max-width:70vw}
  .dropdown-menu{width:100%}
  .modal-dialog{margin:10px}
}