
/* ETICKS premium shell v9 */
:root{
  --eticks-accent:#056b5f;
  --eticks-accent-2:#0b806f;
  --eticks-ink:#111315;
  --eticks-muted:#72777e;
  --eticks-border:rgba(17,19,21,.09);
  --eticks-surface:#fff;
}

html,body{min-height:100%;background:#f7f7f6;}
body{color:var(--eticks-ink);-webkit-font-smoothing:antialiased;}
body.eticks-modal-open{overflow:hidden!important;}

.app-shell{min-height:100dvh;}
#app{min-height:100dvh;}

@media (min-width:992px){
  .app-shell{padding-left:0;}
  .sidebar{
    width:84px!important;
    flex-basis:84px!important;
    background:rgba(255,255,255,.82)!important;
    border-right:1px solid var(--eticks-border)!important;
    box-shadow:8px 0 32px rgba(12,15,18,.035)!important;
    backdrop-filter:blur(24px)!important;
  }
  .sidebar .logo{
    width:46px!important;height:46px!important;border-radius:15px!important;
    background:#111315!important;
    box-shadow:none!important;
  }
  .side-nav{gap:8px!important;}
  .nav-btn{
    border-radius:16px!important;
    color:#666c73!important;
  }
  .nav-btn.active{
    background:#111315!important;
    color:#fff!important;
    box-shadow:0 10px 26px rgba(17,19,21,.14)!important;
  }
  .nav-btn:hover{background:#f2f3f2!important;color:#111315!important;}
  .nav-btn::after{
    left:58px!important;
    padding:8px 11px!important;
    box-shadow:0 12px 28px rgba(10,12,15,.12)!important;
  }
  .sidebar-bottom{padding-top:16px!important;}
  .profile-launcher{
    background:#f3f4f3!important;
    border-color:transparent!important;
  }
}

@media (max-width:991px){
  #app{padding-bottom:calc(92px + env(safe-area-inset-bottom));}
  #bottomNav{
    position:fixed;
    left:0;right:0;bottom:0;
    width:100%;
    z-index:9990;
    padding:0 12px calc(9px + env(safe-area-inset-bottom));
    pointer-events:none;
    transform:none!important;
    opacity:1!important;
    overflow:visible!important;
  }
  .bottom-nav{
    pointer-events:auto;
    width:min(560px,100%);
    height:68px;
    margin:0 auto;
    padding:7px;
    border-radius:24px;
    background:rgba(20,22,24,.94)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(28px)!important;
  }
  .bottom-nav .nav-indicator{
    top:6px!important;
    height:56px!important;
    border-radius:19px!important;
    background:#fff!important;
    box-shadow:none!important;
    transition:transform .34s cubic-bezier(.2,.9,.2,1),width .34s cubic-bezier(.2,.9,.2,1)!important;
  }
  .bottom-nav .nav-item{
    width:20%;height:56px;
    display:flex;flex-direction:column;
    gap:5px;
    justify-content:center;
    align-items:center;
    border-radius:19px;
    color:rgba(255,255,255,.72)!important;
  }
  .bottom-nav .nav-item svg{width:20px;height:20px;}
  .bottom-nav .nav-item .label{font-size:9px!important;font-weight:700!important;letter-spacing:.1px;}
  .bottom-nav .nav-item.active{color:#111315!important;transform:none!important;}
  .bottom-nav .nav-item:not(.active):active{transform:scale(.96);}
  .bottom-nav .profile-avatar{width:23px;height:23px;min-width:23px;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

.eticks-global-error-toast{
  position:fixed;left:50%;bottom:calc(94px + env(safe-area-inset-bottom));z-index:100050;
  width:min(92vw,430px);display:flex;align-items:center;gap:12px;
  padding:12px 13px;border-radius:18px;
  background:rgba(18,20,22,.96);color:#fff;
  box-shadow:0 22px 56px rgba(0,0,0,.25);
  transform:translate(-50%,18px);opacity:0;pointer-events:none;
  transition:opacity .2s ease,transform .24s ease;
  backdrop-filter:blur(18px);
}
.eticks-global-error-toast.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto;}
.eticks-global-error-icon{
  width:32px;height:32px;border-radius:11px;background:#fff;color:#111;
  display:grid;place-items:center;font-weight:900;flex:none;
}
.eticks-global-error-copy{min-width:0;display:grid;gap:2px;flex:1;}
.eticks-global-error-copy strong{font-size:13px;}
.eticks-global-error-copy span{font-size:12px;color:rgba(255,255,255,.68);line-height:1.35;}
.eticks-global-error-toast button{
  width:30px;height:30px;border:0;border-radius:10px;background:rgba(255,255,255,.08);
  color:#fff;cursor:pointer;font-size:17px;line-height:1;
}

.eticks-bootstrap-error{
  min-height:calc(100dvh - 40px);display:grid;place-items:center;align-content:center;
  text-align:center;padding:40px 22px;max-width:520px;margin:auto;
}
.eticks-bootstrap-error-icon{
  width:64px;height:64px;border-radius:22px;background:#111315;color:#fff;
  display:grid;place-items:center;font-size:24px;font-weight:900;margin-bottom:18px;
}
.eticks-bootstrap-error h2{margin:0;font-size:25px;letter-spacing:-.04em;}
.eticks-bootstrap-error p{max-width:420px;margin:10px auto 0;color:#70757c;line-height:1.55;}
.eticks-bootstrap-error-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;justify-content:center;}
.eticks-bootstrap-error-actions button{
  min-height:44px;border-radius:13px;padding:0 17px;border:1px solid rgba(17,19,21,.1);
  background:#fff;font-weight:750;cursor:pointer;
}
.eticks-bootstrap-error-actions button:first-child{background:#111315;color:#fff;border-color:#111315;}
