@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Fira+Code:wght@400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--default-font-family:var(--font);--default-mono-font-family:var(--mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.static{position:static}.right-0{right:0}.left-0{left:0}.z-20{z-index:20}.mx-1{margin-inline:var(--spacing)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-\[600px\]{height:600px}.max-h-16{max-height:calc(var(--spacing) * 16)}.max-h-\[70vh\]{max-height:70vh}.min-h-\[11rem\]{min-height:11rem}.min-h-\[18rem\]{min-height:18rem}.min-h-\[22rem\]{min-height:22rem}.min-h-\[30rem\]{min-height:30rem}.min-h-dvh{min-height:100dvh}.w-\[232px\]{width:232px}.w-full{width:100%}.max-w-\[380px\]{max-width:380px}.max-w-\[420px\]{max-width:420px}.min-w-0{min-width:0}.min-w-\[16rem\]{min-width:16rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-\[var\(--r-md\)\]{border-radius:var(--r-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[var\(--silver-300\)\],.border-line-soft{border-color:var(--silver-300)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--mono)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--brand-900\)\]{color:var(--brand-900)}.text-\[var\(--silver-300\)\]{color:var(--silver-300)}.text-gold{color:var(--gold-600)}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:bg-\[var\(--brand-100\)\]:hover{background-color:var(--brand-100)}.hover\:bg-\[var\(--silver-100\)\]:hover{background-color:var(--silver-100)}.hover\:no-underline:hover{text-decoration-line:none}}.aria-\[current\=page\]\:bg-\[var\(--brand-100\)\][aria-current=page]{background-color:var(--brand-100)}.aria-\[current\=page\]\:font-semibold[aria-current=page]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:items-end{align-items:flex-end}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-\[360px_1fr\]{grid-template-columns:360px 1fr}}}:root{--brand-950:#14230b;--brand-900:#1f3a12;--brand-800:#345a1a;--brand-700:#3e6a1f;--brand-500:#6b8f3e;--brand-300:#a9c08a;--brand-100:#eef3e6;--gold-700:#7a5f1c;--gold-600:#a8842c;--gold-500:#b8923a;--gold-100:#f6efd9;--gold-200:#e3d3a3;--ground:#fafbf7;--surface:#fff;--silver-100:#eef0ea;--silver-300:#d5dbcc;--silver-400:#c3cbb8;--silver-500:#8e9886;--text:#1f2a18;--muted:#4e5a45;--line:#06c755;--line-hover:#05b24c;--st-green-bg:#eef3e6;--st-green-text:#3e6a1f;--st-gold-bg:#f6efd9;--st-gold-text:#7a5f1c;--st-red-bg:#f8e6e4;--st-red-text:#a8322e;--st-deepred-bg:#f3dde0;--st-deepred-text:#7e1f2a;--st-purple-bg:#f0e8f8;--st-purple-text:#6b3fa0;--st-pink-bg:#f8e5ef;--st-pink-text:#a33a6e;--st-closed-bg:#e4ead9;--st-closed-text:#1f3a12;--st-silver-bg:#eef0ea;--st-silver-text:#5e6657;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--shadow-sm:0 1px 2px #1f3a120f;--shadow-md:0 4px 10px #1f3a1217;--shadow-lg:0 10px 24px #1f3a1221;--shadow-xl:0 20px 40px #1f3a122e;--font:"Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;--t-fast:.15s;--t-base:.2s;--t-slow:.3s;--ease:cubic-bezier(.2,.7,.3,1);--z-sticky:10;--z-drawer:20;--z-overlay:30;--z-modal:40;--z-toast:50}*{scrollbar-width:thin;scrollbar-color:var(--silver-400) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--silver-400);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-corner{background:0 0}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--ground);margin:0;font-size:14px;line-height:1.6}h1,h2,h3,h4{color:var(--brand-900);margin:0;font-weight:600;line-height:1.35}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}h4{font-size:14px}p{margin:0}a{color:var(--brand-700);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}img,svg{display:block}ul{margin:0;padding:0;list-style:none}table{border-collapse:collapse;width:100%}::placeholder{color:var(--silver-500)}:focus-visible{outline:2px solid var(--brand-700);outline-offset:2px;border-radius:4px;box-shadow:0 0 0 5px #a9c08a73}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--brand-700);color:#fff;border-radius:var(--r-md);z-index:var(--z-toast);padding:8px 12px;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}.logo{width:auto;height:36px;display:block}.logo-lg{height:64px}.logo-xl{height:96px}.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.num{text-align:right}.muted{color:var(--muted)}.small{font-size:12.5px}.strong{font-weight:600}.text-red{color:var(--st-red-text)}.text-green{color:var(--brand-700)}.text-gold{color:var(--gold-700)}.text-purple{color:var(--st-purple-text)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ic{vertical-align:-.2em;stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;display:inline-block}.ic-sm{width:15px;height:15px}.ic-lg{width:22px;height:22px}.ic-xl{width:28px;height:28px}.btn{border-radius:var(--r-md);cursor:pointer;white-space:nowrap;background:var(--surface);min-height:38px;color:var(--text);transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-cta{background:var(--gold-600);color:var(--brand-950);border-color:var(--gold-600);box-shadow:var(--shadow-sm)}.btn-cta:hover{background:var(--gold-500);border-color:var(--gold-500);box-shadow:var(--shadow-md)}.btn-primary{background:var(--brand-700);color:#fff;border-color:var(--brand-700)}.btn-primary:hover{background:var(--brand-800);border-color:var(--brand-800)}.btn-secondary{background:var(--surface);color:var(--brand-700);border-color:var(--silver-400)}.btn-secondary:hover{background:var(--brand-100);border-color:var(--brand-500)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--silver-100);color:var(--text)}.btn-danger{background:var(--surface);color:var(--st-red-text);border-color:#e6b5b2}.btn-danger:hover{background:var(--st-red-bg)}.link-plain{font:inherit;color:var(--brand-700);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.link-plain:hover{text-decoration:underline}.btn-sm{min-height:32px;padding:0 10px;font-size:13px}.btn-lg{min-height:46px;padding:0 20px;font-size:15px}.btn-block{width:100%}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:32px}.btn-line-login{background:var(--line);color:#fff;border-color:var(--line)}.btn-line-login:hover{background:var(--line-hover);border-color:var(--line-hover)}.badge{min-width:28px;height:22px;font-family:var(--mono);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 9px 0 7px;font-size:12.5px;font-weight:500;display:inline-flex}.pill:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:7px;height:7px}.pill.no-dot:before{display:none}.tone-green{background:var(--st-green-bg);color:var(--st-green-text)}.tone-gold{background:var(--st-gold-bg);color:var(--st-gold-text)}.tone-red{background:var(--st-red-bg);color:var(--st-red-text)}.tone-deepred{background:var(--st-deepred-bg);color:var(--st-deepred-text)}.tone-purple{background:var(--st-purple-bg);color:var(--st-purple-text)}.tone-pink{background:var(--st-pink-bg);color:var(--st-pink-text)}.tone-closed{background:var(--st-closed-bg);color:var(--st-closed-text)}.tone-silver{background:var(--st-silver-bg);color:var(--st-silver-text)}.q{border:1px dashed var(--gold-600);background:var(--gold-100);height:20px;color:var(--gold-700);white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:4px;padding:0 7px;font-size:11.5px;font-weight:500;display:inline-flex}.q .ic{width:12px;height:12px}.tag{border-radius:var(--r-sm);background:var(--silver-100);height:22px;color:var(--st-silver-text);border:1px solid var(--silver-300);align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.card{background:var(--surface);border:1px solid var(--silver-300);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:16px}.card-head{border-bottom:1px solid var(--silver-300);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.card-head h2,.card-head h3{align-items:center;gap:8px;display:flex}.card-head .ic{color:var(--brand-500)}.card-body{padding:16px}.card-foot{border-top:1px solid var(--silver-300);background:var(--ground);border-radius:0 0 var(--r-lg) var(--r-lg);color:var(--muted);padding:10px 16px;font-size:12.5px}.card-link{cursor:pointer;transition:box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease)}.card-link:hover{box-shadow:var(--shadow-md);border-color:var(--brand-300)}.card-body .card,.card-body .card-link{box-shadow:none;background:var(--ground);border-color:#0000}.card-body .card-link:hover{background:var(--brand-100);border-color:var(--brand-300);box-shadow:none}.card-body .card .card-foot{background:0 0}.kpi{padding:14px 16px;position:relative}.kpi.tone-green,.kpi.tone-gold,.kpi.tone-red,.kpi.tone-deepred,.kpi.tone-purple{color:inherit}.kpi.tone-green{background:var(--surface)}.kpi.tone-gold{background:var(--gold-100);border-color:var(--gold-200)}.kpi.tone-red{background:var(--st-red-bg);border-color:#e6b5b2}.kpi.tone-deepred{background:var(--st-deepred-bg);border-color:#e2b9c0}.kpi.tone-purple{background:var(--st-purple-bg);border-color:#d7c6ea}.kpi.is-link{cursor:pointer;transition:box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease)}.kpi.is-link:hover{box-shadow:var(--shadow-md);border-color:var(--brand-300)}.kpi-label{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.kpi-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--brand-900);margin-top:4px;font-size:26px;font-weight:600;line-height:1.2}.kpi-value small{color:var(--muted);font-size:14px;font-weight:500;font-family:var(--font);margin-left:4px}.kpi-sub{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:6px;font-size:12.5px;display:flex}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:0 0 var(--r-lg) var(--r-lg);background-image:linear-gradient(to right, var(--surface) 50%, #fff0), linear-gradient(to left, var(--surface) 50%, #fff0), linear-gradient(to right, #1f3a1224, #1f3a1200 100%), linear-gradient(to left, #1f3a1224, #1f3a1200 100%);background-position:0,100%,0,100%;background-repeat:no-repeat;background-color:var(--surface);background-size:24px 100%,24px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll;overflow-x:auto}.table{min-width:720px;font-size:13.5px}@media (max-width:640px){table.tbl-cards{min-width:0}table.tbl-cards thead{display:none}table.tbl-cards,table.tbl-cards tbody{width:100%;display:block}table.tbl-cards tr{border:1px solid var(--silver-300);border-radius:var(--r-lg);background:var(--surface);margin:0 0 10px;padding:10px 12px;display:block}table.tbl-cards tr:last-child{margin-bottom:0}table.tbl-cards td{text-align:right;border-bottom:0;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;display:flex}table.tbl-cards td[data-label]:before{content:attr(data-label);color:var(--muted);text-align:left;flex:auto;margin-right:12px;font-size:12px;font-weight:600}table.tbl-cards td.tc-title{text-align:left;color:var(--text);border-bottom:1px solid var(--silver-100);margin-bottom:4px;padding:0 0 8px;font-size:14.5px;font-weight:600;display:block}table.tbl-cards td.tc-title:before{content:none}table.tbl-cards td.tc-hide-m{display:none}.table-wrap:has(table.tbl-cards){background-image:none;overflow-x:visible}}.table th,.table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--silver-300);padding:10px 12px}.table th{color:var(--muted);background:var(--ground);z-index:1;white-space:nowrap;font-size:12px;font-weight:600;position:sticky;top:0}.table th.num,.table td.num{text-align:right}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.row-link{cursor:pointer;transition:background-color var(--t-fast) var(--ease)}.table tbody tr.row-link:hover{background:var(--brand-100)}.table tbody tr.row-muted td{color:var(--muted)}.table tfoot td{background:var(--ground);font-weight:600}.table-dense th,.table-dense td{padding:7px 10px}.table .cell-primary{color:var(--text);font-weight:500}.table .cell-sub{color:var(--muted);font-size:12px}.field{flex-direction:column;gap:6px;display:flex}.field label,.label{color:var(--text);font-size:13px;font-weight:500}.field .hint{color:var(--muted);font-size:12px}.field .error{color:var(--st-red-text);align-items:center;gap:4px;font-size:12.5px;display:flex}.field.has-error .input,.field.has-error .select,.field.has-error .textarea{border-color:var(--st-red-text)}.input,.select,.textarea{border:1px solid var(--silver-400);border-radius:var(--r-md);background:var(--surface);width:100%;min-height:40px;font:inherit;color:var(--text);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:8px 12px;font-size:14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-700);outline:none;box-shadow:0 0 0 3px #6b8f3e38}.input[readonly],.input:disabled{background:var(--silver-100);color:var(--muted)}.input.is-error{border-color:var(--st-red-text)}.input.mono{font-family:var(--mono)}.textarea{resize:vertical;min-height:96px;line-height:1.55}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234E5A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:34px}.input-group{align-items:stretch;display:flex}.input-group .input{border-radius:var(--r-md) 0 0 var(--r-md)}.input-group .addon{border:1px solid var(--silver-400);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--silver-100);color:var(--muted);white-space:nowrap;border-left:0;align-items:center;padding:0 12px;font-size:13px;display:flex}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.check input{width:18px;height:18px;accent-color:var(--brand-700);cursor:pointer;flex:none;margin:3px 0 0}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px 16px;display:grid}.form-grid .span-2{grid-column:span 2}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}.switch{cursor:pointer;align-items:center;gap:8px;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .track{background:var(--silver-400);width:38px;height:22px;transition:background-color var(--t-fast) var(--ease);border-radius:999px;flex:none;position:relative}.switch .track:after{content:"";width:16px;height:16px;transition:transform var(--t-fast) var(--ease);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--brand-700)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{outline:2px solid var(--brand-700);outline-offset:2px}.segmented{border-radius:var(--r-md);background:var(--silver-100);border:1px solid var(--silver-300);gap:2px;padding:3px;display:inline-flex}.segmented button{min-height:32px;color:var(--muted);cursor:pointer;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:13px;font-weight:500}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--brand-700);box-shadow:var(--shadow-sm)}.tabs{border-bottom:1px solid var(--silver-300);flex-wrap:wrap;gap:2px;display:flex}.tabs a,.tabs button{min-height:42px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 14px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.tabs a:hover,.tabs button:hover{color:var(--text);text-decoration:none}.tabs a[aria-current=page],.tabs button[aria-selected=true]{color:var(--brand-700);border-bottom-color:var(--brand-700)}.tabs .badge{margin-left:2px}@media (max-width:768px){.segmented{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.segmented button{white-space:nowrap;flex:none}.tabs{-webkit-overflow-scrolling:touch;background-image:linear-gradient(to right, var(--surface) 50%, #fff0), linear-gradient(to left, var(--surface) 50%, #fff0), linear-gradient(to right, #1f3a1224, #1f3a1200 100%), linear-gradient(to left, #1f3a1224, #1f3a1200 100%);background-position:0,100%,0,100%;background-repeat:no-repeat;background-color:var(--surface);background-size:16px 100%,16px 100%,8px 100%,8px 100%;background-attachment:local,local,scroll,scroll;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.tabs a,.tabs button{flex:none}}.dl{grid-template-columns:max-content 1fr;gap:6px 16px;font-size:13.5px;display:grid}.dl dt{color:var(--muted)}.dl dd{margin:0}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.divider{background:var(--silver-300);height:1px;margin:4px 0}.note{border-radius:var(--r-md);border:1px solid;gap:10px;max-width:720px;padding:10px 12px;font-size:13px;line-height:1.55;display:flex}.note .ic{margin-top:2px}.note-info{background:var(--brand-100);border-color:var(--brand-300);color:var(--brand-900)}.note-warn{background:var(--gold-100);border-color:var(--gold-200);color:var(--gold-700)}.note-danger{background:var(--st-red-bg);color:var(--st-red-text);border-color:#e6b5b2}.note-ok{background:var(--st-closed-bg);color:var(--st-closed-text);border-color:#c5d3b0}.demo-banner{background:var(--gold-100);color:var(--gold-700);border-bottom:1px solid var(--gold-200);align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:500;display:flex}.demo-banner-text{flex:auto}.demo-banner-links{flex:none;gap:14px;display:flex}.demo-banner-links a{color:inherit;white-space:nowrap;font-weight:600;text-decoration:underline}@media (max-width:480px){.demo-banner{flex-wrap:wrap;font-size:11px;line-height:1.3}.demo-banner-links{gap:10px}}.empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 16px;display:flex}.empty .ic{width:36px;height:36px;color:var(--brand-300)}.avatar{background:var(--brand-100);width:32px;height:32px;color:var(--brand-700);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.avatar-sm{width:26px;height:26px;font-size:11px}.avatar-lg{width:44px;height:44px;font-size:15px}.progress{background:var(--silver-100);border-radius:999px;height:8px;overflow:hidden}.progress>span{background:var(--brand-500);border-radius:999px;height:100%;display:block}.progress.is-gold>span{background:var(--gold-600)}.progress.is-red>span{background:var(--st-red-text)}.progress.is-green>span{background:var(--brand-700)}.stepper{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stepper .step{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.stepper .step .n{width:26px;height:26px;font-family:var(--mono);background:var(--silver-100);color:var(--muted);border:1px solid var(--silver-400);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.stepper .step.is-active{color:var(--brand-700);font-weight:600}.steps-dots{align-items:center;display:flex}.step-dot{width:28px;height:28px;font-family:var(--mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.step-dot.is-done{background:var(--brand-100);color:var(--brand-700)}.step-dot.is-current{background:var(--brand-700);color:#fff;box-shadow:0 0 0 2px var(--brand-300)}.step-dot.is-upcoming{background:var(--surface);color:var(--silver-500);border:1.5px solid var(--silver-400)}.step-dot .ic{width:14px;height:14px}a.step-dot:after{content:"";border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-connector{background:var(--silver-300);flex:none;width:24px;height:2px}.step-connector.is-done{background:var(--brand-300)}.steps-caption{color:var(--muted);margin-top:6px;font-size:14px}.steps.steps-sm .step-dot{width:24px;height:24px;font-size:11px}.steps.steps-sm .step-connector{width:18px}.steps.steps-sm .steps-caption{font-size:12.5px}.steps.steps-mini .step-dot{width:16px;height:16px;font-size:9px}.steps.steps-mini .step-connector{width:10px}.steps.steps-mini .steps-caption{display:none}.stepper .step.is-active .n{background:var(--brand-700);color:#fff;border-color:var(--brand-700)}.stepper .step.is-done .n{background:var(--st-closed-bg);color:var(--st-closed-text);border-color:var(--brand-500)}.stepper .sep{background:var(--silver-400);width:24px;height:1px}.timeline{padding-left:22px;position:relative}.timeline:before{content:"";background:var(--silver-300);width:2px;position:absolute;top:6px;bottom:6px;left:7px}.timeline .tl{padding:0 0 14px;position:relative}.timeline .tl:before{content:"";background:var(--surface);border:2px solid var(--brand-700);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-19px}.timeline .tl.is-system:before{border-color:var(--silver-500)}.timeline .tl.is-customer:before{border-color:var(--gold-600)}.timeline .tl-time{font-family:var(--mono);color:var(--muted);font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--z-overlay);animation:fade var(--t-base) var(--ease);background:#1f2a1880;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:560px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-xl);animation:rise var(--t-base) var(--ease);flex-direction:column;display:flex;overflow:hidden}.modal-lg{max-width:820px}.modal-head{border-bottom:1px solid var(--silver-300);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-body{flex:auto;min-height:0;padding:20px;overflow-y:auto}.modal-foot{border-top:1px solid var(--silver-300);background:var(--ground);border-radius:0 0 var(--r-xl) var(--r-xl);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex;position:sticky;bottom:0}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.toasts{z-index:var(--z-toast);flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--r-md);background:var(--brand-900);color:#fff;box-shadow:var(--shadow-lg);animation:rise var(--t-base) var(--ease);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.toast.is-ok{background:var(--brand-700)}.toast.is-warn{background:var(--gold-700)}.toast.is-danger{background:var(--st-deepred-text)}.toast .ic{margin-top:2px}.amt-in{color:var(--brand-700)}.amt-out{color:var(--st-red-text)}.chart{width:100%;height:auto;display:block}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:2px;width:10px;height:10px;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.picker-list{z-index:20;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.picker-row{text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--silver-300);background:0 0;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:8px 12px;display:flex}.picker-row:last-child{border-bottom:0}.picker-row:hover,.picker-row:focus-visible{background:var(--ground)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}