/* Visual layer for the application.
   All existing application markup, handlers, routes and APIs remain in the original bundle. */

html[data-theme="light"],
html:not([data-theme]) {
  --background-color: #f3f7ff;
  --background-color-hover: #edf4ff;
  --color: #102b5d;
  --text-color: #102b5d;
  --span-color: #63789e;
  --md-bg: #eef4ff;
  --ct-page: #f3f7ff;
  --ct-surface: #ffffff;
  --ct-surface-soft: #f8fbff;
  --ct-ink: #102b5d;
  --ct-muted: #63789e;
  --ct-blue: #3d83fa;
  --ct-blue-strong: #246fea;
  --ct-violet: #7664f5;
  --ct-line: #d6e3ff;
  --ct-line-soft: #e6eeff;
  --ct-selected: #e8f1ff;
  --ct-shadow: 0 10px 30px rgba(45, 98, 182, .075), 0 2px 7px rgba(45, 98, 182, .035);
  --ct-shadow-hover: 0 14px 36px rgba(45, 98, 182, .12), 0 3px 9px rgba(45, 98, 182, .05);
  --ant-primary-color: #3d83fa;
  --ant-primary-color-hover: #5796ff;
  --ant-primary-color-active: #246fea;
  --ant-primary-1: #eef5ff;
  --ant-primary-2: #dceaff;
  --ant-primary-3: #c2daff;
  --ant-primary-4: #9ec2ff;
  --ant-primary-5: #5796ff;
  --ant-primary-6: #3d83fa;
  --ant-primary-7: #246fea;
  color-scheme: light;
}

/* The existing theme has a working dark-mode switch. Keep its behavior and give it the same brand language. */
html[data-theme="dark"] {
  --background-color: #101d39;
  --background-color-hover: #1a2e50;
  --color: #edf4ff;
  --text-color: #edf4ff;
  --span-color: #b3c4e1;
  --md-bg: #1b3153;
  --ct-page: #101d39;
  --ct-surface: #182a49;
  --ct-surface-soft: #1d3456;
  --ct-ink: #edf4ff;
  --ct-muted: #b3c4e1;
  --ct-blue: #6aa4ff;
  --ct-blue-strong: #86b7ff;
  --ct-violet: #a49bff;
  --ct-line: #38557e;
  --ct-line-soft: #2a466c;
  --ct-selected: #294a75;
  --ct-shadow: 0 10px 30px rgba(3, 11, 30, .22);
  --ct-shadow-hover: 0 16px 35px rgba(3, 11, 30, .32);
  --ant-primary-color: #6aa4ff;
  --ant-primary-color-hover: #86b7ff;
  --ant-primary-color-active: #4a88ee;
  color-scheme: dark;
}

html, body, #root {
  min-width: 320px;
  min-height: 100%;
  color: var(--ct-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

html[data-theme="light"], html:not([data-theme]),
html[data-theme="light"] body, html:not([data-theme]) body {
  background: var(--ct-page);
}

body {
  background-image: radial-gradient(circle at 82% 7%, #e5eeff, transparent 34%), linear-gradient(#f8fbff, #f3f7ff) !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

html[data-theme="dark"] body {
  background-image: radial-gradient(circle at 80% 7%, rgba(103, 119, 237, .16), transparent 34%), linear-gradient(#101d39, #132647) !important;
}

#root { background: transparent !important; }
button, input, textarea, select { font: inherit; }
a { color: var(--ct-blue); transition: color .18s ease, opacity .18s ease; }
a:hover { color: var(--ct-blue-strong); }
:is(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 3px solid rgba(61, 131, 250, .35);
  outline-offset: 2px;
}
::selection { background: #c8ddff; color: #102b5d; }

/* App shell: keep the current 260px side rail and content width. */
.styles_6Kq-F,
.styles_qrUYZ,
.styles_J2CiH,
.styles_sew6T {
  background: var(--ct-surface) !important;
}
.styles_6Kq-F {
  border-right: 1px solid var(--ct-line);
  box-shadow: 5px 0 28px rgba(55, 101, 177, .045);
}
.styles_qrUYZ,
.styles_sew6T {
  border-bottom: 1px solid var(--ct-line-soft);
  z-index: 100;
}
.styles_J2CiH {
  border-bottom: 1px solid var(--ct-line-soft);
  box-shadow: 0 3px 16px rgba(55, 101, 177, .035);
}
html[data-theme="light"] .styles_J2CiH,
html[data-theme="light"] .styles_qrUYZ {
  background: rgba(255, 255, 255, .93) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.styles_EGZ2t, .styles_qrUYZ .styles_Jp3T7, .styles_sew6T b {
  color: var(--ct-ink);
  letter-spacing: -.02em;
}
.styles_J2CiH { gap: 10px; min-width: 0; }
.styles_J2CiH > * { min-width: 0; }
.styles_EGZ2t { min-width: 0; overflow-wrap: anywhere; }
.styles_pnrLA button,
.styles_Eo8Wf button,
.styles_5ky5e button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 40px;
  min-height: 40px;
  padding: 0 9px;
  border-radius: 12px;
}
.styles_pnrLA button svg,
.styles_Eo8Wf button svg,
.styles_5ky5e button svg { display: block; }
.styles_pnrLA button svg { width: 18px; height: 18px; }
.styles_qrUYZ .styles_bSWfa,
.styles_sew6T .styles_64YtG img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  flex: none;
}
.styles_yxmig a,
.styles_nc5o2 a {
  min-height: 42px;
  margin: 5px 0;
  border: 1px solid transparent;
  border-radius: 13px;
  color: var(--ct-muted) !important;
  font-weight: 560;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.styles_yxmig a svg,
.styles_nc5o2 a svg { color: currentColor; flex: none; }
.styles_yxmig a:hover,
.styles_nc5o2 a:hover {
  background: var(--ct-selected) !important;
  border-color: var(--ct-line) !important;
  color: var(--ct-blue-strong) !important;
}
.styles_yxmig a[aria-current="page"],
.styles_nc5o2 a[aria-current="page"],
.styles_yxmig a[style*="background"],
.styles_nc5o2 a[style*="background"] {
  background: var(--ct-selected) !important;
  border-color: var(--ct-line) !important;
  color: var(--ct-blue-strong) !important;
  font-weight: 650;
}
.styles_yxmig a:focus-visible,
.styles_nc5o2 a:focus-visible { outline-offset: -2px; }
.styles_BThpo, .styles_55LaC { color: var(--ct-ink); }
.styles_55LaC { max-width: 1280px; }

/* The original login/register forms keep their fields and validation. */
body:has(.styles_C6Q6h) {
  background-image: linear-gradient(180deg, rgba(248, 251, 255, .25), rgba(243, 247, 255, .53)), url("./login-desktop.webp") !important;
}
html[data-theme="dark"] body:has(.styles_C6Q6h) {
  background-image: radial-gradient(circle at 50% 10%, rgba(103, 119, 237, .22), transparent 45%), linear-gradient(#101d39, #132647) !important;
}
.styles_C6Q6h {
  min-height: 100vh;
  height: auto;
  align-items: center;
  padding: 32px 20px;
}
.styles_svCqL {
  position: relative;
  overflow: hidden;
  max-width: 410px;
  width: 100%;
  padding: 30px;
  border: 1px solid var(--ct-line);
  border-radius: 25px;
  background: var(--ct-surface);
  box-shadow: 0 18px 48px rgba(50, 96, 177, .11), inset 0 1px rgba(255, 255, 255, .8);
}
.styles_svCqL::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--ct-blue), var(--ct-violet));
}
.styles_svCqL .styles_jtj4j { margin-bottom: 22px; }
.styles_svCqL .styles_jtj4j .styles_aYPPJ {
  max-width: 180px;
  height: 56px;
  width: auto;
  object-fit: contain;
  margin-bottom: 15px;
}
.styles_svCqL .styles_jtj4j .styles_jy-13 { color: var(--ct-ink); letter-spacing: -.025em; }
.styles_svCqL .styles_jtj4j .styles_FsgMa { color: var(--ct-muted); opacity: 1; }
.ct-auth-label {
  display: inline-block;
  margin-top: 12px;
  padding: 5px 10px;
  border: 1px solid var(--ct-line);
  border-radius: 999px;
  background: var(--ct-selected);
  color: var(--ct-blue-strong);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .11em;
}
.styles_svCqL :is(.ant-input, .ant-input-affix-wrapper) {
  min-height: 44px;
  border-radius: 12px;
  border-color: var(--ct-line);
  background: var(--ct-surface-soft);
  color: var(--ct-ink);
}
.styles_svCqL :is(.ant-input, .ant-input-affix-wrapper):focus,
.styles_svCqL .ant-input-affix-wrapper-focused {
  border-color: var(--ct-blue);
  box-shadow: 0 0 0 3px rgba(61, 131, 250, .13);
}
.styles_svCqL .ant-btn-primary { min-height: 44px; border-radius: 12px; }
.styles_svCqL .ant-form-item-explain-error { overflow-wrap: anywhere; }
.styles_5ky5e { z-index: 2; }

/* Shared surfaces across dashboard, plans, orders, invitations, tickets and account pages. */
:is(.styles_LiftA, .styles_hX1su .styles_-0DSw, .styles_hX1su .styles_2lu1I,
    .styles_JP-Du, .styles_jUMVj .styles_wY4AW, .styles_HfIhN .styles_gn7KK,
    .styles_42aC4, .styles_O566M .styles_e3eMx, .styles_AIcra .styles_o-ZMi,
    .styles_AIcra .styles_Sey3B, .styles_gy9-n, .styles_0sE5N,
    .styles_ENMMs, .styles_8cvTF, .styles_mICH9) {
  background: var(--ct-surface) !important;
  border: 1px solid var(--ct-line) !important;
  border-radius: 22px !important;
  box-shadow: var(--ct-shadow);
  color: var(--ct-ink);
}
.styles_LiftA {
  background: linear-gradient(110deg, var(--ct-surface) 0%, var(--ct-surface-soft) 58%, var(--ct-selected) 100%) !important;
}
html[data-theme="dark"] .styles_LiftA { background: var(--ct-surface) !important; }
.styles_LiftA .styles_WebSX {
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(214, 227, 255, .9);
  color: #102b5d;
}
.styles_LiftA .styles_s97Of { background: #e9f2ff; color: #246fea; opacity: 1; }
.styles_hX1su .styles_-0DSw .styles_Jwe4P { color: var(--ct-ink); }
.styles_hX1su .styles_-0DSw .styles_Jwe4P .styles_FdW3j,
.styles_pbYIU, .styles_JgUIG h4, .styles_gy9-n h4,
.styles_w-SMt h4, .styles_Zhx5c h4 { color: var(--ct-ink); }
.styles_hX1su .styles_-0DSw .styles_Jwe4P .styles_n5JIk,
.styles_hX1su .styles_-0DSw .styles_Jwe4P .styles_0BLTD,
.styles_JgUIG span, .styles_XprPE, .styles_ez2hh span,
.styles_a1mQ8, .styles_AIcra .styles_5O4mw { color: var(--ct-muted); opacity: 1; }
.styles_hX1su .styles_-0DSw .styles_Jwe4P .styles_wsr2d .styles_oUqvz {
  background: var(--ct-selected);
  border-radius: 999px;
}
.styles_hX1su .styles_-0DSw .styles_Jwe4P .styles_wsr2d .styles_E1myu { border-radius: 999px; }
.styles_hX1su .styles_2lu1I .styles_bVLEM,
.styles_8W2R2 .styles_Ubwjp {
  background: var(--ct-surface-soft);
  color: var(--ct-ink);
  border: 1px solid var(--ct-line-soft);
  border-radius: 12px;
  opacity: 1;
}
.styles_hX1su .styles_2lu1I .styles_bVLEM:hover { border-color: var(--ct-blue); }
.styles_JP-Du:hover, .styles_jFFQA .styles_gUliZ:hover, .styles_T9Tem .styles_lyYHk:hover {
  border-color: var(--ct-blue) !important;
  box-shadow: var(--ct-shadow-hover);
}
.styles_LjReC {
  background: var(--ct-surface-soft);
  color: var(--ct-ink);
  border-radius: 0;
  padding: 15px 20px;
}
.styles_ENMMs { overflow: hidden; }
.styles_ndIZm { border-color: var(--ct-line-soft); background: var(--ct-surface); padding: 15px 20px; overflow-wrap: anywhere; }
.styles_ndIZm:hover { background: var(--ct-surface-soft); }
.styles_v88pc div p, .styles_7t200 b, .styles_ZqlYM b {
  color: var(--ct-ink);
  letter-spacing: -.035em;
}
.styles_7t200 b, .styles_ZqlYM b { font-size: clamp(29px, 3vw, 38px); }
.styles_wY4AW { opacity: 1 !important; }
.styles_wY4AW span, .styles_gn7KK span, .styles_e3eMx span { opacity: 1 !important; color: var(--ct-muted); }
.styles_D8CRe { max-width: none; width: min(100%, 34ch); white-space: normal; overflow-wrap: anywhere; }
.styles_O566M .styles_e3eMx .styles_xi91a { min-width: 0; overflow-wrap: anywhere; }
.styles_AIcra .styles_nW6n3 { border-color: var(--ct-line-soft); }
.styles_T9Tem .styles_lyYHk,
.styles_jFFQA .styles_gUliZ {
  min-width: 0;
  border-color: var(--ct-line) !important;
  border-radius: 15px;
  background: var(--ct-surface);
  transition: border-color .18s ease, box-shadow .18s ease;
}
.styles_T9Tem .styles_p-5oc { min-width: 0; overflow-wrap: anywhere; }
.styles_0sE5N { gap: 15px; }
.styles_ez2hh { gap: 12px; }
.styles_vlXdZ { height: auto; min-height: 34px; background: var(--ct-blue) !important; border-radius: 10px; opacity: 1; }
.styles_BJdMI { background: var(--ct-page); }
.styles_gkwEI, .styles_kMd84 { background: var(--ct-surface); border-color: var(--ct-line); }

/* Ant Design widgets are used throughout the app, including portals outside #root. */
.ant-card, .ant-collapse, .ant-list-bordered,
.ant-descriptions-bordered, .ant-result, .ant-empty,
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-picker-panel-container, .ant-popover-inner,
.ant-dropdown-menu, .ant-select-dropdown, .ant-cascader-menus,
.ant-modal-content, .ant-drawer-content,
.ant-notification-notice, .ant-message-notice-content,
.Toastify__toast {
  background: var(--ct-surface) !important;
  color: var(--ct-ink) !important;
  border: 1px solid var(--ct-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--ct-shadow) !important;
}
.ant-card-head, .ant-modal-header, .ant-drawer-header,
.ant-collapse > .ant-collapse-item,
.ant-collapse-content, .ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  background: var(--ct-surface) !important;
  border-color: var(--ct-line-soft) !important;
  color: var(--ct-ink) !important;
}
.ant-card-head-title, .ant-modal-title, .ant-drawer-title,
.ant-typography, .ant-form-item-label > label, .ant-descriptions-title,
.ant-list-item-meta-title, .ant-result-title, .ant-empty-description,
.ant-statistic-title, .ant-statistic-content,
.ant-radio-wrapper, .ant-checkbox-wrapper,
.ant-select-selection-item, .ant-picker-input > input,
.ant-menu, .ant-dropdown-menu-item, .ant-popover-title {
  color: var(--ct-ink) !important;
}
.ant-typography-secondary, .ant-form-item-extra, .ant-form-item-explain,
.ant-list-item-meta-description, .ant-result-subtitle,
.ant-table-column-title { color: var(--ct-muted); }
.ant-card-meta-description, .ant-descriptions-item-label,
.ant-tabs-tab:not(.ant-tabs-tab-active) { color: var(--ct-muted) !important; }
.ant-divider { border-color: var(--ct-line-soft); }
.ant-divider-inner-text { color: var(--ct-muted); }
.ant-tabs-top > .ant-tabs-nav:before, .ant-tabs-bottom > .ant-tabs-nav:before { border-color: var(--ct-line); }
.ant-tabs-tab { transition: color .18s ease; }
.ant-tabs-tab:hover, .ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--ct-blue-strong) !important; }
.ant-tabs-ink-bar { background: var(--ct-blue) !important; border-radius: 999px; }
.ant-menu { background: transparent !important; }
.ant-menu-item, .ant-menu-submenu-title { border-radius: 10px; }
.ant-menu-item-selected { background: var(--ct-selected) !important; color: var(--ct-blue-strong) !important; }
.ant-menu-item:hover, .ant-dropdown-menu-item:hover, .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--ct-selected) !important;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--ct-selected) !important;
  color: var(--ct-blue-strong) !important;
}
.ant-tooltip-inner { border-radius: 10px; }

/* Tables stay dense and readable; cards keep the softer surface. */
.ant-table, .ant-table-container, .ant-table-content, .ant-table-tbody > tr > td {
  background: var(--ct-surface) !important;
  color: var(--ct-ink) !important;
  border-color: var(--ct-line-soft) !important;
}
.ant-table-container { border-radius: 15px; }
.ant-table-thead > tr > th {
  background: var(--ct-surface-soft) !important;
  color: var(--ct-muted) !important;
  border-color: var(--ct-line-soft) !important;
  font-weight: 650;
}
.ant-table-tbody > tr:hover > td { background: var(--ct-selected) !important; }
.ant-pagination-item, .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  background: var(--ct-surface) !important;
  border-color: var(--ct-line) !important;
  border-radius: 10px !important;
}
.ant-pagination-item-active { border-color: var(--ct-blue) !important; }

/* Inputs and validation retain Ant's existing state classes. */
.ant-input, .ant-input-affix-wrapper, .ant-input-number,
.ant-select:not(.ant-select-customize-input) .ant-select-selector,
.ant-picker, .ant-input-group-addon, textarea.ant-input {
  background: var(--ct-surface) !important;
  color: var(--ct-ink) !important;
  border: 1px solid var(--ct-line) !important;
  border-radius: 11px !important;
  box-shadow: none;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.ant-input-affix-wrapper input.ant-input { border: 0 !important; background: transparent !important; }
.ant-input::placeholder, textarea.ant-input::placeholder,
.ant-select-selection-placeholder, .ant-picker-input > input::placeholder { color: var(--ct-muted) !important; opacity: .8; }
.ant-input:hover, .ant-input-affix-wrapper:hover, .ant-input-number:hover,
.ant-select:not(.ant-select-disabled):hover .ant-select-selector,
.ant-picker:hover { border-color: var(--ct-blue) !important; }
.ant-input:focus, .ant-input-focused, .ant-input-affix-wrapper-focused,
.ant-input-number-focused, .ant-select-focused .ant-select-selector,
.ant-picker-focused {
  border-color: var(--ct-blue) !important;
  box-shadow: 0 0 0 3px rgba(61, 131, 250, .16) !important;
}
.ant-form-item-has-error .ant-input,
.ant-form-item-has-error .ant-input-affix-wrapper,
.ant-form-item-has-error .ant-select-selector { border-color: #e45867 !important; }
.ant-form-item-has-error .ant-form-item-explain { color: #cf3e50 !important; }
.ant-input[disabled], .ant-input-affix-wrapper-disabled,
.ant-select-disabled .ant-select-selector, .ant-picker-disabled {
  background: var(--ct-surface-soft) !important;
  color: var(--ct-muted) !important;
  opacity: .7;
}
.ant-checkbox-inner, .ant-radio-inner { border-color: var(--ct-line); }
.ant-checkbox-checked .ant-checkbox-inner, .ant-radio-inner:after,
.ant-switch-checked { background: var(--ct-blue) !important; border-color: var(--ct-blue) !important; }
.ant-radio-checked .ant-radio-inner { border-color: var(--ct-blue) !important; }

/* Buttons: primary blue, secondary light, danger red. */
.ant-btn, button:not(.ant-btn) {
  border-radius: 11px !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, opacity .18s ease !important;
}
.ant-btn { min-height: 36px; height: auto; white-space: normal; overflow-wrap: anywhere; line-height: 1.35; }
.ant-btn > span { white-space: normal; overflow-wrap: anywhere; }
.ant-btn-primary:not(.ant-btn-dangerous) {
  background: linear-gradient(105deg, #3d83fa 0%, #4b8bfa 68%, #657afa 100%) !important;
  border-color: #3d83fa !important;
  color: #fff !important;
  box-shadow: 0 5px 13px rgba(61, 131, 250, .16) !important;
}
.ant-btn-primary:not(.ant-btn-dangerous):hover,
.ant-btn-primary:not(.ant-btn-dangerous):focus {
  background: linear-gradient(105deg, #3578ed, #5b78ef) !important;
  border-color: #3578ed !important;
  box-shadow: 0 7px 16px rgba(61, 131, 250, .23) !important;
}
.ant-btn-primary:not(.ant-btn-dangerous):active { background: #246fea !important; box-shadow: none !important; }
.ant-btn:not(.ant-btn-primary):not(.ant-btn-link):not(.ant-btn-text):not(.ant-btn-dangerous) {
  background: var(--ct-surface) !important;
  border-color: var(--ct-line) !important;
  color: var(--ct-ink) !important;
}
.ant-btn:not(.ant-btn-primary):not(.ant-btn-link):not(.ant-btn-text):not(.ant-btn-dangerous):hover {
  background: var(--ct-selected) !important;
  border-color: var(--ct-blue) !important;
  color: var(--ct-blue-strong) !important;
}
.ant-btn-link, .ant-btn-text { color: var(--ct-blue-strong) !important; box-shadow: none !important; }
.ant-btn-link:hover, .ant-btn-text:hover { background: var(--ct-selected) !important; }
.ant-btn-dangerous, .ant-btn-danger,
.ant-btn-primary.ant-btn-dangerous { color: #d64152 !important; border-color: #f4bec7 !important; background: #fff5f6 !important; }
.ant-btn-primary.ant-btn-dangerous { color: #fff !important; background: #df5261 !important; border-color: #df5261 !important; }
.ant-btn-dangerous:hover, .ant-btn-danger:hover { color: #bb3043 !important; background: #ffecef !important; border-color: #e98997 !important; }
.ant-btn-primary.ant-btn-dangerous:hover { color: #fff !important; background: #c9394d !important; }
.ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover {
  background: var(--ct-surface-soft) !important;
  color: var(--ct-muted) !important;
  border-color: var(--ct-line) !important;
  box-shadow: none !important;
  opacity: .7;
  cursor: not-allowed;
}
.ant-btn-loading { opacity: .75; }
.ant-btn-circle { min-width: 36px; height: 36px; }

/* Feedback and transient states. Semantic status colors are retained. */
.ant-alert { border-radius: 14px; border-width: 1px; }
.ant-alert-info { background: #edf5ff; border-color: #c9ddff; }
.ant-alert-success { background: #eefaf4; border-color: #bce9d1; }
.ant-alert-warning { background: #fff8e9; border-color: #f2dbab; }
.ant-alert-error { background: #fff0f2; border-color: #f1c1cb; }
html[data-theme="dark"] .ant-alert-info { background: #1b365e; border-color: #385d92; }
html[data-theme="dark"] .ant-alert-success { background: #1b3c39; border-color: #3b6c59; }
html[data-theme="dark"] .ant-alert-warning { background: #473b29; border-color: #786039; }
html[data-theme="dark"] .ant-alert-error { background: #482b39; border-color: #844a60; }
html[data-theme="dark"] .ant-alert-message,
html[data-theme="dark"] .ant-alert-description { color: var(--ct-ink); }
.ant-tag { border-radius: 8px; padding-inline: 8px; }
.ant-modal-mask { background: rgba(16, 43, 93, .28) !important; }
.ant-modal-content { padding: 4px; }
.ant-modal-header { border-radius: 18px 18px 0 0 !important; }
.ant-modal-close { color: var(--ct-muted); }
.ant-modal-close:hover { color: var(--ct-ink); }
.ant-modal-body, .ant-modal-footer { color: var(--ct-ink); }
.ant-spin-dot-item { background: var(--ct-blue); }
.ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-content .ant-skeleton-paragraph > li,
.ant-skeleton-avatar { background: var(--ct-selected) !important; }
.ant-empty-image svg { opacity: .75; }
.ant-progress-bg { border-radius: 999px; }
.Toastify__toast { color: var(--ct-ink) !important; }
.Toastify__toast-body { color: var(--ct-ink); }

/* Dashboard composition: original notice, subscription and shortcuts remain
   React-owned; only their visual placement changes. */
.styles_55LaC:has(> .styles_hX1su) {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.styles_55LaC:has(> .styles_hX1su) > .styles_hX1su { display: contents; }
.styles_55LaC:has(> .styles_hX1su) > .styles_hX1su > .styles_-0DSw { order: 1; margin: 0; }
.styles_55LaC:has(> .styles_hX1su) > .ct-platforms { order: 2; margin: 0; }
.styles_55LaC:has(> .styles_hX1su) > .styles_hX1su > .styles_2lu1I { order: 3; }
.styles_55LaC:has(> .styles_LiftA):has(> .styles_hX1su) {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(270px, .82fr);
  grid-template-rows: minmax(255px, auto) auto auto;
  gap: 16px;
  align-items: stretch;
}
.styles_55LaC:has(> .styles_LiftA) > .styles_hX1su {
  display: contents;
}
.styles_55LaC:has(> .styles_LiftA) > .styles_hX1su > .styles_-0DSw {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}
.styles_55LaC:has(> .styles_LiftA) > .styles_LiftA {
  grid-column: 2;
  grid-row: 1 / span 2;
  height: auto !important;
  min-height: 100%;
  margin: 0;
}
.styles_55LaC:has(> .styles_LiftA) > .ct-platforms {
  grid-column: 1;
  grid-row: 2;
}
.styles_55LaC:has(> .styles_LiftA) > .styles_hX1su > .styles_2lu1I {
  grid-column: 1 / -1;
  grid-row: 3;
}
.styles_hX1su .styles_-0DSw {
  min-width: 0;
  min-height: 255px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(22px, 3vw, 34px) !important;
  background: linear-gradient(122deg, #dcebff 0%, #eaf2ff 54%, #f5efff 100%) !important;
  border-color: #c9ddff !important;
  box-shadow: 0 12px 34px rgba(44, 102, 202, .10), inset 0 1px rgba(255,255,255,.95) !important;
}
.styles_hX1su .styles_-0DSw::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 250px;
  height: 250px;
  right: -80px;
  top: -104px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(123,143,255,.20), rgba(123,143,255,0) 70%);
  pointer-events: none;
}
.styles_hX1su .styles_-0DSw .styles_Jwe4P {
  min-height: 190px;
  gap: 12px;
}
.styles_hX1su .styles_-0DSw .styles_Jwe4P .styles_FdW3j {
  font-size: clamp(21px, 2.2vw, 29px);
  line-height: 1.2;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}
.styles_hX1su .styles_-0DSw .styles_Jwe4P .styles_8Hbk7 {
  width: 35px;
  height: 35px;
  object-fit: contain;
}
.styles_hX1su .styles_-0DSw .styles_Jwe4P .styles_n5JIk {
  color: #536d9d;
  font-size: 13px;
  opacity: 1;
}
.styles_hX1su .styles_-0DSw .styles_Jwe4P .styles_wsr2d .styles_oUqvz {
  height: 12px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(147,184,244,.35);
}
.styles_hX1su .styles_-0DSw .styles_Jwe4P .styles_wsr2d .styles_E1myu {
  background: linear-gradient(90deg, #3d83fa, #7664f5) !important;
}
html[data-theme="dark"] .styles_hX1su .styles_-0DSw {
  background: linear-gradient(125deg, #214373, #273f76 60%, #403b79) !important;
  border-color: #4a6692 !important;
}
html[data-theme="dark"] .styles_hX1su .styles_-0DSw .styles_Jwe4P .styles_n5JIk { color: #c0d0ec; }

.styles_LiftA {
  position: relative;
  overflow: hidden;
  padding: 20px !important;
  background: linear-gradient(165deg, #fff 0%, #f4f8ff 73%, #f7f3ff 100%) !important;
}
.styles_LiftA::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, #3d83fa, #7664f5);
  pointer-events: none;
}
.styles_LiftA .styles_s97Of {
  padding: 5px 10px;
  background: #e8f1ff;
  color: #246fea;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}
.styles_LiftA .styles_WebSX {
  padding: 13px 15px;
  border-radius: 15px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 6px 20px rgba(50,96,177,.05);
  overflow-wrap: anywhere;
}
.styles_LiftA .styles_WebSX .styles_qVk-r {
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.35;
  letter-spacing: -.02em;
}
html[data-theme="dark"] .styles_LiftA {
  background: linear-gradient(160deg, #1c3153, #1b2a4b) !important;
}
html[data-theme="dark"] .styles_LiftA .styles_WebSX {
  background: rgba(36,56,88,.88);
  color: #edf4ff;
  border-color: #45628d;
}
html[data-theme="dark"] .styles_LiftA .styles_s97Of { background: #294c78; color: #a9ccff; }

.ct-platforms {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  min-width: 0;
  margin: 0 0 20px;
}
.styles_55LaC:has(> .styles_LiftA) .ct-platforms { margin: 0; }
.ct-platform {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 112px;
  padding: 14px 9px;
  border: 1px solid #cde1ff;
  border-radius: 19px;
  background: linear-gradient(145deg, #e7f3ff, #cfe5ff);
  box-shadow: 0 6px 17px rgba(50,96,177,.065), inset 0 1px rgba(255,255,255,.7);
  color: #2869bd;
  text-decoration: none;
  text-align: center;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.ct-platform:nth-child(2) { background: linear-gradient(145deg, #f1ecff, #dedbff); border-color: #ded5ff; color: #685bd1; }
.ct-platform:nth-child(3) { background: linear-gradient(145deg, #eaf9f4, #d5f2e7); border-color: #c9ebdf; color: #318976; }
.ct-platform:nth-child(4) { background: linear-gradient(145deg, #f1f5fb, #e1e9f4); border-color: #d8e2f0; color: #64758e; }
.ct-platform--all { display: none; }
.ct-platform:hover {
  color: inherit;
  transform: translateY(-2px);
  border-color: var(--ct-blue);
  box-shadow: 0 12px 23px rgba(50,96,177,.13);
}
.ct-platform:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(50,96,177,.10); }
.ct-platform__icon svg { display: block; width: 31px; height: 31px; }
.ct-platform__label { font-size: 13px; line-height: 1.25; font-weight: 690; overflow-wrap: anywhere; }
.ct-platform__label small { display: block; margin-top: 4px; font-size: 11px; font-weight: 520; opacity: .78; }
.ct-platform__arrow { position: absolute; top: 10px; right: 12px; font-size: 13px; opacity: .5; }
html[data-theme="dark"] .ct-platform { background: linear-gradient(145deg, #213f6e, #253958); border-color: #3e5c85; color: #b8d5ff; }
html[data-theme="dark"] .ct-platform:nth-child(2) { background: linear-gradient(145deg, #393861, #34365b); color: #d3caff; }
html[data-theme="dark"] .ct-platform:nth-child(3) { background: linear-gradient(145deg, #234d4d, #244454); color: #b3ead9; }
html[data-theme="dark"] .ct-platform:nth-child(4) { background: linear-gradient(145deg, #344155, #2a394e); color: #d0dced; }

/* Nodes keep their original data and status, but never expose the rate field. */
.styles_bWheO .styles_jUMVj {
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
  gap: 14px;
}
.styles_bWheO .styles_jUMVj .styles_wY4AW {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: 118px;
  padding: 20px 52px 18px 20px;
  opacity: 1;
  overflow: hidden;
}
.styles_bWheO .styles_jUMVj .styles_wY4AW .styles_auu8E { display: none !important; }
.styles_bWheO .styles_jUMVj .styles_wY4AW::after {
  content: "";
  position: absolute;
  right: 17px;
  bottom: 17px;
  width: 27px;
  height: 27px;
  opacity: .7;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233d83fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 20V4m0 0L3.5 7.5M7 4l3.5 3.5M17 4v16m0 0-3.5-3.5M17 20l3.5-3.5'/%3E%3C/svg%3E");
  pointer-events: none;
}
.styles_bWheO .styles_jUMVj .styles_wY4AW .styles_-5JY- { overflow-wrap: anywhere; }
html[data-theme="dark"] .styles_bWheO .styles_jUMVj .styles_wY4AW::after { opacity: .95; }

/* Account log: server-provided u/d values are already billed usage. */
.ct-traffic-log {
  margin-top: 32px;
  padding: 23px 24px 18px;
  background: var(--ct-surface);
  border: 1px solid var(--ct-line);
  border-radius: 22px;
  box-shadow: var(--ct-shadow);
}
.ct-traffic-log__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ct-traffic-log__heading h2 { margin: 0; color: var(--ct-ink); font-size: 18px; font-weight: 720; }
.ct-traffic-log__heading p, .ct-traffic-log__summary { margin: 0; color: var(--ct-muted); font-size: 12px; }
.ct-traffic-log__empty { margin: 18px 0 3px; color: var(--ct-muted); font-size: 13px; }
.ct-traffic-log__scroll { max-width: 100%; margin-top: 16px; overflow-x: auto; }
.ct-traffic-log table { width: 100%; min-width: 470px; border-collapse: collapse; font-size: 13px; }
.ct-traffic-log th, .ct-traffic-log td { padding: 12px 10px; border-bottom: 1px solid var(--ct-line-soft); text-align: right; white-space: nowrap; }
.ct-traffic-log th:first-child { text-align: left; }
.ct-traffic-log thead th { color: var(--ct-muted); font-weight: 650; }
.ct-traffic-log tbody th { color: var(--ct-ink); font-weight: 560; }
.ct-traffic-log tbody td { color: var(--ct-muted); }
.ct-traffic-log tbody .ct-traffic-log__total { color: var(--ct-ink); font-weight: 680; }
.ct-traffic-log__summary { margin-top: 14px; text-align: right; }

.styles_hX1su .styles_2lu1I { min-width: 0; padding: 20px !important; }
.styles_hX1su .styles_2lu1I .styles_bVLEM { opacity: 1; gap: 12px; }
.styles_hX1su .styles_2lu1I .styles_bVLEM span { opacity: 1; color: var(--ct-muted); }

/* The existing announcement and subscription dialogs keep their controls and
   content; these rules improve only their presentation and reachable height. */
.ant-modal-wrap { overflow-y: auto; }
.ant-modal { padding-bottom: 22px; }
.ant-modal-content {
  overflow: hidden;
  border-radius: 22px !important;
  box-shadow: 0 24px 70px rgba(24,58,111,.18), 0 4px 14px rgba(24,58,111,.07) !important;
}
.ant-modal-header { padding: 20px 24px 14px !important; }
.ant-modal-title { font-size: 19px; font-weight: 720; letter-spacing: -.025em; line-height: 1.35; overflow-wrap: anywhere; }
.ant-modal-close { top: 13px; right: 14px; border-radius: 10px; }
.ant-modal-close:hover { background: var(--ct-selected); }
.ant-modal-body { padding: 18px 24px 22px !important; line-height: 1.65; overflow-wrap: anywhere; }
.ant-modal-body img { max-width: 100%; height: auto; border-radius: 12px; }
.ant-modal-body :is(h1,h2,h3) { color: var(--ct-ink); line-height: 1.35; }
.ant-modal-body p { margin-bottom: .8em; }
.ant-modal-footer { padding: 13px 24px 20px !important; border-color: var(--ct-line-soft) !important; }
.ant-modal-mask { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }

/* Subscription dialog: keep the bundle's copy, QR, import and tutorial handlers. */
.ant-modal:has(.styles_mICH9) .ant-modal-content { max-width: 540px; margin-inline: auto; }
.ant-modal:has(.styles_mICH9) .ant-modal-body { padding-top: 18px !important; }
.ant-modal:has(.styles_mICH9) .styles_mICH9 {
  min-height: 50px;
  margin: 0 0 9px;
  padding: 12px 15px;
  border: 1px solid var(--ct-line-soft);
  border-radius: 13px;
  background: var(--ct-surface-soft);
  color: var(--ct-ink);
  transition: background .18s ease, border-color .18s ease;
}
.ant-modal:has(.styles_mICH9) .styles_mICH9:hover { background: var(--ct-selected); border-color: var(--ct-blue); }
.ant-modal:has(.styles_mICH9) .styles_mICH9 span { opacity: 1; }
.ant-modal:has(.styles_mICH9) .ant-tabs-nav { margin: 16px 0 18px; }
.ant-modal:has(.styles_mICH9) .ant-tabs-nav-list { gap: 7px; }
.ant-modal:has(.styles_mICH9) .ant-tabs-tab { margin: 0 !important; padding: 9px 4px 11px; }
.ant-modal:has(.styles_mICH9) .ant-tabs-tab-btn { white-space: nowrap; }
.ant-modal:has(.styles_mICH9) .ant-tabs-content-holder .styles_mICH9 { margin: 0 0 12px; }
.ant-modal:has(.styles_mICH9) .ant-tabs + .ct-client-download { margin: 0 0 12px; }
.ct-client-download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 46px;
  padding: 10px 15px;
  border: 1px solid var(--ct-line);
  border-radius: 12px;
  background: var(--ct-selected);
  color: var(--ct-blue-strong);
  font-weight: 680;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.ct-client-download:hover { border-color: var(--ct-blue); background: var(--ct-selected); color: var(--ct-blue-strong); }
.ct-client-download[hidden] { display: none; }
.ct-client-download__help { margin: -3px 0 12px !important; color: var(--ct-muted); font-size: 12px; }
.ct-email-support { display: grid; justify-items: start; gap: 8px; min-width: 0; }
.ct-email-support p { max-width: 340px; margin: 0; color: var(--ct-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.ct-email-support p[hidden] { display: none; }
.ct-email-support a { white-space: nowrap; }

/* Long translated text and narrow screens. No fixed heights or broad ellipses. */
.ant-card-head-title, .ant-card-meta-title, .ant-list-item-meta,
.ant-form-item-label, .ant-descriptions-item-content,
.styles_pbYIU, .styles_FdW3j, .styles_JgUIG,
.styles_lyYHk, .styles_gUliZ { min-width: 0; overflow-wrap: anywhere; }
.ant-card-head-title, .ant-card-meta-title { white-space: normal; }
.ant-table-content { overflow-x: auto; }
.ant-table-content table:has(th:nth-child(4)) { min-width: 560px; }
.ant-modal { max-width: calc(100vw - 24px); }
.ant-modal-body { max-height: calc(100dvh - 180px); overflow-y: auto; }

@media (max-width: 780px) {
  .styles_55LaC:has(> .styles_LiftA):has(> .styles_hX1su) { display: flex; flex-direction: column; gap: 14px; }
  .styles_55LaC:has(> .styles_LiftA) > .styles_hX1su { display: contents; }
  .styles_55LaC:has(> .styles_LiftA) > .styles_LiftA { order: 1; min-height: 0; }
  .styles_55LaC:has(> .styles_LiftA) > .styles_hX1su > .styles_-0DSw { order: 2; }
  .styles_55LaC:has(> .styles_LiftA) > .ct-platforms { order: 3; }
  .styles_55LaC:has(> .styles_LiftA) > .styles_hX1su > .styles_2lu1I { order: 4; }
  .ct-platforms { grid-template-columns: minmax(0,1fr); gap: 0; }
  .ct-platforms .ct-platform:not(.ct-platform--all) { display: none; }
  .ct-platforms .ct-platform--all {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 13px;
    min-height: 72px;
    padding: 14px 48px 14px 17px;
    border-radius: 17px;
    text-align: left;
  }
  .ct-platform--all .ct-platform__arrow { top: 50%; right: 18px; transform: translateY(-50%); font-size: 20px; }
  .ct-platform--all .ct-platform__label { font-size: 14px; }
  .styles_hX1su .styles_-0DSw { min-height: 215px; }
  .ant-modal-header { padding: 16px 18px 12px !important; }
  .ant-modal-body { padding: 15px 18px 18px !important; }
  .ant-modal-footer { padding: 12px 18px 17px !important; }
  body:has(.styles_C6Q6h) { background-image: linear-gradient(180deg, rgba(248, 251, 255, .32), rgba(243, 247, 255, .68)), url("./login-mobile.webp") !important; }
  html[data-theme="dark"] body,
  html[data-theme="dark"] body:has(.styles_C6Q6h) { background-image: linear-gradient(#101d39, #132647) !important; }
  .styles_C6Q6h { padding: 26px 15px; }
  .styles_svCqL { padding: 24px 20px; border-radius: 22px; }
  .styles_J2CiH { padding-inline: 15px; }
  .styles_LiftA { height: auto !important; min-height: 0; }
  .styles_LiftA .styles_WebSX { max-height: none; }
  .styles_ARQrH { display: inline !important; font-size: 12px; }
  .styles_J2CiH .styles_Eo8Wf { gap: 2px; }
  .styles_J2CiH .styles_Eo8Wf button { min-width: 38px; min-height: 38px; }
  .ct-traffic-log { padding: 18px 16px; border-radius: 18px; }
  .styles_bWheO .styles_jUMVj { grid-template-columns: minmax(0,1fr) !important; gap: 11px !important; }
  :is(.styles_LiftA, .styles_hX1su .styles_-0DSw, .styles_hX1su .styles_2lu1I,
      .styles_JP-Du, .styles_jUMVj .styles_wY4AW, .styles_HfIhN .styles_gn7KK,
      .styles_42aC4, .styles_O566M .styles_e3eMx, .styles_AIcra .styles_o-ZMi,
      .styles_AIcra .styles_Sey3B, .styles_gy9-n, .styles_0sE5N, .styles_ENMMs) { border-radius: 18px !important; }
  .styles_AIcra .styles_Sey3B { margin-top: 18px; }
  .styles_w-SMt, .styles_0sE5N { flex-wrap: wrap; }
  .styles_HfIhN { grid-gap: 12px; }
  .ant-card-body { padding: 16px; }
  .ant-table-thead > tr > th, .ant-table-tbody > tr > td { padding: 10px !important; }
  .ant-modal-body { max-height: calc(100dvh - 150px); }
}

@media (max-width: 480px) {
  .ct-platform__icon svg { width: 28px; height: 28px; }
  .ct-platform__label { font-size: 12px; }
  .styles_C6Q6h { align-items: flex-start; padding-top: 60px; }
  .styles_svCqL { padding: 22px 17px; }
  .styles_55LaC { padding-bottom: 56px; }
  .styles_J2CiH { gap: 8px; }
  .styles_J2CiH .styles_ARQrH { display: none !important; }
  .styles_J2CiH .styles_pnrLA button { min-width: 40px; margin-right: 4px; }
  .styles_EGZ2t { font-size: 17px; }
  .styles_T9Tem, .styles_tz6z1 { grid-gap: 12px; }
  .styles_JP-Du { padding: 16px; }
  .styles_7t200 b, .styles_ZqlYM b { font-size: 29px; }
  .ant-modal { top: 12px; }
  .ant-modal-content { border-radius: 17px !important; }
  .ant-btn { min-height: 38px; }
}

@media (max-width: 360px) {
  html, body, #root { min-width: 0; }
  .styles_J2CiH { padding-inline: 10px; }
  .styles_EGZ2t { min-width: 0; }
}

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

/* 1.0.1: existing purchase steps, arranged as compact modules. React still owns every action and amount. */
.styles_AIcra { gap: clamp(18px, 2.5vw, 30px); }
.styles_AIcra .styles_RL3nW,
.styles_AIcra .styles_Sey3B { min-width: 0; }
.styles_AIcra .styles_RL3nW { flex: 1 1 58%; }
.styles_AIcra .styles_Sey3B {
  flex: 0 1 38%;
  margin: 0;
  position: sticky;
  top: 86px;
  background: linear-gradient(150deg, var(--ct-surface), var(--ct-surface-soft)) !important;
}
.styles_AIcra .styles_RL3nW .styles_o-ZMi { padding: clamp(18px, 2vw, 26px); }
.styles_AIcra .styles_RL3nW .styles_o-ZMi h4,
.styles_AIcra .styles_RL3nW > h4,
.styles_oTdK5 > h4 { color: var(--ct-ink); letter-spacing: -.025em; }
.styles_AIcra .styles_RL3nW > .styles_J6tbe,
.styles_AIcra .styles_RL3nW > .styles_T9Tem {
  border: 1px solid var(--ct-line);
  border-radius: 20px;
  background: var(--ct-surface);
  box-shadow: var(--ct-shadow);
  padding: clamp(16px, 2vw, 24px);
}
.styles_AIcra .styles_RL3nW > .styles_T9Tem { gap: 12px; margin-top: 12px; }
.styles_AIcra .styles_RL3nW > .styles_J6tbe { margin-block: 18px; }
.styles_AIcra .styles_RL3nW > .styles_J6tbe :is(input, button) { min-height: 42px; }
.styles_AIcra .styles_Sey3B .styles_nW6n3 { gap: 14px; }
.styles_AIcra .styles_Sey3B .styles_nW6n3 > :last-child { text-align: right; overflow-wrap: anywhere; }
.styles_T9Tem .styles_lyYHk,
.styles_jFFQA .styles_gUliZ {
  min-height: 74px;
  align-items: center;
  background: var(--ct-surface-soft);
}
.styles_T9Tem .styles_lyYHk[style*="border"],
.styles_jFFQA .styles_gUliZ[style*="border"] { background: var(--ct-selected); }
.styles_T9Tem .styles_cVoGx,
.styles_jFFQA .styles_SUZYV { flex: 0 0 20px; }
.styles_oTdK5 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(285px, .62fr);
  column-gap: clamp(18px, 2.5vw, 30px);
  align-items: start;
}
.styles_oTdK5 > h4:first-of-type { grid-column: 2; grid-row: 1; }
.styles_oTdK5 > .styles_gy9-n { grid-column: 2; grid-row: 2 / span 3; position: sticky; top: 86px; }
.styles_oTdK5 > h4:nth-of-type(2) { grid-column: 1; grid-row: 1; }
.styles_oTdK5 > .styles_jFFQA { grid-column: 1; grid-row: 2; min-width: 0; }
.styles_oTdK5 .styles_gy9-n { padding: clamp(18px, 2vw, 27px); }
.styles_oTdK5 .styles_gy9-n .styles_ez2hh { max-width: none; gap: 14px; }
.styles_oTdK5 .styles_gy9-n .styles_ez2hh > :last-child { text-align: right; overflow-wrap: anywhere; }
.styles_oTdK5 .styles_0sE5N { margin-top: 18px; }

/* The public information page is a normal user-facing link, never hidden crawl-only content. */
.ct-public-link { margin: -46px auto 24px; position: relative; width: max-content; max-width: calc(100% - 32px); font-size: 12px; }
.ct-public-link a { color: var(--ct-muted); }
body:has(.styles_Csf-O) .ct-public-link { display: none; }

.ct-subscription-reminders { display: grid; gap: 10px; min-width: 0; order: 0; }
.ct-subscription-reminder {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 15px 18px; border: 1px solid #f0d7a4; border-radius: 17px;
  background: #fff9ed; color: #77521d; box-shadow: var(--ct-shadow);
}
.ct-subscription-reminder--urgent { border-color: #f1c8c8; background: #fff3f2; color: #8d353a; }
.ct-subscription-reminder > div { display: grid; gap: 2px; min-width: 0; }
.ct-subscription-reminder strong { font-size: 14px; }
.ct-subscription-reminder span { font-size: 12px; line-height: 1.5; }
.ct-subscription-reminder a {
  flex: none; padding: 7px 12px; border: 1px solid currentColor; border-radius: 10px;
  color: inherit; font-size: 12px; font-weight: 700; text-decoration: none;
}
.ct-subscription-reminder a:hover { opacity: .75; color: inherit; }
html[data-theme="dark"] .ct-subscription-reminder { background: #453923; border-color: #806441; color: #ffdfa6; }
html[data-theme="dark"] .ct-subscription-reminder--urgent { background: #4a2933; border-color: #84505a; color: #ffd0d2; }
.styles_55LaC:has(> .styles_LiftA):has(> .ct-subscription-reminders) > .ct-subscription-reminders { grid-column: 1 / -1; grid-row: 1; }
.styles_55LaC:has(> .styles_LiftA):has(> .ct-subscription-reminders) { grid-template-rows: auto minmax(255px, auto) auto auto; }
.styles_55LaC:has(> .styles_LiftA):has(> .ct-subscription-reminders) > .styles_hX1su > .styles_-0DSw { grid-row: 2; }
.styles_55LaC:has(> .styles_LiftA):has(> .ct-subscription-reminders) > .styles_LiftA { grid-row: 2 / span 2; }
.styles_55LaC:has(> .styles_LiftA):has(> .ct-subscription-reminders) > .ct-platforms { grid-row: 3; }
.styles_55LaC:has(> .styles_LiftA):has(> .ct-subscription-reminders) > .styles_hX1su > .styles_2lu1I { grid-row: 4; }

@media (max-width: 780px) {
  .styles_AIcra .styles_RL3nW,
  .styles_AIcra .styles_Sey3B { width: 100%; flex-basis: auto; }
  .styles_AIcra .styles_Sey3B { position: static; margin-top: 0; }
  .styles_oTdK5 { display: flex; flex-direction: column; gap: 10px; }
  .styles_oTdK5 > * { width: 100%; }
  .styles_oTdK5 > .styles_gy9-n { position: static; order: 4; }
  .styles_oTdK5 > h4:first-of-type { order: 3; }
  .styles_oTdK5 > h4:nth-of-type(2) { order: 1; }
  .styles_oTdK5 > .styles_jFFQA { order: 2; }
  .styles_55LaC:has(> .styles_LiftA):has(> .ct-subscription-reminders) > .ct-subscription-reminders { order: 0; }
  .ct-subscription-reminder { flex-wrap: wrap; }
}

/* 1.0.2: compact mobile notice; its original content and click handlers stay mounted. */
.ct-notice-toggle { display: none; }
@media (max-width: 780px) {
  .styles_55LaC > .styles_LiftA.ct-notice-collapsible {
    height: auto !important;
    min-height: 0 !important;
  }
  .styles_LiftA.ct-notice-collapsible:not(.ct-notice-expanded) {
    padding: 0 !important;
  }
  .styles_LiftA.ct-notice-collapsible:not(.ct-notice-expanded) > :not(.ct-notice-toggle) {
    display: none !important;
  }
  .styles_LiftA.ct-notice-expanded {
    justify-content: flex-start;
    gap: 11px;
    padding: 17px !important;
  }
  .styles_LiftA .ct-notice-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 54px;
    padding: 13px 17px;
    border: 0;
    background: transparent;
    color: var(--ct-ink);
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
  }
  .styles_LiftA.ct-notice-expanded .ct-notice-toggle {
    justify-content: center;
    align-self: center;
    width: 52px;
    min-height: 30px;
    padding: 4px;
    border: 1px solid var(--ct-line);
    border-radius: 999px !important;
    background: var(--ct-surface-soft);
  }
  .styles_LiftA.ct-notice-expanded .ct-notice-toggle > span:first-child { display: none; }
  .ct-notice-toggle__state {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    min-width: 14px;
    min-height: 14px;
    color: var(--ct-blue-strong);
  }
  .ct-notice-toggle__state svg { display: block; width: 18px; height: 18px; }
}

/* Subtle iOS-like finish without adding images, dependencies or persistent motion. */
:is(.ant-btn, .ct-platform, .styles_hX1su .styles_2lu1I .styles_bVLEM) {
  -webkit-tap-highlight-color: transparent;
}
:is(.ant-btn, .ct-platform):active:not(:disabled) { opacity: .84; }
html[data-theme="light"] :is(.styles_JP-Du, .styles_LiftA, .styles_hX1su .styles_2lu1I) {
  box-shadow: var(--ct-shadow), inset 0 1px 0 rgba(255,255,255,.85);
}

/* 1.0.4: Application shell; keep the original layout and link positions. */
html[data-theme="light"] :is(.styles_6Kq-F, .styles_qrUYZ) {
  background: linear-gradient(165deg, rgba(241,247,255,.97), rgba(229,239,255,.94) 58%, rgba(235,232,255,.92)) !important;
}
html[data-theme="light"] :is(.styles_J2CiH, .styles_sew6T) {
  background: linear-gradient(95deg, rgba(246,250,255,.95), rgba(234,242,255,.92)) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
html[data-theme="dark"] :is(.styles_6Kq-F, .styles_qrUYZ) {
  background: linear-gradient(165deg, #172d50, #1b3156 60%, #252c55) !important;
}
html[data-theme="dark"] :is(.styles_J2CiH, .styles_sew6T) {
  background: linear-gradient(95deg, rgba(24,42,73,.96), rgba(32,45,78,.94)) !important;
}
.styles_6Kq-F { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.styles_yxmig, .styles_nc5o2 { overscroll-behavior: contain; }
.ct-nav-group {
  margin: 18px 10px 5px;
  padding: 0 8px;
  color: var(--ct-muted);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.5;
  letter-spacing: .12em;
  pointer-events: none;
}
.ct-nav-group:first-child { margin-top: 0; }
.styles_55LaC, .styles_55LaC > * { min-width: 0; }
.styles_55LaC:has(> .styles_hX1su) > .ct-traffic-log--home {
  order: 4;
  width: 100%;
  margin: 0;
}
.styles_55LaC:has(> .styles_LiftA) > .ct-traffic-log--home {
  grid-column: 1 / -1;
  grid-row: auto;
}
.ct-traffic-log__scroll { max-height: 352px; overflow: auto; overscroll-behavior: contain; }
.ct-traffic-log--home .ct-traffic-log__scroll { max-height: 350px; }
.ct-traffic-log thead th { position: sticky; top: 0; z-index: 1; background: var(--ct-surface); }
@media (max-width: 780px) {
  .styles_55LaC:has(> .styles_LiftA) > .ct-traffic-log--home { order: 5; }
  .ct-traffic-log { max-width: 100%; }
  .ct-traffic-log__scroll { max-height: 335px; }
}