.xn-shell{min-height:100vh;background:var(--bg);color:var(--text)}.xn-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-4);background:var(--glass);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.xn-topbar__left,.xn-topbar__right{display:flex;align-items:center;gap:var(--space-3)}.xn-topbar__brand{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-1);border-radius:var(--radius-sm);font-weight:700;letter-spacing:.02em}.xn-topbar__brand span{background:linear-gradient(120deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.xn-topbar__balance{padding:6px 12px;border-radius:999px;background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));font-size:var(--fs-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-topbar__user{font-size:var(--fs-sm);color:var(--muted)}.xn-badge{padding:2px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;background:var(--cyan-soft);color:var(--brand-2);border:1px solid color-mix(in srgb,var(--brand-2) 40%,transparent)}.xn-badge,.xn-btn{display:inline-flex;align-items:center}.xn-btn{justify-content:center;gap:6px;min-height:var(--control-h);padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;transition:background .15s var(--ease-out),border-color .15s var(--ease-out)}.xn-btn:hover{border-color:color-mix(in srgb,var(--brand) 50%,var(--line));background:color-mix(in srgb,var(--panel2) 80%,var(--brand))}.xn-btn--primary{background:var(--brand) linear-gradient(135deg,var(--brand),var(--brand-deep));border-color:transparent;color:var(--on-brand);font-weight:600;box-shadow:var(--glow-soft)}.xn-btn--primary:hover{filter:brightness(1.08)}.xn-btn--danger{background:color-mix(in srgb,var(--bad) 22%,var(--panel2));border-color:color-mix(in srgb,var(--bad) 45%,var(--line));color:var(--bad-ink);font-weight:600}.xn-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--bad) 32%,var(--panel2))}.xn-btn--ghost{background:transparent}.xn-btn--sm{min-height:var(--control-h-compact);padding:6px 10px;font-size:var(--fs-sm)}.xn-menu-btn{display:none;width:var(--tap-min);height:var(--tap-min);align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel2);cursor:pointer}.xn-body{display:flex;min-height:calc(100vh - var(--topbar-h))}.xn-sidebar{position:-webkit-sticky;position:sticky;top:var(--topbar-h);align-self:flex-start;width:var(--sidebar-w);height:calc(100vh - var(--topbar-h));overflow:hidden;padding:var(--space-4) var(--space-3);border-right:1px solid var(--line);background:var(--panel);flex-shrink:0}.xn-sidebar,.xn-sidebar__nav{display:flex;flex-direction:column;gap:var(--space-3)}.xn-sidebar__nav{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:2px;padding-bottom:var(--space-3);scroll-padding-bottom:var(--space-3);-webkit-overflow-scrolling:touch}.xn-sidebar__balance{margin-top:0;flex:0 0 auto;position:relative;z-index:2;padding:12px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--brand-soft) 90%,transparent),color-mix(in srgb,var(--panel2) 80%,transparent)),var(--panel);box-shadow:var(--glow-soft)}.xn-sidebar__balance-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.xn-sidebar__balance-label{margin:0;font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.xn-sidebar__balance-value{margin:4px 0 0;font-size:15px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-sidebar__balance-add{width:var(--tap-min);height:var(--tap-min);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand) linear-gradient(135deg,var(--brand),var(--brand-deep));color:var(--on-brand);font-size:18px;font-weight:700;line-height:1;border:none;box-shadow:var(--glow-soft);flex-shrink:0}.xn-sidebar__balance-add:hover{filter:brightness(1.08)}.xn-sidebar__balance-link{display:inline-block;margin-top:8px;font-size:var(--fs-xs);color:var(--brand-2);font-weight:600}.xn-sidebar__balance-link:hover{text-decoration:underline}.xn-sidebar__section{--nav-accent:var(--nav-default);--nav-accent-soft:var(--nav-default-soft);--nav-accent-line:var(--nav-default-line);margin:0;padding:10px 8px 8px;border-radius:var(--radius);border:1px solid var(--nav-accent-line);background:linear-gradient(135deg,color-mix(in srgb,var(--nav-accent-soft) 88%,transparent) 0,transparent 62%),color-mix(in srgb,var(--panel2) 55%,transparent);box-shadow:inset 3px 0 0 0 var(--nav-accent)}.xn-sidebar__section--personal{--nav-accent:var(--nav-personal);--nav-accent-soft:var(--nav-personal-soft);--nav-accent-line:var(--nav-personal-line)}.xn-sidebar__section--facebook{--nav-accent:var(--nav-facebook);--nav-accent-soft:var(--nav-facebook-soft);--nav-accent-line:var(--nav-facebook-line)}.xn-sidebar__section--tiktok{--nav-accent:var(--nav-tiktok);--nav-accent-soft:var(--nav-tiktok-soft);--nav-accent-line:var(--nav-tiktok-line)}.xn-sidebar__section--shopee{--nav-accent:var(--nav-shopee);--nav-accent-soft:var(--nav-shopee-soft);--nav-accent-line:var(--nav-shopee-line)}.xn-sidebar__section--youtube{--nav-accent:var(--nav-youtube);--nav-accent-soft:var(--nav-youtube-soft);--nav-accent-line:var(--nav-youtube-line)}.xn-sidebar__section--instagram{--nav-accent:var(--nav-instagram);--nav-accent-soft:var(--nav-instagram-soft);--nav-accent-line:var(--nav-instagram-line)}.xn-sidebar__section--twitter{--nav-accent:var(--nav-twitter);--nav-accent-soft:var(--nav-twitter-soft);--nav-accent-line:var(--nav-twitter-line)}.xn-sidebar__section--threads{--nav-accent:var(--nav-threads);--nav-accent-soft:var(--nav-threads-soft);--nav-accent-line:var(--nav-threads-line)}.xn-sidebar__section--telegram{--nav-accent:var(--nav-telegram);--nav-accent-soft:var(--nav-telegram-soft);--nav-accent-line:var(--nav-telegram-line)}.xn-sidebar__section--admin{--nav-accent:var(--nav-admin);--nav-accent-soft:var(--nav-admin-soft);--nav-accent-line:var(--nav-admin-line)}.xn-sidebar__section--default{--nav-accent:var(--nav-default);--nav-accent-soft:var(--nav-default-soft);--nav-accent-line:var(--nav-default-line)}.xn-sidebar__section.is-coming-soon{opacity:.92}.xn-sidebar__title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:2px 6px 8px;border-bottom:1px dashed color-mix(in srgb,var(--nav-accent) 35%,var(--line));font-size:var(--fs-xs);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--nav-accent)}.xn-sidebar__title-text{flex:1 1 auto;min-width:0}.xn-sidebar__badge{margin-left:auto;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--nav-accent) 35%,transparent)}.xn-sidebar__badge,.xn-sidebar__title-icon{color:var(--nav-accent);background:var(--nav-accent-soft);flex-shrink:0}.xn-sidebar__title-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px}.xn-sidebar__title-icon .xn-nav-icon__svg{width:13px;height:13px}.xn-nav-link{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:var(--radius-sm);color:color-mix(in srgb,var(--text) 72%,var(--muted));font-size:var(--fs-sm);margin-bottom:2px;border:1px solid transparent;transition:background .12s var(--ease-out),color .12s var(--ease-out),border-color .12s var(--ease-out)}button.xn-nav-link{width:100%;background:transparent;cursor:pointer;font:inherit;text-align:left}.xn-nav-link:hover{background:color-mix(in srgb,var(--nav-accent-soft) 70%,var(--panel2));color:var(--text);border-color:color-mix(in srgb,var(--nav-accent) 22%,transparent)}.xn-nav-link.is-active{background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 42%,transparent),color-mix(in srgb,var(--brand-2) 18%,transparent));color:var(--text);font-weight:600;border-color:color-mix(in srgb,var(--brand) 45%,transparent);box-shadow:inset 2px 0 0 0 var(--brand),var(--glow-soft)}.xn-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:color-mix(in srgb,var(--nav-accent-soft) 80%,transparent);color:var(--nav-accent);flex-shrink:0}.xn-nav-link.is-active .xn-nav-icon{background:color-mix(in srgb,var(--brand) 28%,transparent);color:var(--text)}.xn-nav-icon__svg{display:block;flex-shrink:0}.xn-nav-link__label{min-width:0;line-height:1.35;flex:1 1 auto}.xn-nav-link--soon{cursor:default;opacity:.72;color:var(--muted);pointer-events:none}.xn-nav-link--soon:hover{background:transparent;color:var(--muted);border-color:transparent}.xn-nav-link__soon-tag{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--nav-accent) 80%,var(--muted));opacity:.9;flex-shrink:0}.xn-main{flex:1 1;min-width:0;padding:var(--space-5) var(--space-6)}.xn-page-title{margin:0 0 var(--space-2);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em}.xn-page-sub{margin:0 0 var(--space-5);color:var(--muted);font-size:var(--fs-sm)}.xn-card{background:var(--card);border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line));border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-glow)}.xn-card+.xn-card{margin-top:var(--space-4)}.xn-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.xn-card__head h2{margin:0;font-size:16px;font-weight:700}.xn-card__link{font-size:var(--fs-sm);color:var(--brand-2);font-weight:600;white-space:nowrap}.xn-card__link:hover{text-decoration:underline}.xn-level-track{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,var(--brand) 14%,transparent),transparent 55%),linear-gradient(165deg,color-mix(in srgb,var(--panel2) 88%,var(--brand-soft)),var(--card));border-color:color-mix(in srgb,var(--brand) 28%,var(--line))}.xn-level-track__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.xn-level-track__title{margin:0;font-size:16px;font-weight:700;letter-spacing:.01em}.xn-level-track__sub{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.45;max-width:36rem}.xn-level-track__badge{flex-shrink:0;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--brand);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line))}.xn-level-track__loading{margin:0;color:var(--muted);font-size:13px}.xn-level-track__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-3)}.xn-level-track__spend{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.xn-level-track__proj{font-size:1.05rem;font-weight:700}.xn-level-track__hint{margin:0 0 var(--space-4);padding:12px 14px;border-radius:calc(var(--radius) - 2px);font-size:13.5px;line-height:1.5;background:color-mix(in srgb,var(--brand-soft) 70%,var(--panel2));border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line))}.xn-level-track__hint--vip{background:color-mix(in srgb,var(--panel2) 90%,var(--gold));border-color:color-mix(in srgb,var(--gold) 35%,var(--line))}.xn-level-track__bar-wrap{margin-top:4px}.xn-level-track__bar{position:relative;height:12px;border-radius:999px;background:color-mix(in srgb,var(--line) 65%,var(--panel2));overflow:hidden}.xn-level-track__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-2));box-shadow:0 0 16px color-mix(in srgb,var(--brand) 45%,transparent);transition:width .45s ease}.xn-level-track__mark{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:color-mix(in srgb,var(--text) 35%,transparent);opacity:.55}.xn-level-track__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);margin-top:14px}.xn-level-track__step{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.xn-level-track__step:nth-child(2){align-items:center;text-align:center}.xn-level-track__step:nth-child(3){align-items:flex-end;text-align:right}.xn-level-track__dot{width:10px;height:10px;border-radius:50%;background:var(--line);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line)}.xn-level-track__step.is-reached .xn-level-track__dot{background:var(--brand);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 50%,var(--line))}.xn-level-track__step.is-next .xn-level-track__dot{background:var(--brand-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}.xn-level-track__step-label{font-size:12px;font-weight:700;color:var(--muted)}.xn-level-track__step.is-next .xn-level-track__step-label,.xn-level-track__step.is-reached .xn-level-track__step-label{color:var(--text)}.xn-level-track__step-at{font-size:11px;color:var(--muted)}@media (max-width:640px){.xn-level-track__stats{grid-template-columns:1fr}.xn-level-track__head{flex-direction:column}}.xn-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.xn-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.xn-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.xn-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.xn-field label{font-size:var(--fs-sm);color:var(--muted);font-weight:600}.xn-field input,.xn-field select,.xn-field textarea{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel2);color:var(--text)}.xn-field input:not([type=checkbox]):not([type=radio]),.xn-field select{min-height:var(--input-h)}.xn-field textarea{min-height:88px;resize:vertical}.xn-field--check{margin-bottom:var(--space-3)}.xn-field--check label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.xn-field--check input[type=checkbox]{width:16px;height:16px;margin:0;padding:0;accent-color:var(--accent,var(--brand));cursor:pointer;flex-shrink:0}.xn-admin-filter{margin-bottom:var(--space-4)}.xn-admin-filter__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-3);gap:var(--space-3);align-items:end}.xn-admin-filter .xn-field{margin-bottom:0}.xn-admin-filter__actions{display:flex;align-items:stretch;min-height:42px}.xn-admin-filter__actions .xn-btn{width:100%;min-height:42px}.xn-field input,.xn-field select,.xn-field textarea{font:inherit;font-size:var(--fs-base);line-height:1.4;color-scheme:inherit;outline:none;transition:border-color .12s var(--ease-out),box-shadow .12s var(--ease-out)}.xn-field input:hover,.xn-field select:hover,.xn-field textarea:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}.xn-field input:focus,.xn-field select:focus,.xn-field textarea:focus{border-color:color-mix(in srgb,var(--brand) 65%,var(--line));box-shadow:0 0 0 3px var(--brand-soft)}.xn-password{position:relative;display:flex;align-items:stretch;width:100%}.xn-password .xn-password__input{flex:1 1 auto;width:100%;min-width:0;box-sizing:border-box;padding-right:calc(var(--tap-min, 44px) + 6px)}.xn-password__toggle{position:absolute;top:50%;right:2px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min,44px);height:var(--tap-min,44px);padding:0;margin:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer;box-shadow:none}.xn-password__toggle:hover{color:var(--text);background:color-mix(in srgb,var(--brand) 10%,transparent)}.xn-password__toggle:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;color:var(--text)}.xn-field input[type=date],.xn-field input[type=datetime-local],.xn-field input[type=month],.xn-field input[type=time],.xn-field input[type=week]{min-height:var(--input-h);width:100%;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;padding-right:40px;cursor:pointer}.xn-field input[type=date]::-webkit-datetime-edit,.xn-field input[type=date]::-webkit-datetime-edit-day-field,.xn-field input[type=date]::-webkit-datetime-edit-fields-wrapper,.xn-field input[type=date]::-webkit-datetime-edit-month-field,.xn-field input[type=date]::-webkit-datetime-edit-text,.xn-field input[type=date]::-webkit-datetime-edit-year-field{color:var(--text);padding:0}.xn-field input[type=date]:not(:valid)::-webkit-datetime-edit,.xn-field input[type=date][value=""]::-webkit-datetime-edit{color:var(--muted)}.xn-field input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;margin:0;padding:0;cursor:pointer;opacity:.85;border-radius:4px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M8 3.5v3M16 3.5v3M3.5 10h17'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:16px 16px;filter:none}.xn-field input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:var(--brand-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a5b4fc' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M8 3.5v3M16 3.5v3M3.5 10h17'/%3E%3C/svg%3E")}.xn-field input[type=date]::-webkit-clear-button,.xn-field input[type=date]::-webkit-inner-spin-button{display:none}.xn-table-wrap{overflow-x:auto}.xn-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.xn-table td,.xn-table th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.xn-table th{color:var(--muted);font-weight:600;white-space:nowrap}.xn-status{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;background:var(--panel2);border:1px solid var(--line)}.xn-status--ok{background:var(--green-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.xn-status--warn{background:var(--amber-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.xn-status--bad{background:var(--red-soft);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,transparent)}.xn-status--info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb,var(--info) 35%,transparent)}.xn-status-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:40;min-width:200px;padding:6px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:2px}.xn-status-menu__item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.xn-status-menu__item:hover:not(:disabled){background:var(--panel2)}.xn-status-menu__item:disabled{opacity:.45;cursor:not-allowed}.xn-status-menu__hint{font-size:11px;font-weight:500;color:var(--muted);white-space:nowrap}.xn-modal-root{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));pointer-events:auto}.xn-modal-backdrop{position:absolute;inset:0;background:var(--overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.xn-modal{position:relative;z-index:1;width:min(420px,100%);max-height:min(88vh,640px);overflow:auto;background:var(--panel);border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:var(--radius-lg);box-shadow:var(--shadow-modal),0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent);padding:var(--space-5);animation:xn-modal-in .18s var(--ease-out)}.xn-modal--checkin{width:min(460px,100%)}.xn-checkin-month{margin:4px 0 8px}.xn-checkin-month__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:var(--fs-sm);color:var(--muted)}.xn-checkin-month__head strong{color:var(--text);font-weight:600}.xn-checkin-month__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:5px;gap:5px}.xn-checkin-month__day{aspect-ratio:1;min-height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;font-weight:600;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.xn-checkin-month__day.is-checked{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:color-mix(in srgb,var(--brand) 28%,transparent);color:var(--text)}.xn-checkin-month__day.is-today:not(.is-checked){border-color:color-mix(in srgb,var(--brand-2) 55%,var(--line));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-2) 35%,transparent)}.xn-checkin-month__day.is-today.is-checked{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-2) 40%,transparent)}.xn-checkin-month__day.is-future{opacity:.35}@keyframes xn-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.xn-modal__title{margin:0 0 6px;font-size:var(--fs-md);font-weight:700;color:var(--text)}.xn-modal__sub{margin:0 0 var(--space-4);font-size:var(--fs-sm);color:var(--muted);line-height:1.45}.xn-modal__meta{display:grid;grid-gap:8px;gap:8px;margin-bottom:var(--space-4);padding:12px;border-radius:var(--radius-sm);background:var(--panel2);border:1px solid var(--line);font-size:var(--fs-sm)}.xn-modal__meta-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.xn-modal__meta-row span{color:var(--muted)}.xn-modal__meta-row strong{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-modal__field{margin-bottom:var(--space-3)}.xn-modal__field label{display:block;margin-bottom:6px;font-size:var(--fs-sm);font-weight:600;color:var(--muted)}.xn-modal__field input,.xn-modal__field textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:var(--fs-base);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:inherit;resize:vertical}.xn-modal__field input:focus,.xn-modal__field textarea:focus{outline:none;border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:0 0 0 3px var(--brand-soft)}.xn-modal__field input.is-invalid,.xn-modal__field textarea.is-invalid{border-color:color-mix(in srgb,var(--bad) 55%,var(--line))}.xn-modal__hint{margin-top:6px;font-size:12px;color:var(--muted)}.xn-modal__hint--err{color:var(--bad)}.xn-modal__hint--ok{color:var(--ok)}.xn-modal__actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:var(--space-5)}.xn-modal__actions .xn-btn{min-height:42px;padding:10px 16px;font-weight:600}.xn-modal__actions .xn-btn--danger,.xn-modal__actions .xn-btn--primary{min-width:120px}@media (max-width:640px){.xn-modal-root{align-items:flex-end;padding:12px 12px max(12px,env(safe-area-inset-bottom,0px))}.xn-modal,.xn-modal--checkin,.xn-modal--dialog{width:100%;max-height:min(82vh,560px);border-radius:16px 16px 12px 12px;padding:18px 16px 16px;animation:xn-modal-sheet-in .2s var(--ease-out)}.xn-modal__title{font-size:18px}.xn-modal__sub{font-size:14px}.xn-modal__actions{display:grid;grid-template-columns:1fr 1.35fr;grid-gap:10px;gap:10px;margin-top:18px}.xn-modal__actions .xn-btn,.xn-modal__actions .xn-btn--danger,.xn-modal__actions .xn-btn--primary{width:100%;min-width:0;min-height:48px}}@keyframes xn-modal-sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.xn-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--line);padding-bottom:var(--space-2);flex-wrap:wrap}.xn-tab{padding:8px 14px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-weight:600;font-size:var(--fs-sm)}.xn-tab.is-active{color:var(--text);background:var(--panel2);border-color:var(--line);border-bottom-color:var(--panel2)}.xn-alert{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel2);font-size:var(--fs-sm);margin-bottom:var(--space-4)}.xn-alert--error{background:var(--red-soft);border-color:color-mix(in srgb,var(--bad) 40%,transparent);color:var(--bad-ink)}.xn-alert--ok{background:var(--green-soft);border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok-ink)}.xn-stat{padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--line);background:var(--panel2)}.xn-stat__label{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.xn-stat__value{margin-top:4px;font-size:var(--fs-lg);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-empty{padding:var(--space-8);text-align:center;color:var(--muted)}.xn-overlay{display:none}.xn-auth-page,.xn-marketing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:radial-gradient(ellipse at top,var(--page-glow-1),transparent 55%),radial-gradient(ellipse at bottom right,var(--page-glow-2),transparent 45%),var(--bg)}.xn-auth-card{width:100%;max-width:420px}.xn-marketing-inner{width:100%;max-width:720px;text-align:center}.xn-marketing-inner h1{font-size:clamp(1.75rem,4vw,2.5rem);margin:0 0 var(--space-3);letter-spacing:-.03em}.xn-marketing-inner p{color:var(--muted);margin:0 0 var(--space-6)}.xn-cta-row{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.xn-pay{grid-gap:var(--space-4)}.xn-pay,.xn-pay__hero{display:grid;gap:var(--space-4)}.xn-pay__hero{background:var(--hero-bg) var(--hero-grad);color:var(--on-hero);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--hero-shadow);grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);grid-gap:var(--space-4);align-items:center}.xn-pay__hero-note{margin:10px 0 0;max-width:540px;color:var(--on-hero-muted);font-size:14px;line-height:1.55}.xn-pay__hero-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.xn-pay__hero-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:var(--on-hero-soft);border:1px solid var(--on-hero-line);font-size:13px;font-weight:700}.xn-pay__layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.95fr);align-items:start}.xn-pay__layout,.xn-pay__main,.xn-pay__side{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.xn-pay__side .xn-card{padding:var(--space-4)}.xn-pay__card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.xn-pay__muted{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.xn-pay__qr-panel{--bg:#ffffff;--panel:#ffffff;--panel2:#f4f6fb;--card:#ffffff;--line:#d3dae6;--line-strong:#b4bfcf;--text:#0f1b33;--muted:#4a566e;--brand:#1f4fd8;--brand-deep:#1a43bb;--brand-2:#1a43bb;--brand-soft:#eaf0fe;--brand-ink:#1a43bb;--on-brand:#ffffff;--qr-bg:#ffffff;color-scheme:light;display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start;padding:var(--space-4);border:1px solid #d3dae6;border-radius:var(--radius-lg);background:#ffffff;color:#0f1b33}.xn-pay__bank{display:grid;grid-gap:12px;gap:12px}.xn-pay__bank-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel2) 78%,transparent);font-size:14px}.xn-pay__bank-item span{color:var(--muted)}.xn-pay__bank-item--stack{display:grid;grid-gap:8px;gap:8px;align-items:stretch}.xn-pay__copy{background:color-mix(in srgb,var(--brand) 14%,transparent);border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));color:var(--brand-2);font-size:13px;font-weight:600;cursor:pointer;min-height:44px;padding:10px 14px;border-radius:999px;white-space:normal;text-align:center}.xn-pay__qr-fallback{max-width:260px;padding:12px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--text);font-size:13px;line-height:1.5}.xn-pay__qr{text-align:center;padding:var(--space-4);background:var(--panel2);border-radius:var(--radius);border:1px solid var(--line);display:grid;grid-gap:16px;gap:16px;justify-items:center}.xn-pay__qr img{background:var(--qr-bg);border-radius:12px;padding:8px;max-width:100%;height:auto;display:block;margin:0 auto}.xn-pay__steps{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.xn-pay__step{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);text-align:left;font-size:13px;line-height:1.55;color:var(--muted)}.xn-pay__num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--brand);color:var(--on-brand);font-weight:700;font-size:11px;margin-bottom:6px}.xn-pay__transfer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px dashed var(--brand);border-radius:var(--radius);font-family:var(--font-mono,monospace);font-weight:600;color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent)}.xn-pay__transfer code{word-break:break-word}.xn-pay__amounts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-2);gap:var(--space-2);margin:8px 0 16px}.xn-pay__amounts--compact{margin:0}.xn-pay__amt{min-height:var(--tap-min,44px);min-width:0;padding:8px 6px;border:1.5px solid color-mix(in srgb,var(--brand) 12%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--panel) 82%,var(--lift) 18%);font-weight:700;cursor:pointer;color:var(--text);font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-pay__amt.is-active,.xn-pay__amt:hover,.xn-pay__amt[aria-pressed=true]{border-color:var(--brand);color:var(--brand-ink);background:color-mix(in srgb,var(--brand) 16%,var(--panel));transform:translateY(-1px)}.xn-pay__summary{display:grid;grid-gap:12px;gap:12px}.xn-pay__summary-item{display:grid;grid-gap:6px;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel2) 78%,transparent)}.xn-pay__summary-item span{color:var(--muted);font-size:12px}.xn-pay__summary-item strong{font-size:14px;line-height:1.45;word-break:break-word}.xn-pay__quick-amount{display:grid;grid-gap:14px;gap:14px;padding:0;border:0;background:none;text-align:left;width:100%}.xn-pay__quick-amount-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.xn-pay__quick-amount-head span,.xn-pay__quick-amount-head strong:last-child{color:var(--brand-2);font-weight:800}.xn-pay__amount-input{display:grid;grid-gap:8px;gap:8px;text-align:left}.xn-pay__amount-input label{font-size:13px;font-weight:700;color:var(--text)}.xn-pay__amount-input input{height:48px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--brand) 24%,var(--line));background:var(--panel2);padding:0 14px;font-size:16px;font-weight:700;color:var(--text);box-shadow:var(--shadow-inset)}.xn-pay__amount-input input::placeholder{color:var(--muted);opacity:1}.xn-pay__amount-input input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 16%,transparent)}.xn-pay__notes{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.6}.xn-pay__notes li+li{margin-top:8px}@media (max-width:1200px){.xn-pay__hero,.xn-pay__qr-panel{grid-template-columns:1fr}.xn-pay__hero-badges{justify-content:flex-start}}@media (max-width:980px){.xn-pay__hero,.xn-pay__layout,.xn-pay__qr-panel{grid-template-columns:1fr}.xn-pay__hero-badges{justify-content:flex-start}.xn-pay__bank-item,.xn-pay__card-head,.xn-pay__transfer{display:grid;justify-content:stretch;grid-gap:8px;gap:8px}.xn-pay__bank-item strong{word-break:break-word}.xn-pay__qr{justify-items:center}}@media (max-width:640px){.xn-pay__quick-amount-head{display:grid;justify-content:stretch}.xn-pay__qr{padding-inline:12px}.xn-pay__qr-panel{padding:var(--space-3)}.xn-pay__muted{text-align:center;max-width:28rem}.xn-pay__quick-amount{width:100%}}.xn-rte__toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.xn-rte__editor{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--panel2);outline:none;min-height:160px;line-height:1.5}.xn-rte__editor:empty:before{content:attr(data-placeholder);color:var(--muted)}.xn-rich-preview img,.xn-rte__editor img{max-width:100%;height:auto}.xn-notice-list{margin:0;padding:0;list-style:none}.xn-notice-item{padding:14px 0;border-bottom:1px solid var(--line)}.xn-notice-item:last-child{border-bottom:none;padding-bottom:0}.xn-notice-item:first-child{padding-top:0}.xn-notice-item__meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.xn-notice-item__time{font-size:var(--fs-xs);color:var(--muted)}.xn-notice-item__title{display:block;font-size:15px;margin-bottom:6px}.xn-notice-item__image{margin-top:12px;border-radius:var(--radius);overflow:visible;border:1px solid var(--line);background:var(--panel2)}.xn-notice-item__image img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.xn-notice-support{margin:14px 0 0;font-size:13px;color:var(--muted)}.xn-notice-support a{color:var(--accent);font-weight:600}.xn-badge--brand{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.xn-quick-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.xn-quick-menu__item{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel2);color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease}.xn-quick-menu__item:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel2))}.xn-quick-menu__name{font-weight:650;font-size:14px;line-height:1.35}.xn-quick-menu__hint{font-size:12px;color:var(--muted)}@media (max-width:640px){.xn-quick-menu{grid-template-columns:1fr}}.xn-table--dense td,.xn-table--dense th{padding:8px 10px;font-size:12px}.xn-suggest{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;max-height:280px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md)}.xn-suggest__item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font:inherit}.xn-suggest__item:focus,.xn-suggest__item:hover{background:var(--panel2);outline:none}.xn-suggest__item span{font-size:12px;color:var(--muted)}.xn-suggest__empty{padding:12px;font-size:13px;color:var(--muted)}.xn-docs-section{margin-bottom:var(--space-5)}.xn-docs-section>h2{font-size:1.15rem;margin:0 0 var(--space-3);padding-bottom:8px;border-bottom:2px solid var(--brand)}.xn-endpoint{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3)}.xn-endpoint__head{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.xn-endpoint__path{font-size:13px;word-break:break-all}.xn-endpoint__desc{margin:0 0 10px;font-size:13px;color:var(--muted)}.xn-method{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;font-family:var(--font-mono,monospace)}.xn-method--ok{background:var(--green-soft);color:var(--ok-ink)}.xn-method--info{background:var(--brand-soft);color:var(--brand-ink)}.xn-method--warn{background:var(--amber-soft);color:var(--warn-ink)}.xn-method--bad{background:var(--red-soft);color:var(--bad-ink)}.xn-code{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;overflow-x:auto;font-family:var(--font-mono,monospace);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;margin:0}.xn-code,.xn-tg-code{background:var(--panel2)}.xn-tg-code{margin:12px 0;padding:14px;border:1px dashed var(--brand);border-radius:var(--radius)}.xn-tg-code__value{font-size:28px;font-weight:800;letter-spacing:.12em;font-family:var(--font-mono,monospace);color:var(--brand)}.xn-status-chips{display:flex;flex-wrap:wrap;gap:8px}.xn-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);color:var(--text);cursor:pointer;font:inherit;font-size:12px}.xn-chip.is-active,.xn-chip:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent)}.xn-chip strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-admin-srv-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.xn-admin-srv-list{display:grid;grid-gap:10px;gap:10px}.xn-admin-srv{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel2);color:var(--text);overflow:hidden}.xn-admin-srv.is-collapsed .xn-admin-srv__body{display:none}.xn-admin-srv__head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:10px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:color-mix(in srgb,var(--panel) 70%,var(--panel2));border-bottom:1px solid transparent}.xn-admin-srv:not(.is-collapsed) .xn-admin-srv__head{border-bottom-color:var(--line)}.xn-admin-srv__head:hover{background:color-mix(in srgb,var(--brand) 8%,var(--panel2))}.xn-admin-srv__chev{color:var(--muted);font-size:12px;width:14px;flex-shrink:0}.xn-admin-srv__title{font-weight:650;font-size:14px;min-width:0;flex:1 1 160px}.xn-admin-srv__meta{color:var(--muted);font-size:12px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.xn-admin-srv__body{padding:12px;display:grid;grid-gap:10px;gap:10px;background:var(--panel2)}.xn-admin-srv__row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.xn-admin-srv__row--3{grid-template-columns:1.4fr 1fr 1fr 1fr}.xn-admin-srv__row--cfg{grid-template-columns:minmax(120px,1.1fr) minmax(72px,.7fr) minmax(72px,.7fr) minmax(140px,1fr) minmax(200px,1.6fr);align-items:start}.xn-admin-srv__row--prices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}.xn-admin-srv__field{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.xn-admin-srv__field label{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em}.xn-admin-srv__field input,.xn-admin-srv__field select,.xn-admin-srv__field textarea{width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px}.xn-admin-srv__field textarea{min-height:88px;resize:vertical;line-height:1.45}.xn-admin-srv__field--full{grid-column:1/-1}.xn-admin-srv__actions .xn-btn.is-on{border-color:var(--ok);background:var(--green-soft);color:var(--ok)}.xn-admin-srv__actions .xn-btn.is-off{border-color:var(--line);color:var(--muted)}.xn-admin-srv__price-head{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;justify-content:space-between;margin-bottom:6px}.xn-admin-srv__field input:focus,.xn-admin-srv__field select:focus,.xn-admin-srv__field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.xn-admin-srv__checks{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;font-size:13px;color:var(--text)}.xn-admin-srv__checks--inline{flex-direction:column;align-items:flex-start;gap:8px;padding-top:18px;min-width:0}.xn-admin-srv__checks label{display:inline-flex;gap:6px;align-items:center;cursor:pointer;color:var(--text)}.xn-admin-srv__field--users{min-width:0}.xn-admin-users{position:relative;min-width:0}.xn-admin-users__box{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:38px;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel)}.xn-admin-users__box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.xn-admin-users__chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-size:12px;cursor:pointer;line-height:1.4}.xn-admin-users__chip:hover{border-color:var(--bad);color:var(--bad)}.xn-admin-users__input{flex:1 1 96px;min-width:96px;border:0!important;background:transparent!important;box-shadow:none!important;padding:4px 2px!important;font-size:13px;color:var(--text);outline:none}.xn-admin-users__sug{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;max-height:200px;overflow:auto;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-pop)}.xn-admin-users__sug button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-size:13px;cursor:pointer}.xn-admin-users__sug button:hover{background:var(--panel2)}.xn-admin-users__empty{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);font-size:12px;color:var(--muted)}.xn-admin-users__clear{margin-top:4px;align-self:flex-start;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:11px;cursor:pointer;text-decoration:underline}.xn-admin-users__clear:hover{color:var(--text)}.xn-admin-srv__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:4px;border-top:1px dashed var(--line)}.xn-admin-srv__hint{margin:0;font-size:12px;color:var(--muted)}.xn-admin-add{border:1px dashed var(--line);border-radius:var(--radius);padding:12px;background:var(--panel);color:var(--text)}.xn-admin-add__title{font-weight:650;margin-bottom:10px;font-size:14px}@media (max-width:1100px){.xn-admin-srv__row--cfg{grid-template-columns:1fr 1fr 1fr}.xn-admin-srv__row--cfg .xn-admin-srv__field--users{grid-column:1/-1}.xn-admin-srv__checks--inline{padding-top:8px}}@media (max-width:900px){.xn-admin-srv__row,.xn-admin-srv__row--3,.xn-admin-srv__row--cfg,.xn-admin-srv__row--prices{grid-template-columns:1fr 1fr}}@media (max-width:560px){.xn-admin-srv__row,.xn-admin-srv__row--3,.xn-admin-srv__row--cfg,.xn-admin-srv__row--prices{grid-template-columns:1fr}}@media (max-width:960px){.xn-grid--2,.xn-grid--3,.xn-pay__steps{grid-template-columns:1fr}.xn-menu-btn{display:inline-flex}.xn-sidebar{position:fixed;left:0;top:var(--topbar-h);bottom:var(--bottom-nav-inset);height:auto;align-self:auto;z-index:40;transform:translateX(-105%);transition:transform .2s var(--ease-out);box-shadow:var(--shadow-md)}.xn-shell.is-nav-open .xn-sidebar{transform:translateX(0)}.xn-overlay{display:block;position:fixed;inset:var(--topbar-h) 0 var(--bottom-nav-inset) 0;background:var(--scrim);z-index:35;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}.xn-shell.is-nav-open .xn-overlay{opacity:1;pointer-events:auto}.xn-topbar__mobile-hide{display:none!important}.xn-main{padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-inset) + var(--space-5))}}.xn-bottom-nav{display:none}@media (max-width:960px){.xn-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;position:fixed;left:0;right:0;bottom:0;z-index:48;box-sizing:border-box;height:var(--bottom-nav-inset);padding:4px 4px calc(4px + env(safe-area-inset-bottom, 0px));background:color-mix(in srgb,var(--panel) 96%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.xn-bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border:none;background:transparent;color:var(--muted);font-size:11px;font-weight:600;text-decoration:none;cursor:pointer;border-radius:var(--radius-sm);min-height:52px;min-width:0}.xn-bottom-nav__item.is-active{color:var(--brand-2)}.xn-bottom-nav__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:28px;border-radius:999px}.xn-bottom-nav__icon .xn-nav-icon__svg{width:var(--icon-nav);height:var(--icon-nav)}.xn-bottom-nav__item.is-active .xn-bottom-nav__icon{background:var(--brand-soft)}.xn-bottom-nav__label{line-height:1.15;text-align:center;font-size:11px;white-space:nowrap}.xn-bottom-nav__plus{position:relative;overflow:visible}.xn-bottom-nav__plus-disc{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-top:-22px;border-radius:999px;background:var(--brand);color:var(--on-brand);font-size:30px;font-weight:500;line-height:1;border:4px solid var(--bg);box-shadow:var(--shadow-float);transition:transform .15s var(--ease-out)}.xn-bottom-nav__plus:active .xn-bottom-nav__plus-disc{transform:scale(.94)}.xn-bottom-nav__plus:focus-visible{outline:none}.xn-bottom-nav__plus:focus-visible .xn-bottom-nav__plus-disc{outline:2px solid var(--brand-2);outline-offset:2px}.xn-menu-btn{width:var(--tap-min);height:var(--tap-min);font-size:18px;color:var(--text)}.xn-btn--sm,.xn-nav-link{min-height:var(--tap-min)}.xn-chip{min-height:var(--chip-h-mobile)}.xn-field input:not([type=checkbox]):not([type=radio]),.xn-field select{min-height:var(--input-h-mobile);font-size:var(--input-fs-mobile)}.xn-field textarea{font-size:var(--input-fs-mobile)}}.xn-sheet-root{position:fixed;inset:0;z-index:190;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto}.xn-sheet-backdrop{position:absolute;inset:0;border:none;background:var(--overlay-soft);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.xn-sheet{position:relative;z-index:1;width:100%;max-width:480px;max-height:min(70vh,420px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-4) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px));animation:xn-sheet-in .22s var(--ease-out)}@keyframes xn-sheet-in{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.xn-sheet__handle{width:40px;height:4px;margin:0 auto 12px;border-radius:999px;background:var(--line)}.xn-sheet__title{margin:0 0 4px;font-size:18px;font-weight:700}.xn-sheet__sub{margin:0 0 var(--space-3);font-size:var(--fs-sm);color:var(--muted)}.xn-sheet__list{list-style:none;margin:0 0 var(--space-3);padding:0;display:flex;flex-direction:column;gap:8px}.xn-sheet__item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel2);color:var(--text);font-size:var(--fs-sm);font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}.xn-sheet__item:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--panel2))}.xn-sheet__icon{display:inline-flex;flex-shrink:0;color:var(--brand-2)}.xn-sheet__label{flex:1 1;min-width:0}.xn-sheet__arrow{color:var(--muted);font-size:16px}.xn-sheet__cancel{width:100%}.xn-sheet--quick{max-height:min(80vh,520px)}a.xn-sheet__item{text-decoration:none;min-height:var(--tap-min);box-sizing:border-box}.xn-sheet__text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.xn-sheet__platform{font-size:var(--fs-xs,12px);font-weight:600;color:var(--muted)}.xn-sheet__actions--stack{display:flex;flex-direction:column;gap:8px;margin-top:var(--space-3)}.xn-sheet__actions--stack .xn-btn{width:100%;justify-content:center}.xn-sheet--report{display:flex;flex-direction:column;max-height:min(88vh,620px);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom,0px))}.xn-sheet--report .xn-sheet__head{flex-shrink:0}.xn-sheet--report .xn-sheet__body{flex:1 1;min-height:0;overflow:auto;padding-right:2px;margin:0 calc(var(--space-1) * -1);padding-left:var(--space-1);padding-right:var(--space-1)}.xn-sheet--report .xn-modal__field{margin-bottom:var(--space-3)}.xn-sheet--report .xn-modal__field--compact{margin-bottom:var(--space-2)}.xn-sheet--report .xn-modal__field-label{display:block;margin-bottom:6px;font-size:var(--fs-sm);font-weight:600;color:var(--muted)}.xn-sheet--report .xn-status-chips{gap:6px}.xn-sheet--report .xn-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xn-report-file-input{display:none}.xn-report-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:88px;padding:14px 12px;border:1px dashed color-mix(in srgb,var(--brand) 40%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--panel2) 92%,var(--brand-soft));color:var(--text);cursor:pointer;font:inherit;transition:border-color .12s var(--ease-out),background .12s var(--ease-out)}.xn-report-upload:hover{border-color:color-mix(in srgb,var(--brand) 65%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--panel2))}.xn-report-upload__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--brand) 14%,var(--panel2));color:var(--brand-2);font-size:22px;font-weight:300;line-height:1}.xn-report-upload__text{font-size:var(--fs-sm);font-weight:600}.xn-report-upload__hint{font-size:11px;color:var(--muted)}.xn-report-previews{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 var(--space-2);padding:0}.xn-report-previews li{position:relative}.xn-report-preview{display:block;width:76px;height:76px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel2)}.xn-report-preview__remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;line-height:1;font-size:14px;box-shadow:var(--shadow-sm)}.xn-sheet--report .xn-sheet__actions{flex-shrink:0;margin-top:var(--space-2);margin-bottom:0;padding-top:var(--space-2);border-top:1px solid var(--line)}@media (max-width:640px){.xn-sheet--report .xn-sheet__actions{display:grid;grid-template-columns:1fr 1.35fr;grid-gap:10px;gap:10px}.xn-sheet--report .xn-sheet__actions .xn-btn{width:100%;min-height:44px}}.xn-dashboard{display:flex;flex-direction:column;gap:0}.xn-dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4)}.xn-stat-card{position:relative;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--brand-soft) 55%,transparent),var(--panel2) 55%);box-shadow:var(--shadow-glow);overflow:hidden;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out)}.xn-stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.xn-stat-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.xn-stat-card__icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand);font-size:14px;font-weight:700}.xn-stat-card--cancelled .xn-stat-card__icon{background:var(--red-soft);color:var(--bad)}.xn-stat-card--ran .xn-stat-card__icon,.xn-stat-card--running .xn-stat-card__icon{background:var(--green-soft);color:var(--ok)}.xn-stat-card--level .xn-stat-card__icon{background:var(--amber-soft);color:var(--warn)}.xn-stat-card__value--money{font-size:20px;letter-spacing:-.02em}.xn-stat-card__hint{margin:0 0 8px;font-size:var(--fs-xs);color:var(--muted);line-height:1.35;min-height:2.6em}.xn-stat-card__link{font-size:var(--fs-xs);font-weight:600;color:var(--brand-2)}.xn-stat-card__link:hover{text-decoration:underline}.xn-stat-card__delta{font-size:var(--fs-xs);font-weight:700;padding:2px 8px;border-radius:999px}.xn-stat-card__delta.is-up{color:var(--ok-ink);background:var(--green-soft)}.xn-stat-card__delta.is-down{color:var(--bad-ink);background:var(--red-soft)}.xn-stat-card__label{margin:0;font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.xn-stat-card__value{margin:4px 0 10px;font-size:26px;font-weight:800;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-sparkline{display:block;width:100%;max-width:120px;height:28px;opacity:.95}.xn-dash-orders{margin-top:0}.xn-dash-orders+.xn-dash-bottom{margin-top:var(--space-4)}.xn-dash-bottom{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4);align-items:start}.xn-dash-bottom>.xn-card{margin-top:0;height:auto;min-height:0}.xn-dash-quick{margin-top:0}.xn-dash-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.xn-dash-list__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.xn-dash-list__item:last-child{border-bottom:none;padding-bottom:0}.xn-dash-list__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.xn-dash-list__meta strong{font-size:13px}.xn-dash-list__meta span{font-size:var(--fs-xs);color:var(--muted)}.xn-dash-list__right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.xn-dash-amount{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px}.xn-dash-amount.is-ok{color:var(--ok)}.xn-dash-notice-list,.xn-dash-notice-list .xn-notice-item__image{max-height:none;overflow:visible}.xn-dash-notice-list .xn-notice-item__image img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;object-position:top center}.xn-mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.xn-dash-orders__table td:nth-child(3){max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1099px){.xn-dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899px){.xn-dash-bottom{grid-template-columns:1fr}.xn-topbar__user{display:none}}.xn-cmt-cell{min-width:140px;max-width:280px}.xn-cmt-cell--compact{max-width:220px}.xn-cmt-cell__box{font-size:12px;line-height:1.45;word-break:break-word;white-space:pre-wrap}.xn-cmt-cell__box--scroll{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,var(--brand) 4%)}.xn-cmt-cell__line{display:block}.xn-cmt-cell__line+.xn-cmt-cell__line{margin-top:2px}.xn-cmt-cell__more{margin-top:4px;color:var(--muted);font-size:11px}.xn-cmt-cell__toggle{margin-top:4px;padding:0;border:none;background:none;color:var(--brand);font:inherit;font-size:11px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.xn-cmt-cell__toggle:hover{opacity:.85}@media (max-width:560px){.xn-dash-stats{grid-template-columns:1fr}.xn-stat-card__value{font-size:22px}.xn-topbar__balance{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xn-page-title{font-size:22px}}@media (min-width:1100px){.xn-shell{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent)}}.xn-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.xn-load-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3,12px);padding:var(--space-6,24px) var(--space-4,16px);text-align:center;color:var(--muted);font-size:var(--fs-sm)}.xn-load-error--compact{padding:var(--space-3,12px);justify-content:flex-start;text-align:left}.xn-skeleton{display:grid;grid-gap:10px;gap:10px;padding:var(--space-4,16px)}.xn-skeleton__line{display:block;height:14px;border-radius:6px;background:var(--panel2);animation:xn-skeleton-pulse 1.2s ease-in-out infinite}.xn-skeleton__line:nth-child(odd){width:85%}@keyframes xn-skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.xn-skeleton__line{animation:none}}.xn-stat-card--error .xn-stat-card__value{color:var(--muted)}.xn-field-error{margin:6px 0 0;color:var(--bad-ink);font-size:var(--fs-sm)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--bad)}.xn-dash-stats__error{grid-column:1/-1}.xn-evt-form{min-width:0;max-width:100%}.xn-evt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.xn-evt-form .xn-field{min-width:0}.xn-evt-form input,.xn-evt-form select,.xn-evt-form textarea{min-width:0;max-width:100%;box-sizing:border-box}@media (max-width:480px){.xn-evt-grid{grid-template-columns:1fr;gap:0}.xn-evt-form select{width:100%}}.xn-page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.xn-page-head .xn-page-title{margin:0}.xn-dashboard{gap:var(--space-4)}.xn-dashboard .xn-card+.xn-card,.xn-dashboard>.xn-card{margin-top:0}.xn-dash-balance{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.xn-dash-balance__value{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-width:0}.xn-dash-balance__label{color:var(--muted);font-size:var(--fs-sm)}.xn-dash-balance__value strong{font-size:20px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.xn-dash-balance .xn-btn{flex-shrink:0;min-height:44px}.xn-dash-order__search{display:flex;gap:8px;align-items:stretch}.xn-dash-order__search .xn-field{flex:1 1 auto;min-width:0;margin:0}.xn-dash-order__search .xn-field input,.xn-services__search input{width:100%;min-height:44px;box-sizing:border-box}.xn-dash-order__group{margin-top:var(--space-4)}.xn-dash-order__label{margin:0 0 8px;font-size:var(--fs-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.xn-quick-menu__platform{font-size:var(--fs-xs);font-weight:700;color:var(--brand-2)}.xn-dash-stats-wrap__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-bottom:var(--space-2)}.xn-dash-stats-wrap__head h2{margin:0;font-size:16px;font-weight:700}.xn-dash-stats-wrap__scope{margin:0;font-size:var(--fs-xs);color:var(--muted)}.xn-dash-stats--compact{gap:var(--space-3);margin-bottom:0}.xn-dash-stats--compact .xn-stat-card{padding:var(--space-3)}.xn-dash-stats--compact .xn-stat-card__top{margin-bottom:6px}.xn-dash-stats--compact .xn-stat-card__icon{width:26px;height:26px;font-size:12px}.xn-dash-stats--compact .xn-stat-card__value{margin:2px 0 6px;font-size:20px}.xn-dash-stats--compact .xn-stat-card__hint{min-height:0}@media (max-width:560px){.xn-dash-stats--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.xn-dash-stats--compact .xn-stat-card--level{grid-column:1/-1}.xn-dash-stats--compact .xn-sparkline{display:none}}.xn-services{display:flex;flex-direction:column;gap:var(--space-3)}.xn-services .xn-page-sub{margin-bottom:0}.xn-services .xn-card+.xn-card,.xn-services>.xn-card{margin-top:0}.xn-services__search{margin:0}.xn-services__chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:2px;scrollbar-width:none}.xn-services__chips .xn-chip{flex-shrink:0;min-height:36px}.xn-services__group .xn-card__head{margin-bottom:var(--space-2)}.xn-services__count{font-size:var(--fs-xs);color:var(--muted)}.xn-services__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:8px;gap:8px}.xn-services__item{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel2);color:var(--text);text-decoration:none}a.xn-services__item:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.xn-services__item.is-disabled{opacity:.6}.xn-services__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:10px;background:var(--brand-soft);color:var(--brand-2)}.xn-services__icon .xn-nav-icon__svg{width:18px;height:18px}.xn-services__text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.xn-services__platform{font-size:var(--fs-xs);color:var(--muted)}.xn-services__name{font-weight:600;font-size:var(--fs-sm);overflow-wrap:anywhere}.xn-services__arrow{color:var(--muted)}.xn-services__closed summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center}.xn-services__closed-group{margin-top:var(--space-3)}.xn-services__closed-title{margin:0 0 6px;font-size:var(--fs-xs);font-weight:700;color:var(--muted);text-transform:uppercase}@media (max-width:640px){.xn-services__list{grid-template-columns:1fr}.xn-dash-order .xn-quick-menu,.xn-services .xn-quick-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.xn-dash-order .xn-quick-menu__item,.xn-services .xn-quick-menu__item{padding:10px 12px}.xn-dash-order .xn-quick-menu__name{font-size:13px}.xn-dash-order .xn-quick-menu__hint{display:none}}.xn-orders-cards{display:none}.xn-orders-table{display:block}.xn-order-card{--platform-stripe:var(--platform-other);position:relative;padding-left:4px;border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line));border-radius:var(--radius);background:var(--card);overflow:hidden}.xn-order-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--platform-stripe);pointer-events:none}.xn-order-card[data-platform=facebook]{--platform-stripe:var(--platform-facebook)}.xn-order-card[data-platform=tiktok]{--platform-stripe:var(--platform-tiktok)}.xn-order-card[data-platform=shopee]{--platform-stripe:var(--platform-shopee)}.xn-order-card[data-platform=youtube]{--platform-stripe:var(--platform-youtube)}.xn-order-card[data-platform=instagram]{--platform-stripe:var(--platform-instagram)}.xn-order-card+.xn-order-card{margin-top:10px}.xn-order-card__head{display:flex;flex-direction:column;gap:6px;width:100%;padding:12px 14px;border:none;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer}.xn-order-card__head:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.xn-order-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.xn-order-card__service{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.xn-order-card__platform{font-size:var(--fs-xs);font-weight:700;color:var(--brand-2);text-transform:uppercase;letter-spacing:.04em}.xn-order-card__name{font-size:14px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.xn-order-card__top .xn-status{flex-shrink:0;white-space:nowrap}.xn-order-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13px;color:var(--muted)}.xn-order-card__amount{margin-left:auto;color:var(--text);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-order-card__foot{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-sm);color:var(--muted)}.xn-order-card__toggle{color:var(--brand-2);font-weight:600;white-space:nowrap}.xn-order-card__details{padding:4px 14px 14px;border-top:1px solid var(--line)}.xn-order-card__list{margin:0;display:grid;grid-gap:8px;gap:8px}.xn-order-card__row{display:grid;grid-template-columns:88px minmax(0,1fr);grid-gap:8px;gap:8px;padding-top:8px;font-size:13px}.xn-order-card__row dt{color:var(--muted)}.xn-order-card__row dd{margin:0;min-width:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-order-card__row--block{grid-template-columns:1fr}.xn-order-card__wrap{overflow-wrap:anywhere}.xn-order-card__link-wrap{display:flex;align-items:center;gap:8px;min-width:0}.xn-order-card__link{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,monospace);font-size:12px}.xn-order-card__link-wrap .xn-btn{flex-shrink:0}.xn-order-card__report{margin-top:12px;width:100%}.xn-orders-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--space-4)}.xn-orders-toolbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.xn-orders-toolbar__search{flex:1 1 240px;margin:0;min-width:0}.xn-orders-toolbar__count{color:var(--muted);font-size:var(--fs-sm)}.xn-orders-filters .xn-chip strong{color:var(--muted);font-weight:600}.xn-orders-filters .xn-chip.is-active strong{color:var(--text)}.xn-orders-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:var(--space-8) var(--space-4);text-align:center}.xn-orders-empty p{margin:0;color:var(--muted)}.xn-orders-table .xn-table--dense td,.xn-orders-table .xn-table--dense th{padding:8px}.xn-orders-table .xn-table .xn-cmt-cell{min-width:120px;max-width:200px}.xn-orders-table .xn-table td:last-child,.xn-orders-table .xn-table th:last-child{position:-webkit-sticky;position:sticky;right:0;background:var(--card);box-shadow:var(--shadow-edge)}.xn-quick-menu__platform--skeleton{display:block;width:56px;height:11px;border-radius:6px;background:var(--panel2);animation:xn-skeleton-pulse 1.2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.xn-quick-menu__platform--skeleton{animation:none}}.xn-account__logout,.xn-sidebar__logout{display:none}.xn-topbar__balance-value{font-weight:600}@media (max-width:720px){.xn-orders-cards{display:block}.xn-orders-table{display:none}.xn-orders-toolbar{padding:var(--space-4)}.xn-orders-toolbar__row .xn-btn{flex:0 0 auto}.xn-orders-filters{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--space-4));padding:2px var(--space-4);scrollbar-width:none}.xn-orders-filters::-webkit-scrollbar{display:none}.xn-orders-filters .xn-chip{flex-shrink:0}.xn-dash-orders .xn-orders-cards .xn-order-card{box-shadow:none}.xn-topbar{gap:var(--space-2);padding:0 var(--space-3)}.xn-topbar__left,.xn-topbar__right{gap:var(--space-2);min-width:0}.xn-topbar__right{flex:1 1 auto;justify-content:flex-end}.xn-topbar__balance{max-width:none;overflow:visible;padding:4px 10px;font-size:var(--fs-xs);white-space:nowrap}.xn-topbar__balance-label{color:var(--muted)}.xn-topbar__balance-value{font-size:13px}.xn-topbar__logout{display:none}.xn-sidebar__logout{display:inline-flex;width:100%;flex:0 0 auto}.xn-account__logout{display:flex;justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}}.xn-account__logout .xn-btn.xn-account__logout-btn{width:100%;justify-content:center;min-height:var(--tap-min);background:transparent;border:1px solid color-mix(in srgb,var(--bad) 55%,var(--line));color:var(--bad-ink,var(--bad));font-weight:600}.xn-account__logout .xn-btn.xn-account__logout-btn:hover{background:color-mix(in srgb,var(--bad) 10%,transparent);border-color:var(--bad)}[data-theme=vivid] .xn-account__logout .xn-btn.xn-account__logout-btn{border:var(--ink-w) solid var(--ink);background:var(--panel);color:var(--bad-ink);box-shadow:var(--shadow-soft)}@media (max-width:360px){.xn-topbar__balance-label{display:none}}.xn-form-advanced{margin:var(--space-3) 0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel2)}.xn-form-advanced>summary{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:44px;padding:10px var(--space-3);cursor:pointer;font-weight:600;font-size:14px;color:var(--text)}.xn-form-advanced>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.xn-form-advanced__badge{padding:2px 8px;border-radius:999px;background:var(--brand-soft);color:var(--text);font-size:12px;font-weight:600}.xn-form-advanced__hint{color:var(--muted);font-size:12px;font-weight:500}.xn-form-advanced__body{padding:0 var(--space-3) var(--space-3)}.xn-form-advanced__body>.xn-field:last-child{margin-bottom:0}.xn-order-submit{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.xn-order-submit>.xn-alert{margin:0}.xn-order-submit>.xn-btn{min-height:44px}@media (max-width:760px){.xn-order-submit{margin-bottom:var(--space-4)}.xn-order-submit>.xn-btn{width:100%}}.xn-docs-anchor{scroll-margin-top:calc(var(--topbar-h) + var(--space-3))}.xn-admin-records{display:none;list-style:none;margin:0;padding:0;flex-direction:column;gap:var(--space-3)}.xn-admin-records>.xn-empty{padding:var(--space-6) var(--space-4)}.xn-admin-table{display:block}.xn-admin-record{display:flex;flex-direction:column;gap:8px;padding:var(--space-3) 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel2);min-width:0}.xn-admin-record.is-selected{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}.xn-admin-record__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.xn-admin-record__top .xn-status{flex-shrink:0;white-space:nowrap}.xn-admin-record__who{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.xn-admin-record__who strong{font-size:14px;font-weight:700;overflow-wrap:anywhere}.xn-admin-record__who span{font-size:var(--fs-sm);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-admin-record__name{font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.xn-admin-record__meta{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-admin-record__meta>:first-child{min-width:0}.xn-admin-record__amount{margin-left:auto;flex-shrink:0;color:var(--text);font-size:14px;font-weight:700;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-admin-record__plus{color:var(--ok);font-weight:600}.xn-admin-record__note{font-size:var(--fs-sm);color:var(--muted)}.xn-admin-record__wrap{min-width:0;overflow-wrap:anywhere}.xn-admin-record__details{border-top:1px solid var(--line);margin:2px -14px 0;padding:0 14px}.xn-admin-collapse>summary,.xn-admin-record__details>summary{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-height:var(--tap-min);padding:10px 28px 10px 0;position:relative;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:var(--brand-2)}.xn-admin-collapse>summary::-webkit-details-marker,.xn-admin-record__details>summary::-webkit-details-marker{display:none}.xn-admin-collapse>summary:after,.xn-admin-record__details>summary:after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:translateY(-70%) rotate(45deg);transition:transform .15s ease}.xn-admin-collapse[open]>summary:after,.xn-admin-record__details[open]>summary:after{transform:translateY(-30%) rotate(-135deg)}.xn-admin-collapse>summary:focus-visible,.xn-admin-record__details>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.xn-admin-record__list{margin:0 0 var(--space-3);display:grid;grid-gap:8px;gap:8px}.xn-admin-record__list>div{display:grid;grid-template-columns:110px minmax(0,1fr);grid-gap:8px;gap:8px;font-size:13px}.xn-admin-record__list dt{color:var(--muted)}.xn-admin-record__list dd{margin:0;min-width:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-admin-record__list>.xn-admin-record__block{grid-template-columns:1fr;gap:4px}.xn-admin-record__actions{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}.xn-admin-record__actions .xn-btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);min-height:var(--tap-min)}.xn-admin-record__details .xn-admin-record__actions{padding-bottom:var(--space-3)}.xn-admin-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.xn-admin-section-title{margin:0 0 var(--space-4);font-size:16px;font-weight:700}.xn-admin-section-head .xn-admin-section-title{margin:0}.xn-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin:var(--space-4) 0}.xn-admin-stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}.xn-admin-stat{display:flex;flex-direction:column;gap:4px;min-width:0;padding:var(--space-3) 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.xn-admin-stat__label{font-size:var(--fs-sm);color:var(--muted);line-height:1.3}.xn-admin-stat__value{font-size:var(--fs-lg);font-weight:700;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.xn-admin-stat__value--money{color:var(--ok)}.xn-admin-collapse{margin:var(--space-4) 0;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel2)}.xn-admin-collapse>summary{font-size:14px;color:var(--text)}.xn-admin-collapse--card{padding:0 var(--space-5);border-radius:var(--radius-lg);background:var(--card)}.xn-admin-collapse__hint{color:var(--muted);font-size:var(--fs-sm);font-weight:500}.xn-admin-collapse__body{padding:0 0 var(--space-4)}.xn-admin-notices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.xn-admin-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.xn-admin-notice:first-child{padding-top:0}.xn-admin-notice:last-child{border-bottom:0;padding-bottom:0}.xn-admin-notice__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.xn-admin-notice__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px}.xn-admin-notice__time{font-size:var(--fs-sm);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xn-admin-notice__preview{font-size:13px;overflow-wrap:anywhere}.xn-admin-notice__preview img{max-width:100%;height:auto}.xn-admin-notice__delete{flex-shrink:0;min-height:var(--tap-min)}.xn-admin-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:var(--space-4)}.xn-admin-pager>:first-child{margin-right:auto}.xn-admin-check{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap-min);padding:0 4px;cursor:pointer;font-size:13px;color:var(--text)}.xn-admin-check input[type=checkbox]{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--brand)}@media (max-width:720px){.xn-admin-records{display:flex}.xn-admin-table{display:none}.xn-admin-stats,.xn-admin-stats--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.xn-admin-stat{padding:10px var(--space-3)}.xn-admin-stat__value{font-size:var(--fs-md)}.xn-admin-collapse--card{padding:0 var(--space-4)}.xn-admin-notice{flex-direction:column}.xn-admin-notice__delete{align-self:flex-end}.xn-admin-pager .xn-btn{min-height:var(--tap-min)}}@media (max-width:380px){.xn-admin-record__list>div{grid-template-columns:1fr;gap:2px}}.xn-quick-menu__more{display:none}@media (max-width:640px){.xn-quick-menu:not(.xn-quick-menu--expanded) .xn-quick-menu__item--extra{display:none}.xn-quick-menu__more{display:flex;width:100%;min-height:var(--tap-min);margin-top:var(--space-3)}}.xn-dash-stats-wrap{display:block;margin-top:var(--space-4)}.xn-dash-notices,.xn-dash-topups{min-width:0}.xn-empty--action{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4)}.xn-empty--action p{margin:0}.xn-docs-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--space-4)}.xn-docs-toc .xn-chip{text-decoration:none;min-height:36px}.xn-code-wrap{position:relative;margin-top:10px}.xn-code-wrap__copy{position:absolute;top:6px;right:6px;z-index:1}.xn-code-wrap .xn-code{padding-top:44px}.xn-pay__hero-main{display:flex;flex-direction:column;gap:4px;min-width:0}.xn-pay__copy-toast{position:fixed;left:50%;bottom:20px;z-index:60;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);margin:0;box-shadow:var(--shadow-float)}.xn-pay__copy-toast.xn-alert--ok{background:linear-gradient(var(--green-soft),var(--green-soft)),var(--panel2)}.xn-pay__copy-toast.xn-alert--error{background:linear-gradient(var(--red-soft),var(--red-soft)),var(--panel2)}@media (max-width:960px){.xn-pay__copy-toast{bottom:calc(var(--bottom-nav-inset) + 12px)}}.xn-order-card__row--link{align-items:center}.xn-order-card__row--link dd{overflow:hidden}.xn-form{display:block}.xn-form,.xn-order-form{min-width:0}.xn-hint{display:block;margin:4px 0 var(--space-3);color:var(--muted);font-size:var(--fs-sm);line-height:1.45}.xn-rte{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel2);overflow:hidden}@media (max-width:720px){.xn-card__link{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 8px;margin:-12px -8px}.xn-alert a,.xn-card li a,.xn-card p a,.xn-page-sub a{padding:15px 0;margin:-15px 0}.xn-stat-card__link{display:inline-flex;align-items:center;align-self:flex-start;margin:-15px 0}.xn-admin-filter__actions .xn-btn,.xn-check-row,.xn-field--check label,.xn-services__chips .xn-chip,.xn-services__closed summary,.xn-stat-card__link,.xn-tabs .xn-tab{min-height:var(--tap-min)}.xn-docs-toc{flex-wrap:nowrap;overflow-x:auto;margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding:2px var(--space-4);scrollbar-width:none}.xn-docs-toc::-webkit-scrollbar{display:none}.xn-docs-toc .xn-chip{flex-shrink:0;min-height:var(--tap-min)}}#giao-dien{scroll-margin-top:calc(var(--topbar-h) + var(--space-4))}.xn-theme-picker__note{margin:0 0 var(--space-3);color:var(--muted);font-size:13px}.xn-theme-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.xn-theme-opt{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"swatch swatch" "input text";align-items:start;grid-gap:var(--space-2) var(--space-2);gap:var(--space-2) var(--space-2);min-height:var(--tap-min);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel2);cursor:pointer;transition:border-color .15s var(--ease-out),background-color .15s var(--ease-out)}.xn-theme-opt:hover{border-color:var(--line-strong)}.xn-theme-opt.is-active{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--panel2));box-shadow:0 0 0 1px var(--brand)}.xn-theme-opt:focus-within{outline:2px solid var(--brand);outline-offset:2px}.xn-theme-opt__input{grid-area:input;width:20px;height:20px;margin:1px 0 0;accent-color:var(--brand);cursor:pointer}.xn-theme-opt__text{grid-area:text;display:grid;grid-gap:2px;gap:2px;min-width:0}.xn-theme-opt__title{font-weight:700;color:var(--text)}.xn-theme-opt__hint{color:var(--muted);font-size:13px;line-height:1.35}.xn-theme-swatch{grid-area:swatch;display:flex;height:56px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line)}.xn-theme-swatch__face{position:relative;flex:1 1;display:grid;align-content:start;grid-gap:6px;gap:6px;padding:8px;background:var(--bg)}.xn-theme-swatch__bar{display:block;height:14px;border-radius:4px;background:var(--panel);border:1px solid var(--line)}.xn-theme-swatch__line{display:block;width:60%;height:6px;border-radius:3px;background:var(--muted);opacity:.6}.xn-theme-swatch__dot{position:absolute;right:8px;bottom:8px;width:14px;height:14px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 2px var(--panel)}@media (max-width:720px){.xn-theme-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-theme=light] .xn-topbar{background:var(--glass);box-shadow:0 1px 0 var(--line);border-bottom-color:transparent}[data-theme=light] .xn-topbar__brand{color:var(--text);font-weight:800;letter-spacing:-.01em}[data-theme=light] .xn-topbar__brand span{background:none;color:var(--brand)}[data-theme=light] .xn-topbar__balance{border-color:transparent;color:var(--brand-ink);font-weight:700}[data-theme=light] .xn-menu-btn{background:var(--panel)}[data-theme=light] .xn-sidebar{background:var(--panel);border-right-color:var(--line)}[data-theme=light] .xn-sidebar__section{border-color:transparent;background:transparent;box-shadow:none;padding:4px 0 2px}[data-theme=light] .xn-sidebar__title{border-bottom:0;margin-bottom:4px;padding:2px 9px 4px;color:var(--muted);letter-spacing:.06em}[data-theme=light] .xn-sidebar__title-icon{background:var(--nav-accent-soft);color:var(--nav-accent)}[data-theme=light] .xn-sidebar__badge{color:var(--muted);background:var(--panel2);border-color:var(--line)}[data-theme=light] .xn-nav-link{color:var(--text);font-weight:500;border-radius:10px}[data-theme=light] .xn-nav-link:hover{background:var(--panel2);border-color:transparent}[data-theme=light] .xn-nav-link.is-active{background:var(--brand-soft);color:var(--brand-ink);font-weight:700;border-color:transparent;box-shadow:none}[data-theme=light] .xn-nav-icon{background:transparent;color:var(--muted)}[data-theme=light] .xn-nav-link.is-active .xn-nav-icon{background:transparent;color:var(--brand)}[data-theme=light] .xn-nav-link--soon,[data-theme=light] .xn-nav-link--soon:hover{color:var(--muted)}[data-theme=light] .xn-sidebar__balance{border-color:var(--line);background:var(--panel2);box-shadow:none}[data-theme=light] .xn-card,[data-theme=light] .xn-order-card{border-color:var(--line);box-shadow:var(--shadow-md)}[data-theme=light] .xn-order-card{box-shadow:var(--shadow-sm)}[data-theme=light] .xn-stat-card{box-shadow:var(--shadow-md)}[data-theme=light] .xn-level-track,[data-theme=light] .xn-stat-card{border-color:var(--line);background:var(--card)}[data-theme=light] .xn-level-track__spend{background:none;color:var(--brand)}[data-theme=light] .xn-level-track__fill{background:var(--brand);box-shadow:none}[data-theme=light] .xn-quick-menu__item,[data-theme=light] .xn-services__item,[data-theme=light] .xn-stat{background:var(--card)}[data-theme=light] .xn-quick-menu__item:hover,[data-theme=light] a.xn-services__item:hover{background:var(--panel2)}[data-theme=light] .xn-dash-balance{--text:var(--on-hero);--muted:var(--on-hero-muted);--panel2:var(--on-hero-soft);--line:var(--on-hero-line);--brand:#ffffff;--brand-deep:#ffffff;--on-brand:#1a43bb;--glow-soft:0 4px 14px rgba(15,27,51,0.18);background:var(--hero-bg) var(--hero-grad);border-color:transparent;color:var(--on-hero);box-shadow:var(--hero-shadow)}[data-theme=light] .xn-dash-balance__value strong{font-size:24px}[data-theme=light] .xn-dash-balance .xn-btn:not(.xn-btn--primary){background:var(--on-hero-soft);border-color:var(--on-hero-line);color:var(--on-hero)}[data-theme=light] .xn-dash-balance .xn-btn:not(.xn-btn--primary):hover{background:color-mix(in srgb,var(--on-hero) 26%,transparent);border-color:var(--on-hero-muted)}[data-theme=light] .xn-btn{background:var(--panel);border-color:var(--line-strong);font-weight:600}[data-theme=light] .xn-btn:hover{background:var(--panel2);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}[data-theme=light] .xn-btn--primary{background:var(--brand);border-color:transparent;color:var(--on-brand);box-shadow:0 1px 2px rgba(15,27,51,.08),0 4px 12px rgba(31,79,216,.22)}[data-theme=light] .xn-btn--primary:hover{background:var(--brand-deep);filter:none}[data-theme=light] .xn-btn--danger{background:var(--red-soft);border-color:color-mix(in srgb,var(--bad) 35%,var(--line));color:var(--bad-ink)}[data-theme=light] .xn-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--bad) 14%,var(--panel))}[data-theme=light] .xn-btn--ghost{background:transparent;border-color:transparent}[data-theme=light] .xn-btn--ghost:hover{background:var(--panel2)}[data-theme=light] .xn-field input,[data-theme=light] .xn-field select,[data-theme=light] .xn-field textarea{background:var(--panel);border-color:var(--line-strong)}[data-theme=light] .xn-field input:focus,[data-theme=light] .xn-field select:focus,[data-theme=light] .xn-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}[data-theme=light] .xn-field input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356627a' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M8 3.5v3M16 3.5v3M3.5 10h17'/%3E%3C/svg%3E")}[data-theme=light] .xn-field input[type=date]::-webkit-calendar-picker-indicator:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f4fd8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M8 3.5v3M16 3.5v3M3.5 10h17'/%3E%3C/svg%3E")}[data-theme=light] .xn-chip{background:var(--panel);border-color:var(--line-strong);font-weight:600}[data-theme=light] .xn-chip:hover{border-color:var(--brand);background:var(--panel)}[data-theme=light] .xn-chip.is-active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}[data-theme=light] .xn-tab.is-active{background:var(--panel);color:var(--brand-ink);border-bottom-color:var(--panel)}[data-theme=light] .xn-table th{background:var(--panel2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}[data-theme=light] .xn-orders-table .xn-table th:last-child{background:var(--panel2)}[data-theme=light] .xn-table tbody tr:hover td{background:color-mix(in srgb,var(--brand-soft) 45%,transparent)}[data-theme=light] .xn-status{font-weight:700;border-color:transparent}[data-theme=light] .xn-status--ok{color:var(--ok-ink)}[data-theme=light] .xn-status--warn{color:var(--warn-ink)}[data-theme=light] .xn-status--bad{color:var(--bad-ink)}[data-theme=light] .xn-status--info{color:var(--info-ink)}[data-theme=light] .xn-badge{border-color:transparent;font-weight:700}[data-theme=light] .xn-modal{border-color:var(--line);box-shadow:var(--shadow-modal)}[data-theme=light] .xn-modal-backdrop,[data-theme=light] .xn-sheet-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}[data-theme=light] .xn-sheet{border-color:var(--line);box-shadow:var(--shadow-modal)}[data-theme=light] .xn-status-menu,[data-theme=light] .xn-suggest{border-color:var(--line);box-shadow:var(--shadow-pop)}@media (max-width:960px){[data-theme=light] .xn-bottom-nav{background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 -4px 16px rgba(15,27,51,.06)}[data-theme=light] .xn-bottom-nav__item.is-active{color:var(--brand)}}[data-theme=light] .xn-pay__copy{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 30%,var(--line));color:var(--brand-ink)}[data-theme=light] .xn-pay__bank-item{background:var(--panel2)}[data-theme=light] .xn-auth-page,[data-theme=light] .xn-marketing{background:radial-gradient(ellipse at top,var(--page-glow-1),transparent 60%),var(--bg)}[data-theme=vivid]{--ink-w:2px;--ink-w-dense:1.5px}[data-theme=vivid] .xn-page-title,[data-theme=vivid] h1,[data-theme=vivid] h2,[data-theme=vivid] h3{font-weight:800;letter-spacing:-.02em}[data-theme=vivid] .xn-card__head h2{font-weight:800}[data-theme=vivid] .xn-card__link{color:var(--ink);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;-webkit-text-decoration-color:var(--brand-2);text-decoration-color:var(--brand-2)}[data-theme=vivid] .xn-topbar{background:var(--bg);border-bottom:var(--ink-w) solid var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=vivid] .xn-topbar__brand{color:var(--ink);font-weight:800;letter-spacing:-.02em}[data-theme=vivid] .xn-topbar__brand span{padding:0 3px;background:linear-gradient(transparent 55%,var(--pop) 55%);-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}[data-theme=vivid] .xn-topbar__balance{font-weight:800}[data-theme=vivid] .xn-menu-btn,[data-theme=vivid] .xn-topbar__balance{background:var(--panel);border:var(--ink-w) solid var(--ink);box-shadow:2px 2px 0 var(--ink);color:var(--ink)}[data-theme=vivid] .xn-menu-btn:active{transform:translate(2px,2px);box-shadow:none}[data-theme=vivid] .xn-sidebar{background:var(--panel);border-right:var(--ink-w) solid var(--ink)}[data-theme=vivid] .xn-sidebar__section{background:transparent;box-shadow:none}[data-theme=vivid] .xn-nav-link{color:var(--text);font-weight:600}[data-theme=vivid] .xn-nav-link:hover{background:var(--panel2);border-color:var(--ink)}[data-theme=vivid] .xn-nav-link.is-active{background:var(--pop);color:var(--ink);font-weight:800;border:var(--ink-w) solid var(--ink);box-shadow:2px 2px 0 var(--ink)}[data-theme=vivid] .xn-nav-link.is-active .xn-nav-icon{background:var(--panel);color:var(--ink)}[data-theme=vivid] .xn-nav-link--soon,[data-theme=vivid] .xn-nav-link--soon:hover{color:var(--muted);border-color:transparent}[data-theme=vivid] .xn-sidebar__balance{background:var(--panel);border:var(--ink-w) solid var(--ink);box-shadow:3px 3px 0 var(--ink)}[data-theme=vivid] .xn-card,[data-theme=vivid] .xn-stat-card{border:var(--ink-w) solid var(--ink);box-shadow:var(--shadow-md)}[data-theme=vivid] .xn-stat{background:var(--panel);border:var(--ink-w) solid var(--ink)}[data-theme=vivid] .xn-card:has(.xn-table){border-width:var(--ink-w-dense);box-shadow:var(--shadow-sm)}[data-theme=vivid] .xn-level-track{background:var(--panel)}[data-theme=vivid] .xn-level-track__spend{background:none;color:var(--ink)}[data-theme=vivid] .xn-level-track__fill{background:repeating-linear-gradient(-45deg,var(--nav-facebook) 0 8px,#2b7cf0 8px 16px);box-shadow:none}[data-theme=vivid] .xn-dash-balance{--muted:#3d3b47;background:var(--pop);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}[data-theme=vivid] .xn-dash-balance__value strong{font-size:24px;letter-spacing:-.03em}[data-theme=vivid] .xn-dash-balance .xn-btn--primary{box-shadow:3px 3px 0 var(--panel)}[data-theme=vivid] .xn-quick-menu__item,[data-theme=vivid] .xn-services__item{background:var(--panel);border:var(--ink-w) solid var(--ink);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),background-color .15s var(--ease-out)}[data-theme=vivid] .xn-quick-menu__item:hover,[data-theme=vivid] a.xn-services__item:hover{background:var(--brand-soft);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}[data-theme=vivid] .xn-quick-menu__item:active,[data-theme=vivid] a.xn-services__item:active{transform:translate(1px,1px);box-shadow:none}[data-theme=vivid] .xn-services__item.is-disabled{border-color:var(--line)}[data-theme=vivid] .xn-quick-menu__platform{color:var(--brand-2);font-weight:800}[data-theme=vivid] .xn-btn{background:var(--panel);border:var(--ink-w) solid var(--ink);color:var(--ink);font-weight:800;box-shadow:2px 2px 0 var(--ink);transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out),background-color .12s var(--ease-out)}[data-theme=vivid] .xn-btn:hover:not(:disabled){background:var(--pop);border-color:var(--ink);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}[data-theme=vivid] .xn-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}[data-theme=vivid] .xn-btn--primary{background:var(--ink);color:#ffffff;border-color:var(--ink);box-shadow:3px 3px 0 var(--brand-2)}[data-theme=vivid] .xn-btn--primary:hover:not(:disabled){background:var(--brand-deep);color:#ffffff;filter:none;box-shadow:4px 4px 0 var(--brand-2)}[data-theme=vivid] .xn-btn--danger{background:var(--red-soft);color:var(--bad-ink)}[data-theme=vivid] .xn-btn--danger:hover:not(:disabled){background:#fbd3d9;color:var(--bad-ink)}[data-theme=vivid] .xn-btn--ghost{background:transparent;box-shadow:none}[data-theme=vivid] .xn-btn--ghost:hover:not(:disabled){background:var(--brand-soft);box-shadow:2px 2px 0 var(--ink)}[data-theme=vivid] .xn-btn:disabled{box-shadow:none}[data-theme=vivid] .xn-order-card .xn-btn,[data-theme=vivid] .xn-table .xn-btn{border-width:1px;box-shadow:none}[data-theme=vivid] .xn-order-card .xn-btn:hover:not(:disabled),[data-theme=vivid] .xn-table .xn-btn:hover:not(:disabled){transform:none;box-shadow:none}[data-theme=vivid] .xn-field input,[data-theme=vivid] .xn-field select,[data-theme=vivid] .xn-field textarea{background:var(--panel);border:var(--ink-w) solid var(--ink);font-weight:600}[data-theme=vivid] .xn-field input:hover,[data-theme=vivid] .xn-field select:hover,[data-theme=vivid] .xn-field textarea:hover{border-color:var(--ink)}[data-theme=vivid] .xn-field input:focus,[data-theme=vivid] .xn-field select:focus,[data-theme=vivid] .xn-field textarea:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--nav-facebook)}[data-theme=vivid] .xn-field input::placeholder,[data-theme=vivid] .xn-field textarea::placeholder{color:var(--muted)}[data-theme=vivid] .xn-field input[type=checkbox],[data-theme=vivid] .xn-field input[type=radio]{accent-color:var(--ink)}[data-theme=vivid] .xn-field label{color:var(--text);font-weight:700}[data-theme=vivid] .xn-field input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316161d' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M8 3.5v3M16 3.5v3M3.5 10h17'/%3E%3C/svg%3E")}[data-theme=vivid] .xn-admin-filter .xn-field input,[data-theme=vivid] .xn-admin-filter .xn-field select{border-width:var(--ink-w-dense)}[data-theme=vivid] .xn-chip{background:var(--panel);border:var(--ink-w) solid var(--ink);color:var(--ink);font-weight:800}[data-theme=vivid] .xn-chip:hover{background:var(--brand-soft);border-color:var(--ink)}[data-theme=vivid] .xn-chip.is-active{background:var(--pop);border-color:var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}[data-theme=vivid] .xn-chip:active{transform:translate(1px,1px);box-shadow:none}[data-theme=vivid] .xn-tab{color:var(--muted);font-weight:700}[data-theme=vivid] .xn-tab.is-active{background:var(--pop);color:var(--ink);font-weight:800;border:var(--ink-w) solid var(--ink);border-bottom-color:var(--pop)}[data-theme=vivid] .xn-table th{background:var(--pop);color:var(--ink);font-weight:800;border-bottom:var(--ink-w-dense) solid var(--ink)}[data-theme=vivid] .xn-orders-table .xn-table th:last-child{background:var(--pop)}[data-theme=vivid] .xn-table td{border-bottom-color:var(--line)}[data-theme=vivid] .xn-table tbody tr:hover td{background:#fffbea}[data-theme=vivid] .xn-status{border:1px solid var(--ink);font-weight:800}[data-theme=vivid] .xn-status--ok{color:var(--ok-ink)}[data-theme=vivid] .xn-status--warn{color:var(--warn-ink)}[data-theme=vivid] .xn-status--bad{color:var(--bad-ink)}[data-theme=vivid] .xn-status--info{color:var(--info-ink)}[data-theme=vivid] .xn-badge{background:var(--pop);color:var(--ink);border:1px solid var(--ink);font-weight:800}[data-theme=vivid] .xn-alert{border:var(--ink-w) solid var(--ink);box-shadow:2px 2px 0 var(--ink)}[data-theme=vivid] .xn-order-card{border:var(--ink-w) solid var(--ink);box-shadow:var(--shadow-sm)}[data-theme=vivid] .xn-dash-orders .xn-orders-cards .xn-order-card,[data-theme=vivid] .xn-orders-cards .xn-order-card{box-shadow:var(--shadow-sm)}[data-theme=vivid] .xn-order-card__platform{color:var(--nav-default);font-weight:800}[data-theme=vivid] .xn-order-card[data-platform=facebook] .xn-order-card__platform{color:var(--nav-facebook)}[data-theme=vivid] .xn-order-card[data-platform=tiktok] .xn-order-card__platform{color:var(--nav-tiktok)}[data-theme=vivid] .xn-order-card[data-platform=shopee] .xn-order-card__platform{color:var(--nav-shopee)}[data-theme=vivid] .xn-order-card[data-platform=youtube] .xn-order-card__platform{color:var(--nav-youtube)}[data-theme=vivid] .xn-order-card[data-platform=instagram] .xn-order-card__platform{color:var(--nav-instagram)}[data-theme=vivid] .xn-order-card__amount{font-weight:800}[data-theme=vivid] .xn-modal,[data-theme=vivid] .xn-sheet{border:var(--ink-w) solid var(--ink);box-shadow:var(--shadow-modal)}[data-theme=vivid] .xn-status-menu,[data-theme=vivid] .xn-suggest{border:var(--ink-w) solid var(--ink);box-shadow:var(--shadow-pop)}@media (max-width:960px){[data-theme=vivid] .xn-bottom-nav{background:var(--panel);border-top:var(--ink-w) solid var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=vivid] .xn-bottom-nav__item{color:var(--muted);font-weight:700}[data-theme=vivid] .xn-bottom-nav__item.is-active{color:var(--ink);font-weight:800}[data-theme=vivid] .xn-bottom-nav__item.is-active .xn-bottom-nav__icon,[data-theme=vivid] .xn-bottom-nav__plus-disc{background:var(--pop);border:var(--ink-w) solid var(--ink)}[data-theme=vivid] .xn-bottom-nav__plus-disc{color:var(--ink);box-shadow:var(--shadow-sm);font-weight:800}}[data-theme=vivid] .xn-pay__qr-panel{border:var(--ink-w) solid var(--ink);box-shadow:var(--shadow-md)}[data-theme=vivid] .xn-pay__copy,[data-theme=vivid] .xn-pay__qr img{border:var(--ink-w) solid var(--ink)}[data-theme=vivid] .xn-pay__copy{background:#ffffff;color:var(--ink);font-weight:800;box-shadow:2px 2px 0 var(--ink)}[data-theme=vivid] .xn-pay__copy:hover{background:var(--pop)}[data-theme=vivid] .xn-pay__copy:active{transform:translate(2px,2px);box-shadow:none}[data-theme=vivid] .xn-pay__transfer{border:var(--ink-w) dashed var(--ink);color:var(--ink);background:#fff8d6}[data-theme=vivid] .xn-auth-page,[data-theme=vivid] .xn-marketing{background:radial-gradient(ellipse at top,var(--page-glow-1),transparent 60%),var(--bg)}[data-theme=vivid] .xn-theme-opt{border:var(--ink-w) solid var(--ink);background:var(--panel)}[data-theme=vivid] .xn-theme-opt.is-active{background:var(--brand-soft);box-shadow:3px 3px 0 var(--ink)}[data-theme=vivid] .xn-theme-opt__input{accent-color:var(--ink)}@media (prefers-reduced-motion:reduce){[data-theme=vivid] .xn-btn,[data-theme=vivid] .xn-quick-menu__item,[data-theme=vivid] .xn-services__item{transition:none}}.xn-platform-ink{--platform-ink:var(--platform-other-ink)}.xn-platform-ink,.xn-platform-ink[data-platform]{color:var(--platform-ink)}.xn-platform-ink[data-platform=facebook]{--platform-ink:var(--platform-facebook-ink)}.xn-platform-ink[data-platform=tiktok]{--platform-ink:var(--platform-tiktok-ink)}.xn-platform-ink[data-platform=shopee]{--platform-ink:var(--platform-shopee-ink)}.xn-platform-ink[data-platform=youtube]{--platform-ink:var(--platform-youtube-ink)}.xn-platform-ink[data-platform=instagram]{--platform-ink:var(--platform-instagram-ink)}.xn-platform-ink[data-platform=twitter]{--platform-ink:var(--platform-twitter-ink)}.xn-platform-ink[data-platform=threads]{--platform-ink:var(--platform-threads-ink)}.xn-platform-ink[data-platform=telegram]{--platform-ink:var(--platform-telegram-ink)}.xn-platform-ink[data-platform=other]{--platform-ink:var(--platform-other-ink)}