:root,:root[data-theme=dark] :is(.wa-preview,.email-preview-frame,.device-screen,.badge-art){--slate-900:#213343;--slate-800:#2d3e50;--slate-700:#3e5368;--slate-600:#425b76;--slate-300:#99afc4;--slate-200:#cbd6e2;--ink:#33475b;--muted:#516f90;--subtle:#56728f;--line:#dfe3eb;--line-strong:#cbd6e2;--canvas:#f5f8fa;--surface:#fff;--surface-alt:#f5f8fa;--hover:#eaf0f6;--selected:#e5f5f8;--coral:#f56846;--coral-hover:#e2512f;--coral-soft:#fff1ee;--coral-action:#d4421f;--coral-action-hover:#b8391a;--coral-ink:#c23d1d;--link:#007a96;--link-hover:#005e73;--focus:#0091ae;--green:#00a37a;--green-soft:#e5f8f3;--amber:#f5a623;--amber-ink:#8a5b00;--amber-soft:#fef8f0;--red:#d63a3a;--red-soft:#fdedee;--blue:#0091ae;--blue-soft:#e5f5f8;--gray:#7c98b6;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--series-6:#008300;--series-7:#4a3aa7;--series-8:#e34948;--series-other:#a9b6c4;--seq-100:#cde2fb;--seq-250:#86b6ef;--seq-450:#2a78d6;--seq-600:#184f95;--chart-surface:var(--surface);--chart-ink:var(--ink);--chart-muted:var(--muted);--chart-grid:#e8edf3;--chart-baseline:var(--line-strong);--chart-good:#006300;--chart-bad:#b42727;--radius:3px;--radius-lg:4px;--shadow:0 1px 2px #2d3e5014;--shadow-pop:0 4px 16px #2d3e5029;--sidebar-width:180px;--topbar-height:48px;--font:"Avenir Next", Avenir, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--slate-900:#0b1219;--slate-800:#16212c;--slate-700:#22313f;--slate-600:#34495d;--slate-300:#8ea3b9;--slate-200:#b6c5d4;--ink:#e3e9ef;--muted:#a3b5c7;--subtle:#93a7bb;--line:#2b3a49;--line-strong:#3b4e61;--canvas:#0f161d;--surface:#17212b;--surface-alt:#1c2833;--hover:#22303d;--selected:#123540;--coral:#f56846;--coral-hover:#ff7f5f;--coral-soft:#3b2019;--coral-action:#d4421f;--coral-action-hover:#e2512f;--coral-ink:#ff9474;--link:#1fa2c0;--link-hover:#5ccbe3;--focus:#36b8d4;--green:#2cc28f;--green-soft:#12332a;--amber:#f5a623;--amber-ink:#f5c66f;--amber-soft:#352816;--red:#e5534b;--red-soft:#3b1d1f;--blue:#36b8d4;--blue-soft:#123540;--gray:#8ea3b9;--series-1:#4a94ec;--series-2:#f07c4c;--series-3:#2fc48f;--series-4:#f2b42b;--series-5:#ef8fb3;--series-6:#4cb24c;--series-7:#8f82e6;--series-8:#f06463;--series-other:#6d7f92;--seq-100:#1d3557;--seq-250:#2a5d9f;--seq-450:#4a94ec;--seq-600:#a6cbf6;--chart-grid:#26333f;--chart-good:#4cc96f;--chart-bad:#f07070;--shadow:0 1px 2px #00000073;--shadow-pop:0 6px 20px #0000008c}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--ink);background:var(--canvas);font-size:14px}*,:before,:after{box-sizing:border-box}body{background:var(--canvas);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:2px;font-size:26px;font-weight:600;line-height:1.25}h2{font-size:18px;font-weight:600;line-height:1.3}h3{font-size:15px;font-weight:600}p{line-height:1.55}small{color:var(--muted);font-size:12px}code{font-family:var(--mono);font-size:12px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{z-index:100;background:var(--surface);color:var(--ink);border-radius:var(--radius);padding:8px 12px;position:absolute;top:-40px;left:12px}.skip-link:focus{top:8px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.link{color:var(--link);background:0 0;border:0;padding:0;font-weight:600}.link:hover{color:var(--link-hover);text-decoration:underline}.link.danger{color:var(--red)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:var(--slate-300)}::-webkit-scrollbar-corner{background:0 0}.sidebar{scrollbar-color:var(--slate-600) transparent}.sidebar::-webkit-scrollbar-thumb{background-color:var(--slate-600)}fieldset{border:0;min-width:0;margin:0;padding:0}legend{float:left;width:100%;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin:0 0 8px;padding:0;font-size:12px;font-weight:700}legend~*{clear:both}
.button{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-height:36px;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.button:hover:not(:disabled){background:var(--hover)}.button.primary{background:var(--coral-action);border-color:var(--coral-action);color:var(--on-brand,#fff)}.button.primary:hover:not(:disabled){background:var(--coral-action-hover);border-color:var(--coral-action-hover)}.button.outline-coral{color:var(--coral-ink);border-color:var(--coral)}.button.outline-coral:hover:not(:disabled){background:var(--coral-soft)}.button.tertiary{color:var(--link);border-color:var(--link)}.button.tertiary:hover:not(:disabled){background:var(--blue-soft)}.button.danger{background:var(--red);border-color:var(--red);color:#fff}.button.danger:hover:not(:disabled){background:#b92d2d}.button.ghost{color:var(--muted);background:0 0;border-color:#0000;padding:0 8px}.button.ghost:hover:not(:disabled){background:var(--hover);color:var(--ink)}.button.is-disabled{opacity:.55;cursor:not-allowed}.button.small{min-height:28px;padding:0 10px;font-size:13px}.button.block{width:100%}.button.icon-only{width:36px;padding:0}.button.small.icon-only{width:28px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field{align-content:start;gap:6px;margin-bottom:16px;display:grid}.field>label{font-size:13px;font-weight:600}.field>small{font-size:12px}.field .required{color:var(--coral);margin-left:2px}.field.has-error>small{color:var(--red)}.field-row{grid-template-columns:minmax(0,360px) auto;justify-content:start;align-items:start;gap:6px 8px;margin-bottom:16px;display:grid}.field-row>.field{display:contents}.field-row>.field>*{grid-column:1}.field-row>.button{grid-area:2/2;align-self:stretch}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.form-grid .full{grid-column:1/-1}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:8px;padding-top:16px;display:flex}.status{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.status:before{content:"";background:var(--gray);border-radius:50%;flex:none;width:8px;height:8px}.status.green:before{background:var(--green)}.status.amber:before{background:var(--amber)}.status.red:before{background:var(--red)}.status.blue:before{background:var(--blue)}.tag{border-radius:var(--radius);background:var(--hover);height:22px;color:var(--ink);white-space:nowrap;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.tag.blue{background:var(--blue-soft);color:#00718a}.tag.green{background:var(--green-soft);color:#00785a}.tag.amber{background:var(--amber-soft);color:var(--amber-ink);border:1px solid #fbd9a3}.tag.red{background:var(--red-soft);color:#b42727}.tag.coral{background:var(--coral-soft);color:var(--coral-ink)}.tag.outline{background:var(--surface);border:1px solid var(--line-strong);color:var(--muted)}.notice{border-radius:var(--radius);background:var(--blue-soft);border:1px solid #b0e3ed;border-left-width:4px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;line-height:1.5;display:flex}.notice>svg{color:var(--blue);flex:none;margin-top:1px}.notice.success{background:var(--green-soft);border-color:#a7e5d4}.notice.success>svg{color:var(--green)}.notice.warning{background:var(--amber-soft);border-color:#fbd9a3}.notice.warning>svg{color:var(--amber)}.notice.error{background:var(--red-soft);border-color:#f4b8b8}.notice.error>svg{color:var(--red)}.empty{text-align:center;justify-items:center;gap:4px;padding:48px 24px;display:grid}.empty .empty-icon{background:var(--hover);width:56px;height:56px;color:var(--muted);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.empty p{max-width:420px;color:var(--muted)}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:48px;display:flex}.spinner{border:2px solid var(--line-strong);border-top-color:var(--coral);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.progress{background:var(--hover);border-radius:3px;height:6px;overflow:hidden}.progress>span{background:var(--link);border-radius:inherit;height:100%;display:block}.progress-label{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.toast{z-index:80;border-radius:var(--radius-lg);background:var(--slate-800);color:#fff;box-shadow:var(--shadow-pop);align-items:center;gap:10px;padding:10px 10px 10px 16px;display:flex;position:fixed;bottom:24px;right:24px}.toast>svg{color:#6fdcc0}.toast .button.ghost{color:var(--slate-200)}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.page-head p{color:var(--muted);margin:0}.page-title{align-items:center;gap:6px;display:flex}.help-link{width:32px;height:32px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:inline-grid}.help-link:hover{background:var(--hover);color:var(--link)}.breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;display:flex}.breadcrumb a{color:var(--link);text-decoration:underline}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:16px}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin:0 20px;padding:16px 0 12px;display:flex}.card-head h2,.card-head h3{margin:0}.card-body{padding:16px 20px 20px}.properties{grid-template-columns:minmax(120px,40%) 1fr;gap:10px 16px;margin:0;display:grid}.properties dt{color:var(--muted)}.properties dd{margin:0}.properties+.notice,.properties+:is(.actions,.button,.form-actions),.table-wrap+:is(.notice,.actions),.table-wrap+p{margin-top:16px}.card-body>.notice:last-child{margin-bottom:0}.stat-strip{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:16px;padding:14px 0;display:grid}.stat-strip>div{border-left:1px solid var(--line);align-content:start;justify-items:center;gap:2px;padding:0 12px;display:grid}.stat-strip>div:first-child{border-left:0}.stat-strip span{color:var(--muted);font-size:13px}.stat-strip strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.stat-strip small{max-width:220px;color:var(--muted);text-align:center;font-size:12px}@media (max-width:639px){.stat-strip{grid-template-columns:1fr 1fr;row-gap:14px}.stat-strip>div{border-left:0}.stat-strip>div:last-child:nth-child(odd){grid-column:1/-1}}.avatar{color:#9e3d24;letter-spacing:.3px;background:#fde0d8;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:inline-grid}.avatar.large{width:88px;height:88px;font-size:30px}.avatar.inverse{background:var(--slate-200);color:var(--slate-800)}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs button{color:var(--ink);white-space:nowrap;background:0 0;border:0;padding:10px 18px 12px;font-size:15px;position:relative}.tabs button:hover{color:var(--link)}.tabs button[aria-selected=true]{font-weight:600}.tabs button:focus-visible,.segmented button:focus-visible{outline:2px solid var(--focus);outline-offset:-4px;border-radius:8px}.tabs button[aria-selected=true]:after{content:"";background:var(--coral);border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.segmented{border:1px solid var(--line-strong);border-radius:var(--radius);max-width:100%;display:inline-flex;overflow:auto hidden}.segmented button{white-space:nowrap;border:0;border-left:1px solid var(--line-strong);background:var(--surface);min-width:36px;height:32px;color:var(--muted);flex:none;place-items:center;padding:0 10px;display:grid}.segmented button:first-child{border-left:0}.segmented button[aria-pressed=true]{background:var(--blue-soft);color:var(--link)}.modal{border-radius:var(--radius-lg);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:var(--shadow-pop);border:0;padding:0;overflow:hidden}.modal[open]{flex-direction:column;display:flex}.modal.wide{width:min(860px,100vw - 32px)}.modal::backdrop{background:#2d3e508c}.modal>header{background:var(--link);color:#fff;flex:none;justify-content:space-between;align-items:center;padding:12px 12px 12px 24px;display:flex}.modal>header h2{margin:0;font-size:18px}.modal>header .button.ghost{color:#fff}.modal>header .button.ghost:hover:not(:disabled){background:#ffffff26}.modal-content{overscroll-behavior:contain;flex:auto;min-height:0;padding:24px 24px 0;overflow-y:auto}.modal-content:after{content:"";height:24px;display:block}.modal .form-actions{z-index:3;background:var(--surface);margin:16px -24px -24px;padding:12px 24px;position:sticky;bottom:0}.menu{position:relative}.menu>summary{cursor:pointer;border-radius:var(--radius);list-style:none;display:block}.menu>summary:focus-visible{outline-offset:0}.menu[open]>summary{outline:none}.menu>summary::-webkit-details-marker{display:none}.menu-list{z-index:60;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:180px;box-shadow:var(--shadow-pop);padding:6px 0;position:absolute;top:calc(100% + 4px);right:0}.menu-list>a,.menu-list>button{width:100%;color:var(--ink);text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:8px 16px;display:flex}.menu-list>a:hover,.menu-list>button:hover:not(:disabled){background:var(--hover)}.menu-list>.danger{color:var(--red)}.menu-list>hr{border:0;border-top:1px solid var(--line);margin:6px 0}.code{font-family:var(--mono);letter-spacing:.5px;font-size:13px}.inline-actions{flex-wrap:wrap;gap:4px 16px;margin-top:12px;display:flex}.tag-list{flex-wrap:wrap;gap:4px;display:flex}.section-gap{margin-top:16px}.list-rows{margin:0;padding:0;list-style:none}.list-rows>li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.list-rows>li:first-child{border-top:0;padding-top:0}.list-rows .title{gap:2px;display:grid}.list-rows>li>.image-upload{flex:1;margin:0}.related-icon{border-radius:var(--radius-lg);background:var(--hover);width:44px;height:44px;color:var(--muted);flex:none;place-items:center;display:grid}.field>.segmented{justify-self:start}.option-list{border:0;gap:2px;margin:0 0 16px;padding:0;list-style:none;display:grid}.password-rules{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:-8px 0 16px;padding:0;font-size:12px;list-style:none;display:grid}.password-rules li{align-items:center;gap:6px;display:flex}.password-rules li.met{color:var(--green)}.color-field{align-items:center;gap:8px;display:flex}.image-upload{margin-bottom:16px}.image-upload.dragging{outline:2px dashed var(--link);outline-offset:4px;border-radius:var(--radius)}.image-upload-row{align-items:center;gap:12px;display:flex}.image-upload-title{flex:1;gap:2px;min-width:0;display:grid}.image-thumb{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-alt);width:96px;height:48px;color:var(--muted);flex:none;place-items:center;display:grid;overflow:hidden}.image-thumb img{object-fit:contain;max-width:100%;max-height:100%}.image-thumb.on-checker{background:repeating-conic-gradient(#dfe3eb 0 25%, #fff 0 50%) 0 0 / 12px 12px;border-style:solid}.image-thumb.on-dark{background:#141a26;border-style:solid;border-color:#141a26}.save-bar{z-index:10;border-top:1px solid var(--line);background:var(--surface);justify-content:flex-end;align-items:center;gap:12px;margin:0 -32px -24px;padding:12px 32px;display:flex;position:sticky;bottom:0}@media (max-width:1023px){.save-bar{margin:0 -20px -20px;padding:12px 20px}}.record-layout{grid-template-columns:minmax(220px,23fr) minmax(320px,47fr) minmax(220px,26fr);align-items:start;gap:16px;display:grid}.record-layout.two-column{grid-template-columns:minmax(220px,30fr) minmax(320px,70fr)}.record-summary{text-align:center;justify-items:center;gap:6px;display:grid}.record-summary .record-title{margin:6px 0 0;font-size:22px}.record-actions{border-top:1px solid var(--line);justify-content:center;gap:24px;width:100%;margin-top:12px;padding-top:16px;display:flex}.record-actions button{background:0 0;border:0;justify-items:center;gap:6px;font-size:13px;display:grid}.record-actions button>span{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.record-actions button:hover:not(:disabled)>span{background:var(--hover)}.split-view{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.split-view.has-panel{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.split-main{min-width:0}.side-panel{position:sticky;top:16px}.side-panel h2{align-items:center;gap:8px;display:flex}@media (max-width:1100px){.record-layout,.record-layout.two-column,.split-view.has-panel{grid-template-columns:minmax(0,1fr)}.side-panel{position:static}}@media (max-width:720px){.page-head{flex-direction:column}.form-grid{grid-template-columns:1fr}.properties{grid-template-columns:1fr;gap:2px}.properties dd{margin-bottom:10px}}.sortable{margin:0;padding:0;list-style:none}.sortable>li{position:relative}.sortable.is-sorting{-webkit-user-select:none;user-select:none}.sortable>li.is-dragging{z-index:2}.sortable>li.is-dragging>:first-child{border-color:var(--focus);box-shadow:var(--shadow-pop)}.sortable-handle{border-radius:var(--radius);width:28px;height:28px;color:var(--subtle);cursor:grab;touch-action:none;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.sortable-handle:hover{background:var(--hover);color:var(--ink)}.sortable-handle[aria-pressed=true]{background:var(--blue-soft);color:var(--link);cursor:grabbing}.focal-point{margin-top:12px}.focal-frame{border:1px solid var(--line);border-radius:var(--radius);cursor:crosshair;touch-action:none;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.focal-frame.disabled{cursor:default}.focal-frame img{-webkit-user-select:none;user-select:none;max-width:100%;max-height:240px;display:block}.focal-marker{width:24px;height:24px;box-shadow:0 0 0 1px #00000059, var(--shadow);cursor:grab;background:#007a96bf;border:2px solid #fff;border-radius:50%;margin:-12px 0 0 -12px;padding:0;position:absolute}.focal-marker.unset{background:#ffffff8c}.focal-help{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.top-progress{z-index:200;opacity:0;pointer-events:none;height:3px;transition:opacity .2s;position:fixed;inset:0 0 auto;overflow:hidden}.top-progress.on{opacity:1}.top-progress:before{content:"";background:var(--coral);border-radius:0 2px 2px 0;width:40%;animation:1.1s ease-in-out infinite top-progress;position:absolute;inset:0}@keyframes top-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.top-progress:before{opacity:.7;width:100%;animation:none}}.popover-backdrop{z-index:119;background:#21334373;position:fixed;inset:0}.popover.sheet{width:100%;min-width:0;padding-bottom:env(safe-area-inset-bottom);border-radius:12px 12px 0 0;animation:.18s ease-out sheet-in;inset:auto 0 0;overflow-y:auto}.sheet-grip{background:var(--line-strong);border-radius:2px;flex:none;width:40px;height:4px;margin:8px auto 4px}.popover.sheet .calendar{margin:0 auto}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.popover.sheet,.menu[open]>.menu-list{animation:none}}.builder-switch{display:none}@media (max-width:639px){.page-head .actions{width:100%}.page-head .actions>.button,.page-head .actions>a.button{flex:auto}.modal,.modal.wide{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.modal>header{padding-top:max(12px, env(safe-area-inset-top));padding-left:max(16px, env(safe-area-inset-left))}.modal-content{padding:16px max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left))}.modal .form-actions{padding:12px 16px max(12px, env(safe-area-inset-bottom));margin:16px -16px -24px}.modal .form-actions>.button{flex:1 1 0}.menu[open]:before{content:"";z-index:119;background:#21334373;position:fixed;inset:0}.menu[open]>.menu-list{z-index:120;width:100%;max-height:70dvh;padding:8px 0 max(8px, env(safe-area-inset-bottom));border-radius:12px 12px 0 0;animation:.18s ease-out sheet-in;position:fixed;inset:auto 0 0;overflow-y:auto}.menu-list>a,.menu-list>button{min-height:48px;padding:12px 20px}.side-panel{z-index:90;padding-bottom:env(safe-area-inset-bottom);border-radius:0;margin:0;position:fixed;inset:0;overflow-y:auto}.side-panel>.card-head{z-index:1;background:var(--surface);padding-top:max(12px, env(safe-area-inset-top));position:sticky;top:0}.builder-switch{margin-bottom:12px;display:block}.builder-switch .segmented{display:flex}.builder-switch .segmented button{flex:1}.form-builder[data-pane=preview] .form-rail,.form-builder[data-pane=tools] .form-stage{display:none}.save-bar{padding:12px 16px max(12px, env(safe-area-inset-bottom));margin:0 -16px -16px}input,textarea,select,.select-trigger,.rich-editor{font-size:16px}}@media (pointer:coarse){.button,.button.small{min-height:44px}.button.icon-only,.button.small.icon-only{width:44px}.select-trigger,.text-input,.number-input,.number-input input,.number-input button{min-height:44px}.number-input button{width:44px}.tabs button,.segmented button{min-height:44px}.help-link{width:44px;height:44px}.choice,.switch,.listbox li[role=option]{min-height:44px}.calendar-day{height:44px}.sortable-handle,.rich-tool{min-width:44px;height:44px}.menu-list>a,.menu-list>button{min-height:44px}}.popover.sheet .datetime-times .listbox{max-height:200px}.notice-body>p{margin:0}.notice-body>.notice-next{color:var(--muted);margin-top:2px}.notice-fields{margin:4px 0 0;padding-left:18px}.form-page{margin:0}.form-page-head{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.form-page-head h1{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-page-head p{margin:0}.form-page-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.form-page-body.with-preview{grid-template-columns:minmax(0,1fr) minmax(320px,440px)}.form-page-main{min-width:0}.form-page-fields{border:0;min-width:0;margin:0;padding:0}.form-page-preview{min-width:0;position:sticky;top:16px}.form-page-bar{z-index:20;padding:12px 32px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);justify-content:flex-end;align-items:center;gap:8px;margin:16px -32px -24px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 12px #2d3e500f}.form-page-bar>.muted{margin-right:auto}.error-summary ul{margin:6px 0 0;padding-left:18px}.error-summary a{color:var(--red);text-decoration:underline}@media (max-width:1200px){.form-page-body.with-preview{grid-template-columns:minmax(0,1fr)}.form-page-preview{position:static}}@media (max-width:1023px){.form-page-bar{margin:16px -20px -20px;padding-left:20px;padding-right:20px}}@media (max-width:639px){.form-page-bar{margin:16px -16px -16px;padding-left:16px;padding-right:16px}.form-page-bar>.button{flex:1 1 0}.form-page-bar>.muted{display:none}}.field-error{color:var(--red);margin:4px 0 0;font-size:12px;display:block}.get-started .card-head{align-items:flex-start}.get-started .card-head p{margin:2px 0 0}.get-started-bar{appearance:none;background:var(--line);border:0;border-radius:3px;width:100%;height:6px;margin:0 0 12px;display:block;overflow:hidden}.get-started-bar::-webkit-progress-bar{background:var(--line)}.get-started-bar::-webkit-progress-value{background:var(--green)}.get-started-bar::-moz-progress-bar{background:var(--green)}.get-started-steps{gap:4px;margin:0;padding:0;list-style:none;display:grid}.get-started-steps li{border-top:1px solid var(--line);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.get-started-steps li:first-child{border-top:0}.get-started-steps li>svg{color:var(--line-strong)}.get-started-steps li.done>svg{color:var(--green)}.get-started-steps li.done strong{color:var(--muted);text-decoration:line-through}.get-started-steps span{gap:2px;display:grid}.get-started-steps small{color:var(--muted)}@media (max-width:639px){.get-started-steps li{grid-template-columns:20px minmax(0,1fr)}.get-started-steps li>:last-child:not(span){grid-column:2;justify-self:start}}.copy-code{align-items:center;gap:4px;display:inline-flex}.copy-code strong code{letter-spacing:.04em;font-weight:700}.copy-code-button{border-radius:var(--radius);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.copy-code-button:hover,.copy-code-button:focus-visible{background:var(--surface-2,#0000000f);color:inherit}.copy-code-status{color:var(--muted);font-size:12px}.info-tip{vertical-align:middle;margin-left:4px;display:inline-flex;position:relative}.info-tip-button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.info-tip-button:hover,.info-tip-button:focus-visible,.info-tip-button[aria-expanded=true]{background:var(--surface-2,#0000000f);color:var(--coral-ink,inherit)}.info-tip-body{z-index:50;border:1px solid var(--border,#dbe2ea);border-radius:var(--radius);background:var(--surface,#fff);width:min(320px,80vw);color:var(--text,inherit);box-shadow:var(--shadow-pop,0 6px 20px #00000026);text-transform:none;letter-spacing:normal;white-space:normal;padding:10px 12px;font-size:13px;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 6px);left:-8px}
.select-trigger,.text-input,.number-input,.text-area textarea{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-alt);width:100%;min-height:36px;color:var(--ink);text-align:left;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:400;transition:border-color .12s,box-shadow .12s,background .12s;display:flex}.select-trigger:hover:not(:disabled),.text-input:hover,.number-input:hover{border-color:var(--slate-300)}.select-trigger:focus-visible,.select-trigger[aria-expanded=true],.text-input:focus-within,.number-input:focus-within,.text-area textarea:focus{background:var(--surface);border-color:var(--focus);box-shadow:0 0 0 1px var(--focus), 0 0 0 4px #0091ae2e;outline:none}.select-trigger[aria-invalid=true],.text-input.invalid,.number-input.invalid,.text-area.invalid textarea{border-color:var(--red)}.select-trigger:disabled,.select-trigger[aria-disabled=true],.text-input.disabled,.number-input.disabled{opacity:.6;cursor:not-allowed}.select-trigger>svg,.text-input>svg{color:var(--muted);flex:none}.select{width:100%;position:relative}.select-trigger{cursor:pointer}.select-trigger>svg:last-child{margin-left:auto}.picker-trigger>svg:last-child{margin-left:0}.select-value,.select-placeholder{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-placeholder{color:var(--subtle)}.select-clear{width:20px;height:20px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.select-clear:hover{background:var(--hover);color:var(--ink)}.select-native{opacity:0;pointer-events:none;border:0;width:100%;height:1px;min-height:0;padding:0;position:absolute;bottom:0;left:0}.select-trigger.multi{flex-wrap:wrap;min-height:36px;padding:4px 10px}.chip{border-radius:var(--radius);background:var(--blue-soft);color:#00718a;align-items:center;gap:4px;height:24px;padding:0 4px 0 8px;font-size:13px;font-weight:500;display:inline-flex}.chip button{width:16px;height:16px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.chip button:hover{background:#007a9626}.popover{z-index:120;color:var(--ink);text-align:left;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop);flex-direction:column;font-size:14px;font-weight:400;display:flex;position:fixed;overflow:hidden}.listbox{flex-direction:column;flex:1;min-height:0;display:flex}.listbox-search{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:8px 10px;display:flex}.listbox-search input{width:100%;min-width:0;min-height:30px;box-shadow:none;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:4px 6px}.listbox-search input:focus{box-shadow:none;background:0 0}.listbox ul{outline:none;flex:1;min-height:0;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.listbox li[role=option]{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.listbox li.active{background:var(--hover)}.listbox li[aria-selected=true]{color:var(--link);font-weight:600}.listbox li[aria-selected=true]>svg{color:var(--link);margin-left:auto}.listbox li[aria-disabled=true]{color:var(--subtle);cursor:not-allowed}.listbox-text{gap:2px;min-width:0;display:grid}.listbox-text small{font-weight:400}.listbox-check{border:1px solid var(--line-strong);background:var(--surface);color:#fff;border-radius:3px;flex:none;place-items:center;width:16px;height:16px;display:grid}.listbox-check.on{border-color:var(--link);background:var(--link)}.listbox-empty{color:var(--muted);text-align:center;padding:12px}.calendar{flex:none;width:280px;padding:12px}.calendar-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendar-head strong{font-size:15px}.calendar-nav{border-radius:var(--radius);width:30px;height:30px;color:var(--ink);background:0 0;border:0;place-items:center;padding:0;display:grid}.calendar-nav:hover{background:var(--hover)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-weekday{color:var(--muted);text-align:center;padding:6px 0;font-size:12px;font-weight:600}.calendar-day{border-radius:var(--radius);height:34px;color:var(--ink);background:0 0;border:1px solid #0000;place-items:center;padding:0;font-size:13px;display:grid}.calendar-day:hover:not(:disabled){background:var(--hover)}.calendar-day.outside{color:var(--subtle)}.calendar-day.today{border-color:var(--coral);font-weight:600}.calendar-day.selected{background:var(--link);border-color:var(--link);color:#fff;font-weight:600}.calendar-day.selected:hover{background:var(--link-hover)}.calendar-day:disabled{opacity:.35}.calendar-foot{border-top:1px solid var(--line);justify-content:space-between;margin-top:8px;padding-top:8px;font-size:13px;display:flex}.datetime-panel{min-height:0;display:flex}.datetime-times{border-left:1px solid var(--line);flex-direction:column;gap:8px;width:180px;min-width:0;padding:12px;display:flex}.datetime-label{font-size:13px;font-weight:600}.datetime-times .listbox{border:1px solid var(--line);border-radius:var(--radius);max-height:250px}.number-input{gap:0;padding:0;overflow:hidden}.number-input input{min-width:0;color:inherit;text-align:left;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;min-height:34px;padding:0 10px}.number-input input:focus{box-shadow:none;background:0 0}.number-input button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.number-input button:hover:not(:disabled){background:var(--hover);color:var(--ink)}.number-steppers{border-left:1px solid var(--line);align-self:stretch;display:flex}.number-steppers button+button{border-left:1px solid var(--line)}.number-unit{color:var(--muted);padding-right:10px;font-size:13px}.text-input{cursor:text}.text-input input{width:100%;min-width:0;min-height:34px;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.text-input input::placeholder,.text-area textarea::placeholder{color:var(--subtle)}.text-input input[type=search]::-webkit-search-cancel-button{cursor:pointer}.text-input.readonly{background:var(--surface);border-style:dashed}.text-area.monospace textarea{font-family:var(--mono);font-size:13px}.text-input input:focus{box-shadow:none;background:0 0}.text-input .affix{color:var(--muted);white-space:nowrap}.text-area{width:100%;position:relative}.text-area textarea{resize:vertical;min-height:96px;padding:8px 10px;line-height:1.5;display:block}.text-area textarea:disabled{opacity:.6;cursor:not-allowed}.text-count{color:var(--subtle);pointer-events:none;font-size:11px;position:absolute;bottom:6px;right:10px}.choice{cursor:pointer;align-items:flex-start;gap:10px;margin:8px 0;font-size:14px;font-weight:400;display:flex;position:relative}.choice-input{opacity:0;pointer-events:none;width:1px;height:1px;min-height:0;margin:0;position:absolute}.choice-box{border:1.5px solid var(--line-strong);background:var(--surface);color:#fff;border-radius:3px;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;transition:background .12s,border-color .12s;display:grid}.choice-box svg{opacity:0}.choice-box.radio{border-radius:50%}.choice:hover .choice-box{border-color:var(--link)}.choice-input:checked+.choice-box{border-color:var(--link);background:var(--link)}.choice-input:checked+.choice-box svg{opacity:1}.choice-input:checked+.choice-box.radio{background:var(--surface);box-shadow:inset 0 0 0 4px var(--link)}.choice-input:focus-visible+.choice-box,.choice-input:focus-visible+.switch-track{outline:2px solid var(--focus);outline-offset:2px}.choice,.switch{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.choice-input:focus:not(:focus-visible){outline:none}.choice-input:disabled+.choice-box,.choice-input:disabled+.switch-track{opacity:.5;cursor:not-allowed}.choice-text{gap:2px;display:grid}.choice-text small{font-weight:400}.choice-group{gap:2px;display:grid}.choice-group.inline{flex-wrap:wrap;gap:4px 20px;display:flex}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-size:14px;font-weight:400;display:flex;position:relative}.switch-track{background:var(--line-strong);border-radius:12px;flex:none;width:44px;height:24px;transition:background .15s;position:relative}.switch-track:after{content:"";width:18px;height:18px;box-shadow:var(--shadow);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.choice-input:checked+.switch-track{background:var(--link)}.choice-input:checked+.switch-track:after{transform:translate(20px)}@media (max-width:520px){.datetime-panel{flex-direction:column}.datetime-times{border-left:0;border-top:1px solid var(--line);width:auto;padding:12px}}.tag-input{cursor:text}.tag-input.invalid{border-color:var(--red)}.tag-input.disabled{opacity:.6;cursor:not-allowed}.tag-input:focus-within{background:var(--surface);border-color:var(--focus);box-shadow:0 0 0 1px var(--focus), 0 0 0 4px #0091ae2e}.tag-input input{min-width:120px;min-height:26px;box-shadow:none;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.tag-input input:focus{box-shadow:none;background:0 0}.tag-suggestions{z-index:120;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop);margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.tag-suggestions li{cursor:pointer;padding:8px 12px}.tag-suggestions li.active,.tag-suggestions li:hover{background:var(--hover)}.tag-error{color:var(--red);margin-top:4px;display:block}.tag-count{text-align:right;margin-top:4px;display:block}.select.has-clear .select-trigger{padding-right:52px}.choice.bare{gap:0;margin:0}.choice.bare .choice-box{margin-top:0}.choice-input[type=checkbox]:indeterminate+.choice-box{border-color:var(--link);background:var(--link)}.choice-input[type=checkbox]:indeterminate+.choice-box svg{opacity:1}.option-list .choice{margin:6px 0}.color-picker{width:auto;min-width:180px}.color-swatch{border-radius:var(--radius);border:1px solid #00000026;flex:none;width:20px;height:20px}.color-swatch.no-colour{background-image:linear-gradient(45deg, transparent 45%, var(--red) 45% 55%, transparent 55%)!important}.color-panel{gap:12px;padding:12px;display:grid}.color-grid{grid-template-columns:repeat(7,28px);gap:6px;display:grid}.color-cell{border-radius:var(--radius);color:#fff;mix-blend-mode:normal;border:1px solid #00000026;place-items:center;width:28px;height:28px;padding:0;display:grid}.color-cell[aria-selected=true]{outline:2px solid var(--focus);outline-offset:2px}.color-cell svg{filter:drop-shadow(0 0 1px #000000b3)}.color-hex{gap:8px;display:flex}.color-hex .text-input{flex:1}.slider{align-items:center;gap:14px;min-height:36px;display:flex}.slider.disabled{opacity:.55}.slider-track{background:var(--line);cursor:pointer;touch-action:none;border-radius:3px;flex:1;height:6px;position:relative}.slider-fill{border-radius:inherit;background:var(--link);position:absolute;inset:0 auto 0 0}.slider-thumb{border:2px solid var(--link);background:var(--surface);width:18px;height:18px;box-shadow:var(--shadow);cursor:grab;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.slider-thumb:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.slider-value{min-width:44px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.rich-text{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);overflow:hidden}.rich-text:focus-within{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus), 0 0 0 4px #0091ae2e}.rich-text.disabled{opacity:.6}.rich-toolbar{border-bottom:1px solid var(--line);background:var(--surface-alt);flex-wrap:wrap;align-items:center;gap:2px;padding:4px;display:flex}.rich-toolbar .spacer{flex:1}.rich-tool{border-radius:var(--radius);min-width:32px;height:32px;color:var(--ink);background:0 0;border:0;place-items:center;padding:0 6px;display:grid}.rich-tool:hover:not(:disabled){background:var(--hover)}.rich-tool[aria-pressed=true]{background:var(--blue-soft);color:var(--link)}.rich-tool-text{font-size:13px;font-weight:700}.rich-link{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:6px;display:flex}.rich-link .text-input{flex:1}.rich-editor{outline:none;min-height:140px;max-height:480px;padding:10px 12px;line-height:1.6;overflow-y:auto}.rich-editor:empty:before{content:attr(data-placeholder);color:var(--subtle)}.rich-editor>:first-child{margin-top:0}.rich-editor h2{margin:16px 0 8px;font-size:20px}.rich-editor h3{margin:14px 0 6px;font-size:17px}.rich-editor h4{margin:12px 0 6px;font-size:15px}.rich-editor p{margin:0 0 10px}.rich-editor ul,.rich-editor ol{margin:0 0 10px;padding-left:22px}.rich-editor a{color:var(--link);text-decoration:underline}.rich-editor blockquote{border-left:3px solid var(--line-strong);color:var(--muted);margin:0 0 10px;padding-left:12px}.rich-text .text-area textarea{border:0;border-radius:0;min-height:160px}.reveal-toggle{border-radius:var(--radius);width:32px;height:32px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;margin-right:-6px;padding:0;display:grid}.reveal-toggle:hover:not(:disabled){background:var(--hover);color:var(--ink)}.reveal-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:0}.text-input input::-ms-reveal{display:none}.text-input input::-ms-clear{display:none}.otp-label{font-size:13px;font-weight:600}.otp-input{gap:6px;width:100%;max-width:330px;display:flex}.otp-box{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-alt);width:0;min-width:0;max-width:50px;height:52px;color:var(--ink);font:600 22px/1 var(--mono);text-align:center;caret-color:var(--focus);flex:1 1 0;padding:0;transition:border-color .12s,box-shadow .12s,background .12s}.otp-box:hover:not(:disabled){border-color:var(--slate-300)}.otp-box:focus{background:var(--surface);border-color:var(--focus);box-shadow:0 0 0 1px var(--focus), 0 0 0 4px #0091ae2e;outline:none}.otp-input.invalid .otp-box{border-color:var(--red)}.otp-box:disabled{opacity:.6;cursor:not-allowed}
.preview-card{overflow:hidden}.preview-card-head{border-bottom:1px solid var(--line);background:var(--surface-alt);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.preview-card-label{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;font-size:12px;font-weight:700}.preview-card-body{background:repeating-linear-gradient(45deg, var(--canvas), var(--canvas) 10px, var(--surface-alt) 10px, var(--surface-alt) 20px);padding:20px 16px}.device-holder{width:100%}.device-sizer{margin:0 auto;position:relative}.device-frame{transform-origin:0 0;flex-direction:column;display:flex;position:absolute;top:0;left:0}.device-iframe{background:#fff;border:0;flex:none;display:block}.device-body{background:#fff;margin:0}.device-frame.mobile,.device-frame.tablet{background:linear-gradient(145deg,#2b2f35,#121417 45%,#24282d);border:1px solid #0b0c0e;border-radius:58px;padding:10px;box-shadow:inset 0 0 0 2px #3a3f46,inset 0 0 0 3px #08090a,0 22px 50px #2133434d,0 4px 10px #2133432e}.device-frame.tablet{border-radius:40px;padding:18px}.device-screen{background:#fff;border-radius:47px;flex-direction:column;display:flex;overflow:hidden}.device-frame.tablet .device-screen{border-radius:22px}.device-key{background:linear-gradient(90deg,#1a1d21,#3d434a);border-radius:2px;width:4px;position:absolute}.device-key.volume-up{height:58px;top:170px;left:-4px}.device-key.volume-down{height:58px;top:240px;left:-4px}.device-key.power{background:linear-gradient(270deg,#1a1d21,#3d434a);height:92px;top:210px;right:-4px}.device-status{color:#111;background:#fff;flex:none;justify-content:space-between;align-items:center;padding:0 26px 0 32px;display:flex;position:relative}.device-status.light{color:#fff}.device-frame.tablet .device-status{padding:0 20px}.device-time{letter-spacing:-.2px;font:600 15px/1 -apple-system,SF Pro Text,Segoe UI,system-ui,sans-serif}.device-island{background:#000;border-radius:20px;width:122px;height:34px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.device-glyphs{display:block}.device-home{background:#fff;flex:none;position:relative}.device-home span{background:#111;border-radius:3px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.device-frame.tablet .device-home span{width:180px;bottom:6px}.device-frame.laptop{background:#1d2126;border-radius:16px 16px 0 0;padding:12px 12px 0;box-shadow:0 14px 34px #2133433d}.device-frame.desktop{border:1px solid var(--line-strong);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 14px 34px #2133432e}.device-chrome{background:#eef1f4;border-bottom:1px solid #d9dee5;flex:none;align-items:center;gap:14px;height:36px;padding:0 14px;display:flex}.device-frame.desktop .device-chrome{height:40px}.device-frame.laptop .device-chrome{border-radius:6px 6px 0 0}.device-dots{gap:6px;display:flex}.device-dots span{background:#f56846;border-radius:50%;width:11px;height:11px}.device-dots span:nth-child(2){background:#f5c026}.device-dots span:nth-child(3){background:#33b679}.device-url{color:#516f90;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;flex:1;max-width:520px;margin:0 auto;padding:5px 12px;font:13px/1.2 system-ui,sans-serif;overflow:hidden}.device-base{background:linear-gradient(#c9ced6,#9aa3ad);border-radius:0 0 14px 14px;flex:none;height:20px;margin:0 -56px}.placeholder-chip{color:#00664f;font-family:var(--mono);background:#0080691f;border-radius:4px;padding:0 3px;font-size:.9em}.wa-preview{color:#111b21;flex-direction:column;height:100vh;font:14.2px/19px -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.wa-head{color:#fff;background:#008069;flex:none;align-items:center;gap:8px;height:60px;padding:0 12px 0 6px;display:flex}.wa-avatar{color:#fff;background:#6a7bd1;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:15px;font-weight:600;display:grid;overflow:hidden}.wa-avatar img{object-fit:cover;background:#fff;width:100%;height:100%}.wa-title{flex:1;min-width:0;line-height:1.25;display:grid}.wa-title strong{white-space:nowrap;align-items:center;gap:4px;font-size:16px;font-weight:600;display:flex;overflow:hidden}.wa-title small{color:#fffc;font-size:13px}.wa-verified{flex:none}.wa-head-tools{align-items:center;gap:20px;display:flex}.wa-wallpaper{background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.06' stroke-width='.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='20' cy='22' r='7'/%3E%3Cpath d='M58 14l4 8 9 1-6 6 1 9-8-4-8 4 1-9-6-6 9-1z'/%3E%3Cpath d='M102 18c6-6 16 4 10 10l-10 10-10-10c-6-6 4-16 10-10z'/%3E%3Cpath d='M14 70h22M25 59v22'/%3E%3Crect x='52' y='62' width='22' height='16' rx='4'/%3E%3Cpath d='M57 62v-4h12v4'/%3E%3Cpath d='M98 66a12 12 0 1 1 0 12'/%3E%3Cpath d='M18 112l10-10 10 10-10 10z'/%3E%3Cpath d='M56 116c4-8 14-8 18 0'/%3E%3Ccircle cx='60' cy='106' r='1.5'/%3E%3Ccircle cx='70' cy='106' r='1.5'/%3E%3Cpath d='M98 104l14 8-14 8z'/%3E%3C/g%3E%3C/svg%3E");background-size:84px 84px;flex-direction:column;flex:1;gap:8px;padding:10px 14px 16px;display:flex;overflow-y:auto}.wa-chip{color:#54656f;background:#fff;border-radius:7.5px;align-self:center;padding:5px 12px;font-size:12.5px;box-shadow:0 1px .5px #0b141a21}.wa-chip.system{color:#54656f;text-align:center;background:#ffeecd;max-width:88%;line-height:1.35}.wa-message{gap:0;max-width:85%;margin-top:4px;display:grid}.wa-bubble{overflow-wrap:anywhere;background:#fff;border-radius:0 7.5px 7.5px;padding:6px 7px 8px 9px;position:relative;box-shadow:0 1px .5px #0b141a21}.wa-bubble.has-buttons{border-radius:0 7.5px 0 0}.wa-bubble:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%);filter:drop-shadow(0 1px .5px #0b141a21);background:#fff;width:9px;height:13px;position:absolute;top:0;left:-8px}.wa-media{color:#ffffffd9;background:linear-gradient(160deg,#7fb6d5 0%,#a9cfe0 38%,#e6d3a3 60%,#8aa86c 61%,#5f8550 100%);border-radius:6px;place-items:center;height:160px;margin:-2px -3px 6px -5px;display:grid;position:relative;overflow:hidden}.wa-media.document{color:#54656f;background:#f5f6f6;justify-content:flex-start;gap:10px;height:58px;padding:0 12px;display:flex}.wa-header{margin-bottom:3px;font-weight:600;display:block}.wa-body{white-space:normal}.wa-empty,.wa-footer{color:#667781}.wa-footer{margin-top:3px;font-size:13px;line-height:17px;display:block}.wa-time-spacer{width:40px;display:inline-block}.wa-time{color:#667781;font-size:11px;line-height:15px;position:absolute;bottom:4px;right:7px}.wa-buttons{background:#fff;border-radius:0 0 7.5px 7.5px;display:grid;overflow:hidden;box-shadow:0 1px .5px #0b141a21}.wa-button{color:#027eb5;border-top:1px solid #e9edef;justify-content:center;align-items:center;gap:6px;height:42px;font-size:14px;font-weight:500;display:flex}.wa-preview a{color:#027eb5}.message-mono{white-space:pre-wrap;font:13px var(--mono);background:#f0f2f5;border-radius:4px;margin:4px 0;padding:6px 8px}.wa-composer{background:#f0f2f5;flex:none;align-items:center;gap:6px;padding:6px 8px 8px;display:flex}.wa-input{color:#54656f;background:#fff;border-radius:24px;flex:1;align-items:center;gap:12px;height:44px;padding:0 14px;display:flex;box-shadow:0 1px .5px #0b141a1a}.wa-input>span{color:#8696a0;flex:1;font-size:16px}.wa-mic{color:#fff;background:#00a884;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.email-preview-frame{min-height:100vh;color:var(--ink);background:#fff;flex-direction:column;font:14px/1.4 -apple-system,Segoe UI,Roboto,Arial,sans-serif;display:flex}.email-meta{border-bottom:1px solid var(--line);gap:6px;margin:0;padding:14px 16px;display:grid}.email-meta>div{grid-template-columns:64px minmax(0,1fr);gap:8px;display:grid}.email-meta dt{color:var(--muted)}.email-meta dd{overflow-wrap:anywhere;margin:0}.email-subject-line{font-weight:700}.email-body-frame{border:0;flex:1;width:100%;min-height:600px}
.table-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.table-toolbar .search-input{flex:0 360px}.table-toolbar .spacer{flex:1}.table-toolbar .filter-select{width:auto;min-width:170px}.table-toolbar .select-trigger,.table-toolbar .text-input{background:var(--surface)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.table-frame{position:relative}.table-scroll{border-radius:calc(var(--radius-lg) - 1px);position:relative;overflow-x:auto}@supports not selector(::-webkit-scrollbar){.table-scroll{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.table-scroll::-webkit-scrollbar-track{background:0 0}.table-scroll::-webkit-scrollbar-corner{background:0 0}.table-scroll::-webkit-scrollbar-button{display:none}.table-frame:before,.table-frame:after{content:"";z-index:2;pointer-events:none;opacity:0;width:24px;transition:opacity .15s;position:absolute;top:0;bottom:0}.table-frame:before{background:linear-gradient(to right, var(--table-edge), transparent);left:0}.table-frame:after{background:linear-gradient(to left, var(--table-edge), transparent);right:0}.table-frame[data-more-left]:before{opacity:1}.table-frame[data-more-right]:not(:has(.action-cell)):after{opacity:1}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px;line-height:1.5}.table-wrap{--table-edge:#0f172a1a}:root[data-theme=dark] .table-wrap{--table-edge:#00000073}.data-table th{border-bottom:1px solid var(--line);background:var(--surface-alt);text-align:left;white-space:nowrap;vertical-align:middle;height:44px;padding:0 16px;font-weight:600}.data-table th+th{border-left:1px solid var(--line)}.data-table td{border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:baseline;padding:13px 16px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td,.data-table tbody tr[aria-selected=true] td{background:var(--hover)}.data-table .select-cell{vertical-align:middle;width:48px;padding-right:0}.data-table td.select-cell .choice{margin:0}.data-table .action-cell{z-index:1;text-align:right;white-space:nowrap;vertical-align:middle;background:var(--surface);width:56px;padding-block:6px;position:sticky;right:0}.data-table th.action-cell{background:var(--surface-alt)}.table-frame[data-more-right] .data-table .action-cell{box-shadow:inset 1px 0 0 var(--line), -10px 0 12px -10px var(--table-edge)}.data-table .action-cell .button.ghost{color:var(--ink)}.data-table .action-cell .menu{display:inline-block}.data-table .action-cell .actions{flex-wrap:nowrap;justify-content:flex-end}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.data-table th.numeric .sort-button{flex-direction:row-reverse}.data-table tfoot td{border-top:1px solid var(--line);background:var(--surface-alt);font-weight:600}.data-table .primary-link{color:var(--link);font-weight:600}.data-table .primary-link:hover{text-decoration:underline}.data-table .status{align-items:baseline}.data-table .status:before{align-self:center}.data-table td small{color:var(--muted);font-size:12.5px;line-height:1.45}.data-table td>.actions{vertical-align:baseline;flex-wrap:nowrap;display:inline-flex}.data-table td .tag-list{flex-wrap:nowrap}.data-table .channel-name{align-items:baseline}.data-table .channel-name svg{align-self:center}.cell-stack{vertical-align:baseline;flex-direction:column;min-width:0;max-width:300px;display:inline-flex}.cell-stack>.cell-main{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cell-stack>.cell-sub{white-space:normal;overflow-wrap:break-word;min-width:15em;margin-top:2px;display:block}.cell-note{white-space:normal;overflow-wrap:anywhere;max-width:300px;display:inline-block}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:240px;display:inline-block;overflow:hidden}.cell-truncate.wide{max-width:320px}.cell-person{vertical-align:baseline;align-items:center;gap:10px;max-width:340px;display:inline-flex}.cell-person>.avatar{width:28px;height:28px;font-size:11px}.cell-person>.cell-stack{justify-content:center;align-self:baseline;min-width:0;min-height:28px}.sort-button{background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:600;display:inline-flex}.sort-button svg{color:var(--subtle)}.sort-button[data-active=true] svg{color:var(--ink)}.pagination{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.pagination .pager{align-items:center;gap:6px;display:flex}.pagination .pager .button.icon-only{width:32px;min-height:32px}.pagination .current{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-alt);min-width:32px;height:32px;color:var(--ink);place-items:center;display:grid}.pagination .page-size{width:auto;min-width:140px}.pagination .page-size .select-trigger{background:var(--surface);min-height:32px}.table-mobile-bar{display:none}.table-wrap{container-type:inline-size}@container (max-width:639px){.table-mobile-bar{align-items:center;gap:12px;margin-bottom:8px;display:flex}.table-mobile-bar .select{flex:1}.table-mobile-bar .choice{white-space:nowrap;margin:0}.table-scroll{padding:8px 8px 0;overflow:visible}.data-table,.data-table tbody,.data-table tfoot{display:block}.data-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.data-table tbody tr,.data-table tfoot tr{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 10px;margin-bottom:8px;padding:12px 12px 10px;display:grid}.data-table tbody tr[aria-selected=true]{border-color:var(--focus);background:var(--blue-soft)}.data-table tbody tr:hover td,.data-table tbody tr[aria-selected=true] td{background:0 0}.data-table td{white-space:normal;text-align:right;overflow-wrap:anywhere;border:0;grid-column:1/-1;justify-content:space-between;gap:12px;min-width:0;height:auto;padding:5px 0;display:flex}.data-table td:before{content:attr(data-label);max-width:45%;color:var(--muted);text-align:left;flex:none;font-size:13px}.data-table td.primary-cell{text-align:left;grid-area:1/2;justify-content:flex-start;padding:0 0 6px;font-size:15px}.data-table td.select-cell{grid-area:1/1;width:auto;padding:0 0 6px}.data-table td.action-cell{grid-area:1/3;width:auto;padding:0 0 6px}.data-table tfoot td:empty,.table-frame:before,.table-frame:after{display:none}.data-table td.action-cell,.table-frame[data-more-right] .data-table td.action-cell{box-shadow:none;background:0 0;position:static}.cell-stack,.cell-person,.cell-truncate,.cell-truncate.wide,.cell-note{max-width:100%}.cell-stack>.cell-sub{min-width:0}.data-table td:not(.primary-cell)>.cell-stack{align-items:flex-end}.data-table tfoot td{background:0 0;border-top:0}.data-table td.primary-cell:before,.data-table td.select-cell:before,.data-table td.action-cell:before{content:none}.data-table td.primary-cell+td{border-top:1px solid var(--line);padding-top:8px}.data-table tr:not(:has(.select-cell)) td.primary-cell{grid-column:1/3}.pagination{border-top:0;justify-content:center;padding:12px 0}.pagination>span{text-align:center;width:100%}.pagination .page-size{display:none}}@media (max-width:639px){.table-toolbar .search-input,.table-toolbar .filter-select{flex:100%;min-width:0}.table-toolbar .spacer{display:none}.table-wrap{background:0 0;border:0}.table-scroll{padding:0}}@media (pointer:coarse){.pagination .pager .button,.pagination .current{min-width:44px;height:44px}}
.chart-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--chart-surface);margin-bottom:16px}.chart-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;margin:0 20px;padding:16px 0 12px;display:flex}.chart-card-head h2{margin:0;font-size:16px}.chart-card-head p{color:var(--muted);margin:2px 0 0;font-size:13px}.chart-card-body{padding:14px 20px 18px}.chart-card-body.stale{opacity:.5;transition:opacity .15s}.chart-card .data-table{font-size:13px}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));align-items:start;gap:0 16px;display:grid}.chart-frame{width:100%;position:relative}.chart-frame svg{display:block;overflow:visible}.chart-frame text{fill:var(--chart-muted);font-family:var(--font);font-size:11px}.chart-frame .value-label{fill:var(--chart-ink);font-size:12px;font-weight:600}.chart-gridline{stroke:var(--chart-grid);stroke-width:1px;shape-rendering:crispedges}.chart-baseline{stroke:var(--chart-baseline);stroke-width:1px;shape-rendering:crispedges}.chart-crosshair{stroke:var(--chart-muted);stroke-width:1px;shape-rendering:crispedges}.chart-hit{fill:#0000;cursor:default;outline:none}.chart-hit:focus-visible{stroke:var(--focus);stroke-width:2px}.chart-mark{transition:filter .12s,opacity .12s}.chart-mark.active{filter:brightness(1.12)saturate(1.05)}.chart-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-area{opacity:.1}.chart-dot{stroke:var(--chart-surface);stroke-width:2px}.chart-svg-focus:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:2px}.chart-tooltip{z-index:5;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:120px;box-shadow:var(--shadow-pop);color:var(--chart-ink);pointer-events:none;white-space:nowrap;padding:8px 10px;font-size:12px;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.chart-tooltip.below{transform:translate(-50%,12px)}.chart-tooltip-title{color:var(--chart-muted);margin-bottom:4px}.chart-tooltip-row{align-items:center;gap:8px;line-height:1.6;display:flex}.chart-tooltip-row strong{font-variant-numeric:tabular-nums;font-size:13px}.chart-tooltip-row span:last-child{color:var(--chart-muted)}.line-key{border-radius:1px;flex:none;width:12px;height:2px;display:inline-block}.chart-legend{color:var(--chart-ink);flex-wrap:wrap;gap:4px 16px;margin:0 0 10px;padding:0;font-size:13px;list-style:none;display:flex}.chart-legend li{align-items:center;gap:6px;display:flex}.legend-rect{border-radius:2px;width:10px;height:10px}.legend-line{border-radius:1px;width:14px;height:2px}.hbar{grid-template-columns:fit-content(var(--hbar-label,40%)) 1fr;gap:6px 12px;display:grid}.hbar-row{grid-column:1/-1;grid-template-columns:subgrid;border-radius:var(--radius);outline:none;align-items:center;min-height:28px;padding:2px 0;display:grid;position:relative}.hbar-row:hover,.hbar-row:focus-visible{background:var(--hover)}.hbar-row:focus-visible{box-shadow:0 0 0 2px var(--focus)}.hbar-label{color:var(--chart-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.hbar-label small{color:var(--chart-muted);text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.hbar-track{border-left:1px solid var(--chart-baseline);gap:2px;padding-right:64px;display:grid}.hbar-bar{height:var(--hbar-thickness,14px);align-items:center;display:flex;position:relative}.hbar-fill{border-radius:0 4px 4px 0;min-width:2px;height:100%;transition:filter .12s}.hbar-row:hover .hbar-fill,.hbar-row:focus-visible .hbar-fill{filter:brightness(1.12)}.hbar-value{left:calc(var(--fill) + 6px);color:var(--chart-ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:600;line-height:14px;position:absolute}.hbar-tooltip{left:var(--tip-x,60%);top:0}.meter{gap:6px;display:grid}.meter+.meter{margin-top:16px}.meter-head{justify-content:space-between;gap:12px;font-size:13px;display:flex}.meter-head span{color:var(--chart-ink)}.meter-head strong{color:var(--chart-ink);font-variant-numeric:tabular-nums}.meter-track{background:var(--seq-100);border-radius:4px;height:8px;overflow:hidden}.meter-fill{background:var(--seq-450);border-radius:4px;height:100%;transition:width .3s}.meter small{color:var(--chart-muted)}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;margin-bottom:16px;display:grid}.stat-tile{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);gap:4px;padding:14px 16px;display:grid}.stat-tile-label{color:var(--chart-muted);font-size:13px}.stat-tile-value{color:var(--chart-ink);font-size:26px;font-weight:600;line-height:1.15}.stat-tile-foot{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.stat-delta{align-items:center;gap:2px;font-size:12px;font-weight:600;display:inline-flex}.stat-delta.good{color:var(--chart-good)}.stat-delta.bad{color:var(--chart-bad)}.stat-delta.flat{color:var(--chart-muted)}.stat-delta small{margin-left:4px;font-weight:400}.sparkline{flex:none}.chart-empty{color:var(--chart-muted);text-align:center;padding:32px 0}.hbar-row.selectable{cursor:pointer}.hbar-row.selectable:focus-within{background:var(--hover)}button.hbar-label{text-align:left;font-weight:500}
.sidebar,.nav-drawer{--m-bg:var(--menu-bg,var(--slate-800));--m-text:var(--menu-text,#eaf0f6);--m-strong:var(--menu-text,#fff);--m-muted:var(--menu-muted,var(--slate-300));--m-icon:var(--menu-icon,var(--slate-200));--m-hover:var(--menu-hover,var(--slate-700));--m-active:var(--menu-active,var(--slate-600));--m-line:var(--menu-line,var(--slate-700))}.topbar{--h-bg:var(--head-bg,var(--slate-800));--h-text:var(--head-text,#fff);--h-muted:var(--head-muted,var(--slate-200));--h-hover:var(--head-hover,var(--slate-700));--h-line:var(--head-line,var(--slate-600))}.sidebar{z-index:40;width:var(--sidebar-width);background:var(--m-bg);color:var(--m-icon);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.sidebar>nav,.nav-drawer-panel>nav{overscroll-behavior:contain;scrollbar-color:var(--m-active) transparent;flex:auto;min-height:0;overflow-y:auto}.brand{height:var(--topbar-height);color:var(--m-strong,var(--h-text,#fff));flex:none;align-items:center;gap:10px;padding:0 16px;font-size:17px;font-weight:600;display:flex}.brand-mark{grid-template-columns:repeat(2,9px);gap:2px;display:grid}.brand-mark span{background:var(--coral);border-radius:2px;width:9px;height:9px}.brand-mark span:nth-child(2){background:color-mix(in srgb, var(--coral) 65%, #fff)}.brand.has-logo{height:auto;min-height:var(--topbar-height);padding:12px 16px}.brand-logo{box-sizing:content-box;width:var(--logo-w);max-width:100%;height:var(--logo-h);flex:none;display:flex}.brand-logo.square,.brand-logo.tall{margin-inline:auto}.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-logo.trimmed{position:relative;overflow:hidden}.brand-logo.trimmed img{max-width:none;position:absolute}.brand-logo.plate-light,.brand-logo.plate-dark{border-radius:var(--radius);padding:6px}.brand-logo.plate-light{background:#fff;box-shadow:0 0 0 1px #0000000f}.brand-logo.plate-dark{background:#141a26}.brand-icon{object-fit:cover;border-radius:4px;width:24px;height:24px}.brand .rail-only{display:none}.nav-group{padding:12px 0 4px}.nav-group h2{color:var(--m-muted);letter-spacing:.8px;text-transform:uppercase;margin:0 0 4px;padding:0 16px;font-size:11px;font-weight:600}.nav-item{border-radius:0 var(--radius) var(--radius) 0;color:var(--m-text);align-items:center;gap:10px;margin:1px 8px 1px 0;padding:7px 12px 7px 16px;font-size:14px;display:flex;position:relative}.nav-item svg{color:var(--m-icon);flex:none}.nav-item:hover{background:var(--m-hover)}.nav-item[aria-current=page]{background:var(--m-active);color:var(--m-strong);font-weight:600}.nav-item[aria-current=page]:before{content:"";background:var(--coral);width:3px;position:absolute;top:0;bottom:0;left:0}.nav-item[aria-disabled=true]{color:var(--m-muted);cursor:default;opacity:.7}.nav-item[aria-disabled=true]:hover{background:0 0}.topbar{inset:0 0 auto var(--sidebar-width);z-index:30;height:var(--topbar-height);background:var(--h-bg);color:var(--h-text);align-items:center;gap:4px;padding:0 16px;display:flex;position:fixed}.topbar .context{align-items:center;gap:4px;min-width:0;display:flex}.topbar .divider{background:var(--h-line);width:1px;height:24px;margin:0 8px}.topbar .select{width:auto;max-width:260px}.topbar .select-trigger{min-height:32px;color:var(--h-text);box-shadow:none;background:0 0;border:0;font-weight:500}.topbar .select-trigger:hover:not(:disabled),.topbar .select-trigger[aria-expanded=true]{background:var(--h-hover)}.topbar .select-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:1px;background:var(--h-hover)}.topbar .select-trigger>svg{color:var(--h-text)}.topbar .select-placeholder{color:var(--h-muted)}.topbar .context-label{white-space:nowrap;text-overflow:ellipsis;padding:0 10px;font-weight:500;overflow:hidden}.topbar .tools{align-items:center;gap:4px;margin-left:auto;display:flex}.topbar .icon-button{width:36px;height:36px;color:var(--h-text);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.topbar .icon-button:hover{background:var(--h-hover)}.topbar .account{border-radius:var(--radius);height:36px;color:var(--h-text);align-items:center;gap:8px;padding:0 6px;display:flex}.topbar .account:hover,.topbar .menu[open] .account{background:var(--h-hover)}.topbar .menu-list{width:max-content;min-width:max(100%,180px);max-width:calc(100vw - 16px);top:calc(100% + 6px)}.topbar .account .name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.workspace{inset:var(--topbar-height) 0 0 var(--sidebar-width);overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;overflow-y:auto}.workspace-content{flex:1;width:100%;min-width:0;max-width:1440px;padding:24px 32px}.workspace-footer{color:var(--subtle);justify-content:space-between;padding:12px 32px;font-size:12px;display:flex}.topbar .menu-button,.topbar-brand{display:none}.topbar .brand.topbar-brand{height:auto;padding:0 8px 0 4px}.nav-drawer{background:var(--m-bg);width:min(300px,86vw);max-width:none;height:100dvh;max-height:none;color:var(--m-icon);border:0;margin:0;padding:0;position:fixed;inset:0 auto 0 0}.nav-drawer[open]{animation:.18s ease-out drawer-in}.nav-drawer::backdrop{background:#2133438c}.nav-drawer-panel{height:100%;padding:0 0 max(16px, env(safe-area-inset-bottom)) env(safe-area-inset-left);flex-direction:column;display:flex;overflow:hidden}.nav-drawer-head{justify-content:space-between;align-items:flex-start;padding:2px 8px 0 0;display:flex}.nav-drawer .icon-button{width:44px;height:44px;color:var(--m-strong);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.nav-drawer .icon-button:hover{background:var(--m-hover)}.nav-drawer .nav-item{min-height:44px;margin-right:12px}.nav-drawer-context{border-bottom:1px solid var(--m-line);gap:6px;padding:8px 12px 12px;display:none}.nav-drawer-context .divider{display:none}.nav-drawer-context .select,.nav-drawer-context .context-label{width:100%;max-width:none}.nav-drawer-context .select-trigger{border:1px solid var(--m-active);background:var(--m-hover);min-height:44px;color:var(--m-strong);font-weight:500}.nav-drawer-context .select-trigger>svg{color:var(--m-strong)}.nav-drawer-context .context-label{color:var(--m-strong);padding:0 4px;font-weight:600}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.nav-drawer[open]{animation:none}}@media (max-width:1023px){:root{--sidebar-width:64px}.topbar .menu-button{display:grid}.sidebar .brand-name,.sidebar .nav-group h2,.topbar .account .name{display:none}.sidebar .brand.has-logo{justify-content:center;padding:12px}.sidebar .brand .full-only{display:none}.sidebar .brand .rail-only{display:contents}.sidebar .nav-item{border-radius:0;justify-content:flex-start;margin-right:0;padding:10px 0 10px 23px}.sidebar .nav-item .label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidebar .nav-item:hover:after,.sidebar .nav-item:focus-visible:after{content:attr(data-tip);top:var(--tip-top,auto);z-index:60;border-radius:var(--radius);background:var(--slate-900);color:#fff;white-space:nowrap;box-shadow:var(--shadow-pop);pointer-events:none;margin-left:50px;padding:6px 10px;font-size:13px;font-weight:500;position:fixed;transform:translateY(-50%)}.workspace-content{padding:20px}.workspace-footer{padding:12px 20px}.topbar{padding:0 8px}.topbar .context-label,.topbar .select{max-width:200px}.topbar .divider{margin:0 2px}}.nav-collapse{text-align:left;cursor:pointer;background:0 0;border:0;width:calc(100% - 8px);margin-top:auto;display:none}@media (min-width:1024px){.nav-collapse{display:flex}:root[data-nav=collapsed]{--sidebar-width:64px}:root[data-nav=collapsed] .sidebar .brand-name,:root[data-nav=collapsed] .sidebar .nav-group h2{display:none}:root[data-nav=collapsed] .sidebar .brand.has-logo{justify-content:center;padding:12px}:root[data-nav=collapsed] .sidebar .brand .full-only{display:none}:root[data-nav=collapsed] .sidebar .brand .rail-only{display:contents}:root[data-nav=collapsed] .sidebar .nav-item{border-radius:0;justify-content:flex-start;margin-right:0;padding:10px 0 10px 23px}:root[data-nav=collapsed] .sidebar .nav-item .label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root[data-nav=collapsed] .sidebar .nav-item:hover:after,:root[data-nav=collapsed] .sidebar .nav-item:focus-visible:after{content:attr(data-tip);top:var(--tip-top,auto);z-index:60;border-radius:var(--radius);background:var(--slate-900);color:#fff;white-space:nowrap;box-shadow:var(--shadow-pop);pointer-events:none;margin-left:50px;padding:6px 10px;font-size:13px;font-weight:500;position:fixed;transform:translateY(-50%)}}@media (max-width:639px){:root{--sidebar-width:0px}.sidebar{display:none}.topbar-brand{display:flex}.topbar{padding:0 max(4px, env(safe-area-inset-right)) 0 max(4px, env(safe-area-inset-left))}.topbar .context{display:none}.nav-drawer-context{display:grid}.workspace-content{padding:16px max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left))}.workspace-footer{padding:12px 16px max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:2px}}@media (pointer:coarse){.topbar .icon-button,.menu-button{width:44px;height:44px}.topbar .account{height:44px}.sidebar .nav-item{min-height:44px}}.quick-find-button{border:1px solid var(--h-line);border-radius:var(--radius);height:32px;color:var(--h-muted);background:0 0;align-items:center;gap:8px;margin-right:8px;padding:0 10px;font-size:13px;display:inline-flex}.quick-find-button:hover{border-color:var(--h-muted);color:var(--h-text)}.quick-find-button kbd{background:color-mix(in srgb, currentColor 14%, transparent);font:inherit;border-radius:3px;padding:1px 5px;font-size:11px}.quick-find{gap:12px;display:grid}.quick-find-results{gap:2px;max-height:min(420px,55dvh);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.quick-find-results li{border-radius:var(--radius);cursor:pointer;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:12px;min-height:44px;padding:6px 10px;display:grid}.quick-find-results li.active{background:var(--blue-soft)}.quick-find-results li span{min-width:0;display:grid}.quick-find-results li strong,.quick-find-results li small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-find-results li small{color:var(--muted)}.quick-find-results .quick-find-empty{color:var(--muted);cursor:default;display:block}.quick-find-hint{margin:0;font-size:12px}.quick-find-hint kbd{border:1px solid var(--line);font:inherit;border-radius:3px;padding:0 4px}@media (max-width:1023px){.quick-find-button span,.quick-find-button kbd{display:none}.quick-find-button{width:44px;height:44px;color:var(--h-text);border:0;justify-content:center;margin-right:0;padding:0}}@media (max-width:639px){.quick-find-hint{display:none}}.live-pill{border:1px solid var(--h-line,var(--slate-600));height:24px;color:var(--h-muted,var(--slate-200));white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-right:4px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background:var(--slate-300);border-radius:50%;width:8px;height:8px}.live-pill.connected{color:var(--h-text,#fff)}.live-pill.connected .live-dot{background:#2fd6a5}.live-pill.connecting .live-dot,.live-pill.reconnecting .live-dot{background:var(--amber);animation:1.2s ease-in-out infinite live-pulse}@keyframes live-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.live-pill .live-dot{animation:none}}@media (max-width:639px){.live-pill{justify-content:center;width:24px;padding:0}.live-pill .live-text{display:none}}.tab-bar{display:none}@media (max-width:639px){:root{--tab-bar-height:56px}.tab-bar{z-index:35;height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-top:1px solid var(--line);background:var(--surface);display:flex;position:fixed;inset:auto 0 0}.tab-bar-item{min-width:0;color:var(--muted);font:inherit;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;font-size:11px;font-weight:500;display:flex}.tab-bar-item[aria-current=page],.tab-bar-item[data-active]{color:var(--coral-ink);font-weight:600}.tab-bar-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.workspace{bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom))}.workspace-footer{padding-bottom:12px}body .toast{bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + 12px)}}.topbar .avatar.inverse{background:var(--head-text,var(--slate-200));color:var(--head-bg,var(--slate-800))}
.auth-page{grid-template-columns:minmax(320px,440px) 1fr;min-height:100vh;display:grid}.auth-art{background:var(--slate-800);color:#fff;flex-direction:column;justify-content:space-between;gap:32px;padding:32px;display:flex}.auth-art .brand{height:auto;padding:0}.auth-art .auth-tagline{margin:0 0 12px;font-size:30px;font-weight:700;line-height:1.2}.auth-art p{color:var(--slate-200)}.auth-art small{color:var(--slate-300)}.auth-points{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.auth-points li{color:#eaf0f6;align-items:center;gap:10px;display:flex}.auth-points svg{color:var(--coral)}.auth-form{place-items:center;padding:32px 16px;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);padding:32px}.auth-card>p{color:var(--muted)}.auth-card form>.button.primary,.auth-card>.button.ghost{width:100%;margin-top:8px}.auth-footer{text-align:center;margin:20px 0 0;font-size:13px}.qr-code{width:180px;height:180px;margin:0 auto 16px;display:block}.recovery-codes{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.recovery-codes code{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);text-align:center;padding:8px}@media (max-width:800px){.auth-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.auth-form{place-items:start center;padding-top:24px}.auth-art{gap:12px;padding:20px 16px}.auth-art>div,.auth-art>small{display:none}}.code-entry-send{margin:0 0 8px}.code-entry-note{margin:0 0 8px;font-size:13px}.recovery-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.recent-accounts{gap:8px;margin-bottom:16px;display:grid}.recent-accounts-title,.recent-accounts-or{color:var(--muted);font-size:12px;font-weight:600}.recent-accounts-or{text-align:center}.recent-account{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:4px;min-height:56px;margin-bottom:12px;display:flex}.recent-accounts .recent-account{margin-bottom:0}.recent-account:hover,.recent-account:focus-within{border-color:var(--link);background:var(--selected)}.recent-account.picked{padding-right:12px}.recent-account.picked:hover{border-color:var(--line);background:var(--surface)}.recent-account-pick{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;flex:1;align-self:stretch;align-items:center;gap:12px;padding:8px 4px 8px 12px;display:flex}.recent-account-name{min-width:0;display:grid}.recent-account-name strong,.recent-account-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-account-forget{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;margin-right:6px;display:grid}.recent-account-forget:hover{background:var(--hover);color:var(--ink)}.phone-input{grid-template-columns:120px minmax(0,1fr);gap:8px;display:grid}
.offline-page{background:var(--slate-800);place-items:center;min-height:100vh;padding:32px 16px;display:grid}.offline-card{border-radius:var(--radius-lg);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow-pop);text-align:center;justify-items:center;gap:4px;padding:32px;display:grid}.offline-icon{background:var(--coral-soft);width:56px;height:56px;color:var(--coral-ink);border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.offline-card p{color:var(--muted);margin-bottom:16px}.offline-card .button{min-width:140px}.offline-card small{margin-top:12px}.offline-banner{margin-bottom:16px}.offline-banner .notice{margin-bottom:0}
:root[data-theme=dark] .notice.warning,:root[data-theme=dark] .tag.amber{border-color:#6b4d17}:root[data-theme=dark] .notice.success{border-color:#1d5a47}:root[data-theme=dark] .notice.error{border-color:#6a2b2e}:root[data-theme=dark] .notice{border-color:#1c5664}:root[data-theme=dark] .tag.blue{color:#7fd6ea}:root[data-theme=dark] .tag.green{color:#6fdcb8}:root[data-theme=dark] .tag.red{color:#f59a94}:root[data-theme=dark] .chip{color:#7fd6ea}:root[data-theme=dark] .avatar:not(.inverse){color:#ffc3b1;background:#4a2a22}:root[data-theme=dark] .modal>header{background:var(--slate-700)}:root[data-theme=dark] .calendar-day.selected{color:var(--canvas)}:root[data-theme=dark] .switch-track:after{background:var(--ink)}:root[data-theme=dark] .popover-backdrop,:root[data-theme=dark] .nav-drawer::backdrop{background:#0009}:root[data-theme=dark] :is(.wa-preview,.email-preview-frame,.device-screen,.badge-art){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink)}.theme-switch{gap:6px;padding:8px 16px;display:grid}.theme-switch-label{color:var(--muted);font-size:12px;font-weight:600}.theme-switch-options{gap:4px;display:flex}.menu-list .theme-switch-options button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:auto;color:var(--ink);flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:12px;display:inline-flex}.menu-list .theme-switch-options button[aria-pressed=true]{border-color:var(--link);background:var(--selected);font-weight:600}