.faq-filter-item.accordion-active ul{
 margin: 10px 0;
 display: flex;
 flex-direction: column;
 gap: 5px;
}

.faq-filter-item.slide{
 position: relative;
}
.faq-filter-item.slide::before{
 width: 12px;
 height: 6px;
 top: 16px;
 right: 10px;
 background-image: url("https://iunlocker.com/img/select-arrow.png");
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 z-index: 10;
 transition: .3s ease;
}

.faq-filter-item.slide.accordion-active::before{
 transform: rotate(-180deg);
}
@media (max-width: 600px)
container {
padding: 0 0px;
}
@media (max-width: 600px){
 .questions{
  margin-top: 20px;
 }
 .questions .container{
  padding: 0;
 }
 .questions__inner{
  gap: 20px !important;
 }
}


@media (max-width: 768px){
 .questions__item-text {
  width: 100%;
  overflow-x: scroll;
 }
}

.faq-section__sidebar{
 position: relative;
}

@media (max-width: 768px){
 .faq-section__sidebar::before {
  width: 12px;
  height: 6px;
  top: 50%;
  transform: translate(0, -50%);
  right: 10px;
  background-image: url("https://iunlocker.com/img/select-arrow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
 }
}

.faq-filter-select{
 background: #EBF3FD;
}



select {

  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.of-input {
  width: 220px;
  height: 40px;
  padding: 0 20px;
  margin: 0;
  border: 1px solid #fff;
  font-size: 16px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  outline: none;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.of-input::-webkit-input-placeholder {
  color: #b3b3b3;
}

.of-input:-ms-input-placeholder {
  color: #b3b3b3;
}

.of-input::-ms-input-placeholder {
  color: #b3b3b3;
}

.of-input::placeholder {
  color: #b3b3b3;
}

.of-input:focus {
  border-color: #009CFF;
}

.of-text {
  margin-top: 40px;
  background: #fff;
  border-radius: 10px;
  font-size: 14px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 156, 255, 0.15);
          box-shadow: 0 2px 10px 0 rgba(0, 156, 255, 0.15);
}

.of-text__btn {
  position: relative;
  padding: 12px 45px 12px 18px;
  background: #EBF3FD;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #009CFF;
}

.of-text__btn::before {
  content: '';
  position: absolute;
  right: 18px;
  top: 20px;
  width: 10px;
  height: 8px;
  background: url(../img/select-arrow-blue.png) center no-repeat;
  background-size: 100% 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.of-text_active .of-text__btn::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.of-text__collapse {
  overflow: hidden;
  height: 0;
}

.of-text_active .of-text__collapse {
  height: auto;
}

.of-text__content {
  padding: 30px;
  line-height: 21px;
}

.cstm-select {
  position: relative;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
}

.cstm-select__text {
  position: relative;
  z-index: 2;
  display: block;
  padding: 10px 18px 10px 45px;
}

.cstm-select select {
  position: relative;
  width: 100%;
  z-index: 2;
  padding: 10px 48px 10px 45px;
  border: none;
  font-size: 16px;
  font-weight: bold;
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  outline: none;
}

.cstm-select::before {
  content: '';
  left: 15px;
  top: 11px;
  width: 16px;
  height: 14px;
  position: absolute;
  background: url(../img/done-arrow.png) center no-repeat;
  background-size: 100% 100%;
}

.cstm-select__arrow {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 45px;
  border-left: 1px solid #F8F8FD;
}

.cstm-select__arrow::before {
  content: '';
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 8px;
  background: url(../img/select-arrow.png) center no-repeat;
  background-size: 100% 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.cstm-select_disabled {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (max-width: 905px) {
  .of {
    max-width: 640px;
  }
  .of-info-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .of-form {
    display: block;
  }
  .of-form-col {
    padding: 10px 20px;
  }
  .of-input {
    width: 100%;
  }
  .of-title {
    font-size: 30px;
  }
  .of-text {
    margin-top: 30px;
  }
}

@media screen and (max-width: 640px) {
  .of {
    max-width: 480px;
  }
  .of-header {
    font-size: 20px;
  }
  .of-title {
    font-size: 26px;
  }
  .of-select {
    display: block;
    font-size: 14px;
  }
  .of-select__label {
    margin-bottom: 10px;
  }
  .of-text__btn {
    font-size: 14px;
  }
  .cstm-select-btn {
    font-size: 14px;
  }
  .cstm-select-btn::before {
    top: 12px;
  }
  .cstm-select-list > li {
    font-size: 14px;
  }
  .of-text__btn::before {
    top: 18px;
  }
}
.tooltip-box {
  position: absolute;
  background: #fff;
  color: #333;
  padding: 12px 14px;
  max-width: 260px;
  font-size: 13px;
  line-height: 1.4;
  border: 1px solid #ccc;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  border-radius: 6px;
  z-index: 9999;
  display: none;
}
.tooltip-box:after {
  content: '';
  position: absolute;
  left: 12px;
  top: -8px;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}

.plans-section {
  text-align: center;
  padding: 10px 20px;
  background: transparent;
}

.plans-title {
  font-size: 32px;
  margin-bottom: 40px;
  font-weight: 700;
  color: #2c2f3f;
}

.plans-container {
  display: flex;
  gap: 25px;
  justify-content: center;
  flex-wrap: wrap;
}
.plan-platinum {
  border-top: 5px solid #8e44ad;
  background: #f9f7ff;
}

.plan-card {
  flex: 1 1 280px;
  max-width: 280px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
  padding: 30px 25px;
  position: relative;
  transition: all 0.3s ease;
}

.plan-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.plan-card h3 {
  font-size: 22px;
  margin-bottom: 6px;
  font-weight: 600;
  color: #2c2f3f;
}

.plan-card .price {
  font-size: 20px;
  margin: 5px 0 20px;
  color: #888;
}

.plan-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  text-align: left;
}

.plan-card li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
}

.plan-card li::before {
  content: "\2713"; /* ✓ */
  position: absolute;
  left: 0;
  top: 0;
  color: #2ea800;
  font-weight: bold;
  font-size: 14px;
  font-family: sans-serif; 
}

.plan-card li.disabled::before {
  content: "\2717"; /* ✗ */
  color: #e74c3c;
}

.plan-card li.disabled {
  color: #999;
}

.plan-card button {
  background: #2ea800;
  color: white;
  padding: 10px 22px;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s ease;
}

.plan-card button:hover {
  background: #249000;
}

.plan-card button[disabled] {
  background: #ccc;
  cursor: not-allowed;
}

.plan-standard {
  border-top: 5px solid #ccc;
}
.plan-silver {
  border-top: 5px solid #bdc3c7;
}
.plan-gold {
  border-top: 5px solid gold;
  background: #fffdf4;
}

/* Badge */
.badge-popular {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: gold;
  color: #333;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: bold;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.plan-standard {
  border-top: 5px solid #ccc;
}

.plan-silver {
  border-top: 5px solid #bdc3c7;
}

.plan-gold {
  border-top: 5px solid gold;
  background: #fffdf4;
}

.plan-platinum {
  border-top: 5px solid #166534; /* тёмно-зелёный */
  background: #f5fff7;
}


.modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  animation: fadeIn 0.2s ease-out;
}

.modal {
  background: #ffffff;
  border-radius: 16px;
  padding: 30px 25px;
  max-width: 380px;
  width: 90%;
  text-align: center;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
  animation: scaleIn 0.25s ease-out;
}

.modal h3 {
  font-size: 18px;
  margin-bottom: 20px;
  color: #2c2f3f;
  font-weight: 500;
}

.modal-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
}

.modal button {
  padding: 10px 20px;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.modal .btn-confirm {
  background: #2ea800;
  color: white;
}

.modal .btn-confirm:hover {
  background: #249000;
}

.modal .btn-cancel {
  background: #ddd;
  color: #333;
}

.modal .btn-cancel:hover {
  background: #bbb;
}

@keyframes scaleIn {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.price-stack {
  margin: 8px 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
}

.price-new {
  font-size: 22px;
  font-weight: bold;
  color: #2ea800;
}

.price-unit {
  font-size: 14px;
  font-weight: normal;
  color: #666;
  margin-left: 4px;
}

.price-old {
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
}

.discount-tag {
  background: #ffe600;
  color: #000;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 600;
}
.offer-banner {
  background: linear-gradient(90deg, #ffe600, #fff6a5);
  color: #222;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 25px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  text-align: center;
}

.note-renewal {
  margin-top: 30px;
  font-size: 13px;
  color: #555;
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}
.back-container {
  text-align: left;
  margin: 20px 0 10px;
  padding-left: 20px; /* можно убрать или изменить */
}

.back-button {
  display: inline-block;
  color: #2c2f3f;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 8px;
  transition: background 0.2s ease;
}

.back-button:hover {
  background: rgba(0, 0, 0, 0.05);
}


@media (min-width: 1024px) {
  .plans-container {
    justify-content: center;
  }
}
.plan-card.current-plan {
  border: 3px solid #2ea800;
  position: relative;
  box-shadow: 0 0 0 4px rgba(46, 168, 0, 0.2);
  transform: scale(1.03);
}

.plan-card.current-plan::after {
  content: "✔ Your Plan";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: #2ea800;
  color: white;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.plan-expiry {
  margin-top: 10px;
  font-size: 13px;
  color: #666;
  background: #f0f8ec;
  padding: 6px 10px;
  border-radius: 6px;
  display: inline-block;
}
 .iu-register-wrap{
    width:100%;
    display:flex;
    justify-content:center;
    padding:24px 16px 40px;
    box-sizing:border-box;
}

.iu-register-card{
    width:100%;
    max-width:540px;
    background:linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
    border:1px solid rgba(15,23,42,.07);
    border-radius:24px;
    box-shadow:0 18px 50px rgba(15,23,42,.08);
    padding:28px 28px 24px;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
}

.iu-register-card:before{
    content:"";
    position:absolute;
    top:0;
    left:1px;
    right:1px;
    height:5px;
    border-radius:23px 23px 0 0;
    background:linear-gradient(90deg,#4f46e5 0%, #2563eb 100%);
}

.iu-register-top{
    margin-bottom:20px;
}

.iu-register-kicker{
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#4f46e5;
    margin-bottom:10px;
}

.iu-register-title{
    font-size:34px;
    line-height:1.08;
    font-weight:900;
    color:#111827;
    letter-spacing:-0.03em;
}

.iu-register-subtitle{
    margin-top:10px;
    font-size:15px;
    line-height:1.6;
    color:#6b7280;
}

.iu-register-form{
    width:100%;
}

.iu-register-field{
    margin-bottom:16px;
}

.iu-register-label{
    display:block;
    margin-bottom:8px;
    font-size:13px;
    font-weight:800;
    color:#374151;
}

.iu-register-input{
    width:100% !important;
    height:52px !important;
    box-sizing:border-box !important;
    padding:0 16px !important;
    border:1px solid #d6dbe5 !important;
    border-radius:16px !important;
    background:#ffffff !important;
    color:#111827 !important;
    font-size:15px !important;
    outline:none !important;
    transition:border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}

.iu-register-input:focus{
    border-color:#7c97ff !important;
    box-shadow:0 0 0 5px rgba(79,70,229,.10) !important;
    background:#fff !important;
}

.iu-register-input::placeholder{
    color:#9ca3af !important;
}

.iu-register-pass-wrap{
    position:relative;
}

.iu-register-pass-wrap .iu-register-input{
    padding-right:86px !important;
}

.iu-register-toggle{
    position:absolute;
    top:50%;
    right:8px;
    transform:translateY(-50%);
    height:38px;
    min-width:64px;
    border:none;
    border-radius:12px;
    background:#eef2f7;
    color:#111827;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    padding:0 12px;
}

.iu-register-toggle:hover{
    background:#e3e8ef;
}

.iu-register-pin-row{
    margin-bottom:16px;
}

.iu-register-field-pin{
    max-width:160px;
}

.iu-register-input-pin{
    text-align:center;
    letter-spacing:.15em;
    font-weight:800;
}

.iu-register-check{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:8px 0 16px 0;
    font-size:14px;
    line-height:1.6;
    color:#374151;
}

.iu-register-check input{
    margin-top:3px;
}

.iu-register-link-inline{
    color:#2563eb;
    text-decoration:none;
    font-weight:700;
}

.iu-register-link-inline:hover{
    text-decoration:underline;
}

.iu-register-message{
    min-height:22px;
    margin-bottom:10px;
    font-size:13px;
    line-height:1.5;
    color:#b91c1c;
}

.iu-register-actions{
    margin-top:8px;
}

.iu-register-btn{
    width:100%;
    height:50px;
    border:none;
    border-radius:16px;
    font-size:15px;
    font-weight:900;
    letter-spacing:-0.01em;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    box-sizing:border-box;
}

.iu-register-btn-main{
    background:linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
    color:#fff;
    box-shadow:0 14px 28px rgba(79,70,229,.18);
    transition:transform .12s ease, box-shadow .12s ease;
}

.iu-register-btn-main:hover{
    transform:translateY(-1px);
    box-shadow:0 18px 34px rgba(79,70,229,.24);
}

.iu-register-btn-light{
    background:#f8fafc;
    color:#111827;
    border:1px solid #d8dee8;
}

.iu-register-btn-light:hover{
    background:#eef2f7;
}

.iu-register-bottom{
    margin-top:16px;
    text-align:center;
    font-size:13px;
    line-height:1.6;
    color:#6b7280;
}

.iu-register-success-card{
    text-align:center;
}

.iu-register-success-icon{
    width:68px;
    height:68px;
    margin:0 auto 16px;
    border-radius:999px;
    background:#ecfdf5;
    border:1px solid #bbf7d0;
    color:#15803d;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    font-weight:900;
}

.iu-register-success-title{
    font-size:30px;
    line-height:1.1;
    font-weight:900;
    color:#111827;
    letter-spacing:-0.03em;
}

.iu-register-success-subtitle{
    margin-top:10px;
    font-size:15px;
    line-height:1.6;
    color:#6b7280;
    margin-bottom:22px;
}

@media(max-width:640px){
    .iu-register-wrap{
        padding:16px 12px 28px;
    }

    .iu-register-card{
        max-width:none;
        border-radius:20px;
        padding:22px 18px 20px;
    }

    .iu-register-card:before{
        border-radius:20px 20px 0 0;
    }

    .iu-register-title{
        font-size:30px;
    }

    .iu-register-subtitle{
        font-size:14px;
    }

    .iu-register-input{
        height:48px;
        border-radius:14px;
    }

    .iu-register-btn{
        height:48px;
        border-radius:14px;
    }

    .iu-register-field-pin{
        max-width:none;
    }
}
.iu-register-message{
    min-height:0;
    margin-bottom:12px;
    font-size:13px;
    line-height:1.5;
}

.iu-register-message:empty{
    display:none;
}

.iu-register-message-error{
    display:block;
    padding:12px 14px;
    border-radius:12px;
    background:#fff1f2;
    border:1px solid #fecdd3;
    color:#be123c;
    font-weight:700;
}

.iu-register-message-success{
    display:block;
    padding:12px 14px;
    border-radius:12px;
    background:#ecfdf5;
    border:1px solid #bbf7d0;
    color:#166534;
    font-weight:700;
}

.iu-register-message-info{
    display:block;
    padding:12px 14px;
    border-radius:12px;
    background:#eff6ff;
    border:1px solid #bfdbfe;
    color:#1d4ed8;
    font-weight:700;
}

.iu-register-pin-note{
    padding:12px 14px;
    border-radius:12px;
    background:#f8fafc;
    border:1px solid #e5e7eb;
    color:#475467;
    font-size:13px;
    line-height:1.5;
}

.iu-btn-loading{
    position:relative;
    pointer-events:none;
    opacity:.8;
}

.iu-btn-loading:after{
    content:"";
    width:16px;
    height:16px;
    border:2px solid rgba(255,255,255,.45);
    border-top-color:#fff;
    border-radius:999px;
    display:inline-block;
    margin-left:10px;
    animation:iuSpin .7s linear infinite;
    vertical-align:-3px;
}

@keyframes iuSpin{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}
.iu-alert{
    display:flex;
    align-items:flex-start;
    gap:12px;

    padding:14px 16px;
    margin-bottom:18px;

    border-radius:14px;
    font-size:14px;
    line-height:1.5;
}

.iu-alert-icon{
    font-weight:900;
    font-size:16px;
    margin-top:1px;
}

.iu-alert-content{
    flex:1;
}

.iu-alert-title{
    font-weight:800;
    margin-bottom:3px;
}

.iu-alert-text{
    opacity:.9;
}

/* SUCCESS */

.iu-alert-success{
    background:#ecfdf5;
    border:1px solid #bbf7d0;
    color:#166534;
}

/* ERROR */

.iu-alert-error{
    background:#fff1f2;
    border:1px solid #fecdd3;
    color:#be123c;
}

/* INFO */

.iu-alert-info{
    background:#eff6ff;
    border:1px solid #bfdbfe;
    color:#1e40af;
}
.iu-auth-shell{
    width:100%;
    display:flex;
    justify-content:center;
    padding:28px 16px 40px;
    box-sizing:border-box;
}

.iu-auth-card{
    position:relative;
    background:#fff;
    border:1px solid rgba(15,23,42,.07);
    border-radius:26px;
    padding:30px 28px 24px;
    box-shadow:0 18px 50px rgba(15,23,42,.08);
    overflow:hidden; /* важно */
}

.iu-auth-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg, #6366f1, #4f46e5, #2563eb);
    border-radius:26px 26px 0 0;
    box-shadow:none; /* убрать, он дает визуальный вылет */
    pointer-events:none;
}
.iu-auth-hero{
    margin-bottom:22px;
}

.iu-auth-kicker{
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#4f46e5;
    margin-bottom:10px;
}

.iu-auth-title{
    margin:0;
    font-size:40px;
    line-height:1.05;
    font-weight:900;
    letter-spacing:-0.04em;
    color:#0f172a;
}

.iu-auth-subtitle{
    margin-top:10px;
    font-size:15px;
    line-height:1.6;
    color:#667085;
}

.iu-auth-form{
    width:100%;
}

.iu-auth-group{
    margin-bottom:18px;
}

.iu-auth-label-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
}

.iu-auth-label{
    display:block;
    margin-bottom:8px;
    font-size:13px;
    font-weight:800;
    color:#344054;
}

.iu-auth-link{
    font-size:13px;
    font-weight:700;
    color:#2563eb;
    text-decoration:none;
}

.iu-auth-link:hover{
    text-decoration:underline;
}

.iu-auth-input{
    width:100% !important;
    height:54px !important;
    box-sizing:border-box !important;
    padding:0 16px !important;
    border:1px solid #d8dee8 !important;
    border-radius:16px !important;
    background:#fbfcfe !important;
    color:#0f172a !important;
    font-size:15px !important;
    outline:none !important;
    transition:border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}

.iu-auth-input:focus{
    background:#fff;
    border-color:#7c8cff;
    box-shadow:0 0 0 5px rgba(79,70,229,.10);
}

.iu-auth-input::placeholder{
    color:#98a2b3;
}

.iu-auth-pass-wrap{
    position:relative;
}

.iu-auth-pass-wrap .iu-auth-input{
    padding-right:86px;
}

.iu-auth-pass-toggle{
    position:absolute;
    top:50%;
    right:8px;
    transform:translateY(-50%);
    height:38px;
    min-width:64px;
    border:none;
    border-radius:12px;
    background:#eef2f7;
    color:#111827;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    padding:0 12px;
}

.iu-auth-pass-toggle:hover{
    background:#e3e8ef;
}

.iu-auth-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:24px;
}

.iu-auth-btn{
    height:52px;
    border-radius:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:15px;
    font-weight:900;
    letter-spacing:-0.01em;
    transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
    box-sizing:border-box;
}

.iu-auth-btn:hover{
    transform:translateY(-1px);
}

.iu-auth-btn-primary{
    border:none;
    background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);
    color:#fff;
    box-shadow:0 14px 28px rgba(79,70,229,.20);
    cursor:pointer;
}

.iu-auth-btn-primary:hover{
    box-shadow:0 18px 34px rgba(79,70,229,.26);
}

.iu-auth-btn-secondary{
    border:1px solid #d8dee8;
    background:#f8fafc;
    color:#111827;
}

.iu-auth-btn-secondary:hover{
    background:#eef2f7;
}

.iu-auth-footer-note{
    margin-top:16px;
    text-align:center;
    font-size:13px;
    line-height:1.6;
    color:#667085;
}

.iu-auth-alert{
    margin-bottom:18px;
    padding:13px 15px;
    border-radius:16px;
    font-size:13px;
    line-height:1.6;
}

.iu-auth-alert-error{
    background:#fff1f2;
    border:1px solid #fecdd3;
    color:#be123c;
}

@media(max-width:640px){
    .iu-auth-shell{
        padding:16px 12px 28px;
    }

    .iu-auth-card{
        max-width:none;
        padding:24px 18px 20px;
        border-radius:22px;
    }

    .iu-auth-card:before{
        border-radius:22px 22px 0 0;
    }

    .iu-auth-title{
        font-size:34px;
    }

    .iu-auth-subtitle{
        font-size:14px;
    }

    .iu-auth-actions{
        grid-template-columns:1fr;
    }

    .iu-auth-btn{
        width:100%;
    }

    .iu-auth-input{
        height:50px;
        border-radius:14px;
    }
}
.iu-restore-wrap{
    width:100%;
    display:flex;
    justify-content:center;
    padding:24px 16px 40px;
    box-sizing:border-box;
}

.iu-restore-card{
    width:100%;
    max-width:500px;
    background:linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
    border:1px solid rgba(15,23,42,.07);
    border-radius:24px;
    box-shadow:0 18px 50px rgba(15,23,42,.08);
    padding:28px 28px 24px;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
}

.iu-restore-card:before{
    content:"";
    position:absolute;
    top:0;
    left:1px;
    right:1px;
    height:5px;
    border-radius:23px 23px 0 0;
    background:linear-gradient(90deg,#4f46e5 0%, #2563eb 100%);
}

.iu-restore-top{
    margin-bottom:20px;
}

.iu-restore-kicker{
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#4f46e5;
    margin-bottom:10px;
}

.iu-restore-title{
    font-size:34px;
    line-height:1.08;
    font-weight:900;
    color:#111827;
    letter-spacing:-0.03em;
}

.iu-restore-subtitle{
    margin-top:10px;
    font-size:15px;
    line-height:1.6;
    color:#6b7280;
}

.iu-restore-form{
    width:100%;
}

.iu-restore-field{
    margin-bottom:18px;
}

.iu-restore-label{
    display:block;
    margin-bottom:8px;
    font-size:13px;
    font-weight:800;
    color:#374151;
}

.iu-restore-input{
    width:100% !important;
    height:52px !important;
    box-sizing:border-box !important;
    padding:0 16px !important;
    border:1px solid #d6dbe5 !important;
    border-radius:16px !important;
    background:#ffffff !important;
    color:#111827 !important;
    font-size:15px !important;
    outline:none !important;
    transition:border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}

.iu-restore-input:focus{
    border-color:#7c97ff !important;
    box-shadow:0 0 0 5px rgba(79,70,229,.10) !important;
    background:#fff !important;
}

.iu-restore-input::placeholder{
    color:#9ca3af !important;
}

.iu-restore-message{
    min-height:22px;
    margin-bottom:10px;
    font-size:13px;
    line-height:1.5;
    color:#b91c1c;
}

.iu-restore-actions{
    margin-top:6px;
}

.iu-restore-btn{
    width:100%;
    height:50px;
    border:none;
    border-radius:16px;
    background:linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
    color:#fff;
    font-size:15px;
    font-weight:900;
    letter-spacing:-0.01em;
    cursor:pointer;
    box-shadow:0 14px 28px rgba(79,70,229,.18);
    transition:transform .12s ease, box-shadow .12s ease;
}

.iu-restore-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 18px 34px rgba(79,70,229,.24);
}

.iu-restore-btn:disabled{
    opacity:.6;
    cursor:not-allowed;
    transform:none;
    box-shadow:none;
}

.iu-restore-bottom{
    margin-top:16px;
    text-align:center;
    font-size:13px;
    line-height:1.6;
    color:#6b7280;
}

.iu-restore-link{
    color:#2563eb;
    text-decoration:none;
    font-weight:700;
}

.iu-restore-link:hover{
    text-decoration:underline;
}

@media(max-width:640px){
    .iu-restore-wrap{
        padding:16px 12px 28px;
    }

    .iu-restore-card{
        max-width:none;
        border-radius:20px;
        padding:22px 18px 20px;
    }

    .iu-restore-card:before{
        border-radius:20px 20px 0 0;
    }

    .iu-restore-title{
        font-size:30px;
    }

    .iu-restore-subtitle{
        font-size:14px;
    }

    .iu-restore-input{
        height:48px;
        border-radius:14px;
    }

    .iu-restore-btn{
        height:48px;
        border-radius:14px;
    }
}  
   .iu-compact{width:100%;}
    .iu-title{font-size:20px;font-weight:800;}
    .iu-sub{margin-top:2px;opacity:.85}
    .iu-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px;flex-wrap:wrap}
    .iu-top-right{display:flex;gap:12px;flex-wrap:wrap}
    .iu-kpi{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:8px 10px;background:#fff}
    .iu-kpi-label{font-size:11px;opacity:.7}
    .iu-kpi-value{margin-top:4px;font-size:16px;font-weight:800;white-space:nowrap}
    .iu-plus{color:#2EA800}
    .iu-minus{color:#dc3545}

    .iu-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:12px 12px;box-shadow:0 6px 18px rgba(0,0,0,.06);margin-top:12px}
    .iu-link{color:#1b66ff;text-decoration:none;font-weight:700}
    .iu-link:hover{text-decoration:underline}
    .iu-ml{margin-left:8px}

    .iu-sub-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
    .iu-sub-title{font-size:15px;font-weight:800}
    .iu-sub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    .iu-sub-row{border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:10px 10px;background:rgba(0,0,0,.012)}
    .iu-sub-row-full{grid-column:1 / -1}
    .iu-sub-label{font-size:11px;opacity:.7}
    .iu-sub-val{margin-top:6px;font-size:14px;font-weight:800}

    .iu-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;border:1px solid rgba(0,0,0,.15);font-size:12px;font-weight:800;background:rgba(0,0,0,.02);margin-right:6px;white-space:nowrap}
    .iu-badge-green{border-color:rgba(46,168,0,.35);color:#2EA800;background:rgba(46,168,0,.08)}
    .iu-badge-red{border-color:rgba(220,53,69,.35);color:#dc3545;background:rgba(220,53,69,.08)}
    .iu-badge-blue{border-color:rgba(27,102,255,.35);color:#1b66ff;background:rgba(27,102,255,.08)}
    .iu-badge-yellow{border-color:rgba(240,185,11,.45);color:#8a6d00;background:rgba(240,185,11,.18)}

    .iu-chips{display:flex;flex-wrap:wrap;gap:8px}
    .iu-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(0,0,0,.10);background:rgba(0,0,0,.02)}
    .iu-chip-ok{border-color:rgba(46,168,0,.25);background:rgba(46,168,0,.08);color:#2EA800}
    .iu-chip-warn{border-color:rgba(255,193,7,.35);background:rgba(255,193,7,.16);color:#8a6d00}

    .iu-table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
    .iu-table-title{font-size:15px;font-weight:800}
    .iu-table-wrap{overflow:auto}
    .iu-table{width:100%;border-collapse:collapse;min-width:700px}
    .iu-table th,.iu-table td{padding:10px;border-bottom:1px solid rgba(0,0,0,.08);text-align:left;font-size:13px;vertical-align:top}
    .iu-table th{font-size:11px;text-transform:uppercase;letter-spacing:.02em;opacity:.7}
    .iu-muted{opacity:.7}
    .iu-feat-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.iu-feat{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(0,0,0,.02);
}
.iu-feat-ic{
  width:18px;height:18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
}
.iu-feat-ok{border-color:rgba(46,168,0,.25);background:rgba(46,168,0,.08);color:#2EA800}
.iu-feat-ok .iu-feat-ic{background:rgba(46,168,0,.18);color:#2EA800}
.iu-feat-no{border-color:rgba(220,53,69,.20);background:rgba(220,53,69,.06);color:#dc3545}
.iu-feat-no .iu-feat-ic{background:rgba(220,53,69,.14);color:#dc3545}

    @media(max-width:900px){
        .iu-sub-grid{grid-template-columns:1fr}
        .iu-table{min-width:600px}
    }
    
.qo-open-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:38px;
    padding:0 14px;
    border:1px solid #d8dee9;
    border-radius:10px;
    background:#eaf1fb;
    color:#1f2937;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    margin: 10px 0;
}
.qo-open-btn:hover{
    background:#c7ddf8;
}

.qo-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    background:rgba(15,23,42,.45);
    display:none;
    padding:20px;
    box-sizing:border-box;
}
.qo-dialog{
    width:100%;
    max-width:760px;
    max-height:92vh;
    margin:0 auto;
    background:#fff;
    border-radius:18px;
    box-shadow:0 24px 60px rgba(0,0,0,.22);
    overflow:hidden;
    display:flex;
    flex-direction:column;
}
.qo-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    padding:18px 20px;
    border-bottom:1px solid rgba(0,0,0,.08);
}
.qo-title{
    font-size:20px;
    font-weight:800;
    color:#111827;
    line-height:1.2;
}
.qo-subtitle{
    margin-top:4px;
    font-size:13px;
    color:#6b7280;
}
.qo-close{
    width:40px;
    height:40px;
    border:none;
    border-radius:12px;
    background:#f3f4f6;
    color:#111827;
    font-size:24px;
    cursor:pointer;
}
.qo-close:hover{
    background:#e5e7eb;
}
.qo-body{
    padding:18px 20px 20px;
    overflow:auto;
}
.qo-field{
    margin-bottom:16px;
}
.qo-label{
    display:block;
    margin-bottom:7px;
    font-size:13px;
    font-weight:700;
    color:#374151;
}
.qo-service-picker{
    display:flex;
    gap:8px;
        align-items: center;
}
.qo-input,
.qo-textarea{
    width:100%;
    box-sizing:border-box;
    border:1px solid #d1d5db;
    border-radius:12px;
    background:#fff;
    color:#111827;
    font-size:14px;
    padding:11px 13px;
    outline:none;
}
.qo-input:focus,
.qo-textarea:focus{
    border-color:#3b82f6;
    box-shadow:0 0 0 4px rgba(59,130,246,.10);
}
.qo-service-search{
    flex:1 1 auto;
}
.qo-picker-btn{
    width:46px;
    height:44px;
    border:1px solid #d1d5db;
    border-radius:12px;
    background:#fff;
    font-size:16px;
    cursor:pointer;
}
.qo-picker-btn:hover{
    background:#f9fafb;
}
.qo-dropdown{
    margin-top:8px;
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
}
.qo-service-list{
    max-height:280px;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-gutter:stable;
}
.qo-service-list::-webkit-scrollbar{
    width:10px;
}
.qo-service-list::-webkit-scrollbar-track{
    background:#f3f4f6;
}
.qo-service-list::-webkit-scrollbar-thumb{
    background:#cbd5e1;
    border-radius:10px;
}
.qo-group-title{
    position:sticky;
    top:0;
    z-index:1;
    padding:8px 12px;
    background:#f8fafc;
    border-bottom:1px solid #eef2f7;
    font-size:12px;
    font-weight:800;
    color:#475569;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.qo-service-item{
    padding:12px 14px;
    border-bottom:1px solid #f1f5f9;
    cursor:pointer;
    transition:.15s ease;
}
.qo-service-item:last-child{
    border-bottom:none;
}
.qo-service-item:hover{
    background:#f8fafc;
}
.qo-service-item.is-selected{
    background:#eff6ff;
}
.qo-service-top{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
}
.qo-service-name{
    font-size:14px;
    font-weight:700;
    color:#111827;
    line-height:1.35;
}
.qo-service-price{
    flex:0 0 auto;
    font-size:14px;
    font-weight:800;
    color:#111827;
    white-space:nowrap;
}
.qo-service-sub{
    margin-top:5px;
    font-size:12px;
    color:#6b7280;
}
.qo-selected{
    margin-bottom:16px;
    padding:14px 16px;
    border:1px solid rgba(59,130,246,.18);
    border-radius:14px;
    background:#f8fbff;
}
.qo-selected-name{
    font-size:15px;
    font-weight:800;
    color:#111827;
}
.qo-selected-meta{
    margin-top:4px;
    font-size:13px;
    color:#6b7280;
}
.qo-dot{
    margin:0 6px;
}
.qo-selected-stats{
    display:flex;
    gap:14px;
    margin-top:12px;
    flex-wrap:wrap;
}
.qo-stat{
    min-width:120px;
}
.qo-stat-label{
    font-size:12px;
    color:#6b7280;
}
.qo-stat-value{
    margin-top:4px;
    font-size:16px;
    font-weight:800;
    color:#111827;
}
.qo-textarea{
    min-height:140px;
    resize:vertical;
}
.qo-help{
    margin-top:6px;
    font-size:12px;
    color:#6b7280;
}
.qo-rules{
    max-height:160px;
    overflow-y:scroll;
    overflow-x:hidden;
    scrollbar-gutter:stable;
    border:1px solid #f0b6b6;
    border-radius:14px;
    padding:12px 14px;
    background:#fff4f4;
    color:#7f1d1d;
    font-size:13px;
    line-height:1.5;
}

.qo-rules::-webkit-scrollbar{
    width:10px;
}
.qo-rules::-webkit-scrollbar-track{
    background:#f8dede;
    border-radius:10px;
}
.qo-rules::-webkit-scrollbar-thumb{
    background:#d7a7a7;
    border-radius:10px;
}

.qo-rules{
    scrollbar-width:auto;
    scrollbar-color:#d7a7a7 #f8dede;
}
.qo-summary{
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    padding:10px 12px;
    margin-bottom:14px;
}
.qo-summary-line{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:6px 0;
    font-size:14px;
    color:#374151;
}

.qo-check{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:13px;
    color:#374151;
    margin-bottom:14px;
}
.qo-check input{
    margin-top:2px;
}
.qo-actions{
    display:flex;
    gap:10px;
    margin-bottom:14px;
}
.qo-btn{
    height:42px;
    padding:0 16px;
    border:none;
    border-radius:12px;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
}
.qo-btn-light{
    background:#f3f4f6;
    color:#111827;
}
.qo-btn-light:hover{
    background:#e5e7eb;
}
.qo-btn-main{
    flex:1 1 auto;
    background:#eaf1fb;
    color:#1f3f75;
    border:1px solid #d6e2f7;
}
.qo-btn-main:hover{
    background:#dfeafa;
}
.qo-progress-wrap{
    margin-bottom:14px;
}
.qo-progress-text{
    margin-bottom:6px;
    font-size:12px;
    color:#6b7280;
}
.qo-progress{
    height:10px;
    border-radius:999px;
    background:#e5e7eb;
    overflow:hidden;
}
.qo-progress-bar{
    height:100%;
    width:0%;
    background:#2563eb;
    transition:width .2s ease;
}
.qo-log{
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    min-height:60px;
    max-height:180px;
    overflow:auto;
    padding:10px 12px;
    font-size:13px;
    line-height:1.5;
    color:#111827;
}
.qo-log-line{
    padding:6px 0;
    border-bottom:1px solid #f3f4f6;
}
.qo-log-line:last-child{
    border-bottom:none;
}
.qo-log-success{
    color:#15803d;
}
.qo-log-error{
    color:#dc2626;
}
@media(max-width:768px){
    .qo-modal{
        padding:0;
    }
    .qo-dialog{
        max-width:none;
        max-height:100vh;
        height:100vh;
        border-radius:0;
    }
    .qo-header{
        padding:16px;
    }
    .qo-body{
        padding:16px;
    }
    .qo-actions{
      /*  flex-direction:column;*/
    }
    .qo-btn{
        width:100%;
    }
}
.qo-supported-wrap{
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid rgba(0,0,0,.06);
}

.qo-supported-label{
    font-size:12px;
    color:#6b7280;
    margin-bottom:6px;
}

.qo-supported-devices{
    max-height:92px;
    overflow-y:auto;
    overflow-x:hidden;
    padding:10px 12px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fafafa;
    font-size:12px;
    line-height:1.45;
    color:#374151;
    scrollbar-gutter:stable;
}
.iu-orders-headbar{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
    flex-wrap:wrap;
}

.iu-orders-headbar-right{
    margin-left:auto;
}

@media(max-width:700px){
    .iu-orders-headbar{
        align-items:stretch;
    }

    .iu-orders-headbar-right{
        width:100%;
        margin-left:0;
    }

    .iu-orders-headbar-right .qo-open-btn{
        width:100%;
    }
}
.qo-btn:disabled{
    opacity:.55;
    cursor:not-allowed;
}
.qo-inline-progress-wrap{
    margin:12px 0 14px 0;
    padding:12px;
    border:1px solid #dbe7fb;
    border-radius:14px;
    background:#f8fbff;
}

.qo-inline-progress-head{
    margin-bottom:8px;
}

.qo-inline-progress-title{
    font-size:13px;
    font-weight:800;
    color:#1f3f75;
}

.qo-progress-top{
    margin-bottom:10px;
}

.qo-log-top{
    min-height:44px;
    max-height:150px;
    background:#fff;
}
.qo-rules-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:7px;
}

.qo-rules-toggle{
    border:none;
    background:transparent;
    color:#1f4ed8;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    padding:0;
}
.qo-rules-toggle:hover{
    text-decoration:underline;
}
/* PAGE HEADER */

.iu-page-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
    flex-wrap:wrap;
}

.iu-page-title{
    font-size:26px;
    font-weight:800;
    color:#111;
    margin:0;
    line-height:1.2;
}

.iu-page-sub{
    margin-top:4px;
    font-size:14px;
    color:#6b7280;
}

.iu-balance-card{
    background:#fff;
    border:1px solid #e6e8ee;
    border-radius:12px;
    padding:10px 16px;
    min-width:110px;
    text-align:center;
}

.iu-balance-label{
    font-size:11px;
    color:#8a8f98;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.iu-balance-value{
    font-size:18px;
    font-weight:700;
    color:#111;
    margin-top:2px;
}
@media (max-width: 768px) {
    .faq-section__sidebar::before {
        width: 12px;
        height: 6px;
        top: 65%;
        transform: translate(0, -50%);
        right: 10px;
        background-image: url(https://iunlocker.com/img/select-arrow.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto;
    }
}
   .iu-orders-page{
        width:100%;
    }

    .iu-orders-card{
        width:100%;
        background:#fff;
        border:1px solid rgba(0,0,0,.08);
        border-radius:14px;
        padding:16px;
        box-sizing:border-box;
    }

    .iu-orders-title-row{
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:12px;
        margin-bottom:14px;
        flex-wrap:wrap;
    }

    .iu-orders-title{
        font-size:20px;
        font-weight:800;
    }

    .iu-orders-sub{
        font-size:13px;
        color:#666;
    }

    .iu-orders-table-wrap{
        overflow-x:auto;
    }

    .iu-orders-table{
        width:100%;
        border-collapse:collapse;
        font-size:14px;
        min-width:880px;
    }

    .iu-orders-table th{
        text-align:left;
        padding:10px 8px;
        border-bottom:2px solid #eee;
        font-weight:700;
        color:#555;
        white-space:nowrap;
    }

    .iu-orders-table td{
        padding:10px 8px;
        border-bottom:1px solid #f1f1f1;
        vertical-align:top;
    }

    .iu-orders-table tr:hover{
        background:#fafafa;
    }

    .iu-ord-badge{
        display:inline-flex;
        align-items:center;
        padding:4px 10px;
        border-radius:999px;
        font-size:12px;
        font-weight:700;
        border:1px solid rgba(0,0,0,.10);
        background:rgba(0,0,0,.02);
        color:#444;
        white-space:nowrap;
    }

    .iu-ord-badge-blue{
        color:#1b66ff;
        border-color:rgba(27,102,255,.20);
        background:rgba(27,102,255,.07);
    }

    .iu-ord-badge-green{
        color:#239100;
        border-color:rgba(46,168,0,.22);
        background:rgba(46,168,0,.08);
    }

    .iu-ord-badge-orange{
        color:#9a5b00;
        border-color:rgba(255,153,0,.22);
        background:rgba(255,153,0,.10);
    }

    .iu-ord-badge-red{
        color:#d63a45;
        border-color:rgba(220,53,69,.20);
        background:rgba(220,53,69,.07);
    }

    .iu-ord-badge-gray{
        color:#666;
        border-color:rgba(0,0,0,.10);
        background:rgba(0,0,0,.03);
    }

    .iu-order-link{
        color:#111;
        text-decoration:underline;
        text-underline-offset:2px;
        white-space:nowrap;
    }

    .iu-order-link:hover{
        color:#1b66ff;
    }

    .iu-order-link-id{
        color:#666;
        font-weight:700;
        margin-left:4px;
    }

    .iu-orders-empty{
        padding:20px;
        text-align:center;
        color:#666;
        border:1px dashed rgba(0,0,0,.10);
        border-radius:12px;
        background:rgba(0,0,0,.015);
    }

    @media(max-width:700px){
        .iu-orders-card{
            padding:12px;
        }

        .iu-orders-title{
            font-size:18px;
        }

        .iu-orders-table{
            font-size:13px;
            min-width:760px;
        }

        .iu-orders-table th,
        .iu-orders-table td{
            padding:8px 6px;
        }
    }
    .iu-tx-wrap{
    overflow-x:auto;
}

.iu-tx-table{
    width:100%;
    border-collapse:collapse;
    font-size:14px;
}

.iu-tx-table th{
    text-align:left;
    padding:8px;
    border-bottom:2px solid #eee;
    font-weight:600;
    color:#555;
}

.iu-tx-table td{
    padding:8px;
    border-bottom:1px solid #f1f1f1;
    vertical-align:top;
}

.iu-tx-table tr:hover{
    background:#fafafa;
}

.tx-plus{
    color:#1aa000;
    font-weight:600;
}

.tx-minus{
    color:#d63a45;
    font-weight:600;
}

/* order link */
.iu-tx-table td a.tx-order-link,
.iu-ph-table td a.tx-order-link,
a.tx-order-link{
    color:#111 !important;
    text-decoration:underline !important;
    text-decoration-thickness:1px;
    text-underline-offset:2px;
    font-weight:500;
    line-height:1.3;
}

.iu-tx-table td a.tx-order-link:hover,
.iu-ph-table td a.tx-order-link:hover,
a.tx-order-link:hover{
    color:#1b66ff !important;
    text-decoration:underline !important;
}

.iu-tx-table td a.tx-order-link .tx-order-id,
.iu-ph-table td a.tx-order-link .tx-order-id,
a.tx-order-link .tx-order-id{
    color:#555 !important;
    font-weight:700;
    margin-left:6px;
    font-size:.95em;
    white-space:nowrap;
}

@media(max-width:700px){
    .iu-tx-table{
        font-size:13px;
    }

    .iu-tx-table th,
    .iu-tx-table td{
        padding:6px;
    }
}/* ===== Password page ===== */

.questions{
    flex: 1 1 auto;
    min-width: 0;
}

.questions .container{
    width: 100%;
    max-width: none;
}

.questions__inner{
    width: 100%;
}

.iu-pass-page{
    width:100%;
}

.iu-pass-card{
    width:100%;
    max-width:720px;
    background:#fff;
    border-radius:12px;
    padding:26px 28px;
    box-shadow:0 6px 18px rgba(0,0,0,0.06);
    box-sizing:border-box;
}

.iu-pass-title{
    font-size:18px;
    font-weight:600;
    margin-bottom:18px;
}

.iu-pass-content{
    width:100%;
}

.iu-pass-form{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.iu-pass-row{
    width:100%;
    display:flex;
    flex-direction:column;
}

.iu-pass-row label{
    font-size:13px;
    color:#555;
    margin-bottom:6px;
}

.iu-pass-row input{
    width:100%;
    box-sizing:border-box;
    height:40px;
    padding:0 12px;
    border:1px solid #ddd;
    border-radius:8px;
    font-size:14px;
    background:#fff;
}

.iu-pass-row input:focus{
    border-color:#1b66ff;
    outline:none;
}

.iu-pass-actions{
    margin-top:8px;
}

.iu-pass-btn{
    height:40px;
    padding:0 20px;
    border:none;
    border-radius:8px;
    background:#2b6de5;
    color:#fff;
    font-weight:600;
    cursor:pointer;
}

.iu-pass-btn:hover{
    background:#1f57b8;
}

.iu-msg{
    padding:10px 12px;
    border-radius:8px;
    font-size:13px;
    margin-bottom:16px;
}

.iu-msg-error{
    background:#ffeaea;
    color:#c60000;
}

.iu-msg-ok{
    background:#eaf9ea;
    color:#138a13;
}

@media(max-width:900px){
    .iu-pass-card{
        max-width:100%;
        padding:20px;
    }
}
  .iu-balance-page{
        width:100%;
    }

    .iu-balance-card{
        width:100%;
        background:#fff;
        border:1px solid rgba(0,0,0,.08);
        border-radius:16px;
        padding:18px;
        box-sizing:border-box;
        margin-bottom:16px;
    }

    .iu-balance-head{
        margin-bottom:18px;
    }

    .iu-balance-title{
        font-size:22px;
        font-weight:800;
        color:#111827;
        line-height:1.2;
    }

    .iu-balance-sub{
        margin-top:6px;
        font-size:14px;
        color:#6b7280;
    }

    .iu-pay-methods{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:14px;
    }

    .iu-pay-method{
        display:block;
        cursor:pointer;
    }

    .iu-pay-method input{
        display:none;
    }

    .iu-pay-method-box{
        display:flex;
        align-items:center;
        gap:14px;
        min-height:84px;
        border:1px solid #dbe1ea;
        border-radius:14px;
        background:#fff;
        padding:14px 16px;
        transition:.15s ease;
    }

    .iu-pay-method:hover .iu-pay-method-box{
        background:#f8fbff;
        border-color:#cfd9ea;
    }

    .iu-pay-method input:checked + .iu-pay-method-box{
        border-color:#95b8ff;
        background:#eef4ff;
    }

    .iu-pay-method-icon{
        flex:0 0 42px;
        width:42px;
        height:42px;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .iu-pay-method-icon img{
        max-width:100%;
        max-height:100%;
        display:block;
    }

    .iu-pay-method-text{
        display:flex;
        flex-direction:column;
        gap:4px;
    }

    .iu-pay-method-name{
        font-size:16px;
        font-weight:800;
        color:#111827;
    }

    .iu-pay-method-desc{
        font-size:13px;
        color:#6b7280;
        line-height:1.4;
    }

    .iu-pay-panel{
        width:100%;
    }

    .iu-panel-title{
        font-size:18px;
        font-weight:800;
        color:#111827;
        margin-bottom:14px;
    }

    .iu-alert{
        padding:14px 16px;
        border-radius:14px;
        font-size:14px;
        line-height:1.55;
    }

    .iu-alert-warn{
        background:#fff7ed;
        border:1px solid #fed7aa;
        color:#9a3412;
    }

    .iu-form-block{
        margin-top:16px;
    }

    .iu-form-label{
        font-size:14px;
        font-weight:700;
        color:#374151;
        margin-bottom:10px;
    }

    .iu-amount-grid{
        display:grid;
        grid-template-columns:repeat(4, minmax(0, 1fr));
        gap:10px;
    }

    .iu-amount-option{
        display:block;
        cursor:pointer;
    }

    .iu-amount-option input{
        display:none;
    }

    .iu-amount-option span{
        display:flex;
        align-items:center;
        justify-content:center;
        height:44px;
        border:1px solid #dbe1ea;
        border-radius:12px;
        background:#fff;
        font-size:14px;
        font-weight:700;
        color:#111827;
        transition:.15s ease;
    }

    .iu-amount-option:hover span{
        background:#f8fafc;
    }

    .iu-amount-option input:checked + span{
        border-color:#95b8ff;
        background:#eef4ff;
        color:#1d4ed8;
    }

    .iu-pay-summary{
        margin-top:16px;
        border:1px solid #e5e7eb;
        border-radius:14px;
        background:#fafafa;
        padding:10px 14px;
    }

    .iu-pay-summary-row{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        padding:6px 0;
        font-size:14px;
        color:#374151;
    }

    .iu-pay-summary-row + .iu-pay-summary-row{
        border-top:1px solid #eceff3;
    }

    .iu-pay-message{
        margin-top:10px;
        font-size:13px;
        color:#b91c1c;
        line-height:1.4;
        text-align:center;
    }

    .iu-pay-actions{
        margin-top:16px;
        display:flex;
        justify-content:center;
    }

    .iu-btn-main{
        min-width:140px;
        height:42px;
        padding:0 18px;
        border:none;
        border-radius:12px;
        background:#eaf1fb;
        color:#1f3f75;
        border:1px solid #d6e2f7;
        font-size:14px;
        font-weight:800;
        cursor:pointer;
    }

    .iu-btn-main:hover{
        background:#dfeafa;
    }

    .iu-btn-main:disabled{
        opacity:.55;
        cursor:not-allowed;
    }

    .iu-help-text{
        margin-top:10px;
        font-size:12px;
        line-height:1.5;
        color:#6b7280;
        text-align:center;
    }

    .iu-inline-input{
        display:flex;
        align-items:center;
        max-width:240px;
        margin:0 auto;
        border:1px solid #d1d5db;
        border-radius:12px;
        overflow:hidden;
        background:#fff;
    }

    .iu-inline-input input{
        flex:1 1 auto;
        height:44px;
        border:none;
        outline:none;
        padding:0 12px;
        font-size:14px;
        background:#fff;
        color:#111827;
    }

    .iu-inline-addon{
        flex:0 0 auto;
        height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0 14px;
        background:#f9fafb;
        border-left:1px solid #e5e7eb;
        font-size:13px;
        font-weight:700;
        color:#374151;
    }

    @media(max-width:900px){
        .iu-pay-methods{
            grid-template-columns:1fr;
        }

        .iu-amount-grid{
            grid-template-columns:repeat(2, minmax(0, 1fr));
        }
    }

    @media(max-width:560px){
        .iu-balance-card{
            padding:14px;
        }

        .iu-balance-title{
            font-size:20px;
        }

        .iu-pay-method-box{
            min-height:auto;
            padding:12px 14px;
        }

        .iu-amount-grid{
            grid-template-columns:1fr 1fr;
        }
    }
    /* Modern sidebar */
.iu-side{position:sticky; top:18px;}
.iu-side-title{font-size:12px; letter-spacing:.08em; text-transform:uppercase; opacity:.7; margin:4px 0 10px 0;}

.iu-nav{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px;}
.iu-nav > li{margin:0; padding:0;}
.iu-nav a,
.iu-sub-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  text-decoration:none;
  color:#111;
  font-size:14px;
  cursor:pointer;
}
.iu-nav a:hover,
.iu-sub-toggle:hover{box-shadow:0 10px 18px rgba(0,0,0,.06); transform: translateY(-1px);}

.iu-nav li.is-active > a{
  border-color: rgba(27,102,255,.35);
  background: rgba(27,102,255,.08);
  color:#1b66ff;
}

.iu-nav-danger a{

  color:#dc3545;
}

.iu-caret{
  width:10px; height:10px;
  border-right:2px solid rgba(0,0,0,.45);
  border-bottom:2px solid rgba(0,0,0,.45);
  transform: rotate(45deg);
  transition: .15s;
  margin-left:auto;
}
.iu-has-sub.is-open .iu-caret{transform: rotate(-135deg);}

.iu-sub{
  list-style:none;
  margin:6px 0 0 0;
  padding:0 0 0 14px;
  display:none;
  flex-direction:column;
  gap:6px;
}
.iu-has-sub.is-open .iu-sub{display:flex;}
.iu-sub a{font-weight:700; font-size:13px; padding:9px 12px;}

.iu-nav-select{
  display:none;
  width:100%;
  margin-top:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  font-weight:700;
}

/* Mobile: sidebar list hides, select shows */
@media(max-width: 860px){
  .iu-nav{display:none;}
  .iu-nav-select{display:block;}
  .iu-side{position:static; top:auto;}
}
 .iu-orders-page{width:100%;}
    .iu-orders-card{
        width:100%;
        background:#fff;
        border:1px solid rgba(0,0,0,.08);
        border-radius:14px;
        padding:16px;
        box-sizing:border-box;
    }
    .iu-orders-title-row{
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:12px;
        margin-bottom:14px;
        flex-wrap:wrap;
    }
    .iu-orders-title{
        font-size:20px;
        font-weight:800;
    }
    .iu-orders-sub{
        font-size:13px;
        color:#666;
    }
    .iu-orders-table-wrap{
        overflow-x:auto;
    }
    .iu-orders-table{
        width:100%;
        border-collapse:collapse;
        font-size:14px;
        min-width:920px;
    }
    .iu-orders-table th{
        text-align:left;
        padding:10px 8px;
        border-bottom:2px solid #eee;
        font-weight:700;
        color:#555;
        white-space:nowrap;
    }
    .iu-orders-table td{
        padding:10px 8px;
        border-bottom:1px solid #f1f1f1;
        vertical-align:top;
    }
    .iu-orders-table tr:hover{
        background:#fafafa;
    }
    .iu-ord-badge{
        display:inline-flex;
        align-items:center;
        padding:4px 10px;
        border-radius:999px;
        font-size:12px;
        font-weight:700;
        border:1px solid rgba(0,0,0,.10);
        background:rgba(0,0,0,.02);
        color:#444;
        white-space:nowrap;
    }
    .iu-ord-badge-blue{
        color:#1b66ff;
        border-color:rgba(27,102,255,.20);
        background:rgba(27,102,255,.07);
    }
    .iu-ord-badge-green{
        color:#239100;
        border-color:rgba(46,168,0,.22);
        background:rgba(46,168,0,.08);
    }
    .iu-ord-badge-orange{
        color:#9a5b00;
        border-color:rgba(255,153,0,.22);
        background:rgba(255,153,0,.10);
    }
    .iu-ord-badge-red{
        color:#d63a45;
        border-color:rgba(220,53,69,.20);
        background:rgba(220,53,69,.07);
    }
    .iu-ord-badge-gray{
        color:#666;
        border-color:rgba(0,0,0,.10);
        background:rgba(0,0,0,.03);
    }
    .iu-order-link{
        color:#111;
        text-decoration:underline;
        text-underline-offset:2px;
        white-space:nowrap;
    }
    .iu-order-link:hover{
        color:#1b66ff;
    }
    .iu-order-link-id{
        color:#666;
        font-weight:700;
        margin-left:4px;
    }
    .iu-orders-empty{
        padding:20px;
        text-align:center;
        color:#666;
        border:1px dashed rgba(0,0,0,.10);
        border-radius:12px;
        background:rgba(0,0,0,.015);
    }
    @media(max-width:700px){
        .iu-orders-card{padding:12px;}
        .iu-orders-title{font-size:18px;}
        .iu-orders-table{font-size:13px;}
        .iu-orders-table th,
        .iu-orders-table td{padding:8px 6px;}
    }
    .faq-section {
    max-width: 1300px;
    }
    @media (max-width: 760px){
    .iu-active-hide-mobile{
        display: none !important;
    }
}
@media (max-width: 760px){

    .iu-table,
    .iu-orders-table,
    .iu-tx-table{
        table-layout: auto !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .iu-table th,
    .iu-table td,
    .iu-orders-table th,
    .iu-orders-table td,
    .iu-tx-table th,
    .iu-tx-table td{
        padding: 6px 4px !important;
        font-size: 12px !important;
    }

    .iu-table th,
    .iu-orders-table th,
    .iu-tx-table th{
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    .iu-table td,
    .iu-orders-table td,
    .iu-tx-table td{
        white-space: normal !important;
    }

    .iu-service-cell{
        white-space: normal !important;
        word-break: break-word !important;
        line-height: 1.3 !important;
    }

    .iu-table-wrap,
    .iu-orders-table-wrap,
    .iu-tx-wrap{
        overflow-x: hidden !important;
    }
}
@media (max-width: 760px){
    .iu-col-service,
    .iu-col-status,
    .iu-col-paid,
    .iu-col-elapsed,
    .iu-col-completed,
    .iu-col-details,
    .iu-col-date,
    .iu-col-method,
    .iu-col-amount,
    .iu-col-desc{
        width: auto !important;
    }
}.iu-table-scroll{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:stable;
}

.iu-table-scroll::-webkit-scrollbar{
    height:8px;
}

.iu-table-scroll::-webkit-scrollbar-track{
    background:#eef2f7;
    border-radius:999px;
}

.iu-table-scroll::-webkit-scrollbar-thumb{
    background:#c5ceda;
    border-radius:999px;
}

@media(max-width:760px){

    .iu-table-scroll .iu-table,
    .iu-table-scroll .iu-orders-table,
    .iu-table-scroll .iu-tx-table{
        min-width:640px;
    }

    .iu-table th,
    .iu-table td,
    .iu-orders-table th,
    .iu-orders-table td,
    .iu-tx-table th,
    .iu-tx-table td{
        padding:6px 6px;
        font-size:12px;
    }

    .iu-table th,
    .iu-orders-table th,
    .iu-tx-table th{
        font-size:11px;
        white-space:nowrap;
    }

    .iu-service-cell,
    .iu-desc-cell{
        white-space:normal;
        word-break:break-word;
        overflow-wrap:anywhere;
        line-height:1.3;
    }
}
.quick-create-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 18px;
    border:none;
    border-radius:14px;
    background:linear-gradient(135deg,#2563eb 0%, #1d4ed8 100%);
    color:#fff;
    font-size:15px;
    font-weight:600;
    line-height:1;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(37,99,235,.28);
    transition:.18s ease;
}

.quick-create-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 28px rgba(37,99,235,.34);
}

.quick-create-btn__icon{
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 18px;
}

.quick-create-btn__icon svg{
    width:18px;
    height:18px;
    display:block;
}

.iu-order-warning{
  /*  display:inline-flex; */
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
 /*   margin-right:6px; */
    border-radius:50%;
    background:#fff3cd;
    color:#d97706;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    transition:all .15s ease;
}

.iu-order-warning:hover{
    background:#fde68a;
}
.iu-order-tooltip{
    position:absolute;
    max-width:260px;
    background:#111827;
    color:#fff;
    font-size:13px;
    padding:10px 12px;
    border-radius:8px;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
    z-index:9999;
}