.cdt{min-width:0;font-family:var(--cdt-font-family);font-size:var(--cdt-font-size);line-height:var(--cdt-line-height);color:var(--cdt-text);background:var(--cdt-background);border:var(--cdt-border-width) solid var(--cdt-border);border-radius:var(--cdt-radius);box-shadow:var(--cdt-shadow);-webkit-backdrop-filter:var(--cdt-backdrop-filter);backdrop-filter:var(--cdt-backdrop-filter);isolation:isolate;-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative}.cdt[data-cdt-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.cdt *,.cdt :before,.cdt :after{box-sizing:border-box}.cdt :focus-visible{outline:2px solid var(--cdt-focus-ring);outline-offset:2px}.cdt-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.cdt-icon{flex-shrink:0}.cdt-header{padding:calc(var(--cdt-gap) + 4px) var(--cdt-cell-padding-x) 0}.cdt-title{font-size:var(--cdt-title-font-size);color:var(--cdt-text);font-weight:600;line-height:1.3}.cdt-description{color:var(--cdt-text-muted);margin-top:2px;font-size:.93em}.cdt-toolbar{justify-content:space-between;align-items:center;gap:var(--cdt-gap);padding:var(--cdt-gap) var(--cdt-cell-padding-x);flex-wrap:wrap;display:flex}.cdt-toolbar-start,.cdt-toolbar-end{align-items:center;gap:calc(var(--cdt-gap) * .66);flex-wrap:wrap;min-width:0;display:flex}.cdt-toolbar-start{flex:260px}.cdt-filters{align-items:center;gap:calc(var(--cdt-gap) * .66);flex-wrap:wrap;display:flex}.cdt-search{flex:220px;align-items:center;min-width:0;max-width:340px;display:flex;position:relative}.cdt-search>.cdt-icon{color:var(--cdt-text-muted);pointer-events:none;position:absolute;left:11px}.cdt-input,.cdt-select{height:var(--cdt-control-height);font:inherit;color:var(--cdt-text);background:var(--cdt-control-background);border:1px solid var(--cdt-border-strong);border-radius:var(--cdt-control-radius);transition:border-color var(--cdt-transition), box-shadow var(--cdt-transition);font-size:.93em}.cdt-input{width:100%;padding:0 34px}.cdt-input::placeholder{color:var(--cdt-text-muted);opacity:.85}.cdt-input::-webkit-search-cancel-button{appearance:none}.cdt-input:focus,.cdt-select:focus{border-color:var(--cdt-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cdt-accent) 18%, transparent);outline:none}.cdt-select{cursor:pointer;padding:0 8px}.cdt-search-clear{width:24px;height:24px;color:var(--cdt-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;right:6px}.cdt-search-clear:hover{color:var(--cdt-text);background:var(--cdt-row-hover-background)}.cdt-btn{height:var(--cdt-control-height);font:inherit;white-space:nowrap;color:var(--cdt-text);background:var(--cdt-control-background);border:1px solid var(--cdt-border-strong);border-radius:var(--cdt-control-radius);cursor:pointer;transition:background var(--cdt-transition), border-color var(--cdt-transition), color var(--cdt-transition);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.93em;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.cdt-btn:hover:not(:disabled){background:var(--cdt-row-hover-background)}.cdt-btn:disabled{opacity:.45;cursor:not-allowed}.cdt-btn--sm{height:calc(var(--cdt-control-height) - 8px);padding:0 10px;font-size:.86em}.cdt-btn--icon{width:var(--cdt-control-height);padding:0}.cdt-btn--sm.cdt-btn--icon{width:calc(var(--cdt-control-height) - 8px)}.cdt-btn--primary{color:var(--cdt-accent-text);background:var(--cdt-accent);border-color:var(--cdt-accent)}.cdt-btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--cdt-accent) 88%, #000)}.cdt-btn--danger{color:var(--cdt-danger)}.cdt-btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--cdt-danger) 10%, transparent);border-color:color-mix(in srgb, var(--cdt-danger) 40%, transparent)}.cdt-btn--ghost{background:0 0;border-color:#0000}.cdt-link{font:inherit;color:var(--cdt-accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.cdt-link:hover{text-decoration:underline}.cdt-checkbox{vertical-align:middle;width:16px;height:16px;accent-color:var(--cdt-accent);cursor:pointer;margin:0}.cdt-checkbox:disabled{cursor:not-allowed;opacity:.5}.cdt-menu{position:relative}.cdt-menu-panel{z-index:30;background:var(--cdt-popover-background);border:1px solid var(--cdt-border);border-radius:var(--cdt-control-radius);min-width:200px;max-height:320px;box-shadow:var(--cdt-popover-shadow);-webkit-backdrop-filter:var(--cdt-backdrop-filter);backdrop-filter:var(--cdt-backdrop-filter);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.cdt-menu-item{border-radius:calc(var(--cdt-control-radius) - 2px);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:7px 10px;font-size:.93em;display:flex}.cdt-menu-item:hover{background:var(--cdt-row-hover-background)}.cdt-bulkbar{padding:8px var(--cdt-cell-padding-x);background:color-mix(in srgb, var(--cdt-accent) 8%, transparent);border-top:1px solid color-mix(in srgb, var(--cdt-accent) 18%, transparent);border-bottom:1px solid color-mix(in srgb, var(--cdt-accent) 18%, transparent);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.93em;animation:.16s cdt-fade-in;display:flex}.cdt-bulkbar-count{font-weight:600}.cdt-bulkbar-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.cdt-container{-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.cdt[data-cdt-sticky] .cdt-container{max-height:var(--cdt-max-height,70vh);overflow:auto}.cdt-progress{z-index:5;background:color-mix(in srgb, var(--cdt-accent) 15%, transparent);height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.cdt-progress:after{content:"";background:var(--cdt-accent);width:40%;animation:1.1s ease-in-out infinite cdt-progress;position:absolute;top:0;bottom:0}.cdt-table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%}.cdt-th,.cdt-td{text-align:left;vertical-align:middle}.cdt-th[data-align=center],.cdt-td[data-align=center]{text-align:center}.cdt-th[data-align=right],.cdt-td[data-align=right]{text-align:right}.cdt-th{padding:var(--cdt-header-padding-y) var(--cdt-cell-padding-x);font-size:var(--cdt-header-font-size);font-weight:var(--cdt-header-font-weight);letter-spacing:var(--cdt-header-letter-spacing);text-transform:var(--cdt-header-text-transform);white-space:nowrap;color:var(--cdt-header-text);background:var(--cdt-header-background);border-top:var(--cdt-row-border-width) solid var(--cdt-border);border-bottom:var(--cdt-row-border-width) solid var(--cdt-border)}.cdt-td{height:var(--cdt-row-height);padding:var(--cdt-cell-padding-y) var(--cdt-cell-padding-x);border-bottom:var(--cdt-row-border-width) solid var(--cdt-border);transition:background-color var(--cdt-transition)}.cdt-th+.cdt-th,.cdt-td+.cdt-td{border-left:var(--cdt-column-border-width) solid var(--cdt-border)}.cdt-table tbody tr:last-child>.cdt-td{border-bottom:0}.cdt[data-cdt-sticky] .cdt-th{z-index:2;border-top:0;position:sticky;top:0}.cdt-row[data-stripe]>.cdt-td{background:var(--cdt-row-stripe-background)}.cdt-row:hover>.cdt-td{background:var(--cdt-row-hover-background)}.cdt-row[data-selected]>.cdt-td{background:var(--cdt-row-selected-background)}.cdt-row[data-clickable]{cursor:pointer}.cdt-row:focus-visible{outline-offset:-2px}.cdt-row[data-expanded]>.cdt-td{border-bottom-color:#0000}.cdt-col-select,.cdt-col-expand{white-space:nowrap;width:1%;padding-right:0!important}.cdt-col-select+.cdt-col-expand,.cdt-col-select+.cdt-th,.cdt-col-select+.cdt-td,.cdt-col-expand+.cdt-th,.cdt-col-expand+.cdt-td{border-left:0}.cdt-col-actions{white-space:nowrap;width:1%}.cdt-expanded-cell{height:auto;padding:calc(var(--cdt-cell-padding-y) * 1.25) var(--cdt-cell-padding-x);background:var(--cdt-expanded-background);animation:.16s cdt-fade-in}.cdt-expand-btn .cdt-icon{transition:transform var(--cdt-transition)}.cdt-expand-btn[aria-expanded=true] .cdt-icon{transform:rotate(90deg)}.cdt-empty-value{color:var(--cdt-text-muted)}tbody[data-loading]{opacity:.55;transition:opacity var(--cdt-transition)}.cdt-sort-btn{vertical-align:middle;max-width:100%;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;margin:-4px -6px;padding:4px 6px;display:inline-flex}.cdt-th[data-align=right] .cdt-sort-btn{flex-direction:row-reverse}.cdt-sort-btn:hover{color:var(--cdt-text)}.cdt-sort-icon path{opacity:.3;transition:opacity var(--cdt-transition)}.cdt-sort-btn:hover .cdt-sort-icon path{opacity:.55}.cdt-sort-icon[data-direction=asc] .cdt-sort-up,.cdt-sort-icon[data-direction=desc] .cdt-sort-down{opacity:1}.cdt-sort-icon[data-direction=asc] .cdt-sort-down,.cdt-sort-icon[data-direction=desc] .cdt-sort-up{opacity:.15}.cdt-th[data-sorted]{color:var(--cdt-text)}.cdt-sort-index{letter-spacing:0;min-width:16px;height:16px;color:var(--cdt-accent-text);background:var(--cdt-accent);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.cdt-row-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.cdt-state-cell{height:auto}.cdt-table tbody tr:hover>.cdt-state-cell{background:0 0}.cdt-state{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 16px;display:flex}.cdt-state-icon{width:44px;height:44px;color:var(--cdt-text-muted);background:var(--cdt-header-background);border:1px solid var(--cdt-border);border-radius:999px;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.cdt-state[data-tone=danger] .cdt-state-icon{color:var(--cdt-danger);background:color-mix(in srgb, var(--cdt-danger) 10%, transparent);border-color:color-mix(in srgb, var(--cdt-danger) 25%, transparent)}.cdt-state-title{color:var(--cdt-text);font-weight:600}.cdt-state-description{max-width:420px;color:var(--cdt-text-muted)}.cdt-state-action{margin-top:10px}.cdt-skeleton{background:var(--cdt-skeleton);border-radius:999px;max-width:100%;height:10px;animation:1.4s ease-in-out infinite cdt-pulse;display:block}.cdt-skeleton-row:hover>.cdt-td{background:0 0}.cdt-badge{--cdt-badge-color:var(--cdt-text-muted);white-space:nowrap;color:color-mix(in srgb, var(--cdt-badge-color) 88%, var(--cdt-text));background:color-mix(in srgb, var(--cdt-badge-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--cdt-badge-color) 22%, transparent);border-radius:var(--cdt-badge-radius);align-items:center;gap:6px;padding:2px 9px;font-size:.86em;font-weight:500;line-height:1.5;display:inline-flex}.cdt-badge-dot{background:var(--cdt-badge-color);border-radius:999px;width:6px;height:6px}.cdt-badge--accent{--cdt-badge-color:var(--cdt-accent)}.cdt-badge--success{--cdt-badge-color:var(--cdt-success)}.cdt-badge--warning{--cdt-badge-color:var(--cdt-warning)}.cdt-badge--danger{--cdt-badge-color:var(--cdt-danger)}.cdt-badge--info{--cdt-badge-color:var(--cdt-info)}.cdt-footer{padding:calc(var(--cdt-gap) * .75) var(--cdt-cell-padding-x);color:var(--cdt-text-muted);border-top:var(--cdt-row-border-width) solid var(--cdt-border);font-size:.93em}.cdt-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.cdt-pagination-info{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.cdt-page-size{align-items:center;gap:8px;display:inline-flex}.cdt-page-size .cdt-select{height:calc(var(--cdt-control-height) - 6px)}.cdt-pages{align-items:center;gap:3px;display:flex}.cdt-page-btn{min-width:calc(var(--cdt-control-height) - 4px);height:calc(var(--cdt-control-height) - 4px);font:inherit;color:var(--cdt-text);border-radius:var(--cdt-control-radius);cursor:pointer;transition:background var(--cdt-transition), color var(--cdt-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 6px;font-weight:500;display:inline-flex}.cdt-page-btn:hover:not(:disabled):not([data-active]){background:var(--cdt-row-hover-background)}.cdt-page-btn[data-active]{color:var(--cdt-accent-text);background:var(--cdt-accent);border-color:var(--cdt-accent)}.cdt-page-btn:disabled{opacity:.35;cursor:not-allowed}.cdt-page-ellipsis{text-align:center;min-width:20px}.cdt-page-status{white-space:nowrap;color:var(--cdt-text);padding:0 8px}.cdt-cards-wrap{padding:0 var(--cdt-cell-padding-x) var(--cdt-gap)}.cdt-cards{gap:calc(var(--cdt-gap) * .75);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cdt-cards[data-loading]{opacity:.55}.cdt-cards-select-all{color:var(--cdt-text-muted);cursor:pointer;align-items:center;gap:10px;padding:4px 2px 10px;font-size:.93em;display:flex}.cdt-card{background:var(--cdt-control-background);border:1px solid var(--cdt-border);border-radius:var(--cdt-control-radius);transition:border-color var(--cdt-transition), background var(--cdt-transition);flex-direction:column;gap:10px;padding:14px;display:flex}.cdt-card[data-selected]{background:var(--cdt-row-selected-background);border-color:color-mix(in srgb, var(--cdt-accent) 40%, transparent)}.cdt-card[data-clickable]{cursor:pointer}.cdt-card-head{align-items:center;gap:10px;display:flex}.cdt-card-title{flex:1;min-width:0;font-weight:600}.cdt-card-fields{gap:6px;margin:0;display:grid}.cdt-card-field{grid-template-columns:minmax(90px,38%) 1fr;align-items:baseline;gap:12px;display:grid}.cdt-card-field dt{color:var(--cdt-text-muted);font-size:.86em}.cdt-card-field dd{overflow-wrap:anywhere;min-width:0;margin:0}.cdt-card-actions .cdt-row-actions{flex-wrap:wrap;justify-content:flex-start}.cdt-card-expanded{border-top:1px dashed var(--cdt-border);padding-top:10px}.cdt-cards-state{padding:0 var(--cdt-cell-padding-x)}.cdt[data-cdt-narrow] .cdt-search{max-width:none}.cdt[data-cdt-narrow] .cdt-btn-text{display:none}.cdt[data-cdt-narrow] .cdt-pagination{justify-content:center}.cdt[data-cdt-narrow] .cdt-pagination-info{justify-content:center;width:100%}.cdt[data-cdt-compact] .cdt-table{--cdt-cell-padding-x:10px;--cdt-cell-padding-y:6px;--cdt-header-padding-y:7px;--cdt-row-height:36px;font-size:.93em}@keyframes cdt-pulse{50%{opacity:.45}}@keyframes cdt-progress{0%{left:-40%}to{left:100%}}@keyframes cdt-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.cdt *,.cdt :before,.cdt :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cdt>.cdt-container:first-child{border-top-left-radius:var(--cdt-radius);border-top-right-radius:var(--cdt-radius)}.cdt>.cdt-container:first-child .cdt-th{border-top:0}.cdt>.cdt-container:nth-last-child(2){border-bottom-left-radius:var(--cdt-radius);border-bottom-right-radius:var(--cdt-radius)}:root{--primary:#5b5bd6;--accent:#8b5cf6;--font:"Inter", system-ui, sans-serif;--primary-soft:color-mix(in srgb, var(--primary) 11%, transparent);--primary-softer:color-mix(in srgb, var(--primary) 6%, transparent);--primary-strong:color-mix(in srgb, var(--primary) 82%, #000);--primary-ring:color-mix(in srgb, var(--primary) 24%, transparent);--gradient:linear-gradient(120deg, var(--primary) 0%, var(--accent) 100%);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#0ea5e9;--pink:#ec4899;--orange:#f97316;--violet:#8b5cf6;--teal:#14b8a6;--slate:#64748b;--radius-sm:10px;--radius:14px;--radius-lg:18px;--radius-pill:999px;--pad:22px;--gap:22px;--control-h:40px;--sidebar-w:264px;--sidebar-w-collapsed:80px;--topbar-h:68px;--ease:cubic-bezier(.2, .8, .2, 1)}:root,[data-theme=light]{--bg:#f4f5fa;--surface:#fff;--surface-2:#f8f9fc;--surface-3:#f1f3f8;--border:#e9ebf2;--border-strong:#dce0ea;--text:#0f172a;--text-2:#475569;--muted:#8b95a7;--overlay:#0f172a6b;--shadow-sm:0 1px 2px #1018280a;--shadow:0 1px 2px #10182808, 0 8px 24px -10px #10182814;--shadow-lg:0 24px 56px -12px #10182838;--tint:10%}[data-theme=dark]{--bg:#0b1020;--surface:#121a2b;--surface-2:#161f33;--surface-3:#1c2639;--border:#222c41;--border-strong:#2e3a52;--text:#e7eaf2;--text-2:#b4bdcd;--muted:#7d889c;--overlay:#020612a8;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #00000040, 0 10px 30px -12px #00000080;--shadow-lg:0 24px 56px -12px #000000b3;--primary-soft:color-mix(in srgb, var(--primary) 20%, transparent);--primary-softer:color-mix(in srgb, var(--primary) 10%, transparent);--primary-strong:color-mix(in srgb, var(--primary) 70%, #fff);--tint:18%}[data-density=compact]{--pad:16px;--gap:16px;--control-h:36px}[data-density=spacious]{--pad:28px;--gap:28px;--control-h:44px}[data-radius=sharp]{--radius-sm:6px;--radius:8px;--radius-lg:10px}[data-radius=round]{--radius-sm:14px;--radius:20px;--radius-lg:26px}:root{--sb-bg:var(--surface);--sb-border:var(--border);--sb-text:var(--text-2);--sb-muted:var(--muted);--sb-hover:var(--surface-3);--sb-active-bg:var(--primary);--sb-active-text:#fff;--sb-sub-active:var(--primary)}[data-sidebar=dark]{--sb-bg:#0f1526;--sb-border:#1c2438;--sb-text:#b4bdcd;--sb-muted:#6b7489;--sb-hover:#1a2236;--sb-sub-active:#fff}[data-theme=dark][data-sidebar=dark]{--sb-bg:#0a0f1c}[data-sidebar=brand]{--sb-bg:linear-gradient(180deg, var(--primary-strong), color-mix(in srgb, var(--accent) 70%, #0b1020));--sb-border:transparent;--sb-text:#ffffffd1;--sb-muted:#ffffff8c;--sb-hover:#ffffff1a;--sb-active-bg:#ffffff2e;--sb-sub-active:#fff}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .25s var(--ease), color .25s var(--ease);font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;color:var(--text);margin:0;font-weight:700}p{margin:0}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:var(--primary-soft)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.shell{min-height:100vh}.sidebar{z-index:40;width:var(--sidebar-w);background:var(--sb-bg);border-inline-end:1px solid var(--sb-border);transition:width .28s var(--ease), transform .28s var(--ease), background .25s;flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.sidebar-brand{height:var(--topbar-h);flex-shrink:0;align-items:center;gap:12px;padding:0 22px;display:flex}.brand-logo{background:var(--gradient);color:#fff;width:36px;height:36px;box-shadow:0 6px 16px -6px var(--primary);border-radius:11px;flex-shrink:0;place-items:center;font-weight:800;display:grid}[data-sidebar=brand] .brand-logo{box-shadow:none;background:#ffffff2e}.brand-name{color:var(--text);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:800;overflow:hidden}.sidebar .brand-name{color:var(--sb-active-text)}[data-sidebar=light] .sidebar .brand-name{color:var(--text)}.brand-sub{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:600;overflow:hidden}.sidebar .brand-sub{color:var(--sb-muted)}.sidebar-user{border:1px solid var(--sb-border);border-radius:var(--radius);background:var(--sb-hover);color:var(--sb-text);align-items:center;gap:10px;margin:4px 16px 10px;padding:10px 12px;display:flex}[data-sidebar=brand] .sidebar-user{border-color:#ffffff24}.sidebar-user .who{min-width:0;line-height:1.25}.sidebar-user .who strong{color:inherit;filter:brightness(.85);white-space:nowrap;font-size:13px;display:block}[data-sidebar=light] .sidebar-user .who strong{color:var(--text);filter:none}.sidebar-user .who span{color:var(--sb-muted);font-size:11.5px}.sidebar-nav{flex:1;padding:6px 14px 24px;overflow:hidden auto}.nav-section{text-transform:uppercase;letter-spacing:.12em;color:var(--sb-muted);white-space:nowrap;padding:18px 12px 8px;font-size:10.5px;font-weight:700}.nav-link{border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--sb-text);cursor:pointer;text-align:start;white-space:nowrap;background:0 0;border:0;align-items:center;gap:12px;margin:2px 0;padding:8px 12px;font-size:13.5px;font-weight:500;transition:background .18s,color .18s,transform .18s;display:flex;position:relative}.nav-link svg{flex-shrink:0}.nav-link:hover{background:var(--sb-hover);color:var(--sb-sub-active)}.nav-link.active{background:var(--sb-active-bg);color:var(--sb-active-text);box-shadow:0 8px 18px -10px var(--primary);font-weight:600}.nav-link.open-parent{color:var(--sb-sub-active)}.nav-link .label{text-overflow:ellipsis;flex:1;overflow:hidden}.nav-link .chev{opacity:.6;transition:transform .2s}.nav-link.expanded .chev{transform:rotate(90deg)}.nav-badge{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:10.5px;font-weight:700;display:grid}.nav-badge.soft{background:var(--primary-soft);color:var(--primary)}[data-sidebar=brand] .nav-badge.soft,[data-sidebar=dark] .nav-badge.soft{color:#fff;background:#ffffff24}.nav-sub{transition:grid-template-rows .28s var(--ease);grid-template-rows:0fr;display:grid}.nav-sub.open{grid-template-rows:1fr}.nav-sub>div{overflow:hidden}.nav-sub .nav-link{min-height:36px;padding-inline-start:46px;font-size:13px}.nav-sub .nav-link:before{content:"";opacity:.45;background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;inset-inline-start:23px}.nav-sub .nav-link.active{color:var(--sb-sub-active);box-shadow:none;background:0 0}.nav-sub .nav-link.active:before{opacity:1;box-shadow:0 0 0 3px var(--primary-soft)}.sidebar-promo{border-radius:var(--radius);background:var(--gradient);color:#fff;margin:0 16px 16px;padding:16px;position:relative;overflow:hidden}.sidebar-promo:after{content:"";background:#ffffff24;border-radius:50%;width:110px;height:110px;position:absolute;top:-30px;right:-30px}.sidebar-promo strong{font-size:14px;display:block}.sidebar-promo p{opacity:.85;margin:4px 0 12px;font-size:12px}[data-sidebar=brand] .sidebar-promo{background:#ffffff1f}@media (width>=1025px){.shell.collapsed .sidebar{width:var(--sidebar-w-collapsed)}.shell.collapsed .sidebar:hover{width:var(--sidebar-w);box-shadow:var(--shadow-lg)}.shell.collapsed .sidebar:not(:hover) :is(.brand-text,.sidebar-user .who,.sidebar-user .chev,.nav-link .label,.nav-link .chev,.nav-badge,.sidebar-promo,.nav-sub){display:none}.shell.collapsed .sidebar:not(:hover) .nav-section{padding:12px 0 4px;font-size:0}.shell.collapsed .sidebar:not(:hover) .nav-section:after{content:"";background:var(--sb-border);height:1px;margin:0 12px;display:block}.shell.collapsed .sidebar:not(:hover) .sidebar-user{justify-content:center;padding:8px}.shell.collapsed .sidebar:not(:hover) .nav-link{justify-content:center}.shell.collapsed .main{margin-inline-start:var(--sidebar-w-collapsed)}}.main{min-height:100vh;transition:margin-inline-start .28s var(--ease);flex-direction:column;margin-inline-start:var(--sidebar-w);display:flex}.topbar{z-index:30;height:var(--topbar-h);padding:0 calc(var(--gap) + 4px);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.topbar-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:min(340px,40vw);height:40px;color:var(--muted);cursor:pointer;align-items:center;gap:10px;padding:0 10px 0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.topbar-search:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.topbar-search span{text-align:start;flex:1;font-size:13.5px}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar-divider{background:var(--border);width:1px;height:26px;margin:0 6px}.top-icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;place-items:center;transition:background .18s,color .18s,transform .18s;display:grid;position:relative}.top-icon:hover{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.top-icon:active{transform:scale(.94)}.top-icon .dot{top:9px;background:var(--danger);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:10px}.top-icon .dot:after{content:"";border:2px solid var(--danger);border-radius:50%;animation:1.8s infinite ping;position:absolute;inset:-4px}.spin-slow{animation:6s linear infinite spin}.topnav{top:var(--topbar-h);z-index:29;padding:8px calc(var(--gap) + 4px);background:var(--surface);border-bottom:1px solid var(--border);gap:4px;display:none;position:sticky;overflow-x:auto}.topnav-item{position:relative}.topnav-item>button,.topnav-item>a{border-radius:var(--radius-sm);height:38px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;font-size:13.5px;font-weight:500;display:flex}.topnav-item>:is(button,a):hover,.topnav-item>:is(button,a).active{background:var(--primary-soft);color:var(--primary)}.topnav-menu{z-index:60;min-width:220px;padding:6px;position:fixed}[data-layout=topnav] .topnav{display:flex}@media (width>=1025px){[data-layout=topnav] .sidebar{display:none}[data-layout=topnav] .main,[data-layout=topnav] .shell.collapsed .main{margin-inline-start:0}[data-layout=topnav] .menu-toggle{display:none}}.topbar-brand{align-items:center;gap:10px;margin-inline-end:12px;display:none}@media (width>=1025px){[data-layout=topnav] .topbar-brand{display:flex}}@media (width<=1024px){[data-layout=topnav] .topnav{display:none}}.content{width:100%;padding:calc(var(--gap) + 4px);animation:page-in .4s var(--ease);flex:1}[data-container=boxed] .content,[data-container=boxed] .footer{max-width:1380px;margin-inline:auto}[data-container=boxed] body{background:var(--bg)}.footer{width:100%;padding:18px calc(var(--gap) + 4px);color:var(--muted);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12.5px;display:flex}.footer a{color:var(--text-2)}.sidebar-backdrop{background:var(--overlay);z-index:39;opacity:0;pointer-events:none;transition:opacity .25s;position:fixed;inset:0}@media (width<=1024px){.sidebar{box-shadow:var(--shadow-lg);transform:translate(-100%)}.shell.mobile-open .sidebar{transform:none}.shell.mobile-open .sidebar-backdrop{opacity:1;pointer-events:auto}.main{margin-inline-start:0}}@media (width<=720px){:root{--topbar-h:60px}.topbar{gap:6px;padding:0 12px}.topbar-search span,.topbar-search .kbd{display:none}.topbar-search{background:0 0;border-color:#0000;justify-content:center;width:40px;padding:0}.hide-sm{display:none!important}.content{padding:16px}.topbar-divider{display:none}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ping{0%{opacity:.9;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.7)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sidebar-promo{flex-shrink:0}@media (height<=940px){.sidebar-promo{display:none}}.brand-lockup{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-lockup .brand-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.brand-logo-img{object-fit:contain;flex-shrink:0;width:auto;max-width:170px;height:36px}.brand-icon-img{object-fit:contain;border-radius:10px;flex-shrink:0;width:36px;height:36px}.brand-collapsed{display:none}@media (width>=1025px){.shell.collapsed .sidebar:not(:hover) .brand-full{display:none}.shell.collapsed .sidebar:not(:hover) .brand-collapsed{display:inline-flex}.shell.collapsed .sidebar:not(:hover) .sidebar-brand{justify-content:center;padding:0}}.lang-btn{align-items:center;gap:6px;width:auto;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.lang-flag{font-size:17px;line-height:1}.lang-code{letter-spacing:.04em}@media (width<=720px){.lang-code{display:none}}:lang(ar) body{font-family:"Noto Sans Arabic", var(--font)}:lang(hi) body{font-family:var(--font), "Noto Sans Devanagari", sans-serif}:lang(zh) body{font-family:var(--font), "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif}[dir=rtl] .flip-rtl,[dir=rtl] .nav-link .chev{transform:scaleX(-1)}[dir=rtl] .nav-link.expanded .chev{transform:rotate(90deg)}[dir=rtl] .select{background-position:10px}[dir=rtl] .switch input:checked+.track:after{transform:translate(-18px)}[dir=rtl] .drawer{animation-name:drawer-in-rtl}[dir=rtl] .country-row:hover{transform:translate(-2px)}[dir=rtl] .qa-item:hover{transform:translate(-3px)}[dir=rtl] .mail-row.active{box-shadow:inset -3px 0 var(--primary)}[dir=rtl] .mail-row.unread:before{left:auto;right:6px}@keyframes drawer-in-rtl{0%{transform:translate(-100%)}to{transform:none}}@media (width<=1024px){[dir=rtl] .sidebar{transform:translate(100%)}[dir=rtl] .shell.mobile-open .sidebar{transform:none}}.grid{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.grid>*{min-width:0}.span-12{grid-column:span 12}.span-9{grid-column:span 9}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}@media (width<=1280px){.xl-span-12{grid-column:span 12}.xl-span-6{grid-column:span 6}}@media (width<=1024px){.span-9,.span-8,.span-7,.span-5,.span-4{grid-column:span 12}.span-6,.span-3{grid-column:span 6}.md-span-12{grid-column:span 12}}@media (width<=640px){.span-6,.span-3{grid-column:span 12}}.stack{gap:var(--gap);flex-direction:column;display:flex}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.text-2{color:var(--text-2)}.small{font-size:12.5px}.xs{font-size:11.5px}.fw-600{font-weight:600}.fw-700{font-weight:700}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:14px}.mt-4{margin-top:20px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:14px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-primary{color:var(--primary)}.num{font-variant-numeric:tabular-nums}.page-header{margin-bottom:var(--gap);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header h1{font-size:22px}.page-header p{color:var(--muted);margin-top:4px}.crumbs{color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:12.5px;display:flex}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--primary)}.crumbs .sep{opacity:.5}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}.card.hover:hover{box-shadow:var(--shadow), 0 16px 32px -16px color-mix(in srgb, var(--primary) 35%, transparent);transform:translateY(-2px)}.card-header{padding:var(--pad) var(--pad) 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card-title{align-items:center;gap:10px;font-size:15.5px;font-weight:700;display:flex}.card-title .ti{color:var(--primary);display:grid}.card-sub{color:var(--muted);margin-top:2px;font-size:12.5px;font-weight:400}.card-body{padding:var(--pad)}.card-flush .card-body{padding:0}.card-footer{padding:14px var(--pad);border-top:1px solid var(--border)}.btn{height:var(--control-h);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px -10px var(--primary)}.btn-whatsapp{color:#fff;background:#25d366;box-shadow:0 8px 18px -10px #25d366}.btn-whatsapp:hover{color:#fff;background:#1ebe5b}.btn-primary:hover{background:var(--primary-strong)}[data-theme=dark] .btn-primary:hover{background:color-mix(in srgb, var(--primary) 85%, #fff)}.btn-gradient{background:var(--gradient);color:#fff;box-shadow:0 10px 22px -12px var(--primary)}.btn-gradient:hover{filter:brightness(1.06)}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-soft:hover{background:color-mix(in srgb, var(--primary) 18%, transparent)}[data-theme=dark] .btn-soft{color:var(--primary-strong)}.btn-outline{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-soft-danger{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.btn-soft-success{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}.btn-white{color:#111827;background:#fff}.btn-white:hover{background:#ffffffe6}.btn-glass{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border-color:#ffffff38}.btn-glass:hover{background:#ffffff42}.btn-sm{border-radius:calc(var(--radius-sm) - 2px);height:32px;padding:0 12px;font-size:12.5px}.btn-lg{height:48px;padding:0 22px;font-size:14.5px}.btn-block{width:100%}.btn-icon{width:var(--control-h);padding:0}.btn-icon.btn-sm{width:32px}.badge{--c:var(--slate);border-radius:var(--radius-pill);white-space:nowrap;height:24px;color:var(--c);background:color-mix(in srgb, var(--c) var(--tint), transparent);align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:600;display:inline-flex}[data-theme=dark] .badge{color:color-mix(in srgb, var(--c) 70%, #fff)}.badge .bd{background:var(--c);border-radius:50%;width:6px;height:6px}.badge-primary{--c:var(--primary)}.badge-success{--c:var(--success)}.badge-warning{--c:var(--warning)}.badge-danger{--c:var(--danger)}.badge-info{--c:var(--info)}.badge-pink{--c:var(--pink)}.badge-orange{--c:var(--orange)}.badge-violet{--c:var(--violet)}.badge-teal{--c:var(--teal)}.badge-solid{background:var(--c);color:#fff!important}.count-pill{--c:var(--primary);background:var(--c);color:#fff;min-width:26px;height:26px;box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 18%, transparent);border-radius:999px;place-items:center;padding:0 8px;font-size:12px;font-weight:700;display:grid}.avatar{--size:36px;width:var(--size);height:var(--size);font-weight:700;font-size:calc(var(--size) * .36);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar .status{border:2px solid var(--surface);background:var(--success);border-radius:50%;width:28%;height:28%;position:absolute;bottom:0;right:0}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid var(--surface);margin-inline-start:-8px}.avatar-group .avatar:first-child{margin-inline-start:0}.user-cell{align-items:center;gap:10px;min-width:0;display:flex}.user-cell .uc-text{min-width:0}.user-cell strong{color:var(--text);font-size:13.5px;font-weight:600;display:block}.user-cell .uc-sub{color:var(--muted);font-size:12px;display:block}.icon-tile{--c1:var(--primary);--c2:var(--accent);color:#fff;background:linear-gradient(135deg, var(--c1), var(--c2));width:46px;height:46px;box-shadow:0 10px 20px -10px var(--c1);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.icon-tile.sm{border-radius:11px;width:36px;height:36px}.icon-tile.lg{border-radius:16px;width:54px;height:54px}.icon-tile.soft{background:color-mix(in srgb, var(--c1) var(--tint), transparent);color:var(--c1);box-shadow:none}.tile-primary{--c1:var(--primary);--c2:var(--accent)}.tile-pink{--c1:#ec4899;--c2:#f43f5e}.tile-info{--c1:#0ea5e9;--c2:#22d3ee}.tile-success{--c1:#10b981;--c2:#34d399}.tile-warning{--c1:#f59e0b;--c2:#fbbf24}.tile-orange{--c1:#f97316;--c2:#fb923c}.tile-danger{--c1:#ef4444;--c2:#f87171}.tile-violet{--c1:#8b5cf6;--c2:#a78bfa}.tile-slate{--c1:#64748b;--c2:#94a3b8}.tile-teal{--c1:#14b8a6;--c2:#2dd4bf}.stat-card{padding:var(--pad);flex-direction:column;gap:14px;height:100%;display:flex;position:relative;overflow:hidden}.stat-foot{min-height:22px;margin-top:auto}.stat-top{align-items:center;gap:14px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11.5px;font-weight:600}.stat-value{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:clamp(18px,1.55vw,25px);font-weight:800;line-height:1.2;overflow:hidden}.stat-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.trend{border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.trend.up{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent)}.trend.down{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.mini-stats{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.mini-stat{align-items:center;gap:14px;padding:16px 18px;display:flex}.mini-stat .v{letter-spacing:-.02em;font-size:20px;font-weight:800}.mini-stat .l{color:var(--muted);font-size:12.5px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:var(--text-2);font-size:12.5px;font-weight:600}.field-hint{color:var(--muted);font-size:11.5px}.input,.select,.textarea{width:100%;height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none;padding:0 12px;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.textarea{resize:vertical;height:auto;min-height:96px;padding:10px 12px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238b95a7' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-inline-end:34px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input-group{align-items:center;display:flex;position:relative}.input-group>svg{color:var(--muted);pointer-events:none;position:absolute;inset-inline-start:12px}.input-group .input{padding-inline-start:38px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=640px){.form-grid{grid-template-columns:minmax(0,1fr)}}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.switch input{opacity:0;pointer-events:none;position:absolute}.switch .track{background:var(--border-strong);border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.switch .track:after{content:"";width:16px;height:16px;transition:transform .22s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+.track{background:var(--primary)}.switch input:checked+.track:after{transform:translate(18px)}.switch input:focus-visible+.track{box-shadow:0 0 0 4px var(--primary-ring)}.check{cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--primary)}.segmented{background:var(--surface-3);border-radius:calc(var(--radius-sm) + 2px);gap:2px;padding:4px;display:inline-flex}.segmented button{border-radius:var(--radius-sm);height:30px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 14px;font-size:12.5px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--primary);color:#fff;box-shadow:0 6px 14px -8px var(--primary)}.segmented.plain button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex;overflow:auto hidden}.tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:12px 14px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--primary)}.tabs button.active:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.tabs .count{background:var(--surface-3);color:var(--text-2);border-radius:999px;padding:1px 7px;font-size:11px}.tabs button.active .count{background:var(--primary-soft);color:var(--primary)}.progress{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--gradient);height:100%;transition:width .9s var(--ease);display:block}.list{flex-direction:column;display:flex}.list-item{border-bottom:1px dashed var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.list-item:last-child{border-bottom:0;padding-bottom:0}.list-item:first-child{padding-top:0}.popover{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:pop .18s var(--ease)}.dropdown{inset-inline-end:0;z-index:70;min-width:220px;position:absolute;top:calc(100% + 10px)}.menu-item{border-radius:var(--radius-sm);width:100%;color:var(--text-2);cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.menu-item:hover,.menu-item.active{background:var(--primary-softer);color:var(--primary)}.menu-item.danger:hover{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.menu-sep{background:var(--border);height:1px;margin:6px 0}.overlay{z-index:90;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:.2s fade;position:fixed;inset:0}.modal-wrap{z-index:91;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{width:min(560px,100%);max-height:calc(100vh - 32px);animation:modal-in .26s var(--ease);flex-direction:column;display:flex}.modal.lg{width:min(820px,100%)}.modal.sm{width:min(420px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 0;display:flex}.modal-header h3{font-size:17px}.modal-body{padding:18px 22px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.drawer{top:0;inset-inline-end:0;z-index:91;width:min(400px,100vw);animation:drawer-in .3s var(--ease);border-width:0 0 0 1px;border-radius:0;flex-direction:column;display:flex;position:fixed;bottom:0}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 22px 14px;display:flex}.drawer-body{flex:1;padding:18px 22px 28px;overflow-y:auto}.toasts{inset-inline-end:20px;z-index:120;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px}.toast{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:min(360px,100vw - 40px);box-shadow:var(--shadow-lg);animation:toast-in .32s var(--ease);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.toast strong{font-size:13.5px;display:block}.toast p{color:var(--muted);margin-top:2px;font-size:12.5px}.kbd{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:6px;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:600}.divider{background:var(--border);height:1px;margin:16px 0}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.live-dot:after{content:"";border:2px solid var(--success);border-radius:50%;animation:1.6s infinite ping;position:absolute;inset:-4px}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty .icon-tile{margin:0 auto 12px}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.kv{grid-template-columns:140px 1fr;gap:10px 16px;font-size:13.5px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600}.skeleton{background:linear-gradient(90deg, var(--surface-3), var(--surface-2), var(--surface-3));background-size:200% 100%;border-radius:8px;animation:1.4s infinite shimmer}.option-card{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-2);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 8px;font-size:12.5px;font-weight:600;transition:border-color .18s,background .18s,color .18s,box-shadow .18s;display:flex}.option-card:hover{border-color:var(--primary)}.option-card.active{border-color:var(--primary);background:var(--primary-softer);color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.nowrap{white-space:nowrap}.caps{text-transform:uppercase;letter-spacing:.06em}.welcome{padding:calc(var(--pad) + 8px) calc(var(--pad) + 10px);border-radius:var(--radius-lg);background:var(--gradient);color:#fff;box-shadow:0 24px 48px -24px var(--primary);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;display:grid;position:relative;overflow:hidden}.welcome:before,.welcome:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.welcome:before{background:radial-gradient(circle,#ffffff38,#0000 65%);width:380px;height:380px;top:-190px;right:-90px}.welcome:after{background:radial-gradient(circle,#ffffff24,#0000 65%);width:260px;height:260px;bottom:-170px;left:32%}.welcome-text{z-index:1;position:relative}.welcome h2{color:#fff;letter-spacing:-.02em;font-size:26px}.welcome p{opacity:.88;margin-top:4px}.welcome-date{background:#ffffff24;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:12.5px;display:inline-flex}.wave{transform-origin:70% 70%;animation:2.4s ease-in-out infinite wave;display:inline-block}.welcome-stats{z-index:1;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;display:grid;position:relative}.glass-stat{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #ffffff2e;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.glass-stat strong{letter-spacing:-.02em;font-size:22px}@media (width<=1280px){.welcome{grid-template-columns:1fr}}@media (width<=640px){.welcome-stats{grid-template-columns:1fr 1fr}.welcome-stats .glass-stat:last-child{grid-column:span 2}.welcome h2{font-size:21px}}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(220px,1fr);align-items:start;gap:22px;display:grid}@media (width<=760px){.overview-grid{grid-template-columns:1fr}}.world-map{--map-empty:#e4e3f3;position:relative}[data-theme=dark] .world-map{--map-empty:#27304a}.world-map svg{width:100%;height:auto;display:block}.world-map .geo{fill:var(--map-empty);stroke:var(--surface);stroke-width:.5px;outline:none;transition:fill .25s,opacity .2s}.world-map .geo:hover{opacity:.8;cursor:pointer}.world-map .geo:focus{outline:none}.map-zoom{z-index:2;flex-direction:column;gap:4px;display:flex;position:absolute;top:0;left:0}.map-zoom button{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;place-items:center;display:grid}.map-zoom button:hover{color:var(--primary);border-color:var(--primary)}.map-tip{z-index:5;pointer-events:none;background:var(--text);color:var(--surface);white-space:nowrap;box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;padding:8px 12px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.map-tip span{opacity:.75}.country-list{flex-direction:column;gap:10px;display:flex}.country-row{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;transition:border-color .2s,transform .2s;display:flex}.country-row:hover{border-color:var(--primary);transform:translate(2px)}.country-row .progress{height:4px;margin-top:6px}.rank-num{background:var(--primary-soft);width:22px;height:22px;color:var(--primary);border-radius:7px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.map-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.map-stats>div{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:2px;min-width:0;padding:12px 14px;display:flex}.map-stats strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.quick-actions{flex-direction:column;gap:10px;display:flex}.qa-item{border-radius:var(--radius);color:var(--text);border:1px solid color-mix(in srgb, var(--c) 22%, transparent);background:color-mix(in srgb, var(--c) 6%, var(--surface));transition:transform .2s var(--ease), box-shadow .2s, border-color .2s;align-items:center;gap:12px;padding:11px 12px;font-size:13.5px;display:flex}.qa-item:hover{border-color:var(--c);box-shadow:0 10px 20px -14px var(--c);transform:translate(3px)}.hover-row{color:inherit;border-radius:10px;transition:background .18s}.medal{text-align:center;width:24px;color:var(--muted);font-size:17px;font-weight:700}.timeline{flex-direction:column;gap:4px;display:flex;position:relative}.timeline-item{animation:slide-down .4s var(--ease);align-items:center;gap:12px;padding:8px 0;display:flex}.bd-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.legend-list{flex-direction:column;gap:10px;display:flex}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cta-card{background:linear-gradient(120deg, var(--primary-softer), transparent 60%), var(--surface)}.chart-tip{background:var(--surface);border:1px solid var(--border);min-width:160px;box-shadow:var(--shadow-lg);border-radius:12px;padding:10px 12px;font-size:12.5px}.chart-tip-label{margin-bottom:6px;font-weight:700}.chart-tip-row{color:var(--text-2);align-items:center;gap:8px;display:flex}.chart-tip-row+.chart-tip-row{margin-top:4px}.chart-tip-row strong{color:var(--text)}.chart-tip .bd{border-radius:50%;width:8px;height:8px}.recharts-wrapper:focus,.recharts-surface:focus{outline:none}.customizer{width:min(380px,100vw)}.cz-section{border-bottom:1px solid var(--border);padding:16px 0}.cz-section:first-child{padding-top:0}.cz-section h4{margin-bottom:12px;font-size:13.5px;font-weight:700}.cz-grid{gap:10px;display:grid}.swatch{border-radius:50%;place-items:center;width:22px;height:22px;display:grid;box-shadow:inset 0 0 0 2px #ffffff59}.custom-color{flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 12px}.custom-color input{cursor:pointer;background:0 0;border:0;border-radius:8px;width:34px;height:34px;padding:0}.custom-color input::-webkit-color-swatch-wrapper{padding:0}.custom-color input::-webkit-color-swatch{border:0;border-radius:8px}.palette{width:min(620px,100%);overflow:hidden}.palette-input{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:12px;padding:14px 18px;display:flex}.palette-input input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.palette-list{max-height:400px;padding:0 8px 8px;overflow-y:auto}.palette-icon{background:var(--surface-3);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.palette-foot{border-top:1px solid var(--border);gap:16px;padding:10px 18px;display:flex}.cdt{--cdt-title-font-size:15.5px}.cdt .user-cell strong{font-size:13.5px}.tree-shell{height:max(560px, calc(100dvh - var(--topbar-h) - 150px));flex-direction:column;display:flex;overflow:hidden}.tree-shell:fullscreen{border:0;border-radius:0;height:100vh}.tree-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;display:flex}.tree-controls{flex:1;justify-content:flex-end;gap:8px}.tree-icons{border-inline-start:1px solid var(--border);gap:4px;padding-inline-start:10px}.tree-strip{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 16px;min-height:46px;padding:7px 16px;font-size:12.5px;display:flex}.tree-stats{color:var(--muted);flex-wrap:wrap;gap:4px 18px;display:flex}.tree-stats strong{color:var(--text);margin-inline-end:2px;font-weight:700}.tree-selected{border-inline-end:1px solid var(--border);align-items:center;gap:8px;min-width:0;padding-inline-end:16px;display:flex}.tree-selected .btn{height:30px}.tree-hint{text-align:end;margin-inline-start:auto}.tree-canvas{background:var(--surface-2);flex:1;min-height:0;position:relative}.tree-canvas aside{z-index:60!important}.tree-float{z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:250px;max-height:calc(100% - 28px);box-shadow:var(--shadow);position:absolute;bottom:14px;left:14px;overflow:auto}.tree-float[data-open=false]{width:auto}.tree-float-head{width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.tree-float-chev{color:var(--muted);transition:transform .2s var(--ease);flex-shrink:0}.tree-float[data-open=true] .tree-float-chev{transform:rotate(180deg)}.tree-float-body{padding:0 12px 12px}.tree-float .legend-list{gap:7px}.tree-float .bt-balance strong{font-size:16px}@media (width<=1024px){.tree-controls{justify-content:flex-start}.tree-icons{border:0;margin-inline-start:auto;padding:0}}@media (width<=720px){.tree-shell{height:max(480px, calc(100dvh - var(--topbar-h) - 120px))}.tree-float{width:200px}.tree-hint{display:none}}.expanded-kv{grid-template-columns:repeat(auto-fill,minmax(110px,auto) minmax(140px,1fr));padding:6px 4px;font-size:13px}.product-thumb{background:var(--surface-3);border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.wizard{gap:var(--gap);grid-template-columns:260px minmax(0,1fr);align-items:start;display:grid}.wizard-steps .card-body{flex-direction:column;gap:6px;padding:12px;display:flex}.wizard-step{border-radius:var(--radius-sm);text-align:start;cursor:default;color:var(--text-2);background:0 0;border:0;align-items:center;gap:12px;padding:10px;display:flex}.wizard-step strong{color:var(--text);font-size:13.5px;display:block}.wizard-step span span{display:block}.ws-icon{background:var(--surface-3);width:38px;height:38px;color:var(--muted);border-radius:12px;flex-shrink:0;place-items:center;transition:all .25s;display:grid}.wizard-step.active{background:var(--primary-softer)}.wizard-step.active .ws-icon{background:var(--primary);color:#fff;box-shadow:0 8px 18px -8px var(--primary)}.wizard-step.done{cursor:pointer}.wizard-step.done .ws-icon{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}@media (width<=900px){.wizard{grid-template-columns:1fr}.wizard-steps .card-body{flex-direction:row;overflow-x:auto}.wizard-step{flex-shrink:0}}.sponsor-preview{border-radius:var(--radius);background:var(--primary-softer);border:1px dashed color-mix(in srgb, var(--primary) 35%, transparent);align-items:center;gap:12px;padding:14px;display:flex}.pkg-pick{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.pkg-option{border:1.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:start;color:var(--text);flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:all .2s;display:flex;position:relative}.pkg-option:hover{border-color:var(--c);transform:translateY(-2px)}.pkg-option.active{border-color:var(--c);background:color-mix(in srgb, var(--c) 8%, var(--surface));box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 18%, transparent)}.pkg-dot{background:var(--c);border-radius:50%;width:12px;height:12px;margin-bottom:6px}.pkg-price{font-size:20px;font-weight:800}.pkg-pop{top:10px;position:absolute;inset-inline-end:10px}.summary-box{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:10px;padding:16px;display:flex}.profile-hero{overflow:hidden}.profile-cover{background:var(--gradient);height:120px;position:relative}.profile-cover:after{content:"";background:radial-gradient(circle at 85% -20%,#ffffff4d,#0000 50%),radial-gradient(circle at 10% 140%,#fff3,#0000 45%);position:absolute;inset:0}.profile-main{padding:0 var(--pad);flex-wrap:wrap;align-items:flex-end;gap:18px;margin-top:-40px;display:flex;position:relative}.profile-avatar .avatar{border:4px solid var(--surface);box-shadow:var(--shadow)}.profile-stats{padding:20px var(--pad);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;display:grid}.level-list{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.level-row{border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:start;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:9px 10px;display:flex}.level-row:hover{background:var(--surface-2)}.level-row.active{border-color:var(--primary);background:var(--primary-softer)}.rank-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.rank-card{padding:var(--pad);border-top:3px solid var(--c);flex-direction:column;gap:14px;display:flex;position:relative;overflow:hidden}.rank-emoji{background:color-mix(in srgb, var(--c) 14%, transparent);border-radius:14px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.rank-reqs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rank-reqs>div{background:var(--surface-2);border-radius:10px;flex-direction:column;padding:8px;display:flex}.rank-reqs span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:600}.rank-reqs strong{font-size:13px}.kyc-review{grid-template-columns:1.2fr 1fr;gap:22px;display:grid}@media (width<=700px){.kyc-review{grid-template-columns:1fr}}.kyc-docs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.doc-preview{aspect-ratio:1.5;border-radius:var(--radius);border:1px dashed var(--border-strong);background:repeating-linear-gradient(45deg, var(--surface-2), var(--surface-2) 10px, var(--surface-3) 10px, var(--surface-3) 20px);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.doc-preview:last-child{aspect-ratio:3;grid-column:span 2}.bonus-grid{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(auto-fill,minmax(165px,1fr));display:grid}.bonus-card,.payout-tile{cursor:pointer;text-align:start;font:inherit;color:var(--text);flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.bonus-card strong,.payout-tile strong{letter-spacing:-.02em;font-size:20px}.bonus-card.active,.payout-tile.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.payout-summary{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=900px){.payout-summary{grid-template-columns:1fr 1fr}}.pricing-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(205px,1fr));display:grid}.pricing-card{padding:calc(var(--pad) + 2px);flex-direction:column;gap:14px;display:flex;position:relative;overflow:hidden}.pricing-card:before{content:"";background:var(--c);height:4px;position:absolute;inset:0 0 auto}.pricing-card.popular{border-color:var(--c);box-shadow:0 20px 40px -24px var(--c)}.pricing-ribbon{background:var(--c);color:#fff;letter-spacing:.04em;padding:4px 36px;font-size:10.5px;font-weight:700;position:absolute;top:16px;right:-34px;transform:rotate(45deg)}.pricing-name{text-transform:uppercase;letter-spacing:.1em;color:var(--c);font-size:13px;font-weight:700}.pricing-price{letter-spacing:-.03em;font-size:28px;font-weight:800}.pricing-features{color:var(--text-2);flex-direction:column;gap:9px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.pricing-features li{align-items:center;gap:8px;display:flex}.pricing-features svg{color:var(--c);flex-shrink:0}.pricing-meta{background:var(--surface-2);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid}.pricing-meta div{flex-direction:column;align-items:center;display:flex}.pricing-meta span{color:var(--muted);text-transform:uppercase;font-size:10.5px;font-weight:600}.pricing-meta strong{font-size:13.5px}.mailbox{grid-template-columns:220px 360px minmax(0,1fr);height:max(600px,100vh - 240px);display:grid;overflow:hidden}.mail-side{border-inline-end:1px solid var(--border);padding:16px;overflow-y:auto}.mail-list{border-inline-end:1px solid var(--border);overflow-y:auto}.mail-search{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);padding:12px;position:sticky;top:0}.mail-row{border:0;border-bottom:1px solid var(--border);text-align:start;cursor:pointer;width:100%;color:var(--text-2);background:0 0;gap:12px;padding:14px 16px;transition:background .15s;display:flex;position:relative}.mail-row:hover{background:var(--surface-2)}.mail-row.active{background:var(--primary-softer);box-shadow:inset 3px 0 var(--primary)}.mail-row.unread .mail-from,.mail-row.unread .mail-subject{color:var(--text);font-weight:700}.mail-row.unread:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:6px}.mail-from{color:var(--text);font-size:13.5px;font-weight:600}.mail-star{color:var(--muted);align-self:flex-start;padding:2px}.mail-read{padding:var(--pad);overflow-y:auto}.mail-read-head{margin-bottom:14px}.mail-back{display:none}.mail-body{color:var(--text-2);flex-direction:column;gap:14px;margin-top:22px;line-height:1.7;display:flex}.mail-reply{border-top:1px solid var(--border);margin-top:26px;padding-top:18px}@media (width<=1200px){.mailbox{grid-template-columns:200px minmax(0,1fr)}.mail-read{display:none}.mail-read.open{grid-area:1/2;display:block}.mail-list.has-open{display:none}.mail-back{display:inline-flex}}@media (width<=720px){.mailbox{grid-template-columns:1fr}.mail-side{display:none}.mail-read.open{grid-column:1}}.chat{flex-direction:column;flex:1;gap:16px;display:flex}.chat-msg{align-items:flex-end;gap:10px;max-width:88%;display:flex}.chat-msg.me{text-align:end;flex-direction:row-reverse;align-self:flex-end}.chat-bubble{background:var(--surface-3);text-align:start;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:13.5px}.chat-msg.me .chat-bubble{background:var(--primary);color:#fff;border-radius:16px 16px 4px}.chat-input{background:var(--surface);padding:12px 0 0;position:sticky;bottom:-28px}.kanban{grid-auto-columns:minmax(250px,1fr);grid-auto-flow:column;gap:14px;padding-bottom:8px;display:grid;overflow-x:auto}.kanban-col{border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border);border-top:3px solid var(--c);flex-direction:column;min-height:420px;transition:background .2s,border-color .2s;display:flex}.kanban-col.over{background:color-mix(in srgb, var(--c) 8%, var(--surface-2));border-color:var(--c)}.kanban-head{justify-content:space-between;align-items:center;padding:14px;display:flex}.kanban-items{flex-direction:column;flex:1;gap:10px;padding:0 10px 12px;display:flex}.kanban-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:grab;padding:12px;transition:transform .15s,box-shadow .15s,opacity .15s}.kanban-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.kanban-card.dragging{opacity:.45}.kanban-empty{border:1.5px dashed var(--border-strong);border-radius:var(--radius);flex:1;place-items:center;min-height:80px;display:grid}.announce-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.announce-card{padding:var(--pad);flex-direction:column;gap:12px;display:flex}.announce-card h3{font-size:16px}.settings-layout{gap:var(--gap);grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}.settings-nav .card-body{flex-direction:column;gap:2px;padding:8px;display:flex}@media (width<=900px){.settings-layout{grid-template-columns:1fr}.settings-nav .card-body{flex-direction:row;overflow-x:auto}.settings-nav .menu-item{white-space:nowrap;width:auto}}.setting-row{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:14px 0;display:flex}.setting-row:last-child{border-bottom:0}.gateway-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.gateway{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:14px;display:flex}.gateway-logo{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.plan-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.plan-card{text-align:start;color:var(--text);align-items:flex-start;gap:6px;padding:16px}.plan-card strong{font-size:14px}.plan-card>svg{color:var(--primary)}.bonus-row{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 0;transition:opacity .2s;display:flex}.bonus-row:last-child{border-bottom:0}.bonus-row.off{opacity:.55}.bonus-input{align-items:center;gap:8px;display:flex}.bonus-input .input{width:76px}.bonus-input span{width:90px}.level-editor{flex-direction:column;gap:10px;display:flex}.level-edit-row{align-items:center;gap:12px;display:flex}.level-edit-row .input{width:70px;height:34px}.auth{background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.auth-art{color:#fff;background:var(--gradient);flex-direction:column;justify-content:space-between;gap:32px;padding:48px;display:flex;position:relative;overflow:hidden}.auth-art:before{content:"";background:radial-gradient(circle at 80% 10%,#ffffff40,#0000 40%),radial-gradient(circle at 0 100%,#ffffff2e,#0000 45%);position:absolute;inset:0}.auth-art>*{position:relative}.auth-art h2{color:#fff;letter-spacing:-.03em;max-width:420px;font-size:32px;line-height:1.2}.auth-art p{opacity:.85;max-width:420px;margin-top:12px}.auth-tree{width:min(360px,100%);margin-bottom:28px}.auth-tree path{fill:none;stroke:#ffffff80;stroke-width:2px;stroke-dasharray:4 5}.auth-tree circle{fill:#fff;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite node-pulse}@keyframes node-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.18)}}.auth-quote{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;max-width:460px;padding:18px;font-size:14px;line-height:1.6}.auth-quote span{opacity:.75;margin-top:8px;font-size:12.5px;display:block}.auth-main{place-items:center;padding:40px 24px;display:grid;position:relative}.auth-theme{top:20px;gap:6px;display:flex;position:absolute;inset-inline-end:20px}.auth-form{width:min(400px,100%)}.auth-form h1{letter-spacing:-.03em;font-size:28px}.auth-sep{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.auth-sep:before,.auth-sep:after{content:"";background:var(--border);flex:1;height:1px}.google-btn{color-scheme:normal;justify-content:center;min-height:44px;display:flex}@media (width<=900px){.auth{grid-template-columns:1fr}.auth-art{display:none}}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.notfound{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.notfound.embedded{background:0 0;min-height:60vh}.notfound-code{letter-spacing:-.06em;background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(96px,18vw,180px);font-weight:800;line-height:1;animation:4s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-10px)}}.invoice-layout{gap:var(--gap);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.invoice-layout.create{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.invoice-preview{top:calc(var(--topbar-h) + 16px);position:sticky}@media (width<=1200px){.invoice-layout,.invoice-layout.create{grid-template-columns:minmax(0,1fr)}.invoice-preview{position:static}}.invoice-sheet{overflow:hidden}.invoice-doc{padding:calc(var(--pad) + 14px);flex-direction:column;gap:28px;display:flex;position:relative}.invoice-doc:before{content:"";background:var(--gradient);height:5px;position:absolute;inset:0 0 auto}.invoice-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.invoice-title{text-align:end}.invoice-title h2{letter-spacing:-.03em;text-transform:uppercase;color:var(--primary);font-size:28px}.invoice-meta{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);grid-template-columns:1.4fr 1fr 1fr;gap:20px;padding:18px;display:grid}@media (width<=640px){.invoice-meta{grid-template-columns:1fr}.invoice-title{text-align:start}}.invoice-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:10.5px;font-weight:700}.invoice-due{letter-spacing:-.02em;font-size:24px;font-weight:800}.invoice-table{border-collapse:collapse;width:100%;font-size:13.5px}.invoice-table th{text-align:start;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:2px solid var(--border);padding:0 10px 10px;font-size:11px;font-weight:700}.invoice-table td{border-bottom:1px solid var(--border);padding:14px 10px}.invoice-table .r{text-align:end;white-space:nowrap}.invoice-table th:first-child,.invoice-table td:first-child{padding-inline-start:0}.invoice-table th:last-child,.invoice-table td:last-child{padding-inline-end:0}.invoice-foot{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.invoice-totals{margin:0;grid-template-columns:auto 140px;gap:8px 24px;margin-inline-start:auto;font-size:13.5px;display:grid}.invoice-totals dt{color:var(--muted);text-align:end}.invoice-totals dd{text-align:end;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.invoice-totals .grand{color:var(--text);border-top:2px solid var(--border);padding-top:10px;font-size:18px;font-weight:800}.invoice-stamp{letter-spacing:.12em;text-transform:uppercase;opacity:.22;pointer-events:none;border:3px solid;border-radius:10px;padding:6px 18px;font-size:22px;font-weight:800;position:absolute;top:120px;right:40px;transform:rotate(-14deg)}.invoice-stamp.paid{color:var(--success)}.invoice-stamp.overdue{color:var(--danger)}.invoice-stamp.refunded{color:var(--violet)}.invoice-history{flex-direction:column;display:flex}.ih-item{gap:12px;padding-bottom:16px;display:flex;position:relative}.ih-item:last-child{padding-bottom:0}.ih-item:not(:last-child):after{content:"";inset-inline-start:5px;background:var(--border);width:2px;position:absolute;top:14px;bottom:0}.ih-dot{border:2px solid var(--border-strong);background:var(--surface);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:3px}.ih-item.done .ih-dot{border-color:var(--success);background:var(--success)}.ih-item:not(.done){color:var(--muted)}.line-items{flex-direction:column;gap:12px;display:flex}.line-item{grid-template-columns:minmax(0,1fr) 70px 100px 70px auto;align-items:end;gap:10px;display:grid}@media (width<=640px){.line-item{grid-template-columns:1fr 1fr 1fr auto}.line-item>:first-child{grid-column:1/-1}}@media print{.sidebar,.topbar,.topnav,.footer,.no-print,.toasts,.sidebar-backdrop{display:none!important}.main{margin:0!important}.content{animation:none;padding:0!important}body{background:#fff}.invoice-layout{display:block}.invoice-sheet{box-shadow:none;border:0}.invoice-doc{padding:0}.invoice-doc:before{display:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.bt-node{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--c,var(--primary));width:100%;height:100%;box-shadow:var(--shadow);cursor:pointer;color:var(--text);font-family:var(--font);border-radius:14px;flex-direction:column;justify-content:space-between;gap:8px;padding:10px 12px;transition:box-shadow .16s,border-color .16s;display:flex}.bt-node:hover{box-shadow:var(--shadow), 0 0 0 2px var(--primary-ring)}.bt-node.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.bt-node.vacant{border:1.5px dashed var(--border-strong);background:var(--surface-2);box-shadow:none;cursor:default;justify-content:center;align-items:center}.bt-legs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.bt-legs>div{background:var(--surface-2);border-radius:8px;flex-direction:column;padding:5px 8px;display:flex}.bt-legs span{color:var(--muted);font-size:10px;font-weight:600}.bt-legs strong{font-variant-numeric:tabular-nums;font-size:13px}.bt-balance{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bt-balance>div{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;padding:10px 12px;display:flex}.bt-balance strong{font-size:18px}.pin-code{letter-spacing:.04em;background:var(--surface-3);color:var(--text);white-space:nowrap;border-radius:6px;padding:4px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;font-weight:600}.pin-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.pin-chip{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.pin-chip:hover{border-color:var(--primary);color:var(--primary)}.pin-chip code{color:var(--text);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;font-weight:600}.week-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.week-day{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.week-day strong{letter-spacing:-.02em;font-size:22px}.week-day.today{border-color:var(--primary);background:var(--primary-softer)}.week-day.today strong{color:var(--primary)}@media (width<=720px){.week-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}.run-flow{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.run-step{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;font-weight:600;display:flex}.run-step span{background:var(--surface-3);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.run-step.done{color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent)}.run-step.done span{background:var(--success);color:#fff}.spin{animation:.8s linear infinite spin}.proof{aspect-ratio:1.6;border-radius:var(--radius);border:1px dashed var(--border-strong);color:var(--muted);background:repeating-linear-gradient(45deg, var(--surface-2), var(--surface-2) 10px, var(--surface-3) 10px, var(--surface-3) 20px);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.roles-layout{gap:var(--gap);grid-template-columns:300px minmax(0,1fr);align-items:start;display:grid}@media (width<=1100px){.roles-layout{grid-template-columns:1fr}}.role-card{text-align:start;font:inherit;color:var(--text);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;display:flex}.role-card.active{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 22%, transparent)}.role-dot{background:var(--c);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 18%, transparent);border-radius:50%;flex-shrink:0}.perm-wrap{margin:0 calc(var(--pad) * -1);padding:0 var(--pad);overflow-x:auto}.perm-table{border-collapse:collapse;width:100%;min-width:560px}.perm-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--border);text-align:center;padding:0 6px 10px;font-size:11px;font-weight:700}.perm-table th:first-child{text-align:start;padding-inline-start:0}.perm-table td{border-bottom:1px dashed var(--border);text-align:center;padding:8px 6px}.perm-table td:first-child{text-align:start;padding-inline-start:0}.perm-table tr:last-child td{border-bottom:0}.perm-col,.perm-row{font:inherit;color:inherit;cursor:pointer;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;background:0 0;border:0;border-radius:6px;padding:4px 6px}.perm-row{text-align:start;color:var(--text);flex-direction:column;align-items:flex-start;padding:4px 0;display:flex}.perm-col:hover:not(:disabled),.perm-row:hover:not(:disabled){color:var(--primary)}.perm-col:disabled,.perm-row:disabled{cursor:default}.perm-check{border:1.5px solid var(--border-strong);cursor:pointer;border-radius:9px;place-items:center;width:30px;height:30px;transition:all .15s;display:inline-grid;position:relative}.perm-check input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.perm-check.on{background:var(--primary);border-color:var(--primary)}.perm-check.on:after{content:"";border-top:0;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:0;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.perm-check:has(input:focus-visible){box-shadow:0 0 0 3px var(--primary-ring)}.perm-check:has(input:disabled){opacity:.7;cursor:default}.sev-icon{border-radius:8px;place-items:center;width:28px;height:28px;display:inline-grid}.sev-info{color:var(--info);background:color-mix(in srgb, var(--info) 12%, transparent)}.sev-warning{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, transparent)}.sev-critical{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.diff{flex-direction:column;gap:8px;padding:6px 4px;display:flex}.diff-row{grid-template-columns:120px auto 16px auto;justify-content:start;align-items:center;gap:10px;font-size:13px;display:grid}.diff-from{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--danger) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--danger) 50%, transparent);border-radius:6px;padding:2px 8px}.diff-to{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success);border-radius:6px;padding:2px 8px;font-weight:600}.branding-layout{gap:var(--gap);grid-template-columns:200px minmax(0,1fr) 360px;align-items:start;padding-bottom:70px;display:grid}.branding-layout section{scroll-margin-top:calc(var(--topbar-h) + 20px)}.branding-nav{top:calc(var(--topbar-h) + 20px);flex-direction:column;gap:2px;padding:8px;display:flex;position:sticky}.branding-preview{top:calc(var(--topbar-h) + 20px);position:sticky}@media (width<=1400px){.branding-layout{grid-template-columns:minmax(0,1fr) 340px}.branding-nav{display:none}}@media (width<=1024px){.branding-layout{grid-template-columns:1fr}.branding-preview{order:-1;position:static}}.upload-grid{grid-template-columns:1fr 1fr 130px 130px;align-items:start;gap:16px;display:grid}@media (width<=1200px){.upload-grid{grid-template-columns:1fr 1fr}}.upload{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);height:110px;color:var(--muted);cursor:pointer;place-items:center;transition:border-color .18s,background .18s;display:grid;position:relative;overflow:hidden}.upload.square{aspect-ratio:1;width:100%;max-width:130px;height:auto}.upload:hover,.upload.over{border-color:var(--primary);background:var(--primary-softer);color:var(--primary)}.upload.dark{color:#7d889c;background:#0f1526;border-color:#2e3a52}.upload.filled{border-style:solid}.upload img{object-fit:contain;max-width:85%;max-height:75%}.upload-empty{flex-direction:column;align-items:center;gap:6px;display:flex}.upload-remove{top:6px;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:8px;place-items:center;width:26px;height:26px;display:grid;position:absolute;inset-inline-end:6px}.upload-remove:hover{background:var(--danger)}.save-bar{z-index:80;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:toast-in .3s var(--ease);border-radius:999px;align-items:center;gap:20px;max-width:calc(100vw - 32px);padding:10px 12px 10px 20px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.branding-callout{border-radius:var(--radius);border:1px dashed color-mix(in srgb, var(--primary) 40%, transparent);background:var(--primary-softer);color:var(--text);align-items:center;gap:14px;padding:14px 16px;display:flex}.branding-callout:hover{border-style:solid}.preview-stage{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);min-height:260px;padding:14px}.pv-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex}.pv-lines{flex-direction:column;gap:9px;display:flex}.pv-lines span{background:var(--surface-3);border-radius:6px;height:9px}.pv-lines span.active{background:var(--primary);border-radius:8px;height:26px}.pv-collapsed{border-top:1px dashed var(--border);align-items:center;gap:10px;padding-top:12px;display:flex}.pv-login{background:var(--gradient);color:#fff;background-position:50%;background-size:cover;border-radius:12px;flex-direction:column;justify-content:space-between;gap:18px;min-height:240px;padding:18px;display:flex}.pv-login strong{font-size:16px;display:block}.pv-login p{opacity:.85;margin-top:4px;font-size:12px}.pv-login .brand-name{color:#fff}.pv-invoice{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.pv-browser{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.pv-tab{background:var(--surface-3);border-radius:10px 10px 0 0;align-items:center;gap:8px;width:78%;margin:8px 8px 0;padding:8px 10px;font-size:12px;display:flex}.pv-tab img{object-fit:contain;width:16px;height:16px}.pv-tab span{flex:1}.pv-url{color:var(--muted);background:var(--surface-3);border-bottom:1px solid var(--border);padding:8px 12px;font-size:12px}.pv-footer{padding:70px 12px 12px}.auth-brand .brand-name{color:#fff;font-size:18px}.auth-brand .brand-logo{box-shadow:none;background:#ffffff2e}.auth-contact{flex-wrap:wrap;gap:8px 16px;font-size:13px;display:flex}.auth-contact a{color:#ffffffd9}.auth-contact a:hover{color:#fff}.social-chip{background:#ffffff24;border:1px solid #fff3;border-radius:999px;padding:3px 10px}.lang-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.lang-card{padding:var(--pad);flex-direction:column;gap:14px;transition:opacity .2s,border-color .2s,box-shadow .2s;display:flex}.lang-card.off{opacity:.6}.lang-card.current{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.lang-card-flag{font-size:30px;line-height:1}.tr-input{height:36px}.tr-input.missing{border-style:dashed;border-color:color-mix(in srgb, var(--warning) 60%, transparent)}.tr-input.edited{border-color:color-mix(in srgb, var(--primary) 50%, transparent);background:var(--primary-softer)}.chip-xs{padding:3px 9px;font-size:11.5px;font-weight:600}.chip:disabled{opacity:.5;cursor:not-allowed}.select-sm{height:34px;font-size:13px}.select.invalid{border-color:var(--danger)}.table-scroll{overflow-x:auto}.sim-table{border-collapse:collapse;width:100%;font-size:13px}.sim-table th{text-align:start;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:10px var(--pad);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;font-size:11.5px;font-weight:600}.sim-table td{padding:10px var(--pad);border-bottom:1px solid var(--border);vertical-align:middle}.sim-table tfoot td{background:var(--surface-2);border-bottom:0}.sim-table .r{text-align:end}.sim-table .pkg-dot{vertical-align:middle;width:9px;height:9px;margin:0 6px 0 0;display:inline-block}.card-body>.table-scroll>.map-table th,.card-body>.table-scroll>.map-table td{padding-inline:10px}.mini-stats.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0}.mini-stats.compact .mini-stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px}.mini-stats.compact .mini-stat strong{font-size:22px;font-weight:800}.tpl-layout{gap:var(--gap);grid-template-columns:320px minmax(0,1fr);align-items:start;display:grid}.tpl-list{padding:6px 8px 10px}.tpl-cat{padding:12px 10px 6px}.tpl-item{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:9px 10px;display:flex}.tpl-item:hover{background:var(--surface-2)}.tpl-item.active{background:var(--primary-soft);color:var(--primary-strong)}.tpl-ch{width:22px;height:22px;color:var(--muted);background:var(--surface-3);opacity:.55;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.tpl-ch.on{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent);opacity:1}.tpl-missing{border-radius:var(--radius);border:1px dashed color-mix(in srgb, var(--warning) 55%, var(--border));background:color-mix(in srgb, var(--warning) 8%, transparent);color:var(--text);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.tpl-missing>svg{color:var(--warning);flex-shrink:0}.tpl-body{font-size:13.5px;line-height:1.6}.tpl-var{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.tpl-email{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);overflow:hidden}.tpl-email-meta{border-bottom:1px solid var(--border);background:var(--surface);gap:4px;padding:12px 16px;display:grid}.tpl-email-sheet{color:#1f2937;max-width:560px;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;margin:20px auto;overflow:hidden}.tpl-email-head{border-bottom:3px solid var(--primary);padding:18px 24px}.tpl-email-head .brand-name,.tpl-email-head strong{color:#111827}.tpl-email-body{padding:20px 24px 8px;font-size:14px;line-height:1.65}.tpl-email-body p{margin:0 0 14px}.tpl-email-body a{color:var(--primary);overflow-wrap:anywhere}.tpl-email-foot{color:#64748b;background:#f8fafc;gap:2px;padding:14px 24px 18px;display:grid}.tpl-phone{border:1px solid var(--border);background:var(--surface-2);border-radius:28px;max-width:320px;margin:0 auto;padding:18px 16px 26px}.tpl-phone-from{text-align:center;color:var(--muted);margin-bottom:14px;font-weight:600}.tpl-bubble{background:var(--surface-3);max-width:92%;color:var(--text);white-space:pre-wrap;word-break:break-word;border-radius:18px 18px 18px 4px;padding:10px 14px;font-size:14px;line-height:1.45;display:inline-block}@media (width<=1024px){.tpl-layout{grid-template-columns:minmax(0,1fr)}}.sim-layout{gap:var(--gap);grid-template-columns:380px minmax(0,1fr);align-items:start;display:grid}.sim-layout .form-grid{grid-template-columns:1fr}.sim-knob{align-items:center;gap:12px;display:flex}.sim-knob input[type=range],.sim-mix input[type=range]{min-width:0;accent-color:var(--primary);flex:1}.sim-num{flex-shrink:0;align-items:center;gap:6px;width:112px;display:flex}.sim-num .input{text-align:end;height:34px;padding-inline:10px}.sim-mix{align-items:center;gap:10px;display:flex}.sim-mix .pkg-dot{flex-shrink:0;margin:0}.sim-alert{border-radius:var(--radius);border:1px solid;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.sim-alert>svg{flex-shrink:0;margin-top:1px}.sim-alert.good{color:var(--success);border-color:color-mix(in srgb, var(--success) 35%, transparent);background:color-mix(in srgb, var(--success) 8%, transparent)}.sim-alert.bad{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent)}.sim-alert div{color:var(--text)}@media (width<=1200px){.sim-layout{grid-template-columns:minmax(0,1fr)}}.drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-2);width:100%;min-height:200px;color:var(--text-2);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;transition:border-color .18s,background .18s;display:flex}.drop-zone:hover,.drop-zone.over{border-color:var(--primary);background:var(--primary-softer);color:var(--primary)}.import-done{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:36px 12px;display:flex}.export-fields{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 16px;display:grid}.switch.disabled{opacity:.55;cursor:not-allowed}.switch.disabled input{cursor:not-allowed}.option-card:disabled{opacity:.6;cursor:not-allowed}.premium-tag{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--warning) 16%, transparent);color:color-mix(in srgb, var(--warning) 75%, var(--text));letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:3px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.pkg-page{background:radial-gradient(1200px 500px at 50% -10%, var(--primary-soft), transparent 70%), var(--bg);min-height:100vh;padding:0 24px 56px}.pkg-top{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:18px 0;display:flex}.pkg-head{text-align:center;max-width:640px;margin:18px auto 34px}.pkg-head h1{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(24px,3.2vw,34px)}.pkg-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;max-width:1180px;margin:0 auto;display:grid}.pkg-card{border-radius:var(--radius-lg);transition:transform .2s var(--ease), box-shadow .2s;flex-direction:column;gap:12px;padding:26px;display:flex;position:relative}.pkg-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pkg-card h2{margin:4px 0 0;font-size:21px}.pkg-card>p{min-height:38px;margin:0}.pkg-card.featured{border:2px solid var(--primary);box-shadow:0 18px 50px -20px var(--primary-ring)}.pkg-card.current:after{content:"";border-radius:calc(var(--radius-lg) + 5px);border:2px dashed var(--primary);pointer-events:none;opacity:.45;position:absolute;inset:-5px}.pkg-icon{color:#fff;background:linear-gradient(135deg, var(--c1), var(--c2));border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.pkg-ribbon{top:18px;border-radius:var(--radius-pill);background:var(--primary);color:#fff;padding:4px 10px;font-size:11.5px;font-weight:700;position:absolute;inset-inline-end:18px}.pkg-price{align-items:baseline;gap:6px;margin-top:4px;display:flex}.pkg-price strong{letter-spacing:-.03em;font-size:34px;font-weight:800}.pkg-list-title{border-top:1px solid var(--border);margin-top:10px;padding-top:14px}.pkg-list{gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.pkg-list li{align-items:center;gap:8px;display:flex}.pkg-list li>svg{color:var(--success);flex-shrink:0}@media (width<=1024px){.pkg-cards{grid-template-columns:minmax(0,1fr);max-width:560px}}.drawer.pkg-drawer{width:min(520px,100vw)}.drawer-footer{border-top:1px solid var(--border);background:var(--surface);padding:16px 22px 20px;box-shadow:0 -10px 24px -18px #00000040}.pkg-group+.pkg-group{margin-top:10px}.pkg-group-title{padding:12px 0 6px}.pkg-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 0;display:flex}.pkg-row:last-child{border-bottom:0}.pkg-row.pending{background:color-mix(in srgb, var(--danger) 6%, transparent);border-radius:var(--radius-sm);margin:0 -10px;padding-inline:10px}.pkg-row .badge{font-size:10.5px}.pkg-count{justify-content:space-between;align-items:center;gap:10px;display:flex}.pkg-dots{gap:5px;display:inline-flex}.pkg-dot-n{background:var(--border-strong);border-radius:99px;width:22px;height:6px;transition:background .2s}.pkg-dot-n.on{background:var(--primary)}.pkg-count.over .pkg-dot-n.on{background:var(--danger)}.pkg-warn{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);background:color-mix(in srgb, var(--danger) 7%, transparent);gap:6px;padding:12px 14px;display:grid}.pkg-note{color:var(--success);align-items:center;gap:6px;display:flex}.pkg-chip{border:1px dashed var(--primary);border-radius:var(--radius-pill);background:var(--primary-softer);height:32px;color:var(--primary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.pkg-chip:hover{background:var(--primary-soft)}.locked-feature{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:520px;margin:60px auto;padding:40px 32px;display:flex}.locked-feature h2{margin:6px 0 0;font-size:20px}.locked-feature p{margin:0}.locked-icon{background:var(--primary-soft);width:64px;height:64px;color:var(--primary);border-radius:20px;place-items:center;display:grid}.locked-card{background:var(--surface-2);border-style:dashed}.placement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.placement-card{text-align:start;align-items:flex-start;gap:4px}@media (width<=640px){.placement-grid{grid-template-columns:minmax(0,1fr)}}.link-preview{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);gap:6px;padding:12px 14px;display:grid}.link-preview code{color:var(--primary);font-size:13px}.join-icon{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.join-flow{gap:12px;margin:0;padding-inline-start:18px;display:grid}.join-flow li{padding-inline-start:4px}.join-flow li strong{font-size:13.5px;display:block}.custom-field{grid-template-columns:minmax(0,1fr) 150px auto auto;align-items:center;gap:10px;display:grid}.custom-field-options{grid-column:1/-1}@media (width<=640px){.custom-field{grid-template-columns:minmax(0,1fr) auto}.custom-field select{grid-column:1/-1}}.payload summary{cursor:pointer}.payload pre{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);margin:8px 0 0;padding:12px 14px;font-size:12px;overflow-x:auto}.is-off{opacity:.55}