@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-sm:.25rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.h-1{height:var(--spacing)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#eef1f5;--panel:#fff;--panel-2:#f6f8fb;--border:#e2e6ec;--border-strong:#cfd6df;--ink:#1b2330;--ink-2:#414c5a;--ink-3:#667080;--brand:#5b54e6;--brand-ink:#4a43d6;--brand-soft:#ecebfd;--brand-contrast:#fff;--rail:#fff;--rail-2:#f1f3f8;--rail-line:#e6e9ef;--rail-ink:#3c4657;--rail-ink-soft:#9098a6;--ok:#12946a;--ok-soft:#e4f6ee;--warn:#b7791f;--warn-soft:#fbf1dd;--danger:#d64550;--danger-soft:#fce8e9;--radius:12px;--radius-sm:9px;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #1018280d;--shadow:0 10px 26px -12px #10182847;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Thai", "Noto Sans JP", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--rail-w:248px;--rail-w-collapsed:72px;--topbar-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.auth{background:radial-gradient(1200px 500px at 50% 0%, var(--brand-soft), transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100dvh;display:flex}.auth__main{flex-direction:column;align-items:center;gap:28px;padding:32px 24px;display:flex}.auth__brand{letter-spacing:-.01em;align-items:center;gap:11px;font-size:19px;font-weight:800;display:flex}.auth__brand--center{color:var(--ink)}.auth__glyph{background:var(--brand);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 20px -6px #5b54e6b3}.auth__card{background:var(--panel);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);padding:32px}.auth__card h1{letter-spacing:-.01em;margin:0 0 6px;font-size:23px}.auth__card .muted{color:var(--ink-2);margin:0 0 26px;font-size:14px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--ink-2);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.req-mark{letter-spacing:.05em;color:#fff;background:linear-gradient(135deg, #ff8a68 0%, var(--danger) 100%);border-radius:999px;align-items:center;padding:3px 7px 2.5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 2px 6px -2px #d64550a6}.helptip{display:inline-flex;position:relative}.helptip__btn{border:1px solid var(--border-strong);background:var(--panel-2);width:16px;height:16px;color:var(--ink-3);cursor:help;border-radius:999px;place-items:center;padding:0;font-size:10.5px;font-weight:700;line-height:1;display:grid}.helptip__btn:hover,.helptip__btn:focus-visible{background:var(--ink);color:#fff;border-color:var(--ink)}.helptip__bubble{background:var(--ink);color:#fff;text-align:left;white-space:pre-line;width:max-content;max-width:220px;box-shadow:var(--shadow);z-index:80;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:400;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 8px);left:0}.helptip__bubble:after{content:"";border:5px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:8px}.helptip__bubble--bottom{top:calc(100% + 8px);bottom:auto}.helptip__bubble--bottom:after{border-top-color:#0000;border-bottom-color:var(--ink);top:auto;bottom:100%}.helptip:hover .helptip__bubble,.helptip:focus-within .helptip__bubble,.helptip[data-open] .helptip__bubble{display:block}.input{background:var(--panel);width:100%;color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:11px 13px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--ink-3)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.input:disabled{background:var(--border);color:var(--ink-3);cursor:not-allowed}.input-wrap{position:relative}.input-wrap .input{padding-right:44px}.input-wrap .ghost{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-wrap .ghost:hover{color:var(--ink)}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s,border-color .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--brand);color:var(--brand-contrast)}.btn--primary:hover:not(:disabled){background:var(--brand-ink)}.btn--block{width:100%}.btn--ghost{color:var(--ink);border-color:var(--border-strong);background:0 0}.btn--ghost:hover{background:var(--panel-2)}.btn--danger{background:var(--danger);color:#fff}.btn--sm{padding:7px 12px;font-size:13px}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:9px;margin-bottom:16px;padding:10px 13px;font-size:13.5px;display:flex}.alert--err{background:var(--danger-soft);color:var(--danger)}.alert--info{background:var(--brand-soft);color:var(--brand-ink)}.shell{min-height:100dvh}.rail{width:var(--rail-w);z-index:40;background:var(--rail);color:var(--rail-ink);border-right:1px solid var(--rail-line);flex-direction:column;transition:width .22s,transform .22s;display:flex;position:fixed;inset:0 auto 0 0}.shell[data-collapsed=true] .rail{width:var(--rail-w-collapsed)}.rail__top{height:var(--topbar-h);border-bottom:1px solid var(--rail-line);align-items:center;gap:10px;padding:0 16px;text-decoration:none;display:flex}.rail__glyph{background:var(--brand);color:#fff;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.rail__wordmark{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;font-size:16px;font-weight:800}.shell[data-collapsed=true] .rail__wordmark{display:none}.rail__scroll{flex-direction:column;flex:1;gap:2px;padding:12px 12px 20px;display:flex;overflow-y:auto}.rail__section{letter-spacing:.09em;text-transform:uppercase;color:var(--rail-ink-soft);padding:16px 12px 6px;font-size:10.5px}.shell[data-collapsed=true] .rail__section{text-align:center;padding-left:0;padding-right:0;overflow:hidden}.navitem{border-radius:var(--radius-sm);color:var(--rail-ink);cursor:pointer;border:1px solid #0000;align-items:center;gap:11px;padding:9px 12px;font-size:14px;font-weight:500;transition:background .13s,color .13s;display:flex;position:relative}.navitem:hover{background:var(--rail-2);color:var(--ink)}.navitem[aria-current=page]{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.navitem[aria-current=page]{border-color:color-mix(in srgb, var(--brand) 30%, transparent)}}.navitem[aria-current=page]{font-weight:600}.navitem__ico{width:20px;height:20px;color:var(--rail-ink-soft);flex:none}.navitem[aria-current=page] .navitem__ico{color:var(--brand)}.navitem__label{white-space:nowrap;overflow:hidden}.navitem__badge{background:var(--rail-2);color:var(--rail-ink-soft);letter-spacing:.03em;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.navitem--soon{opacity:.55;cursor:default}.navitem--soon:hover{color:var(--rail-ink);background:0 0}.shell[data-collapsed=true] .navitem{justify-content:center;padding:10px 0}.shell[data-collapsed=true] .navitem__label,.shell[data-collapsed=true] .navitem__badge,.navitem__tip{display:none}.shell[data-collapsed=true] .navitem:hover .navitem__tip{background:var(--ink);color:#fff;white-space:nowrap;box-shadow:var(--shadow);z-index:50;border-radius:7px;padding:6px 10px;font-size:12.5px;display:block;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.main{margin-left:var(--rail-w);flex-direction:column;min-height:100dvh;transition:margin-left .22s;display:flex}.shell[data-collapsed=true] .main{margin-left:var(--rail-w-collapsed)}.topbar{height:var(--topbar-h);z-index:30;background:var(--panel);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--panel) 88%, transparent)}}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:0 20px;display:flex}.iconbtn{width:36px;height:36px;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;display:grid}.iconbtn:hover{background:var(--panel-2);color:var(--ink)}.linkbtn{font:inherit;color:var(--brand);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.linkbtn:hover{color:var(--brand-ink)}.topbar__title{letter-spacing:-.01em;font-size:15.5px;font-weight:700}.topbar__spacer{flex:1}.topbar__collapse svg{transition:transform .22s}.shell[data-collapsed=true] .topbar__collapse svg{transform:rotate(180deg)}.topbar__menu-mobile{display:none}@media (max-width:820px){.topbar__collapse{display:none}.topbar__menu-mobile{display:grid}}.usermenu{position:relative}.usermenu__btn{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:5px 8px 5px 5px;display:flex}.usermenu__btn:hover{background:var(--panel-2)}.avatar{background:var(--brand);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12.5px;font-weight:700;display:grid}.usermenu__name{font-size:13px;font-weight:600;line-height:1.1}.usermenu__role{color:var(--ink-3);font-size:11px}.menu{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:220px;box-shadow:var(--shadow);z-index:50;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu__row{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13.5px;display:flex}.menu__row:hover{background:var(--panel-2)}.menu__row--danger{color:var(--danger)}.menu__sep{background:var(--border);height:1px;margin:6px 4px}.content{width:100%;max-width:1160px;margin:0 auto;padding:26px 24px 48px}.page-head{margin-bottom:22px}.page-head h1{letter-spacing:-.02em;margin:0 0 4px;font-size:24px}.page-head p{color:var(--ink-2);margin:0;font-size:14px}.page-head__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__body{padding:18px}.card__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.card__head h3{margin:0;font-size:15px}.grid{gap:16px;display:grid}.grid--stats{grid-template-columns:repeat(4,1fr)}.grid--2{grid-template-columns:1.6fr 1fr}@media (max-width:900px){.grid--stats{grid-template-columns:repeat(2,1fr)}.grid--2{grid-template-columns:1fr}}@media (max-width:520px){.grid--stats{grid-template-columns:1fr}}.stat{padding:18px}.stat__label{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.stat__ico{background:var(--brand-soft);width:32px;height:32px;color:var(--brand);border-radius:9px;flex:none;place-items:center;display:grid}.stat__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:12px;font-size:28px;font-weight:800}.stat__delta{margin-top:2px;font-size:12.5px}.stat__delta--up{color:var(--ok)}.stat__delta--down{color:var(--danger)}.tablewrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13.5px}table.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);background:var(--panel-2);white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}table.tbl td{border-top:1px solid var(--border);vertical-align:middle;padding:13px 16px}table.tbl tr:hover td{background:var(--panel-2)}.cellname{align-items:center;gap:11px;display:flex}.cellname .avatar{width:34px;height:34px}.cellname small{color:var(--ink-3);font-size:12px;font-weight:400;display:block}.badge{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.badge--admin{background:var(--brand-soft);color:var(--brand-ink)}.badge--manager{background:var(--warn-soft);color:var(--warn)}.badge--general{background:var(--panel-2);color:var(--ink-2);border:1px solid var(--border)}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--company{background:var(--ok-soft);color:var(--ok);border:1px solid}.badge--creator{background:var(--brand-soft);color:var(--brand-ink);border:1px dashed}.badge--muted{background:var(--panel-2);color:var(--ink-3);border:1px solid var(--border);font-weight:600}.badge--warn{background:var(--warn-soft);color:var(--warn)}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.kpitable td:first-child{color:var(--ink-2)}.kpitable td:last-child{text-align:right;white-space:nowrap;font-weight:700}.tablewrap--scroll{max-height:460px;overflow-y:auto}.tablewrap--scroll table.tbl thead th{z-index:1;position:sticky;top:0}table.tbl th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.tbl th.sortable:hover{color:var(--ink)}.empty{text-align:center;color:var(--ink-2);padding:46px 20px}.empty__ico{background:var(--panel-2);width:52px;height:52px;color:var(--ink-3);border-radius:14px;place-items:center;margin:0 auto 14px;display:grid}.soon-tag{color:var(--brand-ink);background:var(--brand-soft);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.demo-ribbon{background:var(--warn-soft);color:var(--warn);text-align:center;padding:6px;font-size:12.5px;font-weight:600}.scrim{z-index:35;background:#080a0f80;display:none;position:fixed;inset:0}@media (max-width:820px){.rail{transform:translate(-100%)}.shell[data-mobile-open=true] .rail{transform:translate(0)}.main{margin-left:0!important}.shell[data-mobile-open=true] .scrim{display:block}}.center-load{min-height:100dvh;color:var(--ink-2);place-items:center;gap:12px;display:grid}.spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.rail,.main{transition:none}}.dtpicker{position:relative}.dtpicker__trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;font-family:inherit;display:flex}.dtpicker__trigger svg{color:var(--ink-3);flex:none}.dtpicker__pop{z-index:70;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:292px;box-shadow:var(--shadow);padding:14px;position:fixed}.dtpicker__head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dtpicker__head strong{font-size:13.5px}.dtpicker__grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dtpicker__grid--head{color:var(--ink-3);margin-bottom:4px;font-size:11.5px;font-weight:600}.dtpicker__day{aspect-ratio:1;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;font-size:13px;display:grid}.dtpicker__day:hover:not(:disabled){background:var(--panel-2)}.dtpicker__day:disabled{visibility:hidden}.dtpicker__day--today{color:var(--brand-ink);font-weight:700}.dtpicker__day--outofrange{color:var(--ink-3);opacity:.4;cursor:not-allowed}.dtpicker__day--outofrange:hover{background:0 0}.dtpicker__day--selected,.dtpicker__day--selected:hover{background:var(--brand);color:#fff;font-weight:700}.dtpicker__time{align-items:center;gap:6px;margin-top:12px;display:flex}.dtpicker__time .input{text-align:center;padding:8px 6px}label.switch{cursor:pointer;align-items:center;gap:10px;font-size:13.5px;display:inline-flex}.switch input{opacity:0;position:absolute}.switch .track{background:var(--border-strong);border-radius:999px;flex:none;width:40px;height:23px;transition:background .15s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked+.track{background:var(--brand)}.switch input:checked+.track:after{transform:translate(17px)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}