@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b4b14f44d63d21f2-s.09q3flbxo0w4e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/81b01dcd824434dd-s.p.3u0t_c_yzgtgw.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f34bcfed31234774-s.3fcxnszjbtksy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/098adb8bb3c21377-s.p.09e83-4vqkr8v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3b79255d0fc0c0d8-s.2taqxaqrv3ssw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7a3b98edb52b34e8-s.p.3_xwflgq9fbqb.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6464db7ff35a62d3-s.1x31jf7v-_3a0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a86bc8e8711b62bb-s.p.2t1pwrt0o-zp3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/caa157f60f748efa-s.20mrlfyovr0p8.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7c31128e26fc9cb0-s.p.2wx1mw4dt7_s5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1c119465040ff5bb-s.10770ssbdafq9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b317410534a54bf-s.p.0xwse1x-bzy3s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/661e8677aa162059-s.2m8zx_hq13x-4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/087894984ee2963f-s.p.2_z8r5dfkst21.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47a4972b6bd8620b-s.1nxoen_49_z0x.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/16cfcc00aea7f216-s.p.0oqt8towxai-k.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local(Arial);ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.0%;size-adjust:101.17%}.F-Axnq_className{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}.F-Axnq_variable{--font-plex:"IBM Plex Sans Thai", "IBM Plex Sans Thai Fallback"}
:root{--brand-violet:#6c29ff;--brand-indigo:#160396;--brand-cyan:#05dbfa;--frame:#f4f3f9;--surface:#fff;--raised:#f8f7fc;--active:#e9e6f5;--border:#e6e3ef;--rule:#efedf5;--control:#cfcbdc;--text:#16132b;--muted:#57536b;--faint:#6a6680;--primary:var(--brand-indigo);--primary-hover:#2410b8;--primary-ink:#fff;--link:#4a17d9;--focus:var(--brand-violet);--positive:#1f7a4d;--negative:#c4242a;--pill-neutral-bg:#efedf5;--pill-neutral-ink:#3b3852;--pill-positive-bg:#dcf6e6;--pill-positive-ink:#0b4a2a;--pill-negative-bg:#ffecea;--pill-negative-ink:#8a1c1f;--pill-warning-bg:#fff4dc;--pill-warning-ink:#8a4a05;--pill-progress-bg:#ece6ff;--pill-progress-ink:#3d16b8;--radius-sheet:16px;--radius-card:10px;--radius-control:7px;--side-w:248px;--top-h:52px;--gap:20px;--pad:32px;--control-h:36px;--font:var(--font-plex), "IBM Plex Sans Thai", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--frame);color:var(--text);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}::selection{background:#ddd2ff}.app{grid-template-columns:var(--side-w) minmax(0, 1fr);grid-template-rows:var(--top-h) 1fr;grid-template-areas:"side top""side sheet";min-height:100vh;display:grid}.app-side{background:var(--frame);flex-direction:column;grid-area:side;height:100vh;padding:18px 12px 12px;display:flex;position:sticky;top:0;overflow:hidden}.brand{color:var(--text);gap:4px;padding:2px 10px 18px;text-decoration:none;display:grid}.brand:hover{text-decoration:none}.brand img{mix-blend-mode:multiply;width:136px;height:auto;display:block}.side-nav{scrollbar-width:thin;flex:auto;margin:0 -4px;padding:0 4px 12px;overflow-y:auto}.side-group+.side-group{margin-top:18px}.side-group-title{color:var(--faint);margin:0 0 4px;padding:0 10px;font-size:12px;font-weight:500}.side-nav ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.side-link{min-height:34px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:14px;line-height:1.3;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.side-link svg{color:#7a7690;flex:none}.side-link:hover{color:var(--text);background:#ebe9f3;text-decoration:none}.side-link[aria-current=page]{background:var(--active);color:var(--text);font-weight:500}.side-link[aria-current=page] svg{color:var(--brand-violet)}.side-label{flex:auto;min-width:0}.side-count{background:var(--pill-progress-bg);min-width:20px;height:20px;color:var(--pill-progress-ink);text-align:center;border-radius:999px;flex:none;padding:0 6px;font-size:11px;font-weight:600;line-height:20px}.side-user{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:8px;padding:10px 6px 4px 10px;display:flex}.avatar{width:32px;height:32px;color:var(--brand-indigo);background:#e3dbff;border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.side-user-text{flex:auto;min-width:0;line-height:1.3;display:grid}.side-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.side-user-role{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.icon-button{width:34px;height:34px;min-height:0;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--text);background:#ebe9f3}.app-top{padding:0 20px 0 var(--pad);grid-area:top;align-items:center;gap:12px;display:flex}.menu-button,.top-brand{display:none}.env-note{background:var(--pill-warning-bg);height:26px;color:var(--pill-warning-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.env-note:before{content:"";background:#d98a0b;border-radius:999px;width:6px;height:6px}.top-bell{width:36px;height:36px;color:var(--muted);border-radius:8px;place-items:center;margin-left:auto;display:inline-grid;position:relative}.top-bell:hover{color:var(--text);background:#ebe9f3}.top-dot{border:2px solid var(--frame);background:var(--negative);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:600;line-height:14px;position:absolute;top:3px;right:1px}.app-sheet{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sheet);grid-area:sheet;min-width:0;margin:0 8px 8px 0}.phone-menu{display:none}.app-state{place-items:center;min-height:100vh;display:grid}main{gap:var(--gap);max-width:1360px;padding:28px var(--pad) 48px;align-content:start;display:grid}main>*{min-width:0}main>p{margin:0}h1{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600;line-height:1.3}h2{margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.4}h3{margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.4}p{margin:0 0 10px}.panel>:last-child,section>:last-child{margin-bottom:0}a{color:var(--link);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.muted{color:var(--muted)}.error{color:var(--negative)}p.error,div.error{background:var(--pill-negative-bg);color:var(--pill-negative-ink);border-radius:8px;margin:0;padding:10px 14px}main>p.muted{font-size:14px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.panel .panel{background:var(--raised);border-color:var(--rule)}section:not(.panel)>h2:first-child{margin-top:4px}label{color:#3b3852;gap:6px;max-width:720px;font-size:13px;font-weight:500;display:grid}label+label,label+.actions,.row+label,.row+.actions,label+.row{margin-top:14px}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--control);border-radius:var(--radius-control);min-width:0;max-width:100%;font-size:14px;font-weight:400;transition:border-color .12s}input,select{height:var(--control-h);padding:0 10px}textarea{resize:vertical;min-width:min(260px,100%);padding:8px 10px;line-height:1.5}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2357536b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:32px}input:hover,select:hover,textarea:hover{border-color:#b5b0c7}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:-1px;border-color:var(--focus);border-radius:var(--radius-control)}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=file]{height:auto;color:var(--muted);padding:5px;font-size:13px}input[type=file]::file-selector-button{font:inherit;border:1px solid var(--control);background:var(--raised);height:26px;color:var(--text);cursor:pointer;border-radius:6px;margin-right:10px;padding:0 10px;font-weight:500}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--brand-indigo);cursor:pointer;flex:none;margin:0;padding:0}input:disabled,select:disabled,textarea:disabled{background:var(--raised);color:var(--faint);cursor:not-allowed}label.check{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:400;display:flex}label:has(>input[type=checkbox]){color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:400;display:flex}label:has(>input[type=radio]){color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:400;display:flex}label.check{margin:6px 0}.row,form.row{flex-wrap:wrap;align-items:end;gap:14px 16px;display:flex}.row>label{flex:0 220px;margin-top:0}.row>label:has(>input[type=checkbox]){height:var(--control-h);flex:none}.row>label:has(textarea){flex:320px}.row>a{height:var(--control-h);align-items:center;display:inline-flex}.row>h2{flex-basis:100%;margin-bottom:0}.row>p{margin:0}button{font:inherit;min-height:var(--control-h);border-radius:var(--radius-control);background:var(--primary);color:var(--primary-ink);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s,transform 80ms;display:inline-flex}button:hover{background:var(--primary-hover)}button:active{transform:translateY(1px)}button.quiet{background:var(--surface);color:var(--text);border-color:var(--control)}button.quiet:hover{background:var(--raised);border-color:#b5b0c7}button:disabled,button:disabled:hover{color:var(--faint);cursor:not-allowed;background:#eceaf2;border-color:#0000;transform:none}button.quiet:disabled,button.quiet:disabled:hover{background:var(--surface);border-color:var(--border)}.actions{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.actions>label{flex:0 auto;margin-top:0}p.actions{align-items:center;margin:0 0 12px}p.actions>.muted:first-child{margin-right:auto}.panel.actions,.actions.no-print{align-items:center}details{margin-top:14px}summary{cursor:pointer;color:var(--text);width:fit-content;padding:4px 0;font-weight:500}summary:hover{color:var(--link)}details[open]>summary{margin-bottom:10px}fieldset{border:1px solid var(--border);border-radius:var(--radius-card);margin:0;padding:14px 16px 16px}legend{padding:0 6px;font-size:13px;font-weight:600}.scroll{overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%;font-size:14px}.panel.scroll>table,.panel>table{margin-top:4px}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:bottom;padding:8px 12px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--rule);vertical-align:top;padding:11px 12px}th:first-child,td:first-child{padding-left:4px}th:last-child,td:last-child{padding-right:4px}tbody tr{transition:background-color .1s}tbody tr:hover>td{background:var(--raised)}tbody tr:last-child>td{border-bottom:0}td>button,td>.actions{margin:-5px 0}td>button{min-height:30px;padding:0 12px;font-size:13px}td a{white-space:nowrap;font-weight:500}td:first-child{white-space:nowrap}td input:not([type=checkbox]):not([type=radio]),td select{height:32px}.pill{background:var(--pill-neutral-bg);height:22px;color:var(--pill-neutral-ink);white-space:nowrap;vertical-align:1px;border-radius:999px;flex:none;align-items:center;padding:0 9px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.pill[data-tone=positive]{background:var(--pill-positive-bg);color:var(--pill-positive-ink)}.pill[data-tone=negative]{background:var(--pill-negative-bg);color:var(--pill-negative-ink)}.pill[data-tone=warning]{background:var(--pill-warning-bg);color:var(--pill-warning-ink)}.pill[data-tone=progress]{background:var(--pill-progress-bg);color:var(--pill-progress-ink)}.banner{background:var(--pill-warning-bg);color:var(--pill-warning-ink);border-radius:8px;padding:8px 14px;font-size:13px}dl{grid-template-columns:max-content 1fr;gap:8px 28px;margin:0;display:grid}dt{color:var(--muted)}dd{margin:0}nav.nav{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}tr.overdue>td,tbody tr.overdue:hover>td{background:#fff4f3}tr.overdue>td:first-child{box-shadow:inset 3px 0 0 var(--negative);padding-left:12px}tr.not-due>td{color:var(--muted)}.login{background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.login-single{grid-template-columns:minmax(0,1fr)}.login-main{flex-direction:column;align-items:center;gap:40px;min-height:100vh;padding:40px 64px 32px;display:flex}.login-brand,.login-note{width:min(400px,100%)}.login-logo{width:196px;height:auto;margin-left:-4px;display:block}.login-body{width:min(400px,100%);margin:auto 0}.login-single .login-body{width:min(440px,100%)}.login-body h1{letter-spacing:-.02em;font-size:32px;line-height:1.2}.login-sub{color:var(--muted);margin:10px 0 32px;font-size:16px;line-height:1.55}.login-form{gap:18px;display:grid}.login-form label{max-width:none;margin:0;font-size:14px}.login-form input{height:44px;font-size:15px}.field-note{color:var(--faint);font-size:12px;font-weight:400}.login-submit{width:100%;min-height:46px;margin-top:4px;font-size:15px}.login-note{color:var(--faint);margin:0;font-size:12px}.login-accounts{background:var(--brand-indigo);color:#fff;scrollbar-color:#4a3bc0 transparent;flex-direction:column;justify-content:safe center;height:100vh;padding:56px 64px 40px;display:flex;position:sticky;top:0;overflow-y:auto}.login-accounts h2{color:#fff;margin:0;font-size:22px;line-height:1.3}.login-accounts-sub{color:#d4ceff;margin:6px 0 28px;font-size:14px}.stage+.stage{margin-top:24px}.stage h3{color:#b9afff;margin:0 0 6px;padding:0 12px;font-size:13px;font-weight:500}.stage ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.account{color:#fff;text-align:left;white-space:normal;background:0 0;border:0;border-radius:8px;grid-template-columns:34px auto minmax(0,1fr);grid-template-areas:"mark name login""mark job job";justify-content:stretch;align-items:center;gap:1px 12px;width:100%;min-height:56px;padding:8px 12px;font-weight:400;display:grid}.account:hover{background:#2715ad}.account:active{background:#3220bd;transform:none}.account:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:0;border-radius:8px}.account[aria-busy=true],.account[aria-busy=true]:disabled{color:#fff;background:#3220bd}.account:disabled,.account:disabled:hover{color:#fff;opacity:.6;cursor:progress;background:0 0}.account[aria-busy=true]:disabled{opacity:1}.account-mark{background:var(--brand-cyan);width:34px;height:34px;color:var(--brand-indigo);border-radius:999px;grid-area:mark;place-items:center;font-size:14px;font-weight:600;display:grid}.account-name{grid-area:name;font-size:15px;font-weight:500;line-height:1.3}.account-job{color:#d4ceff;grid-area:job;font-size:13px;line-height:1.35}.account-login{color:#b9afff;grid-area:login;justify-self:start;margin-left:-4px;font-size:12px;transition:color .12s}.account:hover .account-login{color:#fff}@media (min-width:1200px),(min-width:640px) and (max-width:960px){.stage ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}}@media (max-width:960px){.login{grid-template-columns:minmax(0,1fr)}.login-main{align-items:flex-start;gap:28px;min-height:0;padding:24px 24px 32px}.login-brand,.login-note{width:auto}.login-logo{width:160px}.login-body{width:min(480px,100%);margin:0}.login-note{order:3}.login-accounts{height:auto;padding:32px 24px 40px;position:static;overflow:visible}.stage h3{padding:0}.account{padding:8px 0}}@media (max-width:600px){.login-main,.login-accounts{padding-left:16px;padding-right:16px}.login-body h1{font-size:26px}.login-sub{margin-bottom:24px;font-size:15px}.account-login{display:none}}.login-demo-link{margin:-14px 0 26px;font-size:14px}.login-demo-link a{color:var(--brand-cyan);font-weight:500}.flow-tag{background:var(--brand-indigo);color:#fff;letter-spacing:0;white-space:nowrap;border-radius:6px;flex:none;justify-content:center;align-items:center;min-width:52px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.flow-tag-lg{border-radius:8px;min-width:72px;height:36px;font-size:16px}.demo{background:var(--frame);min-height:100vh}.demo-top{justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.demo-top .brand{padding:0}.demo-top .brand img{width:128px}.demo-top-user{color:var(--muted);font-size:13px}.demo-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:8px;padding:0 8px 8px 0;display:grid}.demo-index{max-height:100vh;padding:4px 16px 32px 24px;position:sticky;top:0;overflow-y:auto}.demo-index h1{font-size:22px}.demo-intro{color:var(--muted);margin:6px 0 20px;font-size:13px}.demo-group+.demo-group{margin-top:18px}.demo-group h2{color:var(--text);align-items:baseline;gap:8px;margin:0 0 6px;font-size:13px;font-weight:600;display:flex}.group-id{color:var(--brand-violet)}.demo-group ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.demo-flow{width:100%;min-height:0;color:var(--muted);text-align:left;white-space:normal;background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:flex-start;gap:10px;padding:7px 8px;font-size:13px;font-weight:400;line-height:1.4;display:flex}.demo-flow:hover{color:var(--text);background:#ebe9f3}.demo-flow[aria-current=true]{background:var(--active);color:var(--text);font-weight:500}.demo-flow .flow-tag{width:58px;margin-top:1px}.demo-flow-title{min-width:0}.demo-journey{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sheet);align-content:start;max-width:none;min-height:calc(100vh - 8px);padding:32px 40px 56px}.journey-head{align-items:flex-start;gap:16px;display:flex}.journey-head h2{margin:0;font-size:22px;line-height:1.35}.journey-summary{color:var(--muted);margin:6px 0 0;font-size:15px}.journey-people{color:var(--muted);margin:0;font-size:14px}.journey-people strong{color:var(--text);font-weight:500}.journey-note{background:var(--pill-warning-bg);color:var(--pill-warning-ink);border-radius:8px;margin:0;padding:10px 14px;font-size:13px}.journey-steps{border-top:1px solid var(--rule);margin:4px 0 0;padding:0;list-style:none;display:grid}.journey-step{border-bottom:1px solid var(--rule);grid-template-columns:220px minmax(0,1fr) auto;align-items:start;gap:20px;padding:18px 0;display:grid}.step-who{align-items:flex-start;gap:12px;display:flex}.step-mark{background:var(--brand-cyan);width:30px;height:30px;color:var(--brand-indigo);border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.step-person{line-height:1.35;display:grid}.step-person span:first-child{font-weight:500}.step-person span:last-child{color:var(--muted);font-size:12px}.step-body h3{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 6px;font-size:15px;display:flex}.step-body ul{gap:3px;margin:0;padding-left:18px;display:grid}.step-ref{color:var(--muted);margin:8px 0 0;font-size:13px}.step-go button{min-height:32px;font-size:13px}.demo-guide{z-index:40;left:calc(var(--side-w) + 24px);background:var(--surface);border:1px solid #d9d4ec;border-radius:12px;max-width:980px;margin:0 auto;position:fixed;bottom:20px;right:32px;box-shadow:0 12px 32px #16039629}body:has(.demo-guide) main{padding-bottom:220px}.demo-guide-head{align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex}.demo-guide-where{flex:auto;min-width:0;line-height:1.35;display:grid}.demo-guide-flow{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.demo-guide-step{font-size:14px;font-weight:500}.demo-guide-actions{flex:none;align-items:center;gap:6px;display:flex}.demo-guide-actions button{min-height:32px;padding:0 12px;font-size:13px}.demo-guide-actions .icon-button{width:32px;padding:0;font-size:20px}.demo-guide-done{border-radius:var(--radius-control);background:var(--primary);color:#fff;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.demo-guide-done:hover{background:var(--primary-hover);text-decoration:none}.demo-guide-body{border-top:1px solid var(--rule);padding:2px 16px 12px 126px}.demo-guide-warn{background:var(--pill-warning-bg);color:var(--pill-warning-ink);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;padding:8px 12px;font-size:13px;display:flex}.demo-guide-warn button{min-height:28px;padding:0 10px;font-size:13px}.demo-guide-do{gap:3px;margin:10px 0 0;padding-left:18px;font-size:14px;display:grid}.demo-guide-ref,.demo-guide-all{color:var(--muted);margin:8px 0 0;font-size:13px}@media (max-width:960px){.demo-layout{grid-template-columns:minmax(0,1fr);padding:0}.demo-index{max-height:none;padding:0 16px 16px;position:static}.demo-journey{border-width:1px 0 0;border-radius:0;padding:24px 20px 40px}.journey-step{grid-template-columns:minmax(0,1fr);gap:10px}.demo-guide{bottom:8px;left:8px;right:8px}.demo-guide-head{flex-wrap:wrap}.demo-guide-actions{justify-content:flex-end;width:100%}.demo-guide-body{max-height:40vh;padding-left:16px;overflow-y:auto}}.tint-amber{--tint:#fff3dc;--tint-edge:#f0c46c;--tint-ink:#7a4a00}.tint-cyan{--tint:#dcf7fc;--tint-edge:#5fd2e6;--tint-ink:#0b5563}.tint-violet{--tint:#eee8ff;--tint-edge:#a98bff;--tint-ink:#3d16b8}.tint-green{--tint:#def5e7;--tint-edge:#6cc995;--tint-ink:#0b4a2a}.tint-rose{--tint:#ffe8ec;--tint-edge:#f19aab;--tint-ink:#8a1c35}.tint-grey{--tint:#eeeef3;--tint-edge:#b9b7c6;--tint-ink:#3b3852}.person-chip{background:var(--tint);height:24px;color:var(--tint-ink);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.demo img[src^="/flows/"]{mix-blend-mode:multiply}.demo-overview-link{margin-bottom:14px;font-weight:500}.demo-group h2{align-items:center}.demo-group h2 img{flex:none;width:40px;height:auto}.overview-head h2{margin:0;font-size:22px}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.group-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;padding:10px;display:flex}.group-card-band{background:var(--brand-indigo);color:#fff;border-radius:999px;align-items:center;gap:12px;min-height:48px;padding:6px 14px 6px 6px;display:flex}.group-card-tag{background:var(--brand-cyan);min-width:60px;height:36px;color:var(--brand-indigo);border-radius:999px;flex:none;place-items:center;padding:0 10px;font-size:16px;font-weight:700;display:inline-grid}.group-card-band h3{color:#fff;margin:0;font-size:15px;line-height:1.3}.group-card-body{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;padding:12px 4px 4px;display:grid}.group-card-body img{width:120px;height:auto}.group-card-text p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.group-card-text .group-card-range{color:#0b5563;background:#dcf7fc;border-radius:999px;margin-top:10px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.group-card-flows{border-top:1px solid var(--rule);gap:2px;margin:8px 0 0;padding:8px 0 0;list-style:none;display:grid}.group-card-flows button{width:100%;min-height:0;color:var(--text);text-align:left;white-space:normal;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:flex-start;gap:8px;padding:5px 6px;font-size:12.5px;font-weight:400;line-height:1.4;display:flex}.group-card-flows button:hover{background:var(--raised)}.group-card-flows .flow-tag{width:52px;height:20px;font-size:11px}.journey-head{grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.journey-art{width:132px;height:auto}.journey-head-text{gap:6px;display:grid}.journey-group{color:var(--muted);margin:0;font-size:13px;font-weight:500}.journey-head h2 .flow-tag-lg{vertical-align:2px;margin-right:6px}.journey-head .journey-summary{margin:0}.journey-head .journey-people{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.flow-map{gap:28px;margin:4px 0 0;padding:4px 2px 10px;list-style:none;display:flex;overflow-x:auto}.flow-node{flex:1 1 0;min-width:128px;display:flex;position:relative}.flow-node:not(:last-child):after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23160396' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") 50%/16px no-repeat;width:16px;height:16px;position:absolute;top:44px;right:-22px}.flow-node-card{border:1px solid var(--tint-edge);background:var(--surface);width:100%;color:var(--text);text-align:center;border-top-width:4px;border-radius:12px;align-content:start;justify-items:center;gap:4px;padding:14px 10px 12px;transition:background-color .12s,transform .12s;display:grid}.flow-node-card:hover{background:var(--tint);text-decoration:none;transform:translateY(-2px)}.flow-node-art{background:var(--tint);border-radius:16px;place-items:center;width:64px;height:64px;display:grid}.flow-node-no{color:var(--tint-ink);margin-top:4px;font-size:11.5px;font-weight:600}.flow-node-title{font-size:13px;font-weight:500;line-height:1.35}.flow-node-who{color:var(--muted);font-size:12px}.journey-step{scroll-margin-top:16px}.journey-step:target{background:var(--raised)}.step-art{background:var(--raised);border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.step-person{justify-items:start;gap:4px}.step-person .person-chip{height:22px;font-size:11.5px}.step-no{color:var(--brand-violet);font-weight:600}@media (max-width:1280px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.overview-grid{grid-template-columns:minmax(0,1fr)}.journey-head{grid-template-columns:88px minmax(0,1fr)}.journey-art{width:88px}.journey-start{grid-column:1/-1}.flow-map{flex-direction:column;gap:22px;overflow:visible}.flow-node:not(:last-child):after{margin-left:-8px;inset:auto auto -19px 50%;transform:rotate(90deg)}.flow-node-card{text-align:left;grid-template-columns:64px minmax(0,1fr);justify-items:start;column-gap:12px}.flow-node-art{grid-row:span 3}.flow-node-no{margin-top:0}.app{grid-template:"top""sheet"1fr/minmax(0,1fr)}.app-side{display:none}.app-top{z-index:20;background:var(--frame);height:52px;padding:0 12px 0 8px;position:sticky;top:0}.menu-button{width:40px;height:40px;display:inline-grid}.top-brand{display:block}.top-brand .brand{padding:0}.top-brand .brand img{width:112px}.env-note{margin-left:auto}.top-bell{width:40px;height:40px;margin-left:0}.app-sheet{border-width:1px 0 0;border-radius:0;margin:0}.phone-menu{z-index:30;background:var(--frame);flex-direction:column;padding:12px 12px 16px;display:flex;position:fixed;inset:52px 0 0;overflow-y:auto}.phone-menu .side-nav{flex:1 0 auto;overflow:visible}.phone-menu .side-link{min-height:44px}main{padding:22px 24px 40px}}@media (max-width:600px){.env-note{gap:0;padding:0 8px;font-size:0}.env-note:after{content:"Dev";margin-left:6px;font-size:12px}main{gap:16px;padding:18px 16px 32px}h1{font-size:21px}.panel{padding:16px}.row>label{flex:100%}input,select,button{min-height:44px}input,select{height:44px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0}dl{grid-template-columns:1fr;gap:2px}dd+dt{margin-top:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}@media print{.banner,header.top,.app-side,.app-top,.phone-menu,.no-print{display:none}body{background:#fff}.app{display:block}.app-sheet{border:none;border-radius:0;margin:0}main{max-width:none;padding:0}.print-sheet{border:none}body:has(.sticker-sheet) main{max-width:none;margin:0;padding:0;display:block}.sticker-sheet{display:block}.sticker{break-after:page;border:none}}.sticker-sheet{flex-wrap:wrap;gap:8px;display:flex}.sticker{box-sizing:border-box;border:1px dashed var(--control);color:#000;background:#fff;flex-direction:column;justify-content:space-between;padding:1mm;font-size:7pt;line-height:1.1;display:flex;overflow:hidden}.sticker svg{flex:1 1 0;width:100%;min-height:0;display:block}.address-sheet{box-sizing:border-box;background:#fff;align-content:start;display:grid}.address-sticker{box-sizing:border-box;border:1px dashed var(--control);color:#000;padding:1.5mm;font-size:8pt;line-height:1.15;position:relative;overflow:hidden}.address-control{font-size:7pt;position:absolute;top:1mm;right:1.5mm}.address-foot{font-size:7pt}.address-sticker svg{max-width:60%;height:7mm;display:block}@media print{body:has(.address-sheet) main{max-width:none;margin:0;padding:0;display:block}.address-sheet{break-after:page}.address-sticker{border:none}}