.atf-ub-sidebar-link{display:flex!important;align-items:center;gap:10px;margin:0 12px 10px;padding:10px 12px;border:1px solid rgba(87,133,177,.17);border-radius:10px;color:#8298ad!important;text-decoration:none!important;font-size:9px!important;font-weight:900!important;letter-spacing:.7px;background:rgba(52,99,143,.06)}.atf-ub-sidebar-link:hover,.atf-ub-sidebar-link.is-active{color:#e7f5ff!important;border-color:rgba(73,190,255,.35);background:rgba(53,151,211,.12)}.atf-ub-billing-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;border:1px solid rgba(80,190,255,.28);color:#5ed2ff;font-size:12px}.atf-ub-payment-alert{display:flex;align-items:flex-start;gap:12px;margin:18px 24px 0;padding:14px 16px;border-radius:13px;border:1px solid rgba(255,118,74,.38);background:linear-gradient(180deg,rgba(86,34,18,.94),rgba(48,24,17,.94));color:#ffd7c5;box-shadow:0 8px 26px rgba(0,0,0,.18)}.atf-ub-payment-alert>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e96738;color:#fff;font-weight:950}.atf-ub-payment-alert strong{color:#fff4ee;font-size:12px}.atf-ub-payment-alert p{margin:3px 0 0;color:#e6b6a4;font-size:11px}.atf-ub-client-main{padding-bottom:32px}.atf-ub-client-head{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:30px 32px 18px}.atf-ub-client-head h1{font-size:30px;margin:4px 0 6px;color:#f3f7fb}.atf-ub-client-head p{margin:0;color:#72879b}.atf-ub-client-month{min-width:170px;background:#0b121a;color:#dce7f0;border:1px solid #2a3b4e;border-radius:10px;padding:10px 12px}.atf-ub-client-kpis{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:12px;padding:0 32px 14px}.atf-ub-client-kpis>div{background:linear-gradient(180deg,#111a24,#0b1219);border:1px solid #283746;border-radius:15px;padding:18px}.atf-ub-client-kpis span{display:block;font-size:9px;letter-spacing:1.4px;color:#72879c;font-weight:900}.atf-ub-client-kpis strong{display:block;font-size:25px;color:#f2f8fd;margin:5px 0}.atf-ub-client-kpis em{font-style:normal;color:#63788b;font-size:10px}.atf-ub-client-kpis .charge{border-color:#285776;background:linear-gradient(180deg,#0e2231,#0b151d)}.atf-ub-client-kpis .charge strong{color:#72d6ff}.atf-ub-client-rates{margin:0 32px 14px;padding:14px 17px;border:1px solid #263747;border-radius:13px;background:#0b1219;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.atf-ub-client-rates>div{display:flex;justify-content:space-between;gap:15px}.atf-ub-client-rates span{color:#75899d;font-size:10px}.atf-ub-client-rates strong{color:#dbe8f4;font-size:11px}.atf-ub-client-rates p{grid-column:1/-1;margin:2px 0 0;color:#5f7386;font-size:9px}.atf-ub-client-table{margin:0 32px;border:1px solid #263747;border-radius:15px;overflow:hidden;background:#0b1118}.atf-ub-client-table-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #263747}.atf-ub-client-table-head h2{margin:0;font-size:13px;color:#dce9f4}.atf-ub-client-table-head span{font-size:9px;color:#657a8e}.atf-ub-client-scroll{overflow:auto}.atf-ub-client-table table{width:100%;border-collapse:collapse;min-width:660px}.atf-ub-client-table th{text-align:left;padding:11px 15px;background:#0d151e;color:#667c91;font-size:9px;letter-spacing:1px}.atf-ub-client-table td{padding:13px 15px;border-top:1px solid #1e2a36;color:#91a5b7;font-size:11px}.atf-ub-client-table td strong{color:#e4eef7}.atf-ub-client-note{margin:14px 32px;color:#7890a5;font-size:10px}.atf-ub-mobile-link{display:none}@media(max-width:760px){.atf-ub-payment-alert{margin:12px 14px 0}.atf-ub-client-head{padding:20px 15px 14px;align-items:flex-start;flex-direction:column}.atf-ub-client-head h1{font-size:24px}.atf-ub-client-month{width:100%}.atf-ub-client-kpis{grid-template-columns:1fr;padding:0 15px 12px}.atf-ub-client-rates{margin:0 15px 12px;grid-template-columns:1fr}.atf-ub-client-rates p{grid-column:auto}.atf-ub-client-table{margin:0 15px}.atf-ub-client-note{margin:12px 15px}.atf-ub-mobile-link{display:inline-flex;margin-left:auto;color:#76cfff!important;font-size:10px;font-weight:800;text-decoration:none}.atf-ub-sidebar-link{display:none!important}}


/* v1.0.4 — neutral usage icon, refined payment alert, larger monitoring and live filters. */
.atf-ub-billing-icon svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.atf-ub-payment-alert{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 19px;padding:10px 13px;border-radius:11px;border:1px solid rgba(244,190,64,.48);background:radial-gradient(circle at 3% 50%,rgba(245,181,44,.12),transparent 28%),linear-gradient(100deg,rgba(18,17,13,.98),rgba(14,15,17,.98) 64%,rgba(25,20,10,.94));color:#e9dcb6;box-shadow:0 0 0 1px rgba(255,210,91,.025) inset,0 8px 24px rgba(0,0,0,.18),0 0 22px rgba(236,172,41,.055)}.atf-library-hero + .atf-ub-payment-alert{margin-top:-12px}.atf-ub-payment-icon{position:relative;flex:0 0 34px;width:34px;height:29px;display:grid;place-items:center;color:#f2bf43}.atf-ub-payment-icon svg{width:31px;height:24px;fill:none;stroke:#f0bd42;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.atf-ub-payment-icon i{position:absolute;right:-1px;top:-3px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#e9aa2b;color:#11130f;border:2px solid #15150f;font-style:normal;font-size:9px;font-weight:950;line-height:1}.atf-ub-payment-alert strong{display:block;color:#f6e7b9;font-size:11.5px;line-height:1.2}.atf-ub-payment-alert p{margin:2px 0 0;color:#a99b77;font-size:10px;line-height:1.35}.atf-ub-client-head h1{font-size:34px}.atf-ub-client-head p{font-size:12px}.atf-ub-client-kpis strong{font-size:28px}.atf-ub-client-kpis em{font-size:11px}.atf-ub-client-rates span{font-size:11px}.atf-ub-client-rates strong{font-size:12px}.atf-ub-client-table-head{align-items:center}.atf-ub-client-table-head h2{font-size:15px}.atf-ub-client-table-head span{display:block;margin-top:3px;font-size:10px}.atf-ub-client-table th{font-size:10px;padding:12px 15px}.atf-ub-client-table td{font-size:12px;padding:14px 15px}.atf-ub-client-table td strong{font-size:12.5px}.atf-ub-usage-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #202c39;background:#0b1219}.atf-ub-usage-search{position:relative;display:flex;align-items:center;flex:1;max-width:560px}.atf-ub-usage-search svg{position:absolute;left:12px;width:16px;height:16px;fill:none;stroke:#73879a;stroke-width:1.8;pointer-events:none}.atf-ub-usage-search input{width:100%;min-height:39px;padding:0 12px 0 38px;border-radius:9px;border:1px solid #2a3b4e;background:#091018;color:#e6eef6;outline:none;font:inherit}.atf-ub-usage-search input:focus{border-color:#398cff;box-shadow:0 0 0 1px #398cff}.atf-ub-usage-search input::placeholder{color:#607386}.atf-ub-usage-sort{display:flex;align-items:center;gap:9px;color:#718598;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.atf-ub-usage-sort select{min-width:210px;min-height:39px;padding:0 34px 0 11px;border-radius:9px;border:1px solid #2a3b4e;background:#091018;color:#dbe7f1;outline:none}.atf-ub-client-table tr[hidden]{display:none!important}@media(max-width:760px){.atf-library-main>.atf-ub-payment-alert{order:2!important;margin:0 0 14px!important}.atf-library-main .atf-library-path-search-row{order:3!important}.atf-library-main .atf-folder-browser{order:4!important}.atf-library-main .atf-videos-section{order:5!important}.atf-library-main .atf-stat-grid{order:6!important}.atf-library-main .atf-modal{order:7!important}.atf-library-main .atf-mobile-accountbar{order:8!important}.atf-ub-payment-alert{padding:9px 11px;gap:8px}.atf-ub-payment-icon{flex-basis:31px;width:31px}.atf-ub-client-head h1{font-size:27px}.atf-ub-client-kpis strong{font-size:25px}.atf-ub-usage-tools{flex-direction:column;align-items:stretch}.atf-ub-usage-search{max-width:none}.atf-ub-usage-sort{justify-content:space-between}.atf-ub-usage-sort select{min-width:0;flex:1}}

/* v1.0.5 — payment hand/card icon, aligned billing alert, larger client metrics. */
.atf-ub-payment-alert{gap:11px;padding:9px 13px;border-color:rgba(244,201,70,.52);background:radial-gradient(circle at 6% 50%,rgba(244,201,70,.10),transparent 27%),linear-gradient(100deg,rgba(14,15,14,.99),rgba(11,13,15,.99) 66%,rgba(25,22,11,.96));color:#e9ddb2;box-shadow:0 0 0 1px rgba(255,218,93,.025) inset,0 7px 22px rgba(0,0,0,.18),0 0 20px rgba(244,201,70,.045)}
.atf-ub-payment-icon{position:relative;flex:0 0 44px;width:44px;height:32px;border-radius:8px;display:grid;place-items:center;background:#f1c84a;color:#11150f;box-shadow:0 0 0 1px rgba(255,232,139,.22) inset,0 5px 14px rgba(0,0,0,.18)}
.atf-ub-payment-icon svg{width:39px;height:26px;display:block;overflow:visible}
.atf-ub-payment-icon .pay-card,.atf-ub-payment-icon .pay-strip,.atf-ub-payment-icon .pay-hand,.atf-ub-payment-icon .pay-thumb{fill:#11140f;stroke:none}
.atf-ub-payment-icon i{position:absolute;right:-3px;top:-5px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#11140f;color:#f1c84a;border:2px solid #f1c84a;font-style:normal;font-size:8px;font-weight:950;line-height:1}
.atf-ub-payment-alert strong{color:#f5e7b4;font-size:11.5px}
.atf-ub-payment-alert p{color:#a99d79;font-size:10px}
.atf-ub-client-main>.atf-ub-payment-alert{margin:18px 32px 0}
.atf-ub-client-kpis strong{font-size:32px;line-height:1.08}
.atf-ub-client-kpis span{font-size:10px}
.atf-ub-client-kpis em{font-size:11.5px}
.atf-ub-client-rates{padding:16px 18px}
.atf-ub-client-rates>div{align-items:baseline}
.atf-ub-client-rates span{font-size:12px;font-weight:700;color:#8397aa}
.atf-ub-client-rates strong{font-size:17px;font-weight:850;color:#edf5fc;letter-spacing:-.15px}
.atf-ub-client-rates p{font-size:10px;margin-top:4px}
@media(max-width:760px){.atf-ub-client-main>.atf-ub-payment-alert{margin:12px 15px 0!important}.atf-ub-payment-icon{flex-basis:41px;width:41px;height:30px}.atf-ub-payment-icon svg{width:36px;height:24px}.atf-ub-client-kpis strong{font-size:29px}.atf-ub-client-rates span{font-size:11.5px}.atf-ub-client-rates strong{font-size:16px}}

/* v1.0.6 — exact yellow payment tile with hand/card reference silhouette. */
.atf-ub-payment-alert{
  gap:12px;
  padding:10px 14px;
  border-color:rgba(255,210,28,.55);
  background:radial-gradient(circle at 5% 50%,rgba(255,210,28,.085),transparent 29%),linear-gradient(100deg,rgba(13,14,13,.99),rgba(10,12,14,.99) 66%,rgba(23,21,10,.96));
  color:#e9dfbd;
  box-shadow:0 0 0 1px rgba(255,221,89,.025) inset,0 7px 22px rgba(0,0,0,.20),0 0 20px rgba(255,210,28,.055);
}
.atf-ub-payment-alert>.atf-ub-payment-icon{
  position:relative!important;
  flex:0 0 58px!important;
  width:58px!important;
  height:38px!important;
  min-width:58px!important;
  min-height:38px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  padding:4px 5px!important;
  box-sizing:border-box!important;
  background:#ffd21c!important;
  color:#07090b!important;
  border:1px solid rgba(255,233,117,.45)!important;
  box-shadow:0 0 0 1px rgba(255,244,180,.16) inset,0 5px 14px rgba(0,0,0,.18)!important;
  overflow:visible!important;
}
.atf-ub-payment-alert>.atf-ub-payment-icon img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
.atf-ub-payment-alert>.atf-ub-payment-icon i{
  position:absolute!important;
  right:-6px!important;
  top:-7px!important;
  width:17px!important;
  height:17px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#080a0c!important;
  color:#ffd21c!important;
  border:2px solid #ffd21c!important;
  box-shadow:0 2px 7px rgba(0,0,0,.35)!important;
  font-style:normal!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1!important;
}
.atf-ub-payment-alert strong{color:#f4e8b8;font-size:12px;line-height:1.18}
.atf-ub-payment-alert p{color:#aa9f7d;font-size:10.2px;line-height:1.28}
.atf-ub-client-main>.atf-ub-payment-alert{
  width:calc(100% - 64px)!important;
  margin:18px 32px 0!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  .atf-ub-payment-alert{gap:10px;padding:9px 11px}
  .atf-ub-payment-alert>.atf-ub-payment-icon{flex-basis:53px!important;width:53px!important;height:35px!important;min-width:53px!important;min-height:35px!important;border-radius:9px!important}
  .atf-ub-client-main>.atf-ub-payment-alert{width:calc(100% - 30px)!important;margin:12px 15px 0!important}
}

/* v1.0.7 sync freshness */
.atf-ub-last-updated{display:block;margin-top:7px;color:#5f7488;font-size:10px;font-weight:700;letter-spacing:.1px}
@media(max-width:760px){.atf-ub-last-updated{font-size:9.5px;margin-top:6px}}


/* v1.0.8 — dark controls everywhere in the client billing UI. */
.atf-ub-client-main input[type=search],.atf-ub-client-main input[type=text],.atf-ub-client-main input[type=number],.atf-ub-client-main select,.atf-ub-client-main textarea,.atf-ub-usage-search input,.atf-ub-usage-sort select,.atf-ub-client-month{background:#091018!important;color:#e7f0f8!important;border:1px solid #2a3b4e!important;box-shadow:none!important;color-scheme:dark!important}
.atf-ub-client-main input::placeholder,.atf-ub-usage-search input::placeholder{color:#607386!important;opacity:1}
.atf-ub-client-main select option,.atf-ub-usage-sort select option,.atf-ub-client-month option{background:#091018!important;color:#e7f0f8!important}
.atf-ub-client-main input:focus,.atf-ub-client-main select:focus,.atf-ub-client-main textarea:focus{border-color:#398cff!important;box-shadow:0 0 0 1px #398cff!important;outline:none!important}

/* v1.0.9 — align Storage/Delivery rates beneath their matching KPI cards. */
.atf-ub-client-rates{grid-template-columns:1fr 1fr 1.15fr;align-items:stretch;gap:0;padding:0;min-height:76px;overflow:hidden}
.atf-ub-client-rates>.atf-ub-rate-cell,.atf-ub-client-rates>.atf-ub-rate-period{min-width:0;display:flex;align-items:center;justify-content:center;padding:14px 18px}
.atf-ub-client-rates>.atf-ub-rate-cell{gap:14px;text-align:center}
.atf-ub-client-rates>.atf-ub-rate-cell+ .atf-ub-rate-cell,.atf-ub-client-rates>.atf-ub-rate-period{border-left:1px solid rgba(38,55,71,.78)}
.atf-ub-client-rates>.atf-ub-rate-cell span{font-size:12.5px;font-weight:800;color:#8da1b4;white-space:nowrap}
.atf-ub-client-rates>.atf-ub-rate-cell strong{font-size:18px;font-weight:900;color:#edf5fc;letter-spacing:-.2px;white-space:nowrap}
.atf-ub-client-rates>.atf-ub-rate-period{color:#697f92;font-size:10.5px;line-height:1.45;text-align:center}
@media(max-width:760px){.atf-ub-client-rates{grid-template-columns:1fr;min-height:0}.atf-ub-client-rates>.atf-ub-rate-cell,.atf-ub-client-rates>.atf-ub-rate-period{padding:13px 14px}.atf-ub-client-rates>.atf-ub-rate-cell+ .atf-ub-rate-cell,.atf-ub-client-rates>.atf-ub-rate-period{border-left:0;border-top:1px solid rgba(38,55,71,.78)}.atf-ub-client-rates>.atf-ub-rate-cell span{font-size:12px}.atf-ub-client-rates>.atf-ub-rate-cell strong{font-size:17px}}


/* v1.0.10 — rate alignment follows KPI values; mobile Usage & Billing button cleanup. */
.atf-ub-client-rates{
  grid-template-columns:1fr 1fr 1.15fr;
  align-items:stretch;
  gap:0;
  padding:0;
  min-height:76px;
  overflow:hidden;
}
.atf-ub-client-rates>.atf-ub-rate-cell,
.atf-ub-client-rates>.atf-ub-rate-period{
  min-width:0;
  display:flex;
  align-items:center;
  padding:14px 18px;
  border-left:0!important;
  border-top:0!important;
}
.atf-ub-client-rates>.atf-ub-rate-cell{
  justify-content:flex-start;
  gap:12px;
  text-align:left;
}
.atf-ub-client-rates>.atf-ub-rate-cell strong{
  order:1;
  font-size:18px;
  line-height:1;
  font-weight:900;
  color:#edf5fc;
  letter-spacing:-.2px;
  white-space:nowrap;
}
.atf-ub-client-rates>.atf-ub-rate-cell span{
  order:2;
  font-size:12.5px;
  line-height:1;
  font-weight:800;
  color:#8da1b4;
  white-space:nowrap;
}
.atf-ub-client-rates>.atf-ub-rate-period{
  justify-content:flex-start;
  color:#697f92;
  font-size:10.5px;
  line-height:1.45;
  text-align:left;
}

@media(max-width:760px){
  .atf-ub-client-rates{grid-template-columns:1fr;min-height:0}
  .atf-ub-client-rates>.atf-ub-rate-cell,
  .atf-ub-client-rates>.atf-ub-rate-period{padding:13px 14px;border:0!important}
  .atf-ub-client-rates>.atf-ub-rate-cell{justify-content:flex-start;gap:10px}
  .atf-ub-client-rates>.atf-ub-rate-cell strong{font-size:17px}
  .atf-ub-client-rates>.atf-ub-rate-cell span{font-size:12px}

  .atf-mobile-accountbar{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-auto-rows:auto;
  }
  .atf-mobile-accountbar>.atf-ub-mobile-link{
    display:flex!important;
    grid-column:1/-1;
    width:100%;
    min-height:38px;
    box-sizing:border-box;
    margin:2px 0 0!important;
    padding:8px 12px!important;
    align-items:center;
    justify-content:center;
    gap:8px;
    white-space:nowrap;
    border-radius:9px;
    color:#8dbdff!important;
    text-decoration:none!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:850!important;
    background:rgba(47,134,255,.08)!important;
    border:1px solid rgba(67,146,255,.18)!important;
  }
  .atf-ub-mobile-link-icon{
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    flex:0 0 18px;
    color:#67cfff;
  }
  .atf-ub-mobile-link-icon svg{
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
}

/* v1.0.13 — client-only notice when billing amounts are temporarily withheld. */
.atf-ub-recalculation{display:flex;align-items:center;gap:14px;margin:0 32px 14px;padding:15px 18px;background:linear-gradient(100deg,rgba(12,32,48,.95),rgba(10,18,29,.98));border:1px solid rgba(67,166,214,.32);border-radius:13px;color:#dbeffa}
.atf-ub-recalculation-icon{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:10px;background:rgba(66,177,232,.10);border:1px solid rgba(77,182,235,.22);font-size:25px;color:#6bcfff;line-height:1}
.atf-ub-recalculation strong{font-size:13px;font-weight:850;color:#e7f7ff}
.atf-ub-recalculation p{margin:4px 0 0;font-size:11px;line-height:1.45;color:#91a9bb}
@media(max-width:760px){.atf-ub-recalculation{margin:0 15px 12px;padding:13px 14px;gap:11px}.atf-ub-recalculation-icon{flex-basis:31px;width:31px;height:31px;font-size:23px}.atf-ub-recalculation strong{font-size:12px}.atf-ub-recalculation p{font-size:10.5px}}

/* v1.0.15: compact, thicker and properly separated private usage placeholders. */
.atf-ub-client-main .atf-ub-private-dashes{display:inline-flex;align-items:center;vertical-align:middle;justify-content:flex-start;gap:9px;min-height:1em;line-height:1;white-space:nowrap}
.atf-ub-client-main .atf-ub-private-dashes>i{display:block;flex:0 0 13px;width:13px;height:4px;min-height:4px;border:0;border-radius:2px;margin:0;padding:0;background:currentColor;opacity:.94}