:root{
  --bg:#fff7fb;
  --card:rgba(255,255,255,.78);
  --text:#20233f;
  --muted:#827a9b;
  --line:#ffd4e8;
  --primary:#ff4f9a;
  --primary2:#a98bff;
  --blue:#bfeaff;
  --green:#42d9a5;
  --red:#ff5f8f;
  --soft:#fff0f7;
  --soft2:#f4edff;
  --shadow:0 22px 55px rgba(255,79,154,.16);
  --shadow2:0 12px 30px rgba(169,139,255,.13);
  --r:30px;
}

*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 0% 18%, rgba(255,214,235,.9) 0 9%, transparent 22%),
    radial-gradient(circle at 100% 82%, rgba(255,214,235,.8) 0 10%, transparent 24%),
    linear-gradient(180deg,#fff7fb 0%,#fff1f8 42%,#f8f2ff 100%);
  overflow-x:hidden;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle,#ffd1e6 1.5px,transparent 2px),
    radial-gradient(circle,#eadfff 1.5px,transparent 2px);
  background-size:90px 90px,130px 130px;
  background-position:18px 40px,70px 10px;
  opacity:.35;
}

button,input,textarea,select{font:inherit}
button{border:0;cursor:pointer}
#app{
  max-width:520px;
  margin:0 auto;
  min-height:100vh;
  padding:18px 16px 104px;
  position:relative;
  z-index:1;
}

.boot{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.boot-logo{
  width:84px;height:84px;border-radius:30px;
  background:linear-gradient(135deg,#ffcbe3,#eadfff);
  box-shadow:var(--shadow);
  display:grid;place-items:center;font-size:42px;
}
.boot-title{font-weight:950;font-size:24px;margin-top:18px;color:var(--text)}
.boot-sub{color:var(--muted);margin-top:8px;line-height:1.5}
.boot-bar{width:230px;height:9px;background:#fff;border-radius:99px;margin-top:22px;overflow:hidden;box-shadow:var(--shadow2)}
.boot-bar span{display:block;height:100%;width:38%;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--primary2));animation:load 1s infinite alternate}
@keyframes load{to{transform:translateX(165%)}}

.top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:2px 0 20px;
}
.brand{display:flex;gap:13px;align-items:center}
.logo{
  width:54px;height:54px;border-radius:22px;
  background:linear-gradient(135deg,#ffaad0,#e6dbff);
  display:grid;place-items:center;color:white;font-size:25px;
  box-shadow:0 16px 34px rgba(255,79,154,.22);
}
.h1{font-size:21px;font-weight:950;letter-spacing:-.4px;color:var(--text)}
.sub{font-size:13px;color:var(--muted);margin-top:3px;font-weight:650}
.pill{
  padding:11px 14px;border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:var(--shadow2);
  font-size:13px;color:var(--muted);
  display:flex;gap:8px;align-items:center;
  border:1px solid rgba(255,255,255,.9);
}
.dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(255,95,143,.12)}
.dot.ok{background:var(--green);box-shadow:0 0 0 4px rgba(66,217,165,.14)}

.hero{
  border-radius:36px;
  padding:24px;
  background:
    radial-gradient(circle at 92% 10%,rgba(255,255,255,.65) 0 18%,transparent 36%),
    linear-gradient(135deg,#ffd5e8 0%,#f6dcff 54%,#c8efff 100%);
  color:var(--text);
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.86);
}
.hero:after{
  content:"♡";
  position:absolute;
  right:22px;bottom:18px;
  font-size:38px;
  color:rgba(255,79,154,.14);
}
.hero-label{
  font-size:16px;
  opacity:.82;
  font-weight:950;
  color:#ff4f9a;
}
.balance{
  font-size:43px;
  font-weight:950;
  margin:12px 0 4px;
  letter-spacing:-1.5px;
}
.hero .sub{font-size:16px;color:#7d7197}

.stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
  margin-top:22px;
}
.stat{
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.92);
  border-radius:22px;
  padding:14px 12px;
  box-shadow:0 10px 25px rgba(255,126,182,.09);
  min-height:74px;
}
.stat b{display:block;font-size:20px;font-weight:950;color:var(--text)}
.stat span{font-size:13px;color:var(--muted);font-weight:650;margin-top:4px;display:block}

.quick{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:18px 0 24px;
}
.qbtn{
  min-height:92px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.92);
  border-radius:28px;
  padding:15px 10px;
  box-shadow:var(--shadow2);
  font-weight:950;
  color:#5d5479;
  transition:.18s ease;
}
.qbtn:active{transform:scale(.97)}
.qbtn small{
  display:block;
  font-weight:900;
  color:#5d5479;
  margin-top:8px;
  font-size:16px;
}

.section{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:22px 0 12px;
}
.section h2{font-size:18px;margin:0;font-weight:950;color:var(--text)}
.link{
  background:transparent;
  color:var(--primary);
  font-weight:950;
  font-size:15px;
}

.card{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.9);
  border-radius:var(--r);
  padding:17px;
  box-shadow:var(--shadow2);
  margin-bottom:14px;
}
.acc{display:flex;gap:13px;align-items:center}
.bank-icon{
  width:54px;height:54px;border-radius:22px;
  background:linear-gradient(135deg,#ffd8ea,#eee8ff);
  display:grid;place-items:center;font-size:25px;
  box-shadow:0 12px 24px rgba(255,79,154,.12);
}
.acc-main{flex:1;min-width:0}
.acc-title{
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--text);
}
.acc-no{font-size:13px;color:var(--muted);margin-top:5px;font-weight:650}
.acc-bal{font-weight:950;font-size:20px;margin-top:9px;color:var(--text)}
.actions{display:flex;gap:10px;margin-top:15px}
.btn{
  border-radius:18px;
  padding:13px 15px;
  background:#29243f;
  color:white;
  font-weight:950;
  flex:1;
  box-shadow:0 10px 24px rgba(41,36,63,.12);
}
.btn.orange{background:linear-gradient(135deg,#ff4f9a,#a98bff)}
.btn.light{background:#fff0f7;color:#5d5479}
.btn.danger{background:#fff0f3;color:var(--red)}
.empty{
  padding:34px 24px;
  text-align:center;
  color:var(--muted);
  font-weight:650;
  border:1.5px dashed #ffb9d8;
  background:rgba(255,255,255,.54);
}

.nav{
  position:fixed;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  width:min(488px,calc(100% - 28px));
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(22px);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 20px 60px rgba(255,79,154,.18);
  border-radius:32px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:9px;
  z-index:10;
}
.nav button{
  background:transparent;
  border-radius:24px;
  padding:11px 4px;
  color:#756a91;
  font-size:13px;
  font-weight:950;
}
.nav button.active{
  background:linear-gradient(135deg,#ffe1ef,#f1e9ff);
  color:var(--primary);
  box-shadow:0 10px 22px rgba(255,79,154,.14);
}
.nav i{display:block;font-style:normal;font-size:24px;margin-bottom:4px}

.toast{
  position:fixed;
  left:50%;
  bottom:104px;
  transform:translateX(-50%);
  background:#29243f;
  color:white;
  padding:13px 17px;
  border-radius:18px;
  box-shadow:var(--shadow);
  z-index:20;
  max-width:92%;
  font-weight:850;
}
.modal{
  position:fixed;
  inset:0;
  background:rgba(39,35,58,.28);
  display:grid;
  place-items:end center;
  padding:16px;
  z-index:30;
}
.sheet{
  width:min(520px,100%);
  background:rgba(255,255,255,.94);
  border-radius:34px;
  padding:20px;
  box-shadow:var(--shadow);
}
.field{
  width:100%;
  border:1px solid #ffd2e6;
  border-radius:20px;
  padding:14px 15px;
  background:rgba(255,255,255,.86);
  color:var(--text);
  outline:none;
  margin-top:11px;
}
.field:focus{border-color:#ff7eb6;box-shadow:0 0 0 4px rgba(255,126,182,.12)}
textarea.field{min-height:120px;resize:vertical}
.badge{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:#fff0f7;
  color:var(--primary);
  font-size:11px;
  font-weight:950;
}
.skeleton{
  height:96px;
  border-radius:28px;
  background:linear-gradient(90deg,#ffe6f1,#fff,#efe8ff);
  background-size:200% 100%;
  animation:sk 1.1s infinite;
  margin-bottom:14px;
}
@keyframes sk{to{background-position:-200% 0}}

@media(max-width:390px){
  #app{padding-left:13px;padding-right:13px}
  .balance{font-size:38px}
  .hero{padding:20px}
  .qbtn{min-height:82px}
  .nav{bottom:10px}
}

/* ===== PRO BIG CARD/UI PATCH ===== */
.hero{
  min-height:245px;
}

.quick{
  grid-template-columns:1fr;
  gap:14px;
}

.qbtn{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  text-align:left;
  padding:18px 20px;
  font-size:18px;
}

.qbtn small{
  margin-top:0;
  font-size:15px;
}

.qbtn::first-letter{
  font-size:26px;
}

.card{
  padding:20px;
  border-radius:34px;
}

.acc{
  align-items:flex-start;
}

.bank-icon{
  width:62px;
  height:62px;
  border-radius:24px;
  font-size:28px;
}

.acc-title{
  font-size:18px;
}

.acc-no{
  font-size:14px;
  line-height:1.45;
}

.acc-bal{
  font-size:24px;
}

.actions{
  gap:12px;
}

.btn{
  padding:15px 16px;
  border-radius:22px;
  font-size:15px;
}

.empty{
  min-height:170px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size:17px;
}

.empty::before{
  content:"💳";
  display:block;
  font-size:48px;
  margin-bottom:14px;
  filter:drop-shadow(0 10px 18px rgba(255,79,154,.18));
}

.section h2{
  font-size:20px;
}

.link{
  font-size:16px;
}

.nav{
  padding:10px;
}

.nav button{
  font-size:14px;
  padding:13px 4px;
}

.nav i{
  font-size:27px;
}

/* Admin form đẹp hơn */
.field{
  min-height:52px;
  font-size:15px;
}

textarea.field{
  min-height:150px;
}

.badge{
  padding:8px 12px;
  font-size:12px;
}

/* User card/list rõ hơn */
#usersBox .card{
  border-left:5px solid #ff9ac7;
}

#notifyBox .card{
  border-left:5px solid #a98bff;
}

@media(min-width:430px){
  .quick{
    grid-template-columns:repeat(3,1fr);
  }

  .qbtn{
    min-height:108px;
    display:block;
    text-align:center;
  }

  .qbtn small{
    margin-top:10px;
  }
}

/* ===== USER MANAGER PRO V1 ===== */
.sticky-title{
  position:sticky;
  top:0;
  z-index:7;
  padding:8px 0;
  backdrop-filter:blur(18px);
}

.sticky-search{
  position:sticky;
  top:52px;
  z-index:8;
  padding:8px 0 12px;
  background:linear-gradient(180deg,rgba(255,247,251,.96),rgba(255,247,251,.78));
  backdrop-filter:blur(18px);
}

.user-count{
  color:var(--muted);
  font-weight:800;
  margin:4px 0 12px;
}

.user-card{
  cursor:pointer;
}

.user-card:active{
  transform:scale(.985);
}

.user-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}

.user-meta span{
  background:#fff0f7;
  color:#6f6289;
  border:1px solid #ffd1e6;
  border-radius:999px;
  padding:6px 9px;
  font-size:12px;
  font-weight:900;
}

.arrow{
  font-size:34px;
  color:#ff4f9a;
  font-weight:400;
}

.user-profile{
  background:linear-gradient(135deg,#ffe1ef,#f0e8ff 62%,#d9f3ff);
}

.user-actions-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:16px 0 20px;
}

.user-actions-grid button{
  min-height:88px;
  border-radius:26px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:var(--shadow2);
  color:#5d5479;
  font-weight:950;
  font-size:24px;
}

.user-actions-grid button span{
  display:block;
  font-size:13px;
  margin-top:8px;
  color:#5d5479;
}

.user-actions-grid .danger-action{
  background:#fff0f3;
  color:#ff477e;
}

.delete-row{
  cursor:pointer;
  border:2px solid transparent;
}

.delete-row.selected{
  border-color:#ff4f9a;
  background:linear-gradient(135deg,#fff0f7,#f1e9ff);
}

.checkmark{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f5eafd;
  color:#b7a9c9;
  font-weight:950;
}

.delete-row.selected .checkmark{
  background:#ff4f9a;
  color:white;
}

.delete-bar{
  position:sticky;
  bottom:96px;
  z-index:9;
  display:flex;
  gap:10px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:var(--shadow);
  border-radius:26px;
  padding:10px;
  backdrop-filter:blur(18px);
}

.hidden{
  display:none !important;
}

/* ===== HARD FIX USER CLICK STYLE ===== */
.user-card{
  position:relative;
  cursor:pointer !important;
  touch-action:manipulation;
  user-select:none;
}

.user-card.tap-active,
.user-card:active{
  transform:scale(.975);
  border-color:#ff4f9a;
}

.user-card .arrow{
  display:grid;
  place-items:center;
  min-width:32px;
}

/* ===== ACCOUNTS MANAGER PRO V1 ===== */
.account-actions-top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:12px 0 14px;
}

.system-account-card{
  cursor:pointer;
  border-left:5px solid #ff9ac7;
}

.system-account-card:active{
  transform:scale(.985);
}

.sys-row{
  display:flex;
  gap:13px;
  align-items:center;
}

.sys-main{
  flex:1;
  min-width:0;
}

.sys-line1{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}

.sys-line1 b{
  font-size:17px;
  font-weight:950;
  color:var(--text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.sys-line1 span{
  color:#ff4f9a;
  font-weight:950;
  font-size:13px;
  white-space:nowrap;
}

.sys-line2{
  display:grid;
  gap:4px;
  margin-top:8px;
  color:var(--muted);
  font-weight:850;
  font-size:13px;
}

.sys-line2 em{
  font-style:normal;
  color:#a05fff;
  font-weight:950;
}

.account-detail-hero{
  background:linear-gradient(135deg,#ffe1ef,#f0e8ff 62%,#d9f3ff);
}

.account-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.account-tags span{
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.9);
  color:#6f6289;
  padding:8px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}

.check-sheet{
  max-height:86vh;
  overflow:auto;
}

.progress-text{
  color:var(--muted);
  font-weight:850;
  margin:8px 0 12px;
}

.progress-bar{
  height:13px;
  border-radius:999px;
  background:#fff0f7;
  overflow:hidden;
  border:1px solid #ffd1e6;
}

.progress-bar span{
  display:block;
  width:0%;
  height:100%;
  background:linear-gradient(90deg,#ff4f9a,#a98bff);
  border-radius:999px;
  transition:.25s;
}

.progress-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:15px 0;
}

.progress-stats div{
  background:#fff0f7;
  border:1px solid #ffd1e6;
  border-radius:18px;
  padding:11px 8px;
  text-align:center;
}

.progress-stats b{
  display:block;
  font-size:18px;
  color:var(--text);
}

.progress-stats span{
  font-size:11px;
  color:var(--muted);
  font-weight:850;
}

.error-line{
  background:#fff0f3;
  border:1px solid #ffc4d4;
  border-radius:18px;
  padding:12px;
  margin-bottom:10px;
}

.error-line b,
.error-line span,
.error-line em{
  display:block;
}

.error-line b{
  color:#ff477e;
}

.error-line span{
  color:#6f6289;
  margin-top:4px;
  font-weight:850;
}

.error-line em{
  color:#9b405f;
  margin-top:6px;
  font-style:normal;
}

/* ===== ADD ERROR HISTORY UI ===== */
.account-actions-top{
  grid-template-columns:1fr 1fr;
}

.account-actions-top .btn.danger{
  grid-column:1 / -1;
}

.error-history-card{
  border-left:5px solid #ff5f8f;
}

.error-row{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:10px;
  align-items:start;
}

.error-row b{
  color:#ff477e;
  font-size:15px;
  word-break:break-word;
}

.error-row span{
  color:#4d4267;
  font-weight:850;
  line-height:1.45;
}

.error-time{
  margin-top:9px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

/* ===== FIX ACCOUNT TOP BUTTON LAYOUT ===== */
.account-actions-top{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}

.account-actions-top .btn{
  grid-column:auto !important;
  width:100% !important;
  min-height:54px;
}

.account-actions-top .btn.danger{
  grid-column:auto !important;
}

.account-actions-top .check-all-wide{
  grid-column:1 / -1 !important;
}

/* ===== GLOBAL DELETE ACCOUNTS UI V1 ===== */
.global-delete-row{
  cursor:pointer;
}

.global-delete-row.selected{
  border-color:#ff4f9a !important;
  background:linear-gradient(135deg,#fff0f7,#f1e9ff);
}

.global-delete-row.selected .checkmark{
  background:#ff4f9a;
  color:white;
}

/* ===== FORCE 2x2 ACCOUNT BUTTONS ===== */
.account-actions-top{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}

.account-actions-top .btn{
  grid-column:auto !important;
  width:100% !important;
  min-height:56px;
}

/* ===== PAUSED AUTOSCAN STATUS UI V1 ===== */
.paused-account{
  border-left-color:#ffb020 !important;
  opacity:.9;
}

.paused-account .bank-icon{
  background:linear-gradient(135deg,#fff3c4,#ffe2ef);
}

.paused-account .sys-line1 span{
  color:#e89a00;
}

.sys-line2 strong{
  display:block;
  color:#e89a00;
  margin-top:4px;
  font-size:12px;
}

.pause-banner{
  margin-top:16px;
  padding:12px 14px;
  border-radius:20px;
  background:#fff5d6;
  border:1px solid #ffe59b;
  color:#a86b00;
  font-weight:950;
  line-height:1.45;
}

/* ===== FIX REMOVE PAUSED ACCOUNT UI ===== */
.paused-account,
.pause-banner{
  display:none !important;
}

/* ===== CHECK FLOW PAUSE/RESUME/STOP V2 ===== */
.check-control-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  margin:14px 0;
}

.check-control-row .btn{
  padding:12px 8px;
  font-size:13px;
}

.check-live-logs{
  max-height:260px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding-bottom:4px;
}

.check-log{
  border-radius:16px;
  padding:10px 12px;
  background:#fff0f7;
  border:1px solid #ffd1e6;
}

.check-log b{
  display:block;
  font-size:11px;
  color:var(--muted);
  margin-bottom:4px;
}

.check-log span{
  display:block;
  font-size:13px;
  color:#4d4267;
  font-weight:850;
  line-height:1.4;
}

.check-log.ok{
  background:#effff8;
  border-color:#b7f5d8;
}

.check-log.fail{
  background:#fff0f3;
  border-color:#ffc4d4;
}

.check-log.running{
  background:#f3edff;
  border-color:#dfd0ff;
}

.error-line small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-weight:800;
}

.check-history-wide{
  grid-column:1 / -1 !important;
}

.check-history-card{
  cursor:pointer;
  border-left:5px solid #a98bff;
}

/* ===== ACCOUNTS STATS PRO V1 ===== */
.accounts-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:12px 0;
}

.accounts-stats div{
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.92);
  border-radius:24px;
  padding:15px 12px;
  box-shadow:var(--shadow2);
}

.accounts-stats b{
  display:block;
  font-size:20px;
  font-weight:950;
  color:var(--text);
  word-break:break-word;
}

.accounts-stats span{
  display:block;
  margin-top:5px;
  font-size:12px;
  font-weight:850;
  color:var(--muted);
}

/* ===== HOME REBUILD PRO V1 ===== */
.top-right{
  display:flex;
  align-items:center;
  gap:8px;
}

.notify-top-btn{
  width:46px;
  height:46px;
  border-radius:18px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:var(--shadow2);
  position:relative;
  font-size:20px;
}

.notify-top-btn em{
  position:absolute;
  top:-4px;
  right:-3px;
  min-width:18px;
  height:18px;
  border-radius:999px;
  background:#ff4f9a;
  color:white;
  display:grid;
  place-items:center;
  font-style:normal;
  font-size:10px;
  font-weight:950;
}

.home-hero-clean .stats{
  display:none !important;
}

.home-two-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:22px;
}

.home-stat-card,
.home-check-card{
  min-height:86px;
  border-radius:24px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 10px 25px rgba(255,126,182,.09);
  padding:16px 14px;
  color:var(--text);
  text-align:left;
}

.home-stat-card b,
.home-check-card b{
  display:block;
  font-size:23px;
  font-weight:950;
}

.home-stat-card span,
.home-check-card span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-weight:850;
  font-size:13px;
}

.home-check-card{
  background:linear-gradient(135deg,#ff4f9a,#a98bff);
  color:white;
}

.home-check-card span{
  color:rgba(255,255,255,.82);
}

.quick{
  display:none !important;
}

.balance-log-card{
  border-left:5px solid #ff9ac7;
}

.home-bal{
  font-weight:950;
  color:#ff4f9a;
  white-space:nowrap;
  font-size:15px;
}

.notify-sheet{
  max-height:80vh;
  overflow:auto;
}

.notify-popup-item{
  background:#fff0f7;
  border:1px solid #ffd1e6;
  border-radius:20px;
  padding:14px;
  margin-bottom:10px;
}

.notify-popup-item b{
  display:block;
  color:var(--text);
  font-weight:950;
}

.notify-popup-item span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-weight:750;
  line-height:1.45;
}

.nav-2{
  grid-template-columns:repeat(2,1fr) !important;
}

.nav-2 button{
  font-size:15px;
}

/* ===== ADD ACCOUNT POPUP SHEET FIX ===== */
.add-account-modal{
  align-items:flex-end;
}

.add-account-sheet{
  max-height:88vh;
  overflow:auto;
  padding-bottom:calc(20px + env(safe-area-inset-bottom));
}

.add-account-sheet label{
  display:block;
  margin:14px 0 0;
  font-size:13px;
  color:#6f6289;
  font-weight:950;
}

.add-account-sheet textarea.field{
  min-height:150px;
}

.add-account-sheet .field{
  font-size:16px;
}

/* ===== HARD FIX KEYBOARD JUMP TELEGRAM ===== */
html,
body{
  min-height:100%;
}

body.sheet-open{
  overflow:hidden !important;
  position:fixed !important;
  width:100% !important;
  left:0;
  right:0;
}

body.sheet-open #app{
  pointer-events:none;
  filter:blur(1px);
}

body.sheet-open .modal{
  pointer-events:auto;
}

.add-account-modal{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  padding:12px !important;
  z-index:9999 !important;
}

.add-account-sheet{
  width:100% !important;
  max-width:520px !important;
  height:min(78vh,680px) !important;
  max-height:78vh !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border-radius:32px 32px 24px 24px !important;
}

.add-account-sheet .sheet-head{
  flex:0 0 auto;
}

.sheet-scroll{
  flex:1 1 auto;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding-bottom:12px;
}

.sheet-actions{
  flex:0 0 auto;
  display:flex;
  gap:10px;
  padding-top:10px;
  background:rgba(255,255,255,.92);
}

.no-zoom{
  font-size:16px !important;
}

.add-account-sheet textarea.field{
  min-height:130px !important;
  max-height:180px !important;
}

/* ===== CENTER POPUP ACTIONS FINAL ===== */
.center-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(32,35,63,.34);
  backdrop-filter:blur(8px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.center-sheet{
  width:min(430px,100%);
  max-height:82vh;
  overflow:hidden;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.9);
  border-radius:34px;
  box-shadow:0 30px 80px rgba(255,79,154,.24);
  padding:20px;
  position:relative;
  animation:centerPop .18s ease-out;
}

.center-sheet.wide{
  width:min(520px,100%);
}

@keyframes centerPop{
  from{opacity:0;transform:scale(.94)}
  to{opacity:1;transform:scale(1)}
}

.center-x{
  position:absolute;
  top:12px;
  right:12px;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#fff0f7;
  color:#ff4f9a;
  font-size:26px;
  line-height:1;
  font-weight:800;
}

.center-title{
  font-size:22px;
  font-weight:950;
  color:var(--text);
  padding-right:42px;
  margin-bottom:14px;
}

.center-body{
  max-height:calc(82vh - 84px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding-right:2px;
}

.popup-form label{
  display:block;
  margin:13px 0 0;
  color:#6f6289;
  font-size:13px;
  font-weight:950;
}

.popup-form textarea.field{
  min-height:130px;
  max-height:190px;
}

.popup-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-bottom:4px;
}

.popup-list .card{
  margin-bottom:0;
}

.popup-action-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:12px 0;
}

/* ===== FORCE CENTER POPUP FINAL STYLE ===== */
.force-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483647 !important;
  background:rgba(32,35,63,.38) !important;
  backdrop-filter:blur(8px);
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}

.force-sheet{
  width:min(520px,100%) !important;
  max-height:82vh !important;
  overflow:auto !important;
  background:rgba(255,255,255,.98) !important;
  border-radius:34px !important;
  box-shadow:0 30px 90px rgba(255,79,154,.28) !important;
  padding:22px !important;
  position:relative !important;
}

.force-close{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  background:#fff0f7 !important;
  color:#ff4f9a !important;
  font-size:28px !important;
  font-weight:900 !important;
}

.force-title{
  font-size:23px !important;
  font-weight:950 !important;
  color:var(--text) !important;
  margin-bottom:16px !important;
  padding-right:42px !important;
}

.force-body label{
  display:block !important;
  margin:14px 0 0 !important;
  color:#6f6289 !important;
  font-size:13px !important;
  font-weight:950 !important;
}

.force-body textarea.field{
  min-height:150px !important;
  max-height:210px !important;
}

.result-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:12px 0;
}

.result-grid div{
  background:#fff0f7;
  border:1px solid #ffd1e6;
  border-radius:18px;
  padding:14px;
  text-align:center;
}

.result-grid b{
  display:block;
  font-size:26px;
  font-weight:950;
}

.result-grid span{
  color:var(--muted);
  font-weight:850;
}

/* ===== ADD ACCOUNT RESULT BOX ===== */
.add-result-box{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.add-summary,
.add-loading,
.add-ok,
.add-error{
  border-radius:16px;
  padding:11px 12px;
  font-size:13px;
  font-weight:850;
  line-height:1.45;
}

.add-summary{
  background:#f3edff;
  border:1px solid #dfd0ff;
  color:#5d5479;
}

.add-loading{
  background:#fff8df;
  border:1px solid #ffe59b;
  color:#9b6a00;
}

.add-ok{
  background:#effff8;
  border:1px solid #b7f5d8;
  color:#176b4b;
}

.add-error{
  background:#fff0f3;
  border:1px solid #ffc4d4;
  color:#b42352;
}

.add-ok small,
.add-error small{
  display:block;
  margin-top:4px;
  opacity:.85;
}

/* ===== FULL ADD RESULT UI ===== */
.add-result-box{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:260px;
  overflow:auto;
}
.add-summary,.add-loading,.add-ok,.add-error{
  border-radius:16px;
  padding:11px 12px;
  font-size:13px;
  font-weight:850;
  line-height:1.45;
}
.add-summary{background:#f3edff;border:1px solid #dfd0ff;color:#5d5479}
.add-loading{background:#fff8df;border:1px solid #ffe59b;color:#9b6a00}
.add-ok{background:#effff8;border:1px solid #b7f5d8;color:#176b4b}
.add-error{background:#fff0f3;border:1px solid #ffc4d4;color:#b42352}
.add-ok small,.add-error small{display:block;margin-top:4px;opacity:.9}

/* ===== CHECK PROCESS CARDS ===== */
.check-process-sheet{
  max-height:88vh;
  overflow:auto;
}

.progress-text{
  color:var(--muted);
  font-weight:850;
  margin:8px 0 12px;
}

.progress-bar{
  height:13px;
  border-radius:999px;
  background:#fff0f7;
  overflow:hidden;
  border:1px solid #ffd1e6;
}

.progress-bar span{
  display:block;
  width:0%;
  height:100%;
  background:linear-gradient(90deg,#ff4f9a,#a98bff);
  border-radius:999px;
  transition:.25s;
}

.progress-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:15px 0;
}

.progress-stats div{
  background:#fff0f7;
  border:1px solid #ffd1e6;
  border-radius:18px;
  padding:11px 8px;
  text-align:center;
}

.progress-stats b{
  display:block;
  font-size:18px;
  color:var(--text);
}

.progress-stats span{
  font-size:11px;
  color:var(--muted);
  font-weight:850;
}

#checkCardList{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.check-card{
  border-radius:22px;
  padding:13px;
  background:#fff;
  border:1px solid #ffd1e6;
  box-shadow:var(--shadow2);
  cursor:pointer;
}

.check-card.running{background:#f3edff;border-color:#dfd0ff}
.check-card.ok{background:#effff8;border-color:#b7f5d8}
.check-card.fail{background:#fff0f3;border-color:#ffc4d4}

.check-card-main{
  display:flex;
  align-items:center;
  gap:10px;
}

.check-icon{
  width:38px;
  height:38px;
  border-radius:16px;
  background:#fff0f7;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}

.check-info{
  flex:1;
  min-width:0;
}

.check-info b{
  display:block;
  color:var(--text);
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.check-info span,
.check-info em{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-style:normal;
  font-weight:750;
  margin-top:3px;
}

.check-balance{
  color:#ff4f9a;
  font-weight:950;
  white-space:nowrap;
}

.check-detail{
  display:none;
  margin-top:10px;
  padding:11px;
  border-radius:16px;
  background:rgba(255,255,255,.65);
  color:#4d4267;
  font-size:13px;
  line-height:1.6;
}

.check-detail.show{
  display:block;
}

.error-line{
  background:#fff0f3;
  border:1px solid #ffc4d4;
  border-radius:18px;
  padding:12px;
  margin-bottom:10px;
}

.error-line b,
.error-line span,
.error-line em{
  display:block;
}

.error-line b{color:#ff477e}
.error-line span{color:#6f6289;margin-top:4px;font-weight:850}
.error-line em{color:#9b405f;margin-top:6px;font-style:normal}

/* ===== CHECK PROCESS DETAIL UI V2 ===== */
.check-process-sheet.v2{
  max-height:90vh;
  overflow:auto;
  padding-bottom:18px;
}

.check-current{
  background:linear-gradient(135deg,#fff0f7,#f3edff);
  border:1px solid #ffd1e6;
  border-radius:22px;
  padding:13px 14px;
  margin-bottom:12px;
}

.current-label{
  font-size:11px;
  color:var(--muted);
  font-weight:950;
  text-transform:uppercase;
}

.current-text{
  margin-top:5px;
  font-size:14px;
  color:var(--text);
  font-weight:950;
  line-height:1.35;
}

.percent-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:10px 0 8px;
}

.percent-row b{
  font-size:24px;
  color:#ff4f9a;
  font-weight:950;
}

.percent-row span{
  font-size:13px;
  color:var(--muted);
  font-weight:900;
}

.progress-bar.big{
  height:16px;
}

.check-mini-stats{
  display:grid;
  grid-template-columns:1fr 1fr 1.45fr;
  gap:8px;
  margin:13px 0;
}

.check-mini-stats div{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.95);
  border-radius:18px;
  padding:12px 9px;
  box-shadow:var(--shadow2);
}

.check-mini-stats b{
  display:block;
  font-size:16px;
  color:var(--text);
  font-weight:950;
  word-break:break-word;
}

.check-mini-stats span{
  display:block;
  margin-top:4px;
  font-size:11px;
  color:var(--muted);
  font-weight:900;
}

.actions.compact{
  margin:8px 0;
}

.compact-title{
  margin:16px 0 9px;
}

.compact-title h2{
  font-size:15px;
}

.check-account-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.check-balance-card{
  border-radius:18px;
  padding:10px;
  background:#fff;
  border:1px solid #ffd1e6;
  box-shadow:0 8px 20px rgba(255,79,154,.08);
  cursor:pointer;
}

.check-balance-card.running{
  background:#f6f0ff;
  border-color:#dfd0ff;
}

.check-balance-card.ok{
  background:#effff8;
  border-color:#b7f5d8;
}

.check-balance-card.fail{
  background:#fff0f3;
  border-color:#ffc4d4;
}

.check-compact-row{
  display:flex;
  align-items:center;
  gap:9px;
}

.check-bank{
  width:34px;
  height:34px;
  border-radius:14px;
  background:#fff0f7;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}

.check-name{
  flex:1;
  min-width:0;
}

.check-name b{
  display:block;
  font-size:13px;
  font-weight:950;
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.check-name span{
  display:block;
  font-size:11px;
  color:var(--muted);
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-top:2px;
}

.check-name em{
  display:block;
  font-size:11px;
  color:#9b77d6;
  font-style:normal;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-top:2px;
}

.check-money{
  font-size:13px;
  color:#ff4f9a;
  font-weight:950;
  white-space:nowrap;
}

.check-detail{
  display:none;
  margin-top:9px;
  padding:10px;
  border-radius:15px;
  background:rgba(255,255,255,.68);
  color:#4d4267;
  font-size:12px;
  line-height:1.6;
}

.check-detail.show{
  display:block;
}

.check-final-money{
  background:linear-gradient(135deg,#ffe1ef,#f1e9ff);
  border:1px solid #ffd1e6;
  border-radius:22px;
  padding:14px;
  margin:12px 0;
  text-align:center;
}

.check-final-money b{
  display:block;
  font-size:24px;
  color:#ff4f9a;
  font-weight:950;
}

.check-final-money span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-weight:850;
}

/* ===== UNIFIED ACCOUNT CARD DETAIL ===== */
.unified-account-card{
  cursor:pointer;
  transition:.16s ease;
}

.unified-account-card:active{
  transform:scale(.985);
}

.acc-extra{
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.account-detail-sheet{
  max-height:86vh;
  overflow:auto;
}

.account-detail-hero-mini{
  display:flex;
  gap:12px;
  align-items:center;
  background:linear-gradient(135deg,#ffe1ef,#f1e9ff);
  border:1px solid #ffd1e6;
  border-radius:24px;
  padding:14px;
  margin-bottom:14px;
}

.account-detail-hero-mini h3{
  margin:0;
  font-size:18px;
  font-weight:950;
  color:var(--text);
}

.account-detail-hero-mini p{
  margin:4px 0 0;
  color:var(--muted);
  font-weight:850;
}

.detail-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:12px 0;
}

.detail-grid div{
  background:#fff0f7;
  border:1px solid #ffd1e6;
  border-radius:18px;
  padding:12px;
}

.detail-grid span{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:850;
  margin-bottom:4px;
}

.detail-grid b{
  display:block;
  color:var(--text);
  font-size:15px;
  font-weight:950;
  word-break:break-word;
}

/* ===== COMPACT ACCOUNT CARD + MULTI SELECT ===== */
.compact-account-card{
  padding:11px 12px !important;
  border-radius:22px !important;
  margin-bottom:10px !important;
  cursor:pointer;
  position:relative;
}

.compact-account-card .actions{
  display:none !important;
}

.compact-row{
  display:flex;
  align-items:center;
  gap:9px;
}

.compact-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:17px !important;
  font-size:20px !important;
}

.compact-main{
  flex:1;
  min-width:0;
}

.compact-title{
  font-size:14px;
  font-weight:950;
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.compact-sub{
  font-size:12px;
  color:var(--muted);
  font-weight:850;
  margin-top:3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.compact-right{
  min-width:92px;
  text-align:right;
}

.compact-right b{
  display:block;
  color:#ff4f9a;
  font-size:13px;
  font-weight:950;
  white-space:nowrap;
  margin-bottom:6px;
}

.mini-check-btn{
  height:28px;
  padding:0 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#ff4f9a,#a98bff);
  color:white;
  font-size:12px;
  font-weight:950;
}

.select-mark{
  display:none;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#ff4f9a;
  color:white;
  place-items:center;
  font-weight:950;
}

.compact-account-card.selected{
  border:2px solid #ff4f9a;
  background:linear-gradient(135deg,#fff0f7,#f1e9ff);
}

.compact-account-card.selected .select-mark{
  display:grid;
}

.select-toolbar{
  position:sticky;
  top:8px;
  z-index:20;
  display:grid;
  grid-template-columns:1fr auto auto auto;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.92);
  border:1px solid #ffd1e6;
  box-shadow:var(--shadow);
  border-radius:22px;
  padding:10px;
  margin:10px 0;
  backdrop-filter:blur(18px);
}

.select-toolbar div{
  color:var(--text);
  font-weight:950;
  font-size:13px;
}

.select-toolbar button{
  border-radius:999px;
  background:#fff0f7;
  color:#ff4f9a;
  padding:8px 10px;
  font-weight:950;
  font-size:12px;
}

.detail-grid{
  grid-template-columns:1fr !important;
}

/* ===== HOME + LOGS UI REAPPLY FINAL ===== */
.home-grid-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:18px;
}
.home-grid-cards button{
  border:0;
  min-height:84px;
}
.home-grid-cards .home-error-card{
  grid-column:1 / -1;
  background:linear-gradient(135deg,#fff1d6,#ffe1ef);
  border:1px solid rgba(255,255,255,.9);
  border-radius:24px;
  padding:15px 14px;
  text-align:left;
  color:var(--text);
  box-shadow:var(--shadow2);
}
.home-error-card b{
  display:block;
  font-size:24px;
  font-weight:950;
}
.home-error-card span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-weight:850;
  font-size:13px;
}
.clickable{cursor:pointer}
.log-tabs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:10px 0 14px;
}
.log-tabs button{
  border-radius:16px;
  padding:10px 6px;
  background:#fff0f7;
  color:#8b5d7c;
  font-size:12px;
  font-weight:950;
}
.log-tabs button.active{
  background:linear-gradient(135deg,#ff4f9a,#a98bff);
  color:white;
}
.log-card{
  cursor:pointer;
  padding:14px;
  border-left:5px solid #a98bff;
}
.error-log-card{border-left-color:#ff5f8f}
.log-top{
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.log-top b{
  font-size:14px;
  color:var(--text);
}
.log-top span{
  color:var(--muted);
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}
.log-line{
  margin-top:7px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.log-sheet{
  max-height:86vh;
  overflow:auto;
}
.log-sheet pre{
  white-space:pre-wrap;
  word-break:break-word;
  background:#fff0f7;
  border:1px solid #ffd1e6;
  padding:12px;
  border-radius:16px;
  color:#4d4267;
  font-size:12px;
}
.mini-log-account{
  background:#fff0f7;
  border:1px solid #ffd1e6;
  border-radius:16px;
  padding:10px;
  margin-bottom:8px;
}
.mini-log-account b,
.mini-log-account span,
.mini-log-account em{
  display:block;
}
.mini-log-account b{color:var(--text)}
.mini-log-account span{color:var(--muted);font-size:12px;margin-top:4px}
.mini-log-account em{color:#ff4f9a;font-weight:950;font-style:normal;margin-top:4px}

/* ===== DELETE + PRO POPUP UI FINAL ===== */
.pro-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}

.close-pro{
  border:0 !important;
  min-width:58px;
  height:34px;
  border-radius:999px;
  background:#fff0f7 !important;
  color:#ff4f9a !important;
  font-size:13px !important;
  font-weight:950 !important;
  box-shadow:0 8px 18px rgba(255,79,154,.12);
}

.btn.danger{
  background:linear-gradient(135deg,#ff477e,#ff8aa9) !important;
  color:white !important;
}

.danger-mini{
  background:#fff0f3 !important;
  color:#ff477e !important;
}

.mini-users-sheet{
  max-height:80vh;
  overflow:auto;
}

.mini-user-line{
  background:#fff0f7;
  border:1px solid #ffd1e6;
  border-radius:18px;
  padding:12px;
  margin-bottom:9px;
}

.mini-user-line b{
  display:block;
  color:var(--text);
  font-weight:950;
}

.mini-user-line span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  font-weight:850;
}

/* ===== SAFE MULTI SELECT DELETE UI ===== */
.safe-tick{
  display:none;
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  border-radius:50%;
  background:#ff4f9a;
  color:white;
  place-items:center;
  font-weight:950;
  box-shadow:0 8px 18px rgba(255,79,154,.25);
}

.compact-account-card{
  position:relative;
}

.compact-account-card.selected{
  border:2px solid #ff4f9a !important;
  background:linear-gradient(135deg,#fff0f7,#f1e9ff) !important;
}

.compact-account-card.selected .safe-tick{
  display:grid;
}

.select-toolbar{
  position:sticky;
  top:8px;
  z-index:30;
  display:grid;
  grid-template-columns:1fr auto auto auto;
  gap:8px;
  align-items:center;
  background:rgba(255,255,255,.94);
  border:1px solid #ffd1e6;
  border-radius:22px;
  padding:10px;
  margin:10px 0;
  box-shadow:0 12px 30px rgba(255,79,154,.13);
  backdrop-filter:blur(16px);
}

.select-toolbar div{
  color:var(--text);
  font-weight:950;
  font-size:13px;
}

.select-toolbar button{
  border-radius:999px;
  background:#fff0f7;
  color:#ff4f9a;
  padding:8px 10px;
  font-weight:950;
  font-size:12px;
}

.select-toolbar .danger-mini{
  background:#fff0f3 !important;
  color:#ff477e !important;
}

/* ===== FLOATING SELECT FINAL ===== */
#floatingSelectBtn{
  position:fixed;
  right:18px;
  bottom:104px;
  z-index:9999;
  border:0;
  border-radius:999px;
  padding:13px 18px;
  background:linear-gradient(135deg,#ff4f9a,#a98bff);
  color:#fff;
  font-weight:950;
  box-shadow:0 14px 34px rgba(255,79,154,.28);
}

#floatingSelectToolbar{
  position:fixed;
  left:12px;
  right:12px;
  bottom:96px;
  z-index:9999;
}

.final-select-toolbar{
  margin:0 !important;
}

.compact-account-card.selected{
  border:2px solid #ff4f9a !important;
  background:linear-gradient(135deg,#fff0f7,#f1e9ff) !important;
}

.compact-account-card.selected .select-mark{
  display:grid !important;
}

#ultraSelectBtn{
  position:fixed !important;
  right:16px !important;
  bottom:110px !important;
  z-index:2147483647 !important;
  border:0 !important;
  border-radius:999px !important;
  padding:13px 18px !important;
  background:linear-gradient(135deg,#ff4f9a,#a98bff) !important;
  color:#fff !important;
  font-weight:950 !important;
  box-shadow:0 14px 34px rgba(255,79,154,.32) !important;
}

#hardSelectBtn{
  position:fixed;
  right:16px;
  bottom:110px;
  z-index:999999999;
  border:0;
  border-radius:999px;
  padding:14px 18px;
  background:linear-gradient(135deg,#ff4f9a,#a98bff);
  color:#fff;
  font-weight:900;
  box-shadow:0 12px 30px rgba(255,79,154,.35);
}

/* ===== HOLD SELECT MODE FINAL ===== */
#hardSelectBtn,
#ultraSelectBtn,
#floatingSelectBtn{
  display:none !important;
}

.compact-account-card{
  position:relative;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

.compact-account-card.selected{
  border:2px solid #ff4f9a !important;
  background:linear-gradient(135deg,#fff0f7,#f1e9ff) !important;
}

.compact-account-card.selected .select-mark{
  display:grid !important;
}

.hold-toolbar{
  position:sticky;
  top:8px;
  z-index:999;
  grid-template-columns:1fr auto auto auto !important;
  margin:10px 0 12px !important;
}

/* ===== CARD CHECKBOX SELECT FINAL ===== */
#hardSelectBtn,
#ultraSelectBtn,
#floatingSelectBtn{
  display:none !important;
}

.compact-account-card{
  position:relative !important;
}

.card-select-dot{
  position:absolute;
  right:10px;
  top:10px;
  width:26px;
  height:26px;
  border-radius:50%;
  border:2px solid #ff9ac8;
  background:#fff;
  color:white;
  font-weight:950;
  z-index:5;
  display:grid;
  place-items:center;
}

.card-select-dot.on{
  background:#ff4f9a;
  border-color:#ff4f9a;
}

.compact-account-card.selected{
  border:2px solid #ff4f9a !important;
  background:linear-gradient(135deg,#fff0f7,#f1e9ff) !important;
}

.hold-toolbar{
  position:sticky;
  top:8px;
  z-index:999;
  margin:10px 0 12px !important;
}
.card-select-dot{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;border:2px solid #ff9ac8;background:#fff;color:white;font-weight:950;z-index:5;display:grid;place-items:center}
.card-select-dot.on{background:#ff4f9a;border-color:#ff4f9a}
.compact-account-card{position:relative!important}
.compact-account-card.selected{border:2px solid #ff4f9a!important;background:linear-gradient(135deg,#fff0f7,#f1e9ff)!important}
.select-toolbar{position:sticky;top:8px;z-index:999;display:grid;grid-template-columns:1fr auto auto auto auto;gap:8px;align-items:center;background:rgba(255,255,255,.94);border:1px solid #ffd1e6;border-radius:22px;padding:10px;margin:10px 0;box-shadow:0 12px 30px rgba(255,79,154,.13);backdrop-filter:blur(16px)}
.select-toolbar div{color:var(--text);font-weight:950;font-size:13px}
.select-toolbar button{border-radius:999px;background:#fff0f7;color:#ff4f9a;padding:8px 10px;font-weight:950;font-size:12px}
.select-toolbar .danger-mini{background:#fff0f3!important;color:#ff477e!important}
.progress-wrap{display:flex;flex-direction:column;gap:10px}
.progress-bar.big{height:16px;background:#fff0f7;border:1px solid #ffd1e6;border-radius:999px;overflow:hidden}
.progress-bar.big span{display:block;height:100%;background:linear-gradient(90deg,#ff4f9a,#a98bff);border-radius:999px}
.job-result-list{display:flex;flex-direction:column;gap:8px;max-height:330px;overflow:auto}

.card-select-dot{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;border:2px solid #ff9ac8;background:#fff;color:white;font-weight:950;z-index:5;display:grid;place-items:center}
.card-select-dot.on{background:#ff4f9a;border-color:#ff4f9a}
.compact-account-card{position:relative!important}
.compact-account-card.selected{border:2px solid #ff4f9a!important;background:linear-gradient(135deg,#fff0f7,#f1e9ff)!important}
.select-toolbar{position:sticky;top:8px;z-index:999;display:grid;grid-template-columns:1fr auto auto auto auto;gap:8px;align-items:center;background:rgba(255,255,255,.94);border:1px solid #ffd1e6;border-radius:22px;padding:10px;margin:10px 0;box-shadow:0 12px 30px rgba(255,79,154,.13);backdrop-filter:blur(16px)}
.select-toolbar div{color:var(--text);font-weight:950;font-size:13px}
.select-toolbar button{border-radius:999px;background:#fff0f7;color:#ff4f9a;padding:8px 10px;font-weight:950;font-size:12px}
.select-toolbar .danger-mini{background:#fff0f3!important;color:#ff477e!important}
.progress-wrap{display:flex;flex-direction:column;gap:10px}
.progress-bar.big{height:16px;background:#fff0f7;border:1px solid #ffd1e6;border-radius:999px;overflow:hidden}
.progress-bar.big span{display:block;height:100%;background:linear-gradient(90deg,#ff4f9a,#a98bff);border-radius:999px}
.job-result-list{display:flex;flex-direction:column;gap:8px;max-height:330px;overflow:auto}

.user-card{
  border-radius:24px;
}

.user-card .acc{
  align-items:flex-start;
}

.user-card .acc-title{
  font-size:20px;
  font-weight:800;
  line-height:1.2;
}

.user-card .acc-no{
  font-size:14px;
  opacity:.8;
}

.user-card .acc-bal{
  font-size:16px;
  font-weight:700;
}
/* FIX MINI APP INPUT + MOBILE RESIZE */
html, body {
  height: var(--app-vh, 100dvh);
  max-height: var(--app-vh, 100dvh);
  overflow: hidden;
  overscroll-behavior: none;
}

body {
  position: fixed;
  inset: 0;
  width: 100%;
  touch-action: pan-y;
}

#app, .app, .page, .screen, main {
  min-height: var(--app-vh, 100dvh);
  max-height: var(--app-vh, 100dvh);
}

input,
textarea,
select {
  pointer-events: auto !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  touch-action: manipulation !important;
  font-size: 16px !important;
}

textarea {
  resize: vertical;
}

.vpbank-form-box {
  display: grid;
  gap: 8px;
  margin: 10px 0 12px;
}

.hidden-vp-lines {
  display: none !important;
}

.hint-box {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 166, 0, .12);
  font-size: 13px;
  line-height: 1.35;
}

/* FIX SCROLL: body cố định nhưng app vẫn cuộn được */
html, body {
  height: 100%;
  overflow: hidden !important;
}

body {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
}

#app, .app, .page, .screen, main {
  height: var(--app-vh, 100dvh) !important;
  max-height: var(--app-vh, 100dvh) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  padding-bottom: 110px !important;
}

/* Desktop/PC: cho cuộn bình thường */
@media (min-width: 700px) {
  html, body {
    overflow-y: auto !important;
    height: auto !important;
  }

  body {
    position: static !important;
  }

  #app, .app, .page, .screen, main {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

.vpbank-form-box {
  display: grid;
  gap: 8px;
  margin: 10px 0 12px;
}

.hidden-vp-lines {
  display: none !important;
}

.hint-box {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 166, 0, .12);
  font-size: 13px;
}



/* ===== Pink Modern Basic UI Patch ===== */

:root{
  --nav-bg:rgba(255,255,255,.86);
  --glass:rgba(255,255,255,.74);
  --primary-strong:#ff2f8b;
  --primary-soft:#ffe5f2;
  --ink:#211b35;
}

#app{
  padding-bottom:118px;
}

.top{
  position:sticky;
  top:0;
  z-index:8;
  padding:10px 0 12px;
  margin:0 0 14px;
  backdrop-filter:blur(18px);
}

.logo{
  width:50px;
  height:50px;
  border-radius:20px;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.9),transparent 28%),
    linear-gradient(135deg,#ff4f9a,#b799ff);
}

.h1{
  font-size:20px;
  letter-spacing:-.55px;
}

.pill{
  min-height:42px;
  padding:10px 13px;
  background:var(--glass);
  border:1px solid rgba(255,255,255,.96);
}

.hero{
  border-radius:32px;
  padding:22px;
  box-shadow:0 22px 52px rgba(255,79,154,.14);
}

.balance{
  font-size:39px;
  line-height:1.05;
}

.stats{
  gap:10px;
}

.stat{
  border-radius:20px;
  padding:13px 11px;
  background:rgba(255,255,255,.7);
}

.quick{
  gap:12px;
  margin:16px 0 22px;
}

.qbtn{
  min-height:82px;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,241,248,.84));
  border:1px solid rgba(255,255,255,.96);
  box-shadow:0 12px 30px rgba(255,79,154,.10);
}

.qbtn small{
  font-size:14px;
}

.card{
  border-radius:26px;
  padding:16px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,246,251,.78));
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 14px 36px rgba(169,139,255,.11);
}

.card:active,
.qbtn:active,
.btn:active,
.nav button:active{
  transform:scale(.985);
}

.bank-icon{
  width:50px;
  height:50px;
  border-radius:20px;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.9),transparent 32%),
    linear-gradient(135deg,#ffd4e9,#e8dcff);
}

.actions{
  gap:9px;
}

.btn{
  border-radius:16px;
  padding:12px 14px;
  background:linear-gradient(135deg,#2b2444,#443860);
  box-shadow:0 12px 26px rgba(43,36,68,.13);
  transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.btn.orange{
  background:linear-gradient(135deg,var(--primary-strong),#a98bff);
  box-shadow:0 14px 30px rgba(255,79,154,.18);
}

.btn.light{
  background:linear-gradient(180deg,#fff,#fff0f7);
  color:#675b82;
  border:1px solid rgba(255,212,232,.85);
}

.btn.danger{
  background:#fff0f5;
  color:#e83e78;
  border:1px solid rgba(255,95,143,.16);
}

.empty{
  border-radius:26px;
  background:rgba(255,255,255,.68);
}

.nav{
  bottom:calc(12px + env(safe-area-inset-bottom));
  width:min(480px,calc(100% - 24px));
  padding:8px;
  border-radius:28px;
  background:var(--nav-bg);
  border:1px solid rgba(255,255,255,.96);
  box-shadow:
    0 18px 48px rgba(255,79,154,.18),
    inset 0 1px 0 rgba(255,255,255,.7);
}

.nav button{
  min-height:54px;
  border-radius:22px;
  padding:8px 4px;
  color:#837798;
  font-size:12px;
  font-weight:900;
  transition:transform .16s ease, background .16s ease, color .16s ease;
}

.nav button b,
.nav button span{
  display:block;
}

.nav button.active{
  color:#fff;
  background:
    radial-gradient(circle at 25% 20%,rgba(255,255,255,.42),transparent 30%),
    linear-gradient(135deg,#ff4f9a,#a98bff);
  box-shadow:0 12px 26px rgba(255,79,154,.22);
}

.nav button:not(.active):hover{
  background:#fff0f7;
  color:#ff4f9a;
}

.toast{
  position:fixed;
  left:50%;
  bottom:calc(90px + env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:9999;
  max-width:min(460px,calc(100% - 32px));
  padding:13px 16px;
  border-radius:18px;
  background:rgba(33,27,53,.92);
  color:white;
  box-shadow:0 18px 44px rgba(33,27,53,.25);
  font-weight:850;
}

input,textarea,select{
  border-radius:18px;
  border:1px solid #ffd4e8;
  background:rgba(255,255,255,.86);
  color:var(--ink);
  outline:none;
}

input:focus,
textarea:focus,
select:focus{
  border-color:#ff4f9a;
  box-shadow:0 0 0 4px rgba(255,79,154,.12);
}

@media (max-width:380px){
  #app{padding-left:13px;padding-right:13px}
  .balance{font-size:34px}
  .quick{gap:9px}
  .qbtn{min-height:76px}
  .nav button{min-height:50px;font-size:11px}
}



/* ===== User Detail Compact Layout Patch ===== */

.section{
  margin:18px 0 10px;
}

.section h2{
  font-size:22px;
  line-height:1.15;
}

.section .link{
  background:#fff0f7;
  border:1px solid #ffd4e8;
  padding:10px 14px;
  border-radius:999px;
  font-size:14px;
  box-shadow:0 8px 20px rgba(255,79,154,.08);
}

input[type="search"],
input[placeholder*="Tìm"],
input[placeholder*="STK"],
input[placeholder*="SDT"]{
  width:100%;
  height:56px;
  border-radius:22px;
  padding:0 18px;
  font-size:16px;
  background:rgba(255,255,255,.92);
  border:1.5px solid #ffd1e6;
  box-shadow:0 10px 26px rgba(255,79,154,.06);
}

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

.actions .btn{
  min-height:54px;
  padding:12px 14px;
  border-radius:20px;
  font-size:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
}

.actions .btn.orange,
.actions .btn:first-child:nth-last-child(3){
  grid-column:1 / -1;
}

.card .actions{
  grid-template-columns:1fr auto;
}

.card .actions .btn{
  min-width:104px;
}

.acc{
  align-items:flex-start;
}

.acc-main{
  padding-top:2px;
}

.acc-title{
  font-size:16px;
  letter-spacing:.2px;
}

.acc-no{
  font-size:13px;
  line-height:1.45;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.acc-bal{
  font-size:17px;
  color:#ff4f9a;
}

.card{
  margin-bottom:12px;
}

.card:has(.acc){
  padding:14px;
  border-radius:24px;
}

.bank-icon{
  flex:0 0 48px;
}

.empty + .actions,
.section + input + .sub + .actions{
  margin-top:12px;
}

@media (max-width:420px){
  .section h2{
    font-size:20px;
  }

  .actions{
    gap:9px;
  }

  .actions .btn{
    min-height:52px;
    font-size:14px;
    border-radius:18px;
  }

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

  .card .actions .btn{
    width:100%;
  }
}



/* ===== Premium Account Card Patch ===== */

.hero{
  padding:24px 22px 26px;
}

.hero .stats{
  margin-top:18px;
}

.hero .stat{
  background:rgba(255,255,255,.55);
  backdrop-filter:blur(12px);
}

.card{
  position:relative;
  overflow:hidden;
}

.card:before{
  content:"";
  position:absolute;
  top:-40px;
  right:-40px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,79,154,.12),transparent 70%);
  pointer-events:none;
}

.acc{
  gap:14px;
}

.bank-icon{
  position:relative;
  overflow:hidden;
}

.bank-icon:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.9),transparent 26%);
}

.acc-main{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.acc-title{
  font-size:17px;
  font-weight:950;
}

.acc-no{
  color:#8a7fa4;
  font-size:13px;
  font-weight:700;
}

.acc-bal{
  margin-top:6px;
  font-size:18px;
  font-weight:950;
  color:#ff3f91;
}

.acc-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 11px;
  border-radius:999px;
  background:#fff0f7;
  border:1px solid #ffd3e7;
  font-size:12px;
  font-weight:900;
  color:#ff4f9a;
  width:max-content;
  margin-top:4px;
}

.acc-status.ok{
  background:#ecfff7;
  border-color:#bdf1db;
  color:#16a56f;
}

.actions{
  margin-top:14px;
}

.actions .btn{
  position:relative;
  overflow:hidden;
}

.actions .btn:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.24),transparent 26%);
  pointer-events:none;
}

.actions .btn.orange{
  font-size:16px;
  font-weight:950;
}

.actions .btn.light{
  background:rgba(255,255,255,.9);
}

.top{
  margin-bottom:18px;
}

.brand{
  gap:14px;
}

.logo{
  box-shadow:
    0 14px 32px rgba(255,79,154,.18),
    inset 0 1px 0 rgba(255,255,255,.5);
}

.pill{
  min-width:108px;
  justify-content:center;
}

.stat b{
  font-size:19px;
}

.quick .qbtn{
  position:relative;
  overflow:hidden;
}

.quick .qbtn:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.6),transparent 28%);
  pointer-events:none;
}

.nav{
  padding:10px;
}

.nav button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
}

.nav button.active{
  transform:translateY(-2px);
}

.nav button.active:before{
  content:"";
  position:absolute;
  top:6px;
  width:28px;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.85);
}

.toast{
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(16px);
}

@media (max-width:420px){

  .card{
    padding:13px;
  }

  .acc-title{
    font-size:16px;
  }

  .acc-bal{
    font-size:17px;
  }

  .actions .btn.orange{
    font-size:15px;
  }
}



/* ===== Compact Density Layout Patch ===== */

#app{
  padding:12px 14px 92px;
}

.top{
  padding:6px 0 8px;
  margin-bottom:10px;
}

.logo{
  width:44px;
  height:44px;
  border-radius:17px;
  font-size:21px;
}

.h1{
  font-size:18px;
}

.sub{
  font-size:12px;
  margin-top:1px;
}

.pill{
  min-height:36px;
  padding:8px 11px;
  font-size:12px;
}

.hero{
  border-radius:26px;
  padding:17px;
}

.hero-label{
  font-size:13px;
}

.balance{
  font-size:32px;
  margin:8px 0 2px;
}

.hero .sub{
  font-size:13px;
}

.stats{
  gap:8px;
  margin-top:14px;
}

.stat{
  min-height:58px;
  border-radius:17px;
  padding:10px 8px;
}

.stat b{
  font-size:16px;
}

.stat span{
  font-size:11px;
}

.quick{
  gap:9px;
  margin:12px 0 16px;
}

.qbtn{
  min-height:64px;
  border-radius:19px;
  padding:10px 6px;
  font-size:18px;
}

.qbtn small{
  font-size:12px;
  margin-top:4px;
}

.section{
  margin:14px 0 8px;
}

.section h2{
  font-size:19px;
}

.section .link{
  padding:8px 11px;
  font-size:13px;
}

input[type="search"],
input[placeholder*="Tìm"],
input[placeholder*="STK"],
input[placeholder*="SDT"]{
  height:48px;
  border-radius:18px;
  padding:0 15px;
  font-size:14px;
}

.card{
  border-radius:20px;
  padding:11px 12px;
  margin-bottom:9px;
}

.card:has(.acc){
  padding:11px 12px;
  border-radius:20px;
}

.card:before{
  width:82px;
  height:82px;
  top:-34px;
  right:-34px;
}

.acc{
  gap:10px;
  align-items:center;
}

.bank-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:16px;
  font-size:20px;
}

.acc-title{
  font-size:14px;
  line-height:1.2;
}

.acc-no{
  font-size:11.5px;
  margin-top:2px;
  line-height:1.25;
}

.acc-bal{
  font-size:14px;
  margin-top:4px;
}

.acc-status{
  padding:5px 8px;
  font-size:11px;
  margin-top:3px;
}

.actions{
  gap:8px;
  margin-top:9px;
}

.actions .btn,
.btn{
  min-height:42px;
  border-radius:15px;
  padding:9px 11px;
  font-size:13px;
}

.actions .btn.orange{
  font-size:14px;
}

.card .actions{
  grid-template-columns:1fr auto;
}

.card .actions .btn{
  min-width:82px;
}

.empty{
  padding:22px 18px;
  border-radius:20px;
  font-size:13px;
}

.nav{
  width:min(470px,calc(100% - 20px));
  bottom:calc(8px + env(safe-area-inset-bottom));
  padding:7px;
  border-radius:24px;
}

.nav button{
  min-height:46px;
  border-radius:18px;
  font-size:11px;
  gap:3px;
  padding:6px 3px;
}

.toast{
  bottom:calc(76px + env(safe-area-inset-bottom));
  padding:11px 14px;
  font-size:13px;
  border-radius:16px;
}

@media (max-width:380px){
  #app{
    padding-left:11px;
    padding-right:11px;
  }

  .balance{
    font-size:28px;
  }

  .hero{
    padding:15px;
  }

  .quick{
    gap:7px;
  }

  .qbtn{
    min-height:58px;
  }

  .card{
    padding:10px;
  }

  .bank-icon{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .actions .btn,
  .btn{
    min-height:39px;
    font-size:12px;
  }
}



/* ===== Compact User Card + Modal Fix ===== */

.compact-account-card{
  padding:9px 10px !important;
  border-radius:18px !important;
  margin-bottom:8px !important;
}

.compact-row{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:52px;
}

.compact-icon{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  border-radius:14px !important;
  font-size:17px !important;
}

.compact-main{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
}

.compact-title{
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.compact-sub{
  font-size:10.5px !important;
  line-height:1.2;
  color:#8b82a2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.compact-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:5px;
  min-width:72px;
}

.compact-right b{
  font-size:12px !important;
  line-height:1;
  color:#ff4f9a;
}

.mini-check-btn{
  min-width:62px;
  height:28px !important;
  border-radius:11px !important;
  padding:0 10px !important;
  font-size:11px !important;
  font-weight:900;
  background:linear-gradient(135deg,#ff4f9a,#a98bff);
  color:#fff;
  box-shadow:0 6px 16px rgba(255,79,154,.16);
}

.account-actions-top{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  margin:10px 0 12px;
}

.account-actions-top .btn{
  min-height:40px !important;
  font-size:12px !important;
  border-radius:14px !important;
  padding:8px !important;
}

.user-count{
  margin:8px 0 10px;
  font-size:12px;
  color:#7f7497;
}

.select-toolbar{
  display:grid;
  grid-template-columns:1fr repeat(4,auto);
  gap:6px;
  align-items:center;
  padding:10px;
  border-radius:16px;
  margin-bottom:10px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(12px);
}

.select-toolbar button{
  height:34px;
  padding:0 10px;
  border-radius:11px;
  font-size:11px;
  font-weight:900;
}

.modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:rgba(20,16,35,.38);
  backdrop-filter:blur(8px);
}

.sheet{
  width:min(520px,100%);
  max-height:92vh;
  overflow:auto;
  border-radius:28px 28px 0 0;
  background:#fff9fc;
  position:relative;
  z-index:2;
}

.sheet-head{
  position:sticky;
  top:0;
  z-index:5;
  background:#fff9fc;
}

.pro-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 14px 10px;
  border-bottom:1px solid rgba(255,212,232,.7);
}

.close-pro{
  min-width:40px;
  height:40px;
  border-radius:14px;
  border:none;
  background:#fff0f7;
  color:#ff4f9a;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:auto !important;
  position:relative;
  z-index:999999 !important;
}

.close-pro:active{
  transform:scale(.95);
}

.account-detail-sheet{
  padding-bottom:20px;
}

@media (max-width:420px){

  .compact-account-card{
    padding:8px 9px !important;
  }

  .compact-row{
    gap:8px;
    min-height:48px;
  }

  .compact-right{
    min-width:66px;
  }

  .mini-check-btn{
    min-width:56px;
    height:26px !important;
    font-size:10px !important;
  }

  .account-actions-top{
    grid-template-columns:1fr;
  }

  .select-toolbar{
    grid-template-columns:1fr 1fr;
  }

}



/* ===== Dense User List + Clear Action UI ===== */

#usersBox .card,
.user-card,
.admin-user-card{
  padding:10px 11px !important;
  border-radius:18px !important;
  margin-bottom:8px !important;
}

#usersBox .card{
  display:flex;
  flex-direction:column;
  gap:8px;
}

#usersBox .card b,
.user-card b,
.admin-user-card b{
  font-size:14px !important;
  line-height:1.2;
}

#usersBox .card small,
#usersBox .card span,
.user-card small,
.user-card span{
  font-size:11px !important;
  line-height:1.25;
  color:#827a9b;
}

#usersBox .actions,
.user-card .actions,
.admin-user-card .actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
  margin-top:6px !important;
}

#usersBox .btn,
.user-card .btn,
.admin-user-card .btn{
  min-height:36px !important;
  padding:7px 9px !important;
  border-radius:13px !important;
  font-size:11.5px !important;
  font-weight:950 !important;
}

#usersBox .btn.orange,
.user-card .btn.orange,
.admin-user-card .btn.orange{
  background:linear-gradient(135deg,#ff4f9a,#a98bff) !important;
}

#usersBox .btn.danger,
.user-card .btn.danger,
.admin-user-card .btn.danger{
  background:#fff0f5 !important;
  color:#e83e78 !important;
  border:1px solid rgba(255,95,143,.16) !important;
}

.user-count{
  padding:6px 2px;
}

.sheet-head .close-pro{
  flex:0 0 auto;
}

.sheet-head > div:last-child{
  display:flex;
  align-items:center;
  gap:7px;
}

.close-pro{
  user-select:none;
  -webkit-user-select:none;
  touch-action:manipulation;
}

.floating-process-btn{
  min-height:42px !important;
  padding:10px 14px !important;
  font-size:13px !important;
}

@media(max-width:420px){
  #usersBox .actions,
  .user-card .actions,
  .admin-user-card .actions{
    grid-template-columns:1fr 1fr !important;
  }

  #usersBox .btn,
  .user-card .btn,
  .admin-user-card .btn{
    min-height:34px !important;
    font-size:11px !important;
  }
}



/* ===== PRO UI PHASE 2 ===== */

html{
  scroll-behavior:smooth;
}

body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

#app{
  max-width:500px;
  padding-top:10px;
}

.top{
  position:sticky;
  top:0;
  z-index:50;
  padding:8px 0 10px;
  backdrop-filter:blur(16px);
}

.top:before{
  content:"";
  position:absolute;
  inset:-10px -20px 0;
  background:linear-gradient(
    180deg,
    rgba(255,247,251,.92),
    rgba(255,247,251,.72),
    transparent
  );
  z-index:-1;
}

.top-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.notify-top-btn{
  position:relative;
  width:42px;
  height:42px;
  border-radius:15px;
  border:none;
  background:rgba(255,255,255,.84);
  box-shadow:0 10px 22px rgba(255,79,154,.10);
  font-size:17px;
}

.notify-top-btn em{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:999px;
  background:#ff4f9a;
  color:#fff;
  font-style:normal;
  font-size:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}

.hero{
  padding:18px;
  border-radius:28px;
}

.home-grid-cards{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  margin-top:14px;
}

.home-grid-cards button{
  border:none;
  min-height:74px;
  border-radius:18px;
  padding:10px;
  text-align:left;
  position:relative;
  overflow:hidden;
}

.home-grid-cards button:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 25% 10%,rgba(255,255,255,.45),transparent 30%);
}

.home-grid-cards b{
  display:block;
  font-size:17px;
  margin-top:6px;
  font-weight:950;
}

.home-grid-cards span{
  display:block;
  font-size:11px;
  margin-top:3px;
  opacity:.86;
}

.home-stat-card{
  background:linear-gradient(135deg,#fff,#ffe9f4);
}

.home-check-card{
  background:linear-gradient(135deg,#ffd8ea,#efdfff);
}

.home-error-card{
  background:linear-gradient(135deg,#fff1f6,#ffe4ec);
}

#accountsBox,
#usersBox{
  display:flex;
  flex-direction:column;
  gap:0;
}

.account-card,
.user-card,
.admin-user-card{
  transition:
    transform .14s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.account-card:active,
.user-card:active,
.admin-user-card:active{
  transform:scale(.985);
}

.account-card.selected{
  border:1.5px solid rgba(255,79,154,.34);
  box-shadow:
    0 8px 22px rgba(255,79,154,.12),
    inset 0 0 0 1px rgba(255,255,255,.7);
}

.card-select-dot{
  position:absolute;
  top:8px;
  right:8px;
  width:20px;
  height:20px;
  border-radius:50%;
  border:none;
  background:#ffe6f1;
  color:#ff4f9a;
  font-size:11px;
  font-weight:900;
  z-index:4;
}

.card-select-dot.on{
  background:#ff4f9a;
  color:#fff;
}

.field.search{
  position:sticky;
  top:74px;
  z-index:40;
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(14px);
}

.nav{
  box-shadow:
    0 12px 40px rgba(255,79,154,.14),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.nav button{
  position:relative;
}

.nav button i{
  font-style:normal;
  font-size:17px;
}

.nav button.active{
  background:linear-gradient(135deg,#ff4f9a,#b48cff);
  color:#fff;
  box-shadow:0 8px 22px rgba(255,79,154,.22);
}

.nav button.active i{
  transform:translateY(-1px);
}

.sheet{
  animation:sheetUp .18s ease;
}

@keyframes sheetUp{
  from{
    transform:translateY(18px);
    opacity:.92;
  }
  to{
    transform:translateY(0);
    opacity:1;
  }
}

.modal{
  animation:fadeIn .14s ease;
}

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

@media(max-width:420px){

  .home-grid-cards{
    gap:7px;
  }

  .home-grid-cards button{
    min-height:68px;
    padding:9px;
  }

  .home-grid-cards b{
    font-size:15px;
  }

  .home-grid-cards span{
    font-size:10px;
  }

  .field.search{
    top:68px;
  }
}



/* ===== MUN CHECK BRAND UI ===== */

.brand{
  gap:12px;
}

.logo{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,#ff4f9a 0%,#b48cff 48%,#7ee7ff 100%);
  box-shadow:
    0 10px 28px rgba(255,79,154,.22),
    inset 0 1px 0 rgba(255,255,255,.45);
}

.logo:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 25% 15%,rgba(255,255,255,.85),transparent 28%);
}

.mun-check-logo{
  position:relative;
  font-weight:1000 !important;
  letter-spacing:.6px;
  background:
    linear-gradient(
      135deg,
      #ff4f9a 0%,
      #ff7db8 20%,
      #b48cff 50%,
      #7ee7ff 78%,
      #ffffff 100%
    );
  background-size:240% 240%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:munGradient 5s linear infinite;
  text-shadow:
    0 2px 12px rgba(255,79,154,.16);
  transform-style:preserve-3d;
}

.mun-check-logo:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-3px;
  height:10px;
  background:radial-gradient(circle,rgba(255,79,154,.24),transparent 72%);
  filter:blur(8px);
  z-index:-1;
}

@keyframes munGradient{
  0%{
    background-position:0% 50%;
  }
  100%{
    background-position:200% 50%;
  }
}

.mun-sub{
  letter-spacing:.5px;
  opacity:.82;
}

.top-actions{
  margin-left:auto;
}

.notify-top-btn{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.95),
      rgba(255,241,248,.98)
    ) !important;

  box-shadow:
    0 12px 26px rgba(255,79,154,.16),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.notify-top-btn:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.85),transparent 28%);
}

.home-grid-cards{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:9px !important;
  margin-top:15px !important;
}

.home-grid-cards button{
  min-height:86px !important;
  border-radius:22px !important;
  padding:12px !important;
  position:relative;
  overflow:hidden;
  border:none;
  backdrop-filter:blur(14px);
  transition:
    transform .16s ease,
    box-shadow .18s ease;
}

.home-grid-cards button:active{
  transform:scale(.97);
}

.home-grid-cards button:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 15%,rgba(255,255,255,.42),transparent 30%);
}

.home-grid-cards b{
  font-size:19px !important;
  font-weight:1000 !important;
  margin-top:8px !important;
}

.home-grid-cards span{
  font-size:11px !important;
  font-weight:800 !important;
  opacity:.92;
}

.home-stat-card{
  background:
    linear-gradient(135deg,#ffffff,#ffe5f1) !important;

  box-shadow:
    0 10px 24px rgba(255,79,154,.12) !important;
}

.home-check-card{
  color:#fff !important;

  background:
    linear-gradient(
      135deg,
      #ff4f9a 0%,
      #c58fff 55%,
      #7ee7ff 100%
    ) !important;

  box-shadow:
    0 16px 34px rgba(255,79,154,.24) !important;
}

.home-check-card span,
.home-check-card b{
  color:#fff !important;
}

.home-error-card{
  background:
    linear-gradient(135deg,#fff2f6,#ffdbe8) !important;

  box-shadow:
    0 10px 24px rgba(255,95,143,.12) !important;
}

@media(max-width:420px){

  .home-grid-cards{
    gap:7px !important;
  }

  .home-grid-cards button{
    min-height:78px !important;
    border-radius:18px !important;
    padding:10px !important;
  }

  .home-grid-cards b{
    font-size:16px !important;
  }

  .home-grid-cards span{
    font-size:10px !important;
  }

  .mun-check-logo{
    font-size:17px !important;
  }
}



/* ===== FORCE 3 HOME CARDS INLINE ===== */

.home-grid-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
  width:100% !important;
  align-items:stretch !important;
}

.home-grid-cards > button{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;

  min-height:76px !important;
  height:76px !important;

  padding:8px 8px !important;

  border-radius:18px !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;

  overflow:hidden !important;
}

.home-grid-cards > button b{
  font-size:16px !important;
  line-height:1 !important;
  margin-top:5px !important;
}

.home-grid-cards > button span{
  font-size:10px !important;
  line-height:1.15 !important;
  margin-top:4px !important;
  white-space:normal !important;
}

.home-grid-cards > button *{
  max-width:100% !important;
}

@media(max-width:420px){

  .home-grid-cards{
    gap:6px !important;
  }

  .home-grid-cards > button{
    min-height:70px !important;
    height:70px !important;
    padding:7px !important;
    border-radius:16px !important;
  }

  .home-grid-cards > button b{
    font-size:14px !important;
  }

  .home-grid-cards > button span{
    font-size:9px !important;
  }
}



/* ===== FORCE 3 DASHBOARD CARDS SAME ROW ===== */

.hero{
  overflow:visible !important;
}

.home-grid-cards{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
  width:100% !important;
  margin-top:14px !important;
  align-items:stretch !important;
}

.home-grid-cards button,
.home-stat-card,
.home-check-card,
.home-error-card{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  margin:0 !important;
  padding:10px 8px !important;
  border-radius:18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:left !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  position:relative !important;
}

.home-grid-cards button{
  grid-column:auto !important;
  grid-row:auto !important;
}

.home-grid-cards button > *{
  position:relative;
  z-index:2;
}

.home-grid-cards button:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.52),transparent 30%),
    radial-gradient(circle at 92% 90%,rgba(255,255,255,.18),transparent 42%) !important;
  pointer-events:none !important;
}

.home-grid-cards button b{
  display:block !important;
  font-size:17px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  margin:5px 0 2px !important;
  white-space:nowrap !important;
}

.home-grid-cards button span{
  display:block !important;
  font-size:10px !important;
  line-height:1.1 !important;
  font-weight:850 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}

.home-stat-card{
  color:#fff !important;
  background:linear-gradient(135deg,#ff2f8b 0%,#ff73b4 100%) !important;
  box-shadow:0 12px 28px rgba(255,47,139,.25) !important;
}

.home-check-card{
  color:#fff !important;
  background:linear-gradient(135deg,#7b4dff 0%,#b45cff 58%,#54d9ff 100%) !important;
  box-shadow:0 12px 28px rgba(123,77,255,.25) !important;
}

.home-error-card{
  color:#fff !important;
  background:linear-gradient(135deg,#ff3f55 0%,#ff7867 100%) !important;
  box-shadow:0 12px 28px rgba(255,63,85,.23) !important;
}

.home-stat-card b,
.home-stat-card span,
.home-check-card b,
.home-check-card span,
.home-error-card b,
.home-error-card span{
  color:#fff !important;
}

@media(max-width:420px){
  .home-grid-cards{
    gap:6px !important;
  }

  .home-grid-cards button,
  .home-stat-card,
  .home-check-card,
  .home-error-card{
    height:74px !important;
    min-height:74px !important;
    max-height:74px !important;
    padding:8px 6px !important;
    border-radius:16px !important;
  }

  .home-grid-cards button b{
    font-size:14px !important;
  }

  .home-grid-cards button span{
    font-size:9px !important;
  }
}

@media(max-width:360px){
  .home-grid-cards{
    gap:5px !important;
  }

  .home-grid-cards button,
  .home-stat-card,
  .home-check-card,
  .home-error-card{
    height:68px !important;
    min-height:68px !important;
    max-height:68px !important;
    padding:7px 5px !important;
    border-radius:14px !important;
  }

  .home-grid-cards button b{
    font-size:13px !important;
  }

  .home-grid-cards button span{
    font-size:8.5px !important;
  }
}



/* ===== CENTER MUN CHECK HEADER ===== */

.top-center-layout{
  position:relative !important;
  display:grid !important;
  grid-template-columns:56px 1fr 56px !important;
  align-items:center !important;
  margin-bottom:20px !important;
}

.top-left-space{
  width:56px;
  height:1px;
}

.center-brand{
  width:100%;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.mun-check-wrap{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.mun-check-logo{
  position:relative;
  display:inline-block;
  font-size:44px !important;
  line-height:1;
  font-weight:1000 !important;
  letter-spacing:2px;

  background:
    linear-gradient(
      135deg,
      #ff2f8b 0%,
      #ff79c3 20%,
      #b45cff 48%,
      #4edcff 74%,
      #ffffff 100%
    );

  background-size:250% 250%;

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  animation:
    munFlow 6s linear infinite,
    munFloat 3s ease-in-out infinite;

  filter:
    drop-shadow(0 3px 10px rgba(255,47,139,.28))
    drop-shadow(0 0 18px rgba(180,92,255,.22));

  transform-style:preserve-3d;
  perspective:1000px;
}

.mun-check-logo::before{
  content:"MUN CHECK";

  position:absolute;
  inset:0;

  z-index:-1;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.95),
      rgba(255,255,255,.15)
    );

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  transform:
    translateY(3px)
    scale(1.02);

  filter:blur(8px);

  opacity:.55;
}

.mun-check-logo::after{
  content:"";

  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-10px;
  height:24px;

  background:
    radial-gradient(
      ellipse,
      rgba(255,47,139,.32) 0%,
      rgba(180,92,255,.22) 42%,
      transparent 74%
    );

  filter:blur(14px);

  z-index:-2;
}

@keyframes munFlow{
  0%{
    background-position:0% 50%;
  }
  100%{
    background-position:200% 50%;
  }
}

@keyframes munFloat{
  0%{
    transform:
      translateY(0px)
      rotateX(0deg);
  }

  50%{
    transform:
      translateY(-2px)
      rotateX(4deg);
  }

  100%{
    transform:
      translateY(0px)
      rotateX(0deg);
  }
}

.mun-sub{
  margin-top:4px;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:.7px;
  color:#d06aa8 !important;
}

.top-actions{
  display:flex;
  justify-content:flex-end;
}

.notify-top-btn{
  position:relative;
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.96),
      rgba(255,240,247,.98)
    ) !important;

  backdrop-filter:blur(20px);

  box-shadow:
    0 10px 26px rgba(255,47,139,.18),
    inset 0 1px 0 rgba(255,255,255,.95);

  font-size:24px !important;
}

.notify-top-btn em{
  position:absolute;
  top:-4px;
  right:-4px;

  min-width:22px;
  height:22px;
  padding:0 6px;

  border-radius:999px;

  background:
    linear-gradient(
      135deg,
      #ff2f8b,
      #ff5fa8
    );

  color:#fff;

  font-size:11px;
  font-style:normal;
  font-weight:1000;

  display:flex;
  align-items:center;
  justify-content:center;

  box-shadow:
    0 6px 16px rgba(255,47,139,.28);
}

@media(max-width:768px){

  .mun-check-logo{
    font-size:34px !important;
    letter-spacing:1px;
  }

  .mun-sub{
    font-size:11px !important;
  }

  .notify-top-btn{
    width:46px !important;
    height:46px !important;
    font-size:20px !important;
  }
}

@media(max-width:420px){

  .top-center-layout{
    grid-template-columns:42px 1fr 42px !important;
  }

  .mun-check-logo{
    font-size:28px !important;
    letter-spacing:.5px;
  }

  .mun-sub{
    font-size:10px !important;
  }

  .notify-top-btn{
    width:40px !important;
    height:40px !important;
    border-radius:14px !important;
    font-size:18px !important;
  }

  .notify-top-btn em{
    min-width:18px;
    height:18px;
    font-size:9px;
  }
}



/* ===== Process Popup Modern Upgrade ===== */

.check-process-sheet{
  width:min(520px,calc(100% - 24px)) !important;
  max-height:86vh !important;
  border-radius:30px !important;
  padding:0 14px 16px !important;
  background:linear-gradient(180deg,#fff9fc,#fff2f8) !important;
}

.check-process-sheet .sheet-head{
  padding:16px 6px 12px !important;
  background:linear-gradient(180deg,#fff9fc,#fff4f9) !important;
}

.check-process-sheet .pro-head b{
  font-size:17px !important;
  font-weight:1000 !important;
}

.check-process-sheet .close-pro{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:16px !important;
  font-size:20px !important;
  background:#fff0f7 !important;
  color:#ff4f9a !important;
  pointer-events:auto !important;
  z-index:999999 !important;
}

.check-control-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:10px 0 14px !important;
}

.check-control-row .btn{
  min-height:58px !important;
  border-radius:18px !important;
  font-size:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.check-process-wrap .current-text{
  font-size:16px !important;
  font-weight:1000 !important;
  margin:12px 0 8px !important;
}

.check-process-wrap .percent-row{
  display:flex !important;
  justify-content:space-between !important;
  align-items:end !important;
  margin:8px 0 !important;
}

.check-process-wrap .percent-row b{
  font-size:34px !important;
  color:#ff4f9a !important;
  line-height:1 !important;
}

.check-process-wrap .percent-row span{
  font-size:15px !important;
  font-weight:900 !important;
  color:#7f7497 !important;
}

.progress-bar.big{
  height:16px !important;
  border-radius:999px !important;
  background:#ffe4f0 !important;
  border:1px solid #ffc3df !important;
  overflow:hidden !important;
}

.progress-bar.big span{
  display:block !important;
  height:100% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#ff4f9a,#b48cff,#72ddff) !important;
}

.progress-stats{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:8px !important;
  margin:14px 0 !important;
}

.progress-stats > div{
  min-height:58px !important;
  border-radius:17px !important;
  padding:9px 6px !important;
  background:#fff4fa !important;
  border:1px solid #ffc7e0 !important;
  text-align:center !important;
}

.progress-stats b{
  display:block !important;
  font-size:19px !important;
  line-height:1 !important;
  color:#171932 !important;
}

.progress-stats span{
  display:block !important;
  margin-top:5px !important;
  font-size:11px !important;
  font-weight:900 !important;
  color:#8a7fa4 !important;
}

.check-final-money{
  border-radius:22px !important;
  padding:16px !important;
  margin:12px 0 !important;
  background:linear-gradient(135deg,#ffe0ef,#f0e6ff) !important;
  border:1px solid #ffc2df !important;
  text-align:center !important;
}

.check-final-money b{
  display:block !important;
  font-size:28px !important;
  color:#ff4f9a !important;
}

.job-result-list{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  max-height:260px !important;
  overflow:auto !important;
  padding:4px 2px 10px !important;
}

.process-result-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  padding:10px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #ffd0e5 !important;
  box-shadow:0 8px 22px rgba(255,79,154,.08) !important;
}

.process-result-card.ok{
  border-color:#bdf1db !important;
  background:linear-gradient(180deg,#ffffff,#f1fff8) !important;
}

.process-result-card.fail{
  border-color:#ffc2d6 !important;
  background:linear-gradient(180deg,#ffffff,#fff2f6) !important;
}

.process-result-title{
  font-size:13px !important;
  font-weight:1000 !important;
  color:#171932 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.process-result-meta,
.process-result-msg{
  font-size:11px !important;
  line-height:1.25 !important;
  color:#827a9b !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.process-result-right{
  text-align:right !important;
  min-width:88px !important;
}

.process-result-right b{
  display:block !important;
  font-size:13px !important;
  color:#ff4f9a !important;
  font-weight:1000 !important;
}

.process-result-right span{
  display:inline-flex !important;
  margin-top:4px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:#fff0f7 !important;
  color:#ff4f9a !important;
  font-size:10px !important;
  font-weight:1000 !important;
}

@media(max-width:420px){
  .check-process-sheet{
    width:calc(100% - 28px) !important;
    max-height:84vh !important;
  }

  .progress-stats{
    grid-template-columns:repeat(4,1fr) !important;
    gap:6px !important;
  }

  .progress-stats > div{
    min-height:52px !important;
  }

  .progress-stats b{
    font-size:17px !important;
  }

  .job-result-list{
    max-height:220px !important;
  }
}



/* ===== Process Check Popup Code UI ===== */

.check-process-sheet{
  width:min(520px,calc(100% - 24px)) !important;
  max-height:86vh !important;
  border-radius:30px !important;
  padding:0 14px 16px !important;
  background:linear-gradient(180deg,#fff9fc,#fff2f8) !important;
}

.check-process-sheet .sheet-head{
  padding:16px 6px 12px !important;
}

.check-process-sheet .close-pro{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:16px !important;
  font-size:20px !important;
  background:#fff0f7 !important;
  color:#ff4f9a !important;
  pointer-events:auto !important;
  z-index:999999 !important;
}

.check-control-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:10px 0 14px !important;
}

.check-control-row .btn{
  min-height:58px !important;
  border-radius:18px !important;
  font-size:14px !important;
}

.progress-stats{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:8px !important;
  margin:14px 0 !important;
}

.progress-stats > div{
  min-height:58px !important;
  border-radius:17px !important;
  padding:9px 6px !important;
  background:#fff4fa !important;
  border:1px solid #ffc7e0 !important;
  text-align:center !important;
}

.job-result-list{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  max-height:260px !important;
  overflow:auto !important;
  padding:4px 2px 10px !important;
}

.process-result-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  padding:10px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #ffd0e5 !important;
  box-shadow:0 8px 22px rgba(255,79,154,.08) !important;
}

.process-result-card.ok{
  border-color:#bdf1db !important;
  background:linear-gradient(180deg,#ffffff,#f1fff8) !important;
}

.process-result-card.fail{
  border-color:#ffc2d6 !important;
  background:linear-gradient(180deg,#ffffff,#fff2f6) !important;
}

.process-result-title{
  font-size:13px !important;
  font-weight:1000 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.process-result-meta,
.process-result-msg{
  font-size:11px !important;
  line-height:1.25 !important;
  color:#827a9b !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.process-result-right{
  text-align:right !important;
  min-width:88px !important;
}

.process-result-right b{
  display:block !important;
  font-size:13px !important;
  color:#ff4f9a !important;
  font-weight:1000 !important;
}

.process-result-right span{
  display:inline-flex !important;
  margin-top:4px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:#fff0f7 !important;
  color:#ff4f9a !important;
  font-size:10px !important;
  font-weight:1000 !important;
}

@media(max-width:420px){
  .job-result-list{
    max-height:220px !important;
  }
}




/* ===== FINAL PROCESS POPUP CLEANUP ===== */

.top-money-card{
  margin:12px 0 16px !important;
  padding:18px 16px !important;
  border-radius:24px !important;
  background:
    linear-gradient(135deg,#ffedf5,#f3e8ff) !important;
  border:1px solid #ffc4df !important;
  box-shadow:0 10px 30px rgba(255,79,154,.12) !important;
  text-align:center !important;
}

.top-money-label{
  font-size:13px !important;
  font-weight:900 !important;
  color:#8d6a8c !important;
  margin-bottom:8px !important;
}

.top-money-card b{
  display:block !important;
  font-size:42px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  color:#ff4f9a !important;
  margin-bottom:10px !important;
}

.top-money-card span{
  font-size:13px !important;
  font-weight:800 !important;
  color:#8d6a8c !important;
}

.process-result-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin:4px 0 10px !important;
}

.process-result-head b{
  font-size:17px !important;
  font-weight:1000 !important;
}

.process-result-head span{
  font-size:12px !important;
  font-weight:900 !important;
  color:#8d6a8c !important;
}

/* TĂNG CHIỀU CAO DANH SÁCH */
.job-result-list,
.process-result-list{
  max-height:52vh !important;
  min-height:280px !important;
  overflow:auto !important;
  padding-right:2px !important;
}

/* SCROLLBAR */
.job-result-list::-webkit-scrollbar{
  width:6px;
}

.job-result-list::-webkit-scrollbar-thumb{
  background:#ffc2df;
  border-radius:999px;
}

/* CARD GỌN HƠN ĐỂ HIỆN ĐƯỢC NHIỀU */
.process-result-card{
  padding:9px 10px !important;
  border-radius:16px !important;
}

.process-result-title{
  font-size:12px !important;
}

.process-result-meta,
.process-result-msg{
  font-size:10px !important;
}

.process-result-right{
  min-width:74px !important;
}

.process-result-right b{
  font-size:12px !important;
}

/* MOBILE */
@media(max-width:420px){

  .check-process-sheet{
    max-height:90vh !important;
  }

  .top-money-card b{
    font-size:38px !important;
  }

  .job-result-list,
  .process-result-list{
    max-height:50vh !important;
    min-height:320px !important;
  }
}




/* ===== FINAL PROCESS POPUP SCROLL FIX ===== */

.check-process-sheet{
  height:86vh !important;
  max-height:86vh !important;
  overflow:hidden !important;

  display:flex !important;
  flex-direction:column !important;
}

/* body popup cố định */
.check-process-wrap.process-v2{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  overflow:hidden !important;
}

/* phần head không co */
.process-v2-status,
.check-control-row,
.percent-row,
.progress-bar.big,
.progress-stats,
.check-final-money,
.process-result-head,
.actions{
  flex-shrink:0 !important;
}

/* card tổng số dư nhỏ gọn hơn */
.check-final-money{
  margin:10px 0 10px !important;
  padding:10px 12px !important;
  border-radius:18px !important;
}

.check-final-money b{
  font-size:24px !important;
  line-height:1 !important;
  margin-bottom:4px !important;
}

.check-final-money span{
  font-size:13px !important;
  font-weight:800 !important;
}

/* phần danh sách chiếm toàn bộ chiều cao còn lại */
.process-result-list,
.job-result-list{
  flex:1 1 auto !important;
  min-height:0 !important;

  max-height:none !important;
  height:100% !important;

  overflow-y:auto !important;
  overflow-x:hidden !important;

  padding-right:4px !important;

  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}

/* scroll đẹp */
.process-result-list::-webkit-scrollbar,
.job-result-list::-webkit-scrollbar{
  width:5px;
}

.process-result-list::-webkit-scrollbar-thumb,
.job-result-list::-webkit-scrollbar-thumb{
  background:#ff8bc2;
  border-radius:999px;
}

/* card compact hơn để hiện nhiều item */
.process-result-card{
  padding:8px 10px !important;
  min-height:auto !important;
  border-radius:16px !important;
}

.process-result-title{
  font-size:12px !important;
  line-height:1.15 !important;
}

.process-result-meta,
.process-result-msg{
  font-size:10px !important;
  line-height:1.15 !important;
}

.process-result-right{
  min-width:64px !important;
}

.process-result-right b{
  font-size:12px !important;
}

.process-result-right span{
  padding:2px 6px !important;
  font-size:9px !important;
}

/* sticky header */
.sheet-head.pro-head{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
  background:linear-gradient(180deg,#fff9fc,#fff4f9) !important;
}

/* sticky bottom button */
.actions{
  position:sticky !important;
  bottom:0 !important;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff7fb 35%) !important;
  padding-top:10px !important;
}

/* mobile fit */
@media(max-width:420px){

  .check-process-sheet{
    height:88vh !important;
    max-height:88vh !important;
  }

  .process-result-card{
    padding:7px 8px !important;
  }

  .progress-stats{
    gap:6px !important;
  }

  .progress-stats > div{
    min-height:50px !important;
    padding:7px 4px !important;
  }

  .check-final-money{
    padding:8px 10px !important;
  }

  .check-final-money b{
    font-size:22px !important;
  }
}



/* ===== FIX PROCESS POPUP SCROLL LOCK ===== */

.modal{
  overscroll-behavior:none !important;
  touch-action:none !important;
}

.check-process-sheet{
  height:min(86vh,760px) !important;
  max-height:86vh !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  touch-action:none !important;
}

#checkBox{
  min-height:0 !important;
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

.check-process-wrap,
.check-process-wrap.process-v2{
  min-height:0 !important;
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

.process-result-head{
  flex:0 0 auto !important;
  margin-top:8px !important;
}

.job-result-list,
.process-result-list{
  flex:1 1 auto !important;
  min-height:260px !important;
  max-height:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  touch-action:pan-y !important;
  padding-bottom:18px !important;
}

.process-result-card{
  flex:0 0 auto !important;
}

.check-final-money{
  flex:0 0 auto !important;
  padding:10px 12px !important;
  margin:8px 0 !important;
  border-radius:18px !important;
}

.check-final-money b{
  font-size:22px !important;
}

.progress-stats{
  flex:0 0 auto !important;
  margin:10px 0 !important;
}

.percent-row,
.progress-bar,
.process-v2-status,
.process-v2-actions{
  flex:0 0 auto !important;
}

@media(max-width:420px){
  .check-process-sheet{
    height:82vh !important;
    max-height:82vh !important;
  }

  .job-result-list,
  .process-result-list{
    min-height:300px !important;
  }

  .check-final-money{
    padding:8px 10px !important;
  }

  .check-final-money b{
    font-size:20px !important;
  }
}





/* ===== PROCESS POPUP FINAL OPTIMIZE ===== */

.check-process-sheet{
  width:min(520px,calc(100% - 18px)) !important;
  height:88vh !important;
  max-height:88vh !important;

  display:flex !important;
  flex-direction:column !important;

  overflow:hidden !important;
  border-radius:28px !important;

  padding:0 10px 10px !important;
}

/* header compact */

.check-process-sheet .sheet-head{
  flex-shrink:0 !important;
  padding:12px 4px 10px !important;
  margin-bottom:4px !important;
}

/* main wrap */

.process-v2{
  flex:1 !important;

  display:flex !important;
  flex-direction:column !important;

  min-height:0 !important;
  overflow:hidden !important;
}

/* compact top status */

.process-v2-status{
  margin-bottom:6px !important;
}

.process-v2-title{
  font-size:15px !important;
  line-height:1.1 !important;
}

.process-v2-sub{
  font-size:12px !important;
  margin-top:2px !important;
  opacity:.85;
}

/* smaller actions */

.process-v2-actions{
  margin:6px 0 !important;
  gap:8px !important;
}

.process-v2-actions .btn{
  min-height:46px !important;
  height:46px !important;
  font-size:13px !important;
  border-radius:14px !important;
}

/* smaller progress */

.percent-row{
  margin:4px 0 !important;
}

.percent-row b{
  font-size:24px !important;
  line-height:1 !important;
}

.percent-row span{
  font-size:13px !important;
}

.progress-bar.big{
  height:12px !important;
}

/* compact stats */

.progress-stats{
  margin:8px 0 !important;
  gap:6px !important;
}

.progress-stats > div{
  min-height:48px !important;
  padding:6px 4px !important;
  border-radius:14px !important;
}

.progress-stats b{
  font-size:17px !important;
}

.progress-stats span{
  font-size:10px !important;
  margin-top:2px !important;
}

/* compact money card */

.check-final-money{
  flex-shrink:0 !important;

  margin:6px 0 8px !important;
  padding:10px 12px !important;

  border-radius:16px !important;
}

.check-final-money b{
  font-size:24px !important;
  line-height:1 !important;
}

.check-final-money span{
  font-size:12px !important;
}

/* result head */

.process-result-head{
  flex-shrink:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  margin:4px 0 8px !important;
}

.process-result-head b{
  font-size:15px !important;
}

.process-result-head span{
  font-size:12px !important;
  opacity:.7;
}

/* ===== VERY IMPORTANT ===== */
/* realtime list scroll */

.process-result-list,
.job-result-list{
  flex:1 !important;

  min-height:0 !important;
  max-height:none !important;

  overflow-y:auto !important;
  overflow-x:hidden !important;

  padding-right:4px !important;
  padding-bottom:20px !important;

  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;

  touch-action:pan-y !important;
}

/* popup fixed */

.modal{
  overflow:hidden !important;
  touch-action:none !important;
}

/* card compact */

.process-result-card{
  padding:9px !important;
  border-radius:16px !important;
  gap:8px !important;
}

.process-result-title{
  font-size:12px !important;
}

.process-result-meta,
.process-result-msg{
  font-size:10px !important;
}

.process-result-right{
  min-width:64px !important;
}

.process-result-right b{
  font-size:12px !important;
}

.process-result-right span{
  font-size:9px !important;
  padding:3px 7px !important;
}

/* close button fixed */

.close-pro{
  flex-shrink:0 !important;
}

/* mobile optimize */

@media(max-width:420px){

  .check-process-sheet{
    height:90vh !important;
    max-height:90vh !important;
  }

  .progress-stats{
    grid-template-columns:repeat(4,1fr) !important;
  }

  .job-result-list{
    padding-bottom:28px !important;
  }
}



/* ===== Bulk Add Account Popup Modern UI ===== */

.bulk-add-process-wrap{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  max-height:72vh !important;
  overflow:hidden !important;
}

.bulk-add-process-wrap .bulk-process-title,
.bulk-add-process-wrap .current-text{
  font-size:15px !important;
  font-weight:1000 !important;
  color:#171932 !important;
  margin:2px 0 4px !important;
}

.bulk-add-process-wrap .percent-row{
  margin:4px 0 !important;
}

.bulk-add-process-wrap .percent-row b{
  font-size:34px !important;
  color:#ff4f9a !important;
}

.bulk-add-process-wrap .progress-stats{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:7px !important;
  margin:8px 0 !important;
}

.bulk-add-process-wrap .progress-stats > div{
  min-height:54px !important;
  padding:8px 5px !important;
  border-radius:16px !important;
  background:#fff4fa !important;
  border:1px solid #ffc7e0 !important;
}

.bulk-add-process-wrap .job-result-list{
  flex:1 1 auto !important;
  min-height:260px !important;
  max-height:52vh !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  touch-action:pan-y !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:4px 2px 12px !important;
}

.bulk-result-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  padding:10px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #ffd0e5 !important;
  box-shadow:0 8px 22px rgba(255,79,154,.08) !important;
}

.bulk-result-card.ok{
  border-color:#bdf1db !important;
  background:linear-gradient(180deg,#ffffff,#f1fff8) !important;
}

.bulk-result-card.fail{
  border-color:#ffc2d6 !important;
  background:linear-gradient(180deg,#ffffff,#fff2f6) !important;
}

.bulk-result-title{
  font-size:13px !important;
  font-weight:1000 !important;
  color:#171932 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.bulk-result-meta,
.bulk-result-msg{
  font-size:11px !important;
  line-height:1.25 !important;
  color:#827a9b !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.bulk-result-right span{
  display:inline-flex !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:#fff0f7 !important;
  color:#ff4f9a !important;
  font-size:10px !important;
  font-weight:1000 !important;
}

.bulk-result-card.ok .bulk-result-right span{
  background:#ddffe7 !important;
  color:#149238 !important;
}

.bulk-result-card.fail .bulk-result-right span{
  background:#fff0e7 !important;
  color:#f07822 !important;
}

@media(max-width:420px){
  .bulk-add-process-wrap{
    max-height:74vh !important;
  }

  .bulk-add-process-wrap .job-result-list{
    min-height:300px !important;
    max-height:56vh !important;
  }

  .bulk-add-process-wrap .progress-stats > div{
    min-height:48px !important;
  }
}



/* ===== Fix keyboard pushing add form ===== */
body.keyboard-open .nav{
  display:none !important;
}

body.keyboard-open #app{
  padding-bottom:28px !important;
}

body.keyboard-open .form-card{
  margin-bottom:28px !important;
}

/* ===== Bulk Add Process Popup v2 ===== */
.bulk-add-process-sheet{
  max-height:86vh !important;
  overflow:hidden !important;
}

.bulk-add-process-wrap-v2{
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  max-height:calc(86vh - 86px) !important;
  overflow:hidden !important;
}

.bulk-add-summary-row{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:8px !important;
}

.bulk-add-mini-card{
  border-radius:16px !important;
  border:1px solid #ffc7e0 !important;
  background:#fff4fa !important;
  padding:9px 6px !important;
  text-align:center !important;
}

.bulk-add-mini-card span{
  display:block !important;
  font-size:10px !important;
  font-weight:900 !important;
  color:#8a7fa4 !important;
}

.bulk-add-mini-card b{
  display:block !important;
  margin-top:4px !important;
  font-size:19px !important;
  font-weight:1000 !important;
  color:#171932 !important;
}

.bulk-add-mini-card.ok b{
  color:#149238 !important;
}

.bulk-add-mini-card.fail b{
  color:#ff4f9a !important;
}

.bulk-add-result-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-top:4px !important;
}

.bulk-add-result-head b{
  font-size:15px !important;
  font-weight:1000 !important;
  color:#171932 !important;
}

.bulk-add-result-head span{
  font-size:12px !important;
  font-weight:850 !important;
  color:#8a7fa4 !important;
}

.bulk-add-result-list{
  flex:1 1 auto !important;
  min-height:330px !important;
  max-height:58vh !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  touch-action:pan-y !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:4px 2px 12px !important;
}

.bulk-add-result-card{
  width:100% !important;
  border:1px solid #ffd0e5 !important;
  background:#fff !important;
  border-radius:17px !important;
  padding:10px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  text-align:left !important;
  box-shadow:0 8px 22px rgba(255,79,154,.08) !important;
}

.bulk-add-result-card.ok{
  border-color:#bdf1db !important;
  background:linear-gradient(180deg,#fff,#f1fff8) !important;
}

.bulk-add-result-card.fail{
  border-color:#ffc2d6 !important;
  background:linear-gradient(180deg,#fff,#fff2f6) !important;
}

.bulk-add-title{
  font-size:13px !important;
  font-weight:1000 !important;
  color:#171932 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.bulk-add-meta,
.bulk-add-msg{
  font-size:11px !important;
  line-height:1.25 !important;
  color:#827a9b !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.bulk-add-status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  padding:5px 8px !important;
  border-radius:999px !important;
  background:#fff0f7 !important;
  color:#ff4f9a !important;
  font-size:10px !important;
  font-weight:1000 !important;
}

.bulk-add-result-card.ok .bulk-add-status{
  background:#ddffe7 !important;
  color:#149238 !important;
}

.bulk-add-result-card.fail .bulk-add-status{
  background:#fff0e7 !important;
  color:#f07822 !important;
}

.bulk-add-detail-sheet{
  max-width:480px !important;
}

@media(max-width:420px){
  .bulk-add-result-list{
    min-height:360px !important;
    max-height:60vh !important;
  }

  .bulk-add-process-wrap-v2{
    max-height:calc(86vh - 76px) !important;
  }
}



/* ===== KEYBOARD FIX ===== */

body.keyboard-open .nav{
  display:none !important;
}

body.keyboard-open{
  overflow:auto !important;
}

/* ===== BULK ADD POPUP ===== */

.bulk-add-popup-sheet{
  max-height:86vh !important;
  overflow:hidden !important;
}

.bulk-add-process-wrap{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  height:100% !important;
  max-height:calc(86vh - 88px) !important;
  overflow:hidden !important;
}

.bulk-add-result-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
}

.bulk-add-result-head b{
  font-size:15px !important;
  font-weight:1000 !important;
  color:#171932 !important;
}

.bulk-add-result-head span{
  font-size:12px !important;
  font-weight:900 !important;
  color:#8a7fa4 !important;
}

.bulk-add-result-list{
  flex:1 1 auto !important;
  min-height:420px !important;
  max-height:62vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  touch-action:pan-y !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:4px 2px 12px !important;
}

.bulk-add-card{
  width:100% !important;
  border:none !important;
  border-radius:18px !important;
  padding:10px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  text-align:left !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(255,79,154,.08) !important;
}

.bulk-add-card.ok{
  border:1px solid #bdf1db !important;
  background:linear-gradient(180deg,#fff,#f3fff8) !important;
}

.bulk-add-card.fail{
  border:1px solid #ffc7d8 !important;
  background:linear-gradient(180deg,#fff,#fff3f7) !important;
}

.bulk-add-card-title{
  font-size:13px !important;
  font-weight:1000 !important;
  color:#171932 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.bulk-add-card-meta,
.bulk-add-card-msg{
  font-size:11px !important;
  line-height:1.25 !important;
  color:#827a9b !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.bulk-add-card-status{
  min-width:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:5px 8px !important;
  border-radius:999px !important;
  background:#fff0f7 !important;
  color:#ff4f9a !important;
  font-size:10px !important;
  font-weight:1000 !important;
}

.bulk-add-card.ok .bulk-add-card-status{
  background:#dffff0 !important;
  color:#149238 !important;
}

.bulk-add-detail-sheet{
  max-width:460px !important;
}

.bulk-detail-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

.bulk-detail-item{
  border-radius:14px !important;
  padding:10px !important;
  background:#fff7fb !important;
  border:1px solid #ffd3e5 !important;
}

.bulk-detail-item span{
  display:block !important;
  font-size:11px !important;
  color:#8a7fa4 !important;
  margin-bottom:4px !important;
}

.bulk-detail-item b{
  font-size:13px !important;
  color:#171932 !important;
  word-break:break-word !important;
}

@media(max-width:420px){

  .bulk-add-result-list{
    min-height:460px !important;
    max-height:64vh !important;
  }

}


/* ===== Bulk add errors only polish ===== */
.bulk-add-empty-ok{
  border:1px solid #bdf1db !important;
  background:linear-gradient(180deg,#fff,#f1fff8) !important;
  border-radius:18px !important;
  padding:18px !important;
  text-align:center !important;
  color:#149238 !important;
  font-weight:1000 !important;
}



/* ===== User Management Pro Layout ===== */

.user-pro-page{
  padding-bottom:12px;
}

.user-pro-nav-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin:8px 0 14px;
}

.soft-chip{
  border:1px solid #ffd0e5;
  background:rgba(255,255,255,.72);
  color:#ff4f9a;
  border-radius:999px;
  padding:11px 15px;
  font-weight:1000;
  box-shadow:0 8px 22px rgba(255,79,154,.08);
}

.user-profile-pro-card{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.95);
  border-radius:28px;
  box-shadow:0 18px 45px rgba(255,79,154,.13);
  overflow:hidden;
  margin-bottom:20px;
}

.user-profile-main{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:18px;
}

.user-avatar-pro{
  width:72px;
  height:72px;
  border-radius:26px;
  display:grid;
  place-items:center;
  font-size:34px;
  background:linear-gradient(135deg,#ffe1f0,#eadfff);
  box-shadow:0 14px 28px rgba(255,79,154,.14);
  position:relative;
}

.user-avatar-pro:after{
  content:"✓";
  position:absolute;
  right:-4px;
  bottom:-4px;
  width:26px;
  height:26px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ff4f9a,#a98bff);
  color:white;
  font-weight:1000;
  font-size:14px;
}

.user-profile-info h2{
  margin:0;
  font-size:22px;
  font-weight:1000;
  color:#171932;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.user-profile-info p{
  margin:5px 0 8px;
  color:#827a9b;
  font-weight:850;
  font-size:13px;
}

.status-badge-pro{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background:#e8fff0;
  color:#16a34a;
  font-size:12px;
  font-weight:1000;
}

.user-chevron-pro{
  background:transparent;
  color:#ff4f9a;
  font-size:34px;
  font-weight:800;
}

.user-metric-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #ffe0ed;
  background:rgba(255,247,251,.68);
}

.user-metric-grid div{
  padding:14px 8px;
  text-align:center;
  border-right:1px solid #ffe0ed;
}

.user-metric-grid div:last-child{
  border-right:0;
}

.user-metric-grid i{
  display:block;
  font-style:normal;
  font-size:18px;
  margin-bottom:4px;
}

.user-metric-grid span{
  display:block;
  color:#827a9b;
  font-size:11px;
  font-weight:850;
  min-height:28px;
}

.user-metric-grid b{
  display:block;
  margin-top:5px;
  font-size:17px;
  font-weight:1000;
  color:#171932;
}

.user-pro-section{
  margin-top:16px;
  margin-bottom:10px;
}

.user-pro-section.small{
  align-items:end;
}

.user-pro-section.small span{
  color:#827a9b;
  font-size:13px;
  font-weight:850;
}

.user-pro-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  margin-bottom:14px;
}

.user-pro-search{
  margin:0 !important;
  height:52px;
  border-radius:18px !important;
}

.filter-chip{
  min-width:84px;
  border-radius:18px;
}

.user-pro-actions-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:12px;
  border-radius:26px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 14px 36px rgba(255,79,154,.1);
  margin-bottom:18px;
}

.user-pro-actions-card button{
  min-height:72px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fff7fb);
  border:1px solid #ffd4e8;
  text-align:left;
  padding:12px;
  box-shadow:0 8px 20px rgba(255,79,154,.06);
}

.user-pro-actions-card button b{
  display:block;
  font-size:14px;
  font-weight:1000;
  color:#252440;
  margin-bottom:4px;
}

.user-pro-actions-card button span{
  display:block;
  font-size:11px;
  font-weight:800;
  color:#827a9b;
}

.user-pro-actions-card button.wide{
  grid-column:1 / -1;
  text-align:center;
  min-height:58px;
  background:linear-gradient(135deg,#ff4f9a,#a98bff);
}

.user-pro-actions-card button.wide b,
.user-pro-actions-card button.wide span{
  color:white;
}

.user-pro-account-list .compact-account-card{
  border-radius:22px !important;
}

.user-pro-account-list .compact-row{
  min-height:66px !important;
}

@media(max-width:420px){
  .user-metric-grid span{
    font-size:10px;
  }

  .user-metric-grid b{
    font-size:15px;
  }

  .user-pro-actions-card button{
    min-height:66px;
  }
}


/* ===== Fix clickable user cards ===== */
.user-card-clickable{
  width:100% !important;
  display:block !important;
  text-align:left !important;
  cursor:pointer !important;
  border:1px solid rgba(255,255,255,.9) !important;
}

.user-card-clickable:active{
  transform:scale(.985);
}

.user-card-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}

.user-card-main{
  min-width:0;
}

.user-card-title{
  font-size:17px;
  font-weight:1000;
  color:#171932;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.user-card-meta{
  margin:5px 0 7px;
  color:#827a9b;
  font-size:13px;
  font-weight:850;
}

.user-card-arrow{
  color:#ff4f9a;
  font-size:34px;
  font-weight:900;
}




/* ===== User account history ===== */
.history-sheet{
  max-height:86vh !important;
  overflow:hidden !important;
}

.history-list{
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  max-height:72vh !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  padding:4px 2px 12px !important;
}

.history-batch-card{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  text-align:left;
  border:1px solid #ffd0e5;
  background:linear-gradient(180deg,#fff,#fff7fb);
  border-radius:18px;
  padding:12px;
  box-shadow:0 8px 22px rgba(255,79,154,.08);
}

.history-batch-title{
  font-size:14px;
  font-weight:1000;
  color:#171932;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.history-batch-meta{
  margin-top:5px;
  font-size:11px;
  font-weight:850;
  color:#827a9b;
}

.history-batch-stats{
  display:flex;
  flex-direction:column;
  gap:5px;
  align-items:flex-end;
}

.history-batch-stats span{
  font-size:10px;
  font-weight:1000;
  border-radius:999px;
  padding:5px 8px;
}

.history-batch-stats .ok{
  background:#ddffe7;
  color:#149238;
}

.history-batch-stats .fail{
  background:#fff0f7;
  color:#ff4f9a;
}

.history-detail-head{
  border:1px solid #ffd0e5;
  border-radius:18px;
  background:#fff7fb;
  padding:12px;
  margin-bottom:10px;
}

.history-detail-head b{
  display:block;
  font-size:15px;
  font-weight:1000;
  color:#171932;
}

.history-detail-head span{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:#827a9b;
  font-weight:850;
}
.history-detail-tools{display:flex;justify-content:flex-end;gap:8px;margin:0 0 10px}
.history-export-popup{max-width:460px!important}
.history-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.history-export-option{min-height:88px;border-radius:18px;border:1px solid #ffd4e8;background:linear-gradient(180deg,#fff,#fff7fb);box-shadow:0 8px 20px rgba(255,79,154,.08);text-align:left;padding:14px}
.history-export-option b{display:block;font-size:18px;font-weight:1000;color:#1d2340}
.history-export-option span{display:block;margin-top:6px;font-size:12px;font-weight:850;color:#827a9b}




/* ===== user revoke button ===== */

.user-revoke-btn{
  border:none !important;
  outline:none !important;
  appearance:none !important;

  height:42px !important;
  min-width:108px !important;
  padding:0 16px !important;

  border-radius:14px !important;

  background:linear-gradient(135deg,#ff5c93,#ff7cab) !important;
  color:#fff !important;

  font-size:13px !important;
  font-weight:1000 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  box-shadow:0 10px 24px rgba(255,79,154,.18) !important;

  transition:.18s ease !important;
}

.user-revoke-btn:active{
  transform:scale(.97);
}

@media(max-width:520px){
  .user-revoke-btn{
    min-width:96px !important;
    padding:0 12px !important;
    font-size:12px !important;
  }
}




/* ===== Revoke button only in user detail profile ===== */
.user-revoke-mini-btn{
  height:36px !important;
  min-width:86px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#ff4f9a,#ff78b3) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:1000 !important;
  box-shadow:0 10px 22px rgba(255,79,154,.18) !important;
  white-space:nowrap !important;
}

.user-revoke-mini-btn:active{
  transform:scale(.96);
}



/* ===== ACCOUNT DETAIL MODERN ===== */

.account-detail-sheet-modern{
  width:min(520px,calc(100% - 24px)) !important;
  border-radius:34px !important;
  padding:0 16px 18px !important;
  max-height:88vh !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fffafd,#fff4f9) !important;
}

.account-detail-modern-head{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:18px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#ffe5f3,#f2e8ff) !important;
  border:1px solid #ffd1e7 !important;
  margin-top:10px !important;
}

.account-detail-avatar{
  width:74px !important;
  height:74px !important;
  border-radius:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  font-size:34px !important;
  box-shadow:0 8px 20px rgba(255,79,154,.12) !important;
}

.account-detail-main{
  min-width:0 !important;
  flex:1 !important;
}

.account-detail-name{
  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  color:#1b1f3b !important;
  word-break:break-word !important;
}

.account-detail-bank{
  margin-top:8px !important;
  font-size:17px !important;
  font-weight:900 !important;
  color:#7d719b !important;
}

.account-detail-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin-top:16px !important;
}

.account-detail-item{
  border-radius:24px !important;
  padding:16px 18px !important;
  background:#fff7fb !important;
  border:1px solid #ffd5e8 !important;
}

.account-detail-label{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  font-size:14px !important;
  font-weight:900 !important;
  color:#8b7ea7 !important;
}

.account-detail-value{
  margin-top:10px !important;
  font-size:22px !important;
  line-height:1.2 !important;
  font-weight:1000 !important;
  color:#1d2140 !important;
  word-break:break-all !important;
}

.account-detail-value.money{
  color:#ff4f9a !important;
}

.mini-copy-btn{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border:none !important;
  border-radius:12px !important;
  background:#fff0f7 !important;
  color:#ff4f9a !important;
  font-size:16px !important;
  font-weight:1000 !important;
}

.account-detail-actions-row{
  display:flex !important;
  gap:12px !important;
  margin-top:18px !important;
}

.account-detail-actions-row .btn{
  min-height:58px !important;
  border-radius:18px !important;
  font-size:16px !important;
  font-weight:1000 !important;
}

@media(max-width:420px){

  .account-detail-name{
    font-size:20px !important;
  }

  .account-detail-value{
    font-size:18px !important;
  }

  .account-detail-actions-row{
    gap:10px !important;
  }
}






/* ===== Copy state + unified account detail ===== */
.mini-copy-btn.copied{
  background:#e8fff0 !important;
  color:#16a34a !important;
  transform:scale(1.04);
}

.account-detail-actions-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}

.account-detail-actions-row .btn{
  width:100% !important;
}

.account-detail-actions-row .btn:only-child{
  grid-column:1 / -1 !important;
}

@media(max-width:380px){
  .account-detail-actions-row{
    grid-template-columns:1fr !important;
  }
}

/* ===== ACCOUNT DETAIL V3 ZINDEX FIX ===== */
.account-detail-modal-v3{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:2147483600 !important;
  background:rgba(24,18,32,.42) !important;
  backdrop-filter:blur(10px) !important;
}

.mini-copy-btn.copied{
  background:#e8fff0 !important;
  color:#16a34a !important;
}

.account-detail-actions-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}

.account-detail-actions-row .btn:only-child{
  grid-column:1 / -1 !important;
}

/* ===== ACCOUNT DETAIL V3 ZINDEX FIX ===== */
.account-detail-modal-v3{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:2147483600 !important;
  background:rgba(24,18,32,.42) !important;
  backdrop-filter:blur(10px) !important;
}

.mini-copy-btn.copied{
  background:#e8fff0 !important;
  color:#16a34a !important;
}

.account-detail-actions-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}

.account-detail-actions-row .btn:only-child{
  grid-column:1 / -1 !important;
}



/* ===== Account detail V4 direct ===== */
.acc-detail-v4-modal{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:2147483647 !important;
  background:rgba(28,22,36,.45) !important;
  backdrop-filter:blur(12px) !important;
}

.account-detail-sheet-v4{
  width:min(520px,calc(100% - 28px)) !important;
  max-height:88vh !important;
  overflow:auto !important;
  border-radius:34px !important;
  padding:0 16px 18px !important;
  background:linear-gradient(180deg,#fffafd,#fff3f9) !important;
}

.acc-detail-v4-hero{
  margin-top:12px;
  display:flex;
  gap:14px;
  align-items:center;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(135deg,#ffe2f1,#f0e6ff);
  border:1px solid #ffcce4;
}

.acc-detail-v4-icon{
  width:70px;
  height:70px;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  font-size:34px;
  box-shadow:0 10px 22px rgba(255,79,154,.12);
}

.acc-detail-v4-titlebox{
  min-width:0;
  flex:1;
}

.acc-detail-v4-name{
  font-size:23px;
  font-weight:1000;
  color:#1c203d;
  line-height:1.15;
  word-break:break-word;
}

.acc-detail-v4-bank{
  margin-top:8px;
  font-size:16px;
  font-weight:950;
  color:#82769f;
}

.acc-detail-v4-list{
  display:flex;
  flex-direction:column;
  gap:11px;
  margin-top:16px;
}

.acc-detail-v4-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:12px;
  align-items:center;
  padding:15px 16px;
  border-radius:22px;
  background:#fff7fb;
  border:1px solid #ffd1e6;
}

.acc-detail-v4-row.no-copy{
  grid-template-columns:1fr;
}

.acc-detail-v4-row span{
  display:block;
  font-size:13px;
  font-weight:950;
  color:#897da2;
}

.acc-detail-v4-row b{
  display:block;
  margin-top:7px;
  font-size:20px;
  line-height:1.2;
  font-weight:1000;
  color:#1c203d;
  word-break:break-all;
}

.acc-detail-v4-row b.money{
  color:#ff4f9a;
}

.acc-detail-v4-row button{
  width:42px;
  height:42px;
  border-radius:14px;
  background:#fff0f7;
  color:#ff4f9a;
  font-size:18px;
  font-weight:1000;
}

.acc-detail-v4-row button.copied{
  background:#e8fff0 !important;
  color:#16a34a !important;
}

.acc-detail-v4-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:18px;
}

.acc-detail-v4-actions .btn{
  min-height:56px;
  border-radius:18px;
  font-size:15px;
  font-weight:1000;
}

.acc-detail-v4-actions .btn:only-child{
  grid-column:1 / -1;
}

@media(max-width:390px){
  .acc-detail-v4-name{font-size:20px}
  .acc-detail-v4-row b{font-size:18px}
  .acc-detail-v4-actions{grid-template-columns:1fr}
}


.qr-btn{
  background:linear-gradient(135deg,#f3f0ff,#ffe8f4) !important;
  color:#7c3aed !important;
  border:1px solid #d9c7ff !important;
}

.history-export-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:10px 2px 14px;
}

.history-export-actions button{
  min-height:54px;
  border-radius:18px;
  border:1px solid #ffc5df;
  background:linear-gradient(135deg,#fff7fb,#f3e9ff);
  color:#ff4f9a;
  font-weight:1000;
  font-size:14px;
}

.history-export-actions small{
  color:#84799a;
  font-weight:900;
}

.batch-download-wrap{
  position:relative;
  margin:10px 0 14px;
}

.batch-download-main{
  width:100%;
  min-height:48px;
  border-radius:18px;
  background:linear-gradient(135deg,#ff4f9a,#a78bfa);
  color:#fff;
  font-weight:1000;
  font-size:15px;
}

.batch-download-menu{
  display:none;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:10px;
}

.batch-download-wrap.open .batch-download-menu{
  display:grid;
}

.batch-download-menu button{
  min-height:52px;
  border-radius:16px;
  border:1px solid #ffc5df;
  background:#fff7fb;
  color:#ff4f9a;
  font-weight:1000;
}

.batch-download-menu small{
  display:block;
  color:#82789a;
  margin-top:4px;
}

/* Hide old wrong export buttons to prevent blink */
.history-export-actions{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.force-home-qr-card{
  cursor:pointer;
  background:linear-gradient(135deg,#fff7fb,#f3e9ff) !important;
  border:1px solid #ffc5df !important;
}
.force-home-qr-card b{
  color:#7c3aed !important;
}


.home-qr-card{
  border:1px solid rgba(255,154,205,.55) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(244,232,255,.9)) !important;
  border-radius:22px !important;
  min-height:94px !important;
  padding:14px 12px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  color:#7c3aed !important;
  box-shadow:0 14px 32px rgba(255,79,154,.10) !important;
}
.home-qr-card b{
  color:#7c3aed !important;
  font-size:18px !important;
  font-weight:1000 !important;
}
.home-qr-card span{
  color:#82789a !important;
  font-size:12px !important;
  font-weight:900 !important;
}


/* professional pink upgrade 2026-05-30 */
.pro-hero{isolation:isolate;min-height:210px}.hero-orbit{position:absolute;border-radius:999px;pointer-events:none;z-index:0}.hero-orbit.one{width:150px;height:150px;right:-46px;top:-44px;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,79,154,.08) 58%,transparent 70%)}.hero-orbit.two{width:110px;height:110px;left:-32px;bottom:-34px;background:radial-gradient(circle,rgba(255,255,255,.78),rgba(169,139,255,.13) 58%,transparent 72%)}.pro-hero>*:not(.hero-orbit){position:relative;z-index:1}.hero-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}.hero-meta-row span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.86);font-size:11px;font-weight:900;color:#6f6388}.account-mini-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px;font-size:11px;font-weight:900;color:#827a9b}.acc-status{padding:4px 8px;border-radius:999px;background:#fff0f7;color:#ff4f9a;border:1px solid #ffd4e8}.acc-status.ok{background:#effff8;color:#17a673;border-color:#bff3df}.acc-status.bad{background:#fff0f3;color:#ff477f;border-color:#ffc4d7}.acc-status.warn{background:#fff8e8;color:#bf7a00;border-color:#ffe0a3}.acc-status.new{background:#f4edff;color:#7a5cff;border-color:#ded0ff}.filter-sheet{max-width:500px}.filter-block{margin:14px 0}.filter-block>span{display:block;margin-bottom:8px;font-weight:1000;color:#252440}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{padding:10px 12px;border-radius:16px;background:#fff7fb;border:1px solid #ffd4e8;color:#695f83;font-weight:950}.filter-option.active{background:linear-gradient(135deg,#ff4f9a,#a98bff);color:white;border-color:transparent;box-shadow:0 10px 24px rgba(255,79,154,.18)}.account-actions-top{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}

/* fix2 logs notify export */
.account-detail-actions-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:16px!important}
.account-detail-actions-row .btn{width:100%!important;min-height:52px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.log-tabs-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px}
.log-tabs-pro button{min-height:58px;border-radius:18px;background:#fff7fb;border:1px solid #ffd4e8;color:#6f6388;font-weight:950}
.log-tabs-pro button b,.log-tabs-pro button span{display:block}.log-tabs-pro button.active{background:linear-gradient(135deg,#ff4f9a,#a98bff);color:#fff;border-color:transparent}
.log-tabs-pro button span{font-size:12px;margin-top:3px}.notify-popup-item small{display:block;margin-top:6px;color:#9a8cad;font-weight:800}
@media(max-width:420px){.account-detail-actions-row,.log-tabs-pro{grid-template-columns:1fr!important}}
/* fix3 stats hero */
.hero-meta-row{display:none!important}.home-user-card{background:linear-gradient(135deg,#ff8ac7,#a98bff)!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important}.home-user-card b{color:#fff!important}
.accounts-pro-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin:8px 0 14px}.accounts-pro-stats button{min-height:76px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid #ffd4e8;box-shadow:0 12px 28px rgba(255,79,154,.1);text-align:left;padding:12px}
.accounts-pro-stats b{display:block;font-size:16px;font-weight:1000;color:#ff4f9a;word-break:break-word}.accounts-pro-stats span{display:block;margin-top:5px;font-size:12px;font-weight:900;color:#827a9b}@media(max-width:420px){.accounts-pro-stats{grid-template-columns:1fr}.accounts-pro-stats button{min-height:62px}}

/* Phone permission + Check Ten 2026-06-01 */
.check-name-box{display:grid;gap:10px}.check-name-card{text-align:left;width:100%;border:1px solid rgba(255,105,180,.28)!important}.check-name-card .compact-right span{font-weight:900;color:#9f2aa5}.phone-perm-card{display:grid;gap:10px;margin:14px 0}.phone-perm-card label{display:flex;align-items:center;gap:8px;font-weight:800;color:#2a2140}.phone-perm-card input{width:auto!important}.phone-perm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.phone-check{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.68);border:1px solid rgba(255,105,180,.24)}@media(max-width:520px){.phone-perm-list{grid-template-columns:1fr}.nav-5 button{font-size:11px}.nav-5 i{font-size:18px}}

/* ===== Admin/User VIP refresh 2026-06-24 ===== */
.admin-vip-page,.user-vip-page{display:grid;gap:14px;padding-bottom:10px}
.admin-vip-hero{padding:16px 16px 14px;border-radius:26px!important;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,247,251,.92))!important;border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 16px 38px rgba(255,79,154,.12)!important}
.admin-vip-hero-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.admin-vip-eyebrow{font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:#a28bb2;margin-bottom:4px}
.admin-vip-hero h2{margin:0;font-size:22px;font-weight:1000;color:#171932}
.admin-vip-hero p{margin:6px 0 0;color:#827a9b;font-size:13px;font-weight:850}
.admin-vip-hero-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.admin-vip-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.admin-vip-stats div{padding:12px 12px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid #ffd8e9;box-shadow:0 8px 18px rgba(255,79,154,.06)}
.admin-vip-stats span{display:block;font-size:11px;font-weight:900;color:#8b7fa5}
.admin-vip-stats b{display:block;margin-top:6px;font-size:18px;font-weight:1000;color:#1c223d}
.admin-users-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:24px!important}
.admin-user-search{margin:0!important;height:48px;border-radius:16px!important}
.admin-users-toolbar-side{display:flex;align-items:center;justify-content:flex-end}
.admin-users-grid{display:grid;gap:10px}
.admin-user-card-vip{padding:12px 14px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,247,251,.86))!important}
.admin-user-card-row{gap:12px}
.user-avatar-admin,.user-avatar-vip{font-size:18px!important;font-weight:1000;color:#ff4f9a;background:linear-gradient(135deg,#ffe4f1,#efe5ff)!important}
.user-avatar-admin:after,.user-avatar-vip:after{content:"";display:none}
.user-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.user-card-kpis{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.user-card-kpis span{padding:5px 9px;border-radius:999px;background:#fff4fa;border:1px solid #ffd6e8;color:#6f6388;font-size:11px;font-weight:950}
.status-badge-pro.warn{background:#fff7df;color:#b77900}
.status-badge-pro.muted{background:#f4f0f8;color:#7b6b91}
.user-vip-topbar{display:flex;justify-content:space-between;align-items:center;gap:10px}
.user-vip-topbar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.user-vip-overview{padding:14px;border-radius:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,247,251,.92))!important}
.user-vip-profile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.user-vip-profile-main{min-width:0;display:grid;gap:10px}
.user-vip-profile-top{display:flex;align-items:start;justify-content:space-between;gap:12px}
.user-vip-profile-top h2{margin:0;font-size:22px;font-weight:1000;color:#171932}
.user-vip-profile-top p{margin:6px 0 0;color:#827a9b;font-size:13px;font-weight:850}
.user-vip-profile-actions{display:flex;flex-wrap:wrap;gap:8px}
.user-vip-profile-actions .btn{min-height:40px;border-radius:14px}
.user-vip-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.user-vip-stats div{padding:11px 12px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid #ffdbe9}
.user-vip-stats span{display:block;font-size:11px;font-weight:900;color:#8b7fa5}
.user-vip-stats b{display:block;margin-top:6px;font-size:16px;font-weight:1000;color:#1c223d;word-break:break-word}
.user-vip-grid{display:grid;gap:14px}
.user-vip-maincol{display:grid;gap:12px}
.vip-collapse-card{padding:0!important;overflow:hidden;border-radius:24px!important}
.vip-collapse-toggle{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:14px 16px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,247,251,.84));border:0}
.vip-collapse-toggle.static{cursor:default}
.vip-collapse-head{display:flex;align-items:center;gap:12px;min-width:0}
.vip-collapse-head b{display:block;font-size:16px;font-weight:1000;color:#1d2340}
.vip-collapse-head small{display:block;margin-top:4px;font-size:12px;font-weight:850;color:#8b7fa5}
.vip-collapse-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffe5f2,#efe2ff);font-size:18px}
.vip-collapse-meta{display:flex;align-items:center;gap:10px}
.vip-inline-pill{padding:6px 10px;border-radius:999px;background:#fff3f9;border:1px solid #ffd8e9;color:#826b98;font-size:11px;font-weight:950;white-space:nowrap}
.vip-collapse-chevron{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#ff4f9a;border:1px solid #ffd8e8;font-size:20px;font-weight:1000}
.vip-collapse-body{padding:0 16px 16px;display:grid;gap:12px}
.vip-collapse-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vip-collapse-subhead b{font-size:13px;font-weight:1000;color:#20253f}
.vip-collapse-subhead small{font-size:11px;font-weight:850;color:#8b7fa5}
.vip-collapse-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.phone-perm-vip-body{padding-top:4px}
.phone-perm-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.phone-mode-option{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:12px 13px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid #ffd8e8}
.phone-mode-option.wide{grid-column:1 / -1}
.phone-mode-option span{display:block}
.phone-mode-option b{display:block;font-size:13px;font-weight:1000;color:#20253f}
.phone-mode-option small{display:block;margin-top:4px;font-size:11px;font-weight:850;color:#8b7fa5}
.phone-perm-list-wrap{padding:12px;border-radius:18px;background:rgba(255,247,251,.6);border:1px solid #ffe0ed}
.phone-perm-card,.phone-perm-list{margin:0!important}
.phone-perm-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.phone-check{min-height:46px;display:flex!important;align-items:center!important}
.user-pro-actions-card-vip{grid-template-columns:repeat(auto-fit,minmax(124px,1fr));padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important}
.user-pro-actions-card-vip button{min-height:58px!important;border-radius:16px!important;padding:10px 11px!important}
.compact-quick-actions{gap:8px!important}
.compact-quick-actions button{text-align:left!important}
.compact-quick-actions button b{font-size:13px!important;line-height:1.15}
.compact-quick-actions button span{font-size:10px!important;line-height:1.2}
.phone-perm-popup{max-width:560px!important}
.phone-perm-popup-head{margin-bottom:2px}
.phone-perm-mode-grid-popup{margin-top:4px}
.phone-perm-list-wrap-popup{max-height:42vh;overflow:auto}
.phone-perm-list-popup{grid-template-columns:repeat(2,minmax(0,1fr))}
.user-vip-searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.user-pro-search-vip{height:48px!important;border-radius:16px!important}
.user-vip-count-row{margin:0 0 6px!important}
.user-vip-account-list .compact-account-card{padding:10px 11px!important;margin-bottom:8px!important}
.user-vip-account-list .compact-main .compact-title{font-size:14px}
.user-vip-account-list .compact-main .compact-sub{font-size:11px}
.user-vip-account-list .compact-row{min-height:60px!important}
@media(max-width:900px){.admin-vip-stats,.user-vip-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.admin-vip-hero-main,.admin-users-toolbar,.user-vip-profile,.user-vip-topbar,.user-vip-searchbar{grid-template-columns:1fr!important;display:grid}.admin-vip-hero-actions,.admin-users-toolbar-side,.user-vip-topbar-actions,.user-vip-profile-actions{justify-content:flex-start}.phone-perm-mode-grid,.phone-perm-list,.phone-perm-list-popup{grid-template-columns:1fr}.user-pro-actions-card-vip{grid-template-columns:repeat(2,minmax(0,1fr))}.user-card-title-row,.user-vip-profile-top{display:grid;grid-template-columns:1fr;gap:8px}.admin-vip-stats,.user-vip-stats{grid-template-columns:1fr 1fr}.vip-collapse-meta{justify-content:flex-end}}
@media(max-width:420px){.admin-vip-stats,.user-vip-stats,.history-export-grid{grid-template-columns:1fr}.vip-collapse-toggle{padding:13px 14px}.vip-collapse-body{padding:0 14px 14px}.user-pro-actions-card-vip button{min-height:58px!important}.user-vip-account-list .compact-row{min-height:56px!important}}