@import url('./umi.legacy.css');

/* iOS 26: quiet content surfaces, translucent navigation, specular glass edges. */
:root {
  color-scheme: light;
  --ios-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ios-bg: #edf3fc;
  --ios-ink: #172640;
  --ios-text: #34445f;
  --ios-muted: #52627a;
  --ios-accent: #007aff;
  --ios-button: #006bdc;
  --ios-rgb: 0, 122, 255;
  --ios-panel: rgba(255, 255, 255, .82);
  --ios-glass: rgba(255, 255, 255, .54);
  --ios-solid: #f8fbff;
  --ios-input: rgba(235, 241, 250, .86);
  --ios-line: rgba(83, 112, 155, .13);
  --ios-edge: rgba(255, 255, 255, .9);
  --ios-shadow: 0 12px 40px -18px rgba(34, 68, 120, .22), inset 0 1px 0 var(--ios-edge);
  --ios-float: 0 10px 32px -12px rgba(34, 68, 120, .22), inset 0 1px 0 var(--ios-edge), inset 0 -1px 0 rgba(255, 255, 255, .25);
  --ios-radius: 26px;
  --ios-sidebar: 244px;
  --ios-header-height: 72px;
  --ios-header-top: 20px;
  --ios-header-offset: calc(var(--ios-header-top) + var(--ios-header-height) + 20px);
  --ios-dock-space: 0px;
}
:root[data-theme-color='green'] { --ios-accent: #008564; --ios-button: #00795b; --ios-rgb: 0, 133, 100; }
:root[data-theme-color='darkblue'] { --ios-accent: #6953dc; --ios-button: #6242ce; --ios-rgb: 105, 83, 220; }
:root[data-theme-color='black'] { --ios-accent: #45546b; --ios-button: #45546b; --ios-rgb: 69, 84, 107; }
:root[data-theme-mode='dark'] {
  color-scheme: dark;
  --ios-bg: #111c32;
  --ios-ink: #f1f5ff;
  --ios-text: #d2dced;
  --ios-muted: #a2b1c9;
  --ios-panel: rgba(29, 44, 67, .76);
  --ios-glass: rgba(30, 44, 65, .68);
  --ios-solid: #23334c;
  --ios-input: rgba(13, 26, 46, .62);
  --ios-line: rgba(169, 191, 223, .15);
  --ios-edge: rgba(210, 230, 255, .16);
  --ios-shadow: 0 16px 44px -18px rgba(0, 0, 0, .45), inset 0 1px 0 var(--ios-edge);
  --ios-float: 0 10px 36px -10px rgba(0, 0, 0, .4), inset 0 1px 0 var(--ios-edge);
  --ios-accent: #69aeff;
  --ios-rgb: 105, 174, 255;
}
:root[data-theme-mode='dark'][data-theme-color='green'] { --ios-accent: #58d9b5; --ios-rgb: 88, 217, 181; }
:root[data-theme-mode='dark'][data-theme-color='darkblue'] { --ios-accent: #b5a5ff; --ios-rgb: 181, 165, 255; }
:root[data-theme-mode='dark'][data-theme-color='black'] { --ios-accent: #c4d2e7; --ios-rgb: 196, 210, 231; }
html { background: var(--ios-bg); text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: var(--ios-header-offset); scroll-padding-bottom: var(--ios-dock-space); }
html[data-ios26] body {
  margin: 0; min-width: 0; min-height: 100vh; font-family: var(--ios-font);
  font-size: 16px; line-height: 1.6; color: var(--ios-text); background: transparent !important;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
::selection { color: white; background: var(--ios-accent); }
a, .text-primary, .btn-link { color: var(--ios-accent) !important; }
a:hover { color: var(--ios-accent); }
button, input, textarea, select { font: inherit; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
:focus-visible { outline: 3px solid var(--ios-accent) !important; outline-offset: 4px; }
button, .btn, .ant-btn, .nav-main-link { transition: background .2s, box-shadow .2s, transform .2s; }
button:active, .btn:active, .ant-btn:active { transform: scale(.97); }
h1, h2, h3, h4, h5, h6, .block-title, .ant-typography { color: var(--ios-ink); font-family: var(--ios-font); letter-spacing: -.035em; }
p { color: inherit; }
.text-muted, .text-gray-dark, .ant-typography-secondary { color: var(--ios-muted) !important; }
.text-dark, .text-black, .text-gray-darker { color: var(--ios-ink) !important; }
[data-ios26] .font-size-sm, [data-ios26] .font-size-sm-text-muted, [data-ios26] .font-size-xs { font-size: 14px !important; line-height: 1.6; }
[data-ios26] .ant-form-item, [data-ios26] .ant-select, [data-ios26] .ant-table, [data-ios26] .ant-descriptions { font-size: 15px; }
hr { border-color: var(--ios-line); }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: rgba(115, 137, 167, .35); border-radius: 20px; }

#ios26-wallpaper {
  position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none;
  background:
    radial-gradient(ellipse at 88% 14%, rgba(138, 186, 255, .37), transparent 46%),
    radial-gradient(ellipse at 8% 91%, rgba(156, 228, 221, .4), transparent 44%),
    radial-gradient(ellipse at 87% 97%, rgba(219, 190, 243, .35), transparent 42%),
    var(--ios-bg);
}
#ios26-wallpaper::before {
  content: ''; position: absolute; width: 105vw; height: 80vw; left: 3vw; top: -48vw;
  border: 3.7vw solid rgba(255, 255, 255, .28); border-radius: 44%; transform: rotate(-28deg);
  box-shadow: 0 0 90px rgba(151, 191, 245, .22), inset 0 0 75px rgba(255, 255, 255, .2);
}
:root[data-theme-mode='dark'] #ios26-wallpaper {
  background: radial-gradient(ellipse at 85% 4%, #20437199, transparent 55%), radial-gradient(ellipse at 8% 95%, #174d5559, transparent 46%), radial-gradient(ellipse at 98% 96%, #523b6755, transparent 45%), var(--ios-bg);
}
:root[data-theme-mode='dark'] #ios26-wallpaper::before { border-color: rgba(154, 196, 255, .05); }
#page-container, #main-container, .ant-layout { background: transparent !important; }
#page-container { min-width: 0; min-height: 100vh; }
#main-container { min-height: 100vh; padding-top: var(--ios-header-offset) !important; }
#main-container > .content { width: 100%; max-width: 1390px; padding: 24px 36px 40px; }
#page-container:not(.sidebar-o) #main-container { padding-top: 0 !important; }
.content-heading { border-color: var(--ios-line); font-size: 23px; font-weight: 700; }
.content-heading small { color: var(--ios-muted); }

/* Desktop floating sidebar. Preserve the application's own open/close behavior. */
#sidebar {
  z-index: 920;
  top: 20px; bottom: 20px; left: 20px; width: var(--ios-sidebar); height: auto;
  overflow: hidden; border: 1px solid var(--ios-edge); border-radius: 30px;
  background: var(--ios-glass) !important; box-shadow: var(--ios-float);
  backdrop-filter: blur(34px) saturate(1.6); -webkit-backdrop-filter: blur(34px) saturate(1.6);
}
#sidebar .bg-header-dark, #sidebar .bg-white-10 { background: transparent !important; }
#sidebar .content-header { height: 102px; padding: 22px; justify-content: flex-start !important; }
#sidebar .content-header a { color: var(--ios-ink) !important; }
#sidebar .content-header img { width: auto !important; height: auto !important; max-width: 185px; max-height: 58px; object-fit: contain; }
#sidebar .content-side { padding: 14px 13px; }
.nav-main-heading { padding: 22px 18px 9px; color: var(--ios-muted) !important; font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.nav-main-item { margin-bottom: 5px; }
.nav-main-link {
  min-height: 47px; margin: 0; padding: 10px 14px; border-radius: 16px;
  color: var(--ios-text) !important; font-size: 15px; font-weight: 500;
}
.nav-main-link:hover { background: rgba(255, 255, 255, .5) !important; color: var(--ios-ink) !important; }
.nav-main-link.active, .nav-main-item.open > .nav-main-link {
  color: var(--ios-accent) !important; background: rgba(var(--ios-rgb), .1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
}
.nav-main-link .nav-main-link-icon { flex-shrink: 0; width: 29px; height: 29px; margin-right: 11px; border-radius: 9px; font-size: 15px; line-height: 29px; text-align: center; color: #fff !important; background: #4389f8; }
.nav-main-item:nth-of-type(3n) .nav-main-link-icon { background: #8b72e7; }
.nav-main-item:nth-of-type(4n) .nav-main-link-icon { background: #39a99b; }
.nav-main-item:nth-of-type(5n) .nav-main-link-icon { background: #f1a94d; }
.nav-main-submenu { background: transparent !important; }
.aikopanel-copyright { position: absolute; bottom: 22px; width: 100%; padding: 0 20px; color: var(--ios-muted); font-size: 12px; text-align: center; }
#page-header {
  z-index: 900;
  top: var(--ios-header-top); right: 28px; left: 28px; width: auto; height: var(--ios-header-height); border: 1px solid var(--ios-edge);
  border-radius: 24px; background: var(--ios-glass) !important; box-shadow: var(--ios-float);
  backdrop-filter: blur(30px) saturate(1.7); -webkit-backdrop-filter: blur(30px) saturate(1.7);
}
#page-header .content-header { height: calc(var(--ios-header-height) - 2px); padding: 0 22px; }
#page-container.page-header-fixed #page-header { top: var(--ios-header-top); right: 28px; min-width: 0; }
#page-container.page-header-fixed.sidebar-o #page-header { padding-left: 0; }
#page-header .content-header, #sidebar .content-header { border: 0; }
#page-container #page-header .content-header { height: calc(var(--ios-header-height) - 2px); }
#page-header .page-footer-container { display: none !important; }
#sidebar .content-side { max-height: calc(100% - 150px); overflow-y: auto; }
#sidebar .aikopanel-copyright { left: 0; opacity: .8; }
.aikopanel-container-title { color: var(--ios-ink) !important; font-size: 19px; font-weight: 650; letter-spacing: -.03em; }
#page-header .btn { min-width: 44px; min-height: 44px; padding: 9px 12px; border: 0; border-radius: 50px; color: var(--ios-text) !important; background: var(--ios-input) !important; box-shadow: inset 0 1px 0 var(--ios-edge); }
#page-header .btn:hover { background: var(--ios-solid) !important; }
#page-header .user_avatar { display: block; flex-shrink: 0; width: 28px !important; height: 28px !important; border: 0 !important; object-fit: cover; }
#page-header button:has(.user_avatar) { display: inline-flex; align-items: center; justify-content: center; }
.aikopanel-nav-mask { z-index: 910; background: rgba(14, 28, 48, .35) !important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
:root[data-sidebar-style='dark'] #sidebar { background: rgba(26, 42, 64, .86) !important; --ios-text: #e0e9f8; --ios-muted: #a2b2ca; --ios-ink: #f4f7ff; --ios-accent: #8bbaff; }
:root[data-header-style='dark'] #page-header { background: rgba(26, 42, 64, .86) !important; --ios-text: #e0e9f8; --ios-ink: #f4f7ff; --ios-solid: #384d6a; }

/* Content stays legible on softer glass than the navigation. */
.block, .ant-card, .ant-descriptions-view, .aikopanel-order-info {
  color: var(--ios-text); background: var(--ios-panel) !important; border: 1px solid var(--ios-edge) !important;
  border-radius: var(--ios-radius) !important; box-shadow: var(--ios-shadow) !important;
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
.block { margin-bottom: 24px; }
.block.block-transparent { background: var(--ios-panel) !important; }
.block-header, .block-header-default, .block-header-dvs, .ant-card-head { color: var(--ios-ink); background: transparent !important; border-bottom: 1px solid var(--ios-line); border-radius: var(--ios-radius) var(--ios-radius) 0 0; padding: 19px 23px; }
.block-title, .ant-card-head-title { color: var(--ios-ink); font-size: 18px; font-weight: 650; letter-spacing: -.02em; }
.block-content, .ant-card-body { padding: 23px; }
.block-content-full { padding-bottom: 23px; }
.block-content > .block:last-child { margin-bottom: 0; }
.block-content .bg-white, .aiko-dvs-dangnhap .bg-white { background: transparent !important; }
#page-container .content { background: transparent !important; }
.bg-body-light, .bg-gray-lighter, .bg-gray-light, .dvs-gray-light { background: var(--ios-input) !important; }
.block-link-pop:hover, .ant-card-hoverable:hover { transform: translateY(-3px); box-shadow: 0 20px 48px -24px rgba(31, 66, 115, .35) !important; }
.aikopanel-shortcuts-item, .aikopanel-select, .aikopanel-plan-tabs { border-radius: 17px !important; border-color: var(--ios-line) !important; }
.aikopanel-shortcuts-item { background: var(--ios-input) !important; color: var(--ios-text) !important; }
.aikopanel-select:hover, .aikopanel-shortcuts-item:hover { background: rgba(var(--ios-rgb), .08) !important; }
.dvs-border, .block-rounded-price, .block-rounded-price-dvs { border-radius: var(--ios-radius) !important; border-color: var(--ios-line) !important; }
.btn, .ant-btn, .btn-dvs {
  min-height: 48px; height: auto; border-radius: 100px !important; border-color: var(--ios-line);
  padding: 12px 20px; font-weight: 600; font-size: 15px; line-height: 1.5; white-space: normal; box-shadow: none;
}
.btn-primary, a.btn-primary, .ant-btn-primary {
  color: #fff !important; background: var(--ios-button) !important; border-color: transparent !important;
  box-shadow: 0 5px 14px -5px rgba(var(--ios-rgb), .45), inset 0 1px 0 #ffffff38 !important;
}
.btn-primary:hover, .ant-btn-primary:hover { filter: brightness(1.07); }
.btn-secondary, .btn-light, .btn-default, .btn-alt-primary, .btn-alt-secondary, .ant-btn:not(.ant-btn-primary):not(.ant-btn-danger) { color: var(--ios-text); background: var(--ios-input); border-color: transparent; }
.btn-danger, .ant-btn-danger { color: #fff !important; background: #d84356 !important; }
.btn-outline-primary { color: var(--ios-accent); border-color: rgba(var(--ios-rgb), .3); background: transparent; }
.btn-outline-primary:hover { color: #fff !important; background: var(--ios-accent); }
.form-control, .form-control-alt, .ant-input, .ant-input-affix-wrapper, .ant-select-selection {
  min-height: 48px; border: 1px solid var(--ios-line) !important; border-radius: 15px !important;
  color: var(--ios-ink) !important; background: var(--ios-input) !important; box-shadow: inset 0 1px 3px #17325404;
}
.form-control:focus, .ant-input:focus, .ant-input-affix-wrapper:focus-within { border-color: var(--ios-accent) !important; box-shadow: 0 0 0 4px rgba(var(--ios-rgb), .1) !important; }
input::placeholder, textarea::placeholder { color: var(--ios-muted) !important; opacity: 1; }
.ant-input-affix-wrapper .ant-input { min-height: 30px; border: 0 !important; background: transparent !important; box-shadow: none; }
.ant-select-selection__rendered { line-height: 46px; }
.ant-select-selection--multiple .ant-select-selection__rendered { line-height: normal; }
.form-group label, .ant-form-item-label > label { color: var(--ios-text); font-weight: 500; }
.table, .ant-table, .ant-table-tbody > tr > td { color: var(--ios-text); background: transparent !important; font-family: var(--ios-font); }
.ant-table { font-family: var(--ios-font) !important; }
.ant-table-fixed { background: transparent !important; }
.ant-table-fixed-left, .ant-table-fixed-right { background: var(--ios-solid) !important; }
.table th, .ant-table-thead > tr > th { color: var(--ios-muted); font-size: 14px; font-weight: 600; letter-spacing: .01em; background: rgba(132, 163, 205, .06) !important; }
.table td, .table th, .ant-table-tbody > tr > td, .ant-table-thead > tr > th { padding: 16px; border-color: var(--ios-line) !important; }
.table-hover tbody tr:hover, .ant-table-tbody > tr:hover > td { background: rgba(var(--ios-rgb), .04) !important; }
.table-responsive { border-radius: 16px; }
.ant-table-placeholder, .ant-empty-description { color: var(--ios-muted); background: transparent; }
.badge, .ant-tag { padding: 5px 10px; border: 0; border-radius: 100px; font-size: 13px; font-weight: 600; }
.badge-success, .badge-soft-success { color: #087b5b !important; background: #d4f3e6 !important; }
.badge-info { color: #1562bd !important; background: #dfeefe !important; }
.badge-warning { color: #966019 !important; background: #fff0d4 !important; }
.progress, .ant-progress-inner { height: 7px; border-radius: 100px; background: rgba(var(--ios-rgb), .1); }
.progress-bar, .ant-progress-bg { border-radius: 100px; background: var(--ios-accent); }
.alert, .ant-alert { border-radius: 17px; border-color: var(--ios-line); }
.alert-info, .ant-alert-info { color: var(--ios-text); background: rgba(var(--ios-rgb), .08); }
.alert-danger { color: #b82d43; background: #ffebee; }
.ant-modal-content, .ant-drawer-content, .ant-dropdown-menu, .dropdown-menu, .ant-popover-inner, .ant-select-dropdown {
  color: var(--ios-text); background: var(--ios-solid) !important; border: 1px solid var(--ios-edge); border-radius: 22px;
  box-shadow: var(--ios-float); overflow: hidden;
}
.ant-modal-header, .ant-modal-footer, .ant-drawer-header { color: var(--ios-ink); background: transparent; border-color: var(--ios-line); }
.ant-modal-title, .ant-modal-close, .ant-drawer-title, .ant-drawer-close { color: var(--ios-ink); }
.dropdown-item, .ant-dropdown-menu-item, .ant-select-dropdown-menu-item { color: var(--ios-text) !important; }
.dropdown-item:hover, .ant-dropdown-menu-item:hover, .ant-select-dropdown-menu-item-active { background: var(--ios-input) !important; }
.ant-modal-mask, .ant-drawer-mask { background: rgba(13, 24, 42, .35); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
/* Keep long app lists inside the viewport, above all page navigation. */
.ios26-subscribe-sheet {
  --ios-sheet-height: calc(100vh - 20px - env(safe-area-inset-top, 0px));
}
@supports (height: 100dvh) {
  .ios26-subscribe-sheet { --ios-sheet-height: calc(100dvh - 20px - env(safe-area-inset-top, 0px)); }
}
.ios26-subscribe-sheet.ant-drawer-bottom .ant-drawer-content-wrapper { height: auto !important; max-height: var(--ios-sheet-height); }
.ios26-subscribe-sheet .ant-drawer-content { height: auto; max-height: var(--ios-sheet-height); overflow: hidden; border-radius: 26px 26px 0 0; }
.ios26-subscribe-sheet .ant-drawer-wrapper-body { display: flex; flex-direction: column; height: auto; max-height: var(--ios-sheet-height); overflow: hidden; }
.ios26-subscribe-sheet .ant-drawer-header { flex: 0 0 auto; padding: 18px 58px 18px 22px; }
.ios26-subscribe-sheet .ant-drawer-title { font-size: 17px; font-weight: 650; }
.ios26-subscribe-sheet .ant-drawer-body { flex: 1 1 auto; min-height: 0; padding: 0 0 max(12px, env(safe-area-inset-bottom, 0px)) !important; overflow-y: auto; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; }
.ios26-subscribe-modal .ant-modal-body { max-height: calc(100vh - 180px); max-height: calc(100dvh - 180px); overflow-y: auto; overscroll-behavior-y: contain; }
.ios26-subscribe-sheet .item___yrtOv, .ios26-subscribe-modal .item___yrtOv { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 60px; padding: 14px 22px; border-color: var(--ios-line); color: var(--ios-text); font-size: 16px; line-height: 1.5; }
.ios26-subscribe-sheet .item___yrtOv div:last-child, .ios26-subscribe-modal .item___yrtOv div:last-child { padding-top: 0; }
.ios26-subscribe-sheet .item___yrtOv img, .ios26-subscribe-modal .item___yrtOv img { display: block; }
.ios26-subscribe-sheet .item___yrtOv:hover, .ios26-subscribe-modal .item___yrtOv:hover { background: var(--ios-input); }
.ant-message-notice-content, .ant-notification-notice { color: var(--ios-text); border: 1px solid var(--ios-edge); border-radius: 18px; background: var(--ios-solid); box-shadow: var(--ios-float); }
.ant-tabs-bar { border-color: var(--ios-line); }
.ant-tabs-tab { color: var(--ios-muted); }
.ant-tabs-tab-active { color: var(--ios-accent); }
.ant-tabs-ink-bar { background: var(--ios-accent); }
.ant-pagination-item, .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { border: 0; border-radius: 12px; background: var(--ios-input); }
.ant-pagination-item a { color: var(--ios-text) !important; }
.ant-pagination-item-active { background: var(--ios-accent); }
.ant-pagination-item-active a { color: #fff !important; }
.ant-radio-inner, .ant-checkbox-inner { background: var(--ios-input); border-color: var(--ios-line); }
.ant-radio-checked .ant-radio-inner, .ant-checkbox-checked .ant-checkbox-inner { border-color: var(--ios-accent); }
.ant-checkbox-checked .ant-checkbox-inner { background: var(--ios-accent); }
.ant-radio-inner::after { background: var(--ios-accent); }
.ant-collapse, .ant-collapse-content { color: var(--ios-text); background: transparent; border-color: var(--ios-line); }
.ant-collapse > .ant-collapse-item > .ant-collapse-header { color: var(--ios-ink); }
.ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-label { color: var(--ios-muted); background: var(--ios-input); }
.ant-descriptions-item-content { color: var(--ios-text); }

/* The package catalog uses the same readable surfaces as the account pages. */
[data-ios26-page='plan'] .content > h2 { margin: 0 0 22px !important; font-size: clamp(24px, 2.5vw, 32px); line-height: 1.35; font-weight: 700 !important; }
[data-ios26-page='plan'] .content > .font-size-sm { margin: 0 0 24px !important; }
[data-ios26-page='plan'] .aikopanel-plan-tabs { display: flex; gap: 4px; width: fit-content; max-width: 100%; padding: 6px; border: 1px solid var(--ios-line) !important; background: var(--ios-input); border-radius: 22px !important; }
[data-ios26-page='plan'] .aikopanel-plan-tabs > span { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border-radius: 16px; color: var(--ios-text); font-size: 15px; line-height: 1.4; text-align: center; }
[data-ios26-page='plan'] .aikopanel-plan-tabs > .active { color: #fff; background: var(--ios-button) !important; box-shadow: 0 3px 8px rgba(var(--ios-rgb), .18); }
[data-ios26-page='plan'] .content > .row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 0; }
[data-ios26-page='plan'] .content > .row > [class*='col-'] { width: auto; max-width: 100%; padding: 0; }
[data-ios26-page='plan'] a.block { display: block; height: 100%; margin: 0 !important; overflow: hidden; opacity: 1; text-decoration: none; }
[data-ios26-page='plan'] a.block:has(button:disabled) { cursor: default; }
[data-ios26-page='plan'] a.block:has(button:disabled):hover { transform: none; }
[data-ios26-page='plan'] .dvs-plan { display: flex; flex-direction: column; height: 100%; margin: 0; border: 0; border-radius: inherit; box-shadow: none; }
[data-ios26-page='plan'] .dvs-plan-aiko { position: static; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
[data-ios26-page='plan'] .dvs-block-title { position: static; display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: 24px; border: 0; border-bottom: 1px solid var(--ios-line); border-radius: 0; color: var(--ios-ink); background: transparent; box-shadow: none; text-shadow: none; }
[data-ios26-page='plan'] .ios26-plan-name { order: 0; margin: 0; color: var(--ios-ink); font-size: 21px; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
[data-ios26-page='plan'] .py-dvs { order: 1; width: 100%; margin: 16px 0 0; padding: 0; border: 0; background: transparent; }
[data-ios26-page='plan'] .py-2-dvs { position: static; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; width: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none !important; text-shadow: none; }
[data-ios26-page='plan'] .h1-dvs { margin: 0 !important; color: var(--ios-accent); font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -.04em; }
[data-ios26-page='plan'] .h1-dvs > i { display: none; }
[data-ios26-page='plan'] .h6-dvs, [data-ios26-page='plan'] .h6-dvs-aiko { position: static; top: auto; margin: 0; color: var(--ios-muted); background: transparent; border: 0; font-size: 14px; font-weight: 500; vertical-align: baseline; }
[data-ios26-page='plan'] .dvs-aiko-tongmuagoi { order: 2; margin-top: 12px; color: var(--ios-muted); font-size: 14px; }
[data-ios26-page='plan'] .aikopanel-sold-out-tag { order: 3; margin-top: 12px; color: var(--ios-text); background: var(--ios-input); }
[data-ios26-page='plan'] .block-content-dvs-gia-goi:empty { display: none; }
[data-ios26-page='plan'] .py-3-dvs { display: flex; flex: 1; flex-direction: column; align-items: stretch; padding: 24px; color: var(--ios-text); background: transparent; }
[data-ios26-page='plan'] .py-3-dvs > .mb-3 { flex: 1; color: var(--ios-text); }
[data-ios26-page='plan'] .py-3-dvs p { color: var(--ios-text); font-size: 16px; line-height: 1.65; }
[data-ios26-page='plan'] .py-3-dvs > button { width: 100%; margin-top: 14px; }
[data-ios26-page='plan'] .py-3-dvs > button:not(:disabled) { color: #fff !important; background: var(--ios-button) !important; }
.ios26-plan-empty { padding: 36px 24px; border: 1px solid var(--ios-edge); border-radius: var(--ios-radius); background: var(--ios-panel); text-align: center; }
.ios26-plan-empty h3 { font-size: 20px; line-height: 1.5; }
.ios26-plan-empty p { margin: 8px 0 0; color: var(--ios-muted); font-size: 16px; }

/* Forms, notification switches and dialogs remain usable with longer labels. */
.form-group > label { display: inline-block; margin-bottom: 10px; color: var(--ios-text); font-size: 15px; line-height: 1.5; font-weight: 600; }
.ant-switch { min-width: 54px; height: 32px; border: 2px solid transparent; background: var(--ios-input); }
.ant-switch::before { position: absolute; inset: -6px; content: ''; }
.ant-switch::after { top: 1px; left: 2px; width: 26px; height: 26px; background: #fff; box-shadow: 0 2px 5px #14223926; }
.ant-switch-checked { background: var(--ios-button); }
.ant-switch-checked::after { left: calc(100% - 28px); margin-left: 0; transform: none; }
.form-group:has([role='switch']) { display: grid; grid-template-columns: minmax(0, 1fr) 56px; align-items: center; gap: 18px; min-height: 56px; }
.form-group:has([role='switch']) > label { margin: 0; }
.alert-warning, .ant-alert-warning { color: var(--ios-text); background: rgba(211, 150, 35, .12); border-color: rgba(211, 150, 35, .25); }
button:disabled, .btn:disabled, .btn.disabled, .ant-btn[disabled] { color: var(--ios-muted) !important; background: var(--ios-input) !important; box-shadow: none !important; opacity: 1; cursor: not-allowed; }
.ant-modal-content { display: flex; flex-direction: column; max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); }
.ant-modal-header, .ant-modal-footer { flex: 0 0 auto; }
.ant-modal-header { padding: 18px 56px 18px 22px; }
.ant-modal-title { font-size: 18px; line-height: 1.4; font-weight: 650; }
.ant-modal-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior-y: contain; }
.ant-modal-footer > div { display: flex; justify-content: flex-end; gap: 10px; }
.ant-modal-footer button + button { margin-left: 0 !important; }
.ant-select-selection__placeholder, .ant-select-selection-selected-value { color: var(--ios-text); }
.ant-select-selection__placeholder { opacity: .75; }
.ant-empty, .ant-empty-description { font-size: 15px; line-height: 1.6; }
[data-ios26-page='profile'] .display-4 { color: var(--ios-ink); font-size: clamp(32px, 4vw, 44px); line-height: 1.3; font-weight: 650 !important; overflow-wrap: anywhere; }
[data-ios26-page='profile'] .display-4 > span { margin-left: 8px !important; font-size: 16px; font-weight: 500; }
[data-ios26-page='profile'] .block-header { justify-content: flex-start; }
[data-ios26-page='profile'] .block-title { text-align: left; }
[data-ios26-page='profile'] .block-content .col-lg-8.col-xl-5 { flex: 0 0 100%; max-width: 100%; }
[data-ios26-page='profile'] .block-content > .row.push { margin-bottom: 0; }

/* Package setup and the order summary share readable, non-overlapping controls. */
#cashier .text-light { color: var(--ios-ink) !important; }
#cashier .block-link-pop:hover { transform: none; box-shadow: var(--ios-shadow) !important; }
#cashier .block-link-pop > .row { border-color: var(--ios-line) !important; color: var(--ios-text); }
#cashier .block-link-pop > .pt-3 { color: var(--ios-muted) !important; }
#cashier .block-link-pop h5 { font-size: 18px; font-weight: 650; }
#cashier .block-link-pop h1 { font-size: clamp(28px, 3vw, 36px); font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
[data-ios26-page='checkout'] #cashier { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 24px; margin: 0; align-items: start; }
[data-ios26-page='checkout'] #cashier > [class*='col-'] { max-width: 100%; width: auto; padding: 0; }
[data-ios26-page='checkout'] .dvs1 { display: block; margin: 0 0 24px; padding: 22px; color: var(--ios-text); border: 1px solid var(--ios-edge); border-radius: var(--ios-radius); background: var(--ios-panel); box-shadow: var(--ios-shadow); }
[data-ios26-page='checkout'] .custom-title { margin: 0 0 18px; padding: 0 0 18px; color: var(--ios-ink); border: 0; border-bottom: 1px solid var(--ios-line); border-radius: 0; background: transparent; font-size: 22px; line-height: 1.4; text-align: left; }
[data-ios26-page='checkout'] .custom-title-dvs1 { margin: 6px 0 0; padding: 0; color: var(--ios-muted); border: 0; background: transparent; font-size: 14px; font-weight: 500; }
[data-ios26-page='checkout'] .custom-row { gap: 16px; margin: 12px 0 0; }
[data-ios26-page='checkout'] .custom-info, [data-ios26-page='checkout'] .custom-info-value { min-width: 0; padding: 0; color: var(--ios-text); border: 0; background: transparent; font-size: 16px; font-weight: 500; white-space: normal; overflow-wrap: anywhere; }
[data-ios26-page='checkout'] .block-title { text-align: left; }
[data-ios26-page='checkout'] .block-content:has(.aikopanel-select) { padding: 12px !important; }
[data-ios26-page='checkout'] .aikopanel-select { align-items: center; gap: 12px; min-height: 60px; margin: 0 0 8px; padding: 14px !important; color: var(--ios-text); border: 1px solid var(--ios-line) !important; background: transparent; cursor: pointer; }
[data-ios26-page='checkout'] .aikopanel-select:last-child { margin-bottom: 0; }
[data-ios26-page='checkout'] .aikopanel-select.active { border-color: var(--ios-accent) !important; background: rgba(var(--ios-rgb), .08); }
[data-ios26-page='checkout'] .aikopanel-select > div { min-width: 0; }
[data-ios26-page='checkout'] .aikopanel-select > div:first-child { display: flex; align-items: center; gap: 8px; }
[data-ios26-page='checkout'] .aikopanel-select-radio { display: inline-block; margin: 0; }
[data-ios26-page='checkout'] .aikopanel-select .price { color: var(--ios-ink); font-weight: 600; }
[data-ios26-page='checkout'] .fa-dvs-fa-check { display: none; }
[data-ios26-page='checkout'] .block:has(> .aikopanel-input-coupon) { display: flex; flex-direction: column; gap: 12px; padding: 20px !important; margin-bottom: 20px !important; }
[data-ios26-page='checkout'] .aikopanel-input-coupon { width: 100%; height: auto; padding: 12px 14px !important; font-size: 16px; }
[data-ios26-page='checkout'] .block:has(> .aikopanel-input-coupon) > button { position: static !important; width: 100%; }

@media (max-width: 767.98px) {
  [data-ios26-page='checkout'] #cashier { grid-template-columns: minmax(0, 1fr); gap: 0; }
}

/* Authentication uses the original inputs, validation and request handlers. */
.aikopanel-background { background: transparent !important; }
.aikopanel-auth-box { position: relative; min-height: 100svh; display: flex; align-items: center; padding: 60px 20px; }
.aikopanel-auth-box > div { max-width: 450px !important; }
.thongtingoi-dangnhap { margin: 0 0 28px; text-align: center; }
.h4-dvs-mb-3 { color: var(--ios-ink) !important; font-size: 29px; font-weight: 750; letter-spacing: -.055em; }
.aiko-dvs-dangnhap { overflow: hidden; padding: 10px; border-radius: 32px !important; }
.aiko-dvs-dangnhap .block-content { padding: 30px !important; }
.aiko-dvs-dangnhap .form-control { height: 54px; font-size: 16px; }
.aiko-dvs-dangnhap .with-icon { padding-left: 44px; padding-right: 48px; }
.icon-inside-input { top: 18px; left: 17px; color: var(--ios-muted); }
.toggle-password-visibility { height: 54px; min-width: 48px; color: var(--ios-muted); border: 0; border-radius: 14px; background: transparent; }
.aiko-dvs-dangnhap .btn-block { min-height: 50px; font-size: 16px; }
.aiko-dvs-dangnhap > .text-left { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; border-top: 1px solid var(--ios-line); }
.aiko-dvs-dangnhap > .text-left > a, .aiko-dvs-dangnhap > .text-left > .aikopanel-login-i18n-btn { display: inline-flex; align-items: center; min-height: 44px; float: none; margin: 0; }
.aiko-dvs-dangnhap > .text-left > .ant-divider-vertical { display: none; }
[data-ios26] .aikopanel-auth-box .form-control { border: 1px solid var(--ios-line) !important; font-family: var(--ios-font); }
[data-ios26] .aikopanel-auth-box .icon-inside-input { top: 19px; left: 17px; transform: none; font-size: 15px; }
[data-ios26] .aikopanel-auth-box .toggle-password-visibility { top: 0; right: 0; width: auto; min-width: 48px; height: 54px; margin: 0; padding: 0 13px; border: 0 !important; border-radius: 0 15px 15px 0 !important; color: var(--ios-muted); background: transparent !important; box-shadow: none; font-size: 14px; }
[data-ios26] .aikopanel-auth-box .font-size-sm { font-weight: 400; }
.aikopanel-login-i18n-btn { color: var(--ios-muted); background: var(--ios-glass); border-radius: 100px; }

/* Native theme controls and loading state. */
.ios26-appearance { position: fixed; right: 24px; bottom: 24px; z-index: 900; }
#ios26-mode-toggle { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--ios-edge); border-radius: 50%; color: var(--ios-text); background: var(--ios-glass); box-shadow: var(--ios-float); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
#ios26-mode-toggle svg { width: 21px; height: 21px; }
.ios26-sun, :root[data-theme-mode='dark'] .ios26-moon { display: none; }
:root[data-theme-mode='dark'] .ios26-sun { display: block; }
:root[data-has-sidebar='true'] .ios26-appearance { display: none; }
#app-loader { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; color: var(--ios-ink); background: var(--ios-bg); transition: opacity .3s; }
#app-loader.is-ready { opacity: 0; pointer-events: none; }
.ios26-loader-mark { display: grid; place-items: center; width: 88px; height: 88px; border: 1px solid var(--ios-edge); border-radius: 27px; color: var(--ios-accent); background: var(--ios-glass); box-shadow: var(--ios-float); }
.ios26-loader-mark svg { width: 46px; height: 46px; }
.ios26-loader-text { color: var(--ios-muted); font-size: 14px; }
.ios26-spinner { width: 20px; height: 20px; border: 2px solid var(--ios-line); border-top-color: var(--ios-accent); border-radius: 50%; animation: ios26-spin .75s linear infinite; }
#ios26-boot-error { max-width: 460px; margin: 20vh auto; padding: 36px; text-align: center; color: var(--ios-text); background: var(--ios-panel); border-radius: 28px; }
@keyframes ios26-spin { to { transform: rotate(360deg); } }
.ios26-dock { display: none; }

/* Overview: use the existing account and subscription data in a calmer layout. */
.ios26-overview { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; }
.ios26-overview > * { grid-column: 1 / -1; min-width: 0; margin: 0 !important; }
.ios26-overview > .row > [class*='col-'], .ios26-overview > .dvs-row > [class*='col-'] { max-width: 100%; padding: 0; margin: 0 !important; }
.ios26-overview > .row:has(.email-dvs-aiko) { grid-column: span 5; }
.ios26-overview > .dvs-row { display: block; width: auto; grid-column: span 7; }
.ios26-overview > .row > [class*='col-'] > .block, .ios26-overview > .dvs-row > [class*='col-'] > .block { min-height: 100%; margin: 0; }
.ios26-intro { padding: 2px 0 3px; }
.ios26-intro > span { color: var(--ios-muted); font-size: 13px; font-weight: 650; letter-spacing: .08em; }
.ios26-intro h1 { margin: 8px 0 6px; font-size: clamp(25px, 2.7vw, 38px); font-weight: 750; line-height: 1.2; letter-spacing: -.055em; }
.ios26-intro p { margin: 0; color: var(--ios-muted); font-size: 16px; line-height: 1.6; }
.ios26-overview .aikopanel-bg-pixels { overflow: hidden; background: linear-gradient(115deg, rgba(var(--ios-rgb), .12), rgba(255, 255, 255, .6)) !important; }
.ios26-overview .aikopanel-bg-pixels .bg-black-50 { padding: 20px 24px; background: transparent !important; }
.ios26-overview .aikopanel-bg-pixels .mb-5 { margin-bottom: 8px !important; }
.ios26-overview .aikopanel-bg-pixels .text-white { color: var(--ios-ink) !important; font-weight: 600; }
.ios26-overview .aikopanel-bg-pixels .text-white-75 { color: var(--ios-muted) !important; font-size: 14px; margin: 0; }
.ios26-overview .aikopanel-bg-pixels .badge { padding: 4px 10px !important; color: var(--ios-accent); background: rgba(var(--ios-rgb), .1); font-size: 13px; letter-spacing: .03em; }
.ios26-overview .block:has(> .email-dvs-aiko) > .block-content.p-0:empty { display: none; }
.ios26-overview .block-content.email-dvs-aiko { height: 100%; margin: 0; padding: 26px; border: 0; border-radius: var(--ios-radius); background: transparent; box-shadow: none; text-align: left; }
.ios26-overview div.email-dvs-aiko { color: var(--ios-ink); overflow-wrap: anywhere; white-space: normal; font-size: 18px; font-weight: 650; line-height: 1.55; }
.ios26-overview .font-sodu-dvs { display: block; margin: 12px 0 18px; color: var(--ios-accent) !important; font-size: 17px; line-height: 1.6; }
.ios26-overview .he-dieu { color: var(--ios-muted); font-size: 14px; line-height: 1.65; font-weight: 400; }
.ios26-overview .he-dieu.text-muted { color: var(--ios-muted) !important; font-size: 14px; }
.ios26-overview .hdh-dvs { font-size: 14px; text-transform: none; font-weight: 400; }
.ios26-overview button.Aiko-DVS, .ios26-overview .Aiko-DVS { display: inline-flex; gap: 7px; align-items: center; justify-content: center; min-height: 48px; margin: 16px 8px 0 0; padding: 12px 16px; border: 1px solid var(--ios-line); border-radius: 100px; color: var(--ios-text); background: var(--ios-input); box-shadow: none; text-shadow: none; font-size: 14px; line-height: 1.5; white-space: normal; }
.ios26-overview .Aiko-DVS img { width: 18px; height: 18px; }
.ios26-overview button.Aiko-DVS:hover, .ios26-overview .Aiko-DVS:hover { transform: none; filter: brightness(.97); }
.ios26-overview button.Aiko-DVS:active, .ios26-overview .Aiko-DVS:active { animation: none; transform: scale(.98); }
.ios26-overview .Aiko-DVS img.icon-zalo, .ios26-overview .Aiko-DVS img.icon-telegram { width: 22px !important; height: 22px !important; margin: 0; border: 0; }
.ios26-overview .email-dvs-aiko > button.Aiko-DVS { margin-right: 6px; padding-inline: 12px; }
.ios26-overview .dvs-goi { padding: 26px !important; margin: 0 !important; border: 0; background: transparent !important; box-shadow: none; text-align: left; white-space: normal; }
.ios26-overview .thongtingoi { display: block; margin: 0; }
.ios26-overview .thongtingoi h3 { padding: 0; border: 0; color: var(--ios-ink); background: transparent; text-align: left; font-size: 22px; }
.ios26-overview .dvs-thongtin { display: block; margin: 8px 0 0; text-align: left; }
.ios26-overview .dvs-thongtin1 { margin: 0; padding: 0; border: 0; color: var(--ios-muted); background: transparent; box-shadow: none; font-size: 13px; letter-spacing: .04em; }
.ios26-overview .hansudung, .ios26-overview .hansudung2 { padding: 0; border: 0; color: var(--ios-muted); background: transparent; box-shadow: none; font-size: 14px; line-height: 1.65; }
.ios26-overview .dvs-aiko-data { font-size: 15px !important; line-height: 1.65; }
.ios26-overview .text-danger { color: #b72940 !important; }
:root[data-theme-mode='dark'] .ios26-overview .text-danger { color: #ffb1bf !important; }
.ios26-overview .hansudung, .ios26-overview .hansudung2 { display: block; text-align: left; }
.ios26-overview .hansudung2 i { margin-right: 6px; }
.ios26-overview .dvs-center { margin-top: 20px; color: var(--ios-text); background: transparent; text-align: left; font-size: 16px; }
.ios26-overview .font-dvs-aiko { display: block; margin: 10px 0 18px; padding: 0; border: 0; color: var(--ios-muted); background: transparent; box-shadow: none; font-size: 14px; line-height: 1.65; font-weight: 400; text-transform: none; }
.ios26-overview .font-dvs-aiko .tooltip-container { display: block; max-width: 100%; white-space: pre-line; line-height: 1.65; text-align: left; }
.ios26-overview .font-dvs-aiko i { color: var(--ios-accent); }
.ios26-overview .font-dvsAiko { margin-top: 10px; color: var(--ios-muted); font-size: 14px; line-height: 1.65; font-weight: 400; overflow-wrap: anywhere; }
.ios26-overview .dvs-aiko-transfer { margin-top: 12px; color: var(--ios-text); font-size: 16px; }
.ios26-overview .progress { overflow: hidden; height: 8px !important; box-shadow: none; background: var(--ios-input); }
.ios26-overview .progress-bar { background: var(--ios-accent) !important; animation: none; }
.ios26-overview .progress-text { display: none; }
.ios26-overview .aikopanel-dvs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ios26-overview .aikopanel-dvs .Aiko-DVS { width: 100%; margin: 0; justify-content: center; min-height: 48px; font-size: 14px; font-weight: 500; }
.ios26-overview .aikopanel-DevDVS-App { margin: 16px 0 10px; }
.ios26-overview .aikopanel-DevDVS-item { padding: 0; border: 0; background: transparent; }
.ios26-overview .aikopanel-DevDVS-item .Aiko-DVS { display: flex; justify-content: center; width: 100%; margin: 0; min-height: 52px; color: #fff; background: var(--ios-button); font-size: 15px; cursor: pointer; }
.ios26-overview .aikopanel-dvs-center { margin-bottom: 0; }
.ios26-overview .aikopanel-dvs .DVS-Aiko-Mod2 { color: #cc3c51; }
.ios26-overview .block:has(.aikopanel-shortcuts-item) .block-content > div > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 16px; }
.ios26-overview .aikopanel-shortcuts-item { min-height: 140px; padding: 20px 18px; border: 1px solid var(--ios-line) !important; background: rgba(255, 255, 255, .27) !important; font-size: 16px; line-height: 1.5; }
.ios26-overview .aikopanel-shortcuts-item > div:first-child { padding-right: 24px; }
.ios26-overview .aikopanel-shortcuts-item > .description { margin-top: 10px; color: var(--ios-muted); opacity: 1; font-size: 14px; line-height: 1.6; font-weight: 400; }
.ios26-overview .aikopanel-shortcuts-item i { top: 17px; right: 12px; color: var(--ios-accent); font-size: 20px; opacity: .8; }
:root[data-theme-mode='dark'] .ios26-overview .aikopanel-bg-pixels { background: linear-gradient(115deg, rgba(var(--ios-rgb), .15), var(--ios-panel)) !important; }

@media (min-width: 992px) {
  #page-container.sidebar-o { padding-left: calc(var(--ios-sidebar) + 40px); }
  #page-container.sidebar-o #page-header { left: calc(var(--ios-sidebar) + 56px); }
  [data-ios26-page='profile'] > .content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  [data-ios26-page='profile'] > .content > .row { margin: 0; }
  [data-ios26-page='profile'] > .content > .row > [class*='col-'] { padding: 0; }
  [data-ios26-page='profile'] > .content > .row .block { min-height: 100%; margin-bottom: 0; }
  [data-ios26-page='profile'] > .content > .row:first-child, [data-ios26-page='profile'] > .content > .row:last-child { grid-column: 1 / -1; }
}
@media (max-width: 1199px) and (min-width: 992px) {
  :root { --ios-sidebar: 215px; }
  #sidebar .content-header img { max-width: 155px; }
  #main-container > .content { padding: 20px 24px; }
  [data-ios26-page='plan'] .content > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  :root { --ios-header-top: calc(12px + env(safe-area-inset-top)); --ios-dock-space: calc(112px + env(safe-area-inset-bottom)); }
  #page-container { padding-left: 0 !important; }
  #main-container { padding-top: var(--ios-header-offset) !important; padding-bottom: var(--ios-dock-space) !important; }
  #main-container > .content { padding: 16px 22px 30px; }
  #page-header { top: var(--ios-header-top); left: 12px !important; right: 12px; height: var(--ios-header-height); border-radius: 24px; }
  #page-container.page-header-fixed #page-header { top: var(--ios-header-top); right: 12px; }
  #page-header .sidebar-toggle { display: block !important; }
  #page-container #page-header .content-header { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 6px; height: calc(var(--ios-header-height) - 2px); padding: 0 10px; }
  #page-header .aikopanel-container-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #page-header .content-header > div:last-child { display: flex; gap: 2px; align-items: center; }
  #page-header .btn { width: 44px; padding: 8px; margin: 0 !important; font-size: 17px; }
  #page-header button:has(.user_avatar) .fa-angle-down { display: none; }
  #sidebar { top: 12px; bottom: 12px; left: 12px; width: 260px; transform: translateX(-290px); }
  #page-container.sidebar-o-xs #sidebar { transform: translateX(0); }
  .ios26-dock {
    position: fixed; z-index: 900; bottom: calc(12px + env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%);
    display: flex; justify-content: space-around; gap: 3px; width: min(460px, calc(100% - 20px)); padding: 6px;
    border: 1px solid var(--ios-edge); border-radius: 30px; background: var(--ios-glass); box-shadow: var(--ios-float);
    backdrop-filter: blur(35px) saturate(1.7); -webkit-backdrop-filter: blur(35px) saturate(1.7);
  }
  .ios26-dock a, .ios26-dock button { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; min-height: 68px; padding: 6px 2px; border: 0; border-radius: 23px; color: var(--ios-muted) !important; background: transparent; font-size: 12px; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; }
  .ios26-dock a[aria-current='page'] { color: var(--ios-accent) !important; background: rgba(var(--ios-rgb), .12); }
  .ios26-dock .nav-main-link-icon { width: auto; height: auto; margin: 0; color: inherit !important; font-size: 21px; background: none; line-height: 1; }
  .ios26-dock svg { width: 23px; height: 23px; }
  .ios26-dock span { display: flex; align-items: center; justify-content: center; min-height: 2.4em; max-width: 100%; white-space: normal; text-align: center; }
  .ios26-overview > .row:has(.email-dvs-aiko), .ios26-overview > .dvs-row { grid-column: 1 / -1; }
  .ios26-overview .block:has(.aikopanel-shortcuts-item) .block-content > div > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-ios26-page='plan'] .content > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  [data-ios26-page='plan'] .content > .row { grid-template-columns: minmax(0, 1fr); }
  [data-ios26-page='plan'] .aikopanel-plan-tabs { width: 100%; }
  [data-ios26-page='plan'] .aikopanel-plan-tabs > span { flex: 1; min-width: 0; padding: 10px 8px; font-size: 14px; }
}
@media (max-width: 575px) {
  :root { --ios-radius: 23px; }
  #main-container > .content { padding: 14px 16px 25px; }
  .aikopanel-container-title { font-size: 17px; }
  .block { margin-bottom: 16px; }
  .block-content, .ant-card-body { padding: 19px; }
  .block-header, .block-header-default, .ant-card-head { padding: 16px 19px; }
  .form-control, .ant-input, select { font-size: 16px; }
  .aikopanel-auth-box { padding: 65px 14px; }
  .aiko-dvs-dangnhap .block-content { padding: 24px 18px !important; }
  .h4-dvs-mb-3 { font-size: 25px; }
  .ios26-appearance { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); }
  .ant-modal { max-width: calc(100vw - 24px); }
  .ant-modal:not(.ios26-subscribe-modal) { top: 16px; margin: 0 auto; padding-bottom: 16px; }
  .ant-modal-centered .ant-modal:not(.ios26-subscribe-modal) { top: 0; }
  .ant-modal-body { padding: 20px; }
  .ant-modal-footer > div > button { flex: 1; min-width: 0; }
  .aikopanel-payment-qrcode { max-width: 100%; }
  .ios26-overview { gap: 16px; }
  .ios26-intro h1 { font-size: 26px; }
  .ios26-overview .block-content.email-dvs-aiko, .ios26-overview .dvs-goi { padding: 22px !important; }
  .ios26-overview .aikopanel-dvs { grid-template-columns: minmax(0, 1fr); }
  .ios26-overview .aikopanel-dvs .Aiko-DVS { min-height: 50px; font-size: 15px; }
  .ios26-overview .block:has(.aikopanel-shortcuts-item) .block-content > div > div { grid-template-columns: minmax(0, 1fr); }
  .ios26-overview .aikopanel-shortcuts-item { min-height: 110px; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #sidebar, #page-header, .ios26-dock, #ios26-mode-toggle { background: var(--ios-solid) !important; }
}
@media (prefers-reduced-transparency: reduce) {
  :root { --ios-panel: var(--ios-solid); --ios-glass: var(--ios-solid); }
  #ios26-wallpaper::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}