@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-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:#fef2f2;--color-red-200:#ffcaca;--color-red-700:#bf000f;--color-red-800:#9f0712;--color-blue-50:#eff6ff;--color-blue-500:#3080ff;--color-blue-900:#1c398e;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-500:#62748e;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--radius-lg:.5rem;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-500:lab(48.0876% -2.03595 -16.5814)}}}@layer base{@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)}}}*,: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{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-8{margin-block:calc(var(--spacing) * 8)}.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)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-\[70vh\]{min-height:70vh}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.shrink-0{flex-shrink:0}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-red-50{background-color:var(--color-red-50)}.object-contain{object-fit:contain}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.\!text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.\!text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}.\!text-4xl{font-size:var(--text-4xl)!important;line-height:var(--tw-leading,var(--text-4xl--line-height))!important}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-blue-900{color:var(--color-blue-900)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-slate-500{color:var(--color-slate-500)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}@media (hover:hover){.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:block:focus{display:block}.focus\:p-4:focus{padding:calc(var(--spacing) * 4)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.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-\[1fr_1\.15fr\]{grid-template-columns:1fr 1.15fr}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.print\:hidden{display:none}}}:root{--navy:#101f38;--blue:#0678ed;--text:#162943;--muted:#65758a;--line:#e0e7ef;--pale:#eff6fd;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--text);background:#fff;margin:0;font-family:Noto Sans Thai,sans-serif;font-size:16px;line-height:1.7}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #208bfd}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}h2{letter-spacing:-.8px;font-size:34px;font-weight:700}p{color:var(--muted)}.preview-bar{background:var(--navy);color:#e2eeff;text-align:center;padding:7px 20px;font-size:13px}.preview-bar span{color:#a8b9d1;margin-left:20px}.header{align-items:center;gap:32px;max-width:1280px;margin:auto;padding:25px 48px;display:flex}.brand{white-space:nowrap;letter-spacing:-.9px;align-items:center;font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:700;display:flex}.brand>span:last-child{color:var(--blue)}.brand-icon{background:var(--blue);color:#fff;border-radius:8px;place-content:center;width:34px;height:36px;margin-right:9px;font-size:25px;line-height:1;display:grid;position:relative}.brand-icon span{font-size:23px;position:absolute;bottom:4px;right:5px}.header nav{gap:26px;margin-left:auto;font-size:14px;font-weight:500;display:flex}.header nav a:hover,.text-link:hover{color:var(--blue)}.button{border-radius:7px;justify-content:center;align-items:center;gap:25px;padding:14px 23px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff}.primary:hover{background:#005fc4}.outline{border:1px solid var(--line);background:#fff}.small{padding:10px 16px;font-size:14px}.menu-button{display:none}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;max-width:1280px;margin:auto;padding:63px 48px 78px;display:grid}.eyebrow{letter-spacing:1.8px;color:var(--blue);align-items:center;gap:9px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;display:flex}.eyebrow>span{background:var(--blue);width:6px;height:6px}h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(42px,4.2vw,61px);font-weight:800;line-height:1.35}.blue{color:var(--blue)}.hero-copy>p{font-size:17px;line-height:1.9}.hero-actions{align-items:center;gap:25px;margin:30px 0;display:flex}.text-link{align-items:center;gap:12px;font-size:14px;font-weight:600;display:inline-flex}.hero-tags{color:var(--muted);gap:22px;font-size:12px;display:flex}.hero-tags span:before{content:"✓";color:var(--blue);margin-right:6px}.hero-panel{background:var(--navy);color:#fff;border-radius:13px;padding:27px 30px 19px;transform:rotate(-1.5deg)}.panel-top,.resource-line,.panel-bottom{justify-content:space-between;align-items:center;display:flex}.mono{letter-spacing:2px;font-family:Space Grotesk,sans-serif;font-size:11px}.panel-label{color:#a7bcd5;border:1px solid #39485f;border-radius:20px;padding:3px 10px;font-size:11px}.workspace-title{align-items:center;gap:15px;margin:28px 0;display:flex}.square-icon{color:#8bbeff;background:#283f5f;border-radius:10px;place-items:center;width:45px;height:45px;font-size:29px;display:grid}.workspace-title small{color:#a6b8cf;font-size:12px}.workspace-title h2{letter-spacing:-.8px;margin-top:2px;font-family:Space Grotesk,sans-serif;font-size:25px}.service-row{border:1px solid #344760;border-radius:9px;align-items:center;gap:13px;margin:12px 0;padding:16px;transition:background .2s;display:flex}.service-row:hover{background:#1c3454}.service-symbol{background:#0867cf;border-radius:7px;place-items:center;width:37px;height:40px;font-family:Space Grotesk,sans-serif;font-weight:600;display:grid}.service-symbol.pale{color:#a0ceff;background:#304563}.service-row h3{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500}.service-row p{color:#a1b3cc;margin-top:3px;font-size:12px}.row-arrow{color:#85b9f2;margin-left:auto}.resource-line{color:#99afc9;margin-top:26px;font-size:11px}.resource-bars{gap:5px;margin-top:10px;display:flex}.resource-bars i{background:#1e79e0;border-radius:2px;flex:1;height:21px}.resource-bars i:nth-child(n+12){background:#2b405c}.panel-bottom{color:#a2b6d0;margin-top:20px;font-size:12px}.big-asterisk{color:#5fa7ff;font-size:52px;line-height:1}.service-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:23px max(48px,50vw - 592px);font-size:14px;display:flex}.service-strip>span{color:var(--muted);font-size:12px}.service-strip strong{font-weight:500}.section{max-width:1280px;margin:auto;padding:75px 48px}.section-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px;display:flex}.muted{color:var(--muted)}.section-heading h2,.guide h2,.faq h2{margin:12px 0}.section-heading p{font-size:15px}.billing{border:1px solid var(--line);background:#f1f4f8;border-radius:8px;flex-shrink:0;padding:4px;display:flex}.billing button{color:var(--muted);background:0 0;border-radius:5px;padding:8px 20px;font-size:14px}.billing button.active{color:var(--text);background:#fff}.plan-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.tabs{gap:26px;display:flex}.tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;padding:10px 0 15px;font-family:Space Grotesk,sans-serif;font-size:16px}.tabs .active{border-color:var(--blue);color:var(--blue);font-weight:600}.sample-note{color:var(--muted);font-size:12px}.plan-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.plan-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:27px;position:relative}.plan-card.featured{border:2px solid var(--blue);background:#f7fbff;padding:26px}.plan-badge{background:var(--blue);color:#fff;border-radius:5px;padding:3px 12px;font-size:12px;position:absolute;top:-14px;right:16px}.plan-kicker{color:var(--blue);letter-spacing:1.5px;font-family:Space Grotesk,sans-serif;font-size:12px}.plan-card h3{margin:8px 0;font-family:Space Grotesk,sans-serif;font-size:25px}.plan-card>p{min-height:24px;font-size:14px}.price{letter-spacing:-1.5px;margin:23px 0 0;font-family:Space Grotesk,sans-serif;font-size:43px;font-weight:600;line-height:1.2}.price span{color:var(--muted);letter-spacing:0;font-family:Noto Sans Thai,sans-serif;font-size:13px;font-weight:400}.period-note{color:var(--muted);margin:6px 0 20px;font-size:12px}.plan-card .button{width:100%}.spec-list{border-top:1px solid var(--line);margin:22px 0 0;padding:20px 0 0;font-size:14px;list-style:none}.spec-list li{gap:9px;padding:6px 0;display:flex}.spec-list li:before{content:"✓";color:var(--blue)}.plan-note{text-align:center;margin-top:25px;font-size:12px}.guide{background:#f4f8fc;grid-template-columns:1fr 1fr 1fr;gap:40px;max-width:none;padding-left:max(48px,50vw - 592px);padding-right:max(48px,50vw - 592px);display:grid}.guide article{border-left:1px solid #d3dfeb;padding-left:35px}.guide-number{letter-spacing:1.6px;color:var(--blue);font-family:Space Grotesk,sans-serif;font-size:12px}.guide h3{margin:22px 0 12px;font-size:22px}.guide p{font-size:15px}.guide .text-link{color:var(--blue);margin-top:25px}.features{grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px;display:grid}.feature-icon{color:var(--blue);border-bottom:1px solid var(--line);margin-bottom:23px;padding-bottom:17px;font-family:Space Grotesk,sans-serif;font-size:15px;display:block}.features h3{margin-bottom:12px;font-size:21px}.features p{font-size:15px}.faq{border-top:1px solid var(--line);grid-template-columns:1fr 1.5fr;gap:65px;display:grid}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;justify-content:space-between;gap:15px;font-size:16px;font-weight:500;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--blue)}details[open] summary:after{content:"−"}details p{padding-top:15px;font-size:14px;line-height:1.9}.closing{background:var(--navy);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:24px;max-width:1184px;margin:0 auto 45px;padding:38px 45px;display:flex}.closing .eyebrow{color:#8bbfff}.closing h2{margin-top:10px;font-size:32px}.light{color:var(--navy);background:#fff}footer{align-items:center;gap:30px;max-width:1280px;margin:auto;padding:25px 48px 36px;display:flex}footer p,footer>span{font-size:12px}footer>span{color:var(--muted);margin-left:auto}dialog{border:1px solid var(--line);width:calc(100% - 32px);max-width:510px;color:var(--text);overscroll-behavior:contain;border-radius:13px;max-height:calc(100dvh - 32px);margin:auto;padding:35px;position:fixed;inset:0;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a192db8}dialog h2{margin:10px 0;font-size:28px}.close{color:var(--muted);background:0 0;font-size:28px;line-height:1;position:absolute;top:12px;right:15px}.dialog-intro{margin-bottom:20px;font-size:14px}dialog label{margin-top:15px;font-size:14px;display:block}select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:6px;margin-top:6px;padding:10px;display:block}.total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:20px;padding:20px 0;display:flex}.total strong{font-family:Space Grotesk,sans-serif;font-size:28px}.notice{background:var(--pale);border-radius:6px;margin-bottom:20px;padding:13px;font-size:13px}.full{width:100%}#selection-feedback{color:var(--blue);margin-top:10px;font-size:14px}#selected-specs{flex-wrap:wrap;gap:6px;display:flex}#selected-specs span{background:#f0f4f9;border-radius:4px;padding:4px 9px;font-size:12px}.account-tabs{border-bottom:1px solid var(--line);gap:5px;display:flex}.account-tabs button{color:var(--muted);background:0 0;padding:10px;font-size:14px}.account-tabs .active{color:var(--blue);border-bottom:2px solid var(--blue)}#account-content{padding:25px 0 5px;font-size:14px}#account-content h3{margin-bottom:10px;font-size:19px}#account-content .button{margin-top:18px}.saved-choice{border:1px solid var(--line);border-radius:7px;margin-top:14px;padding:15px}.saved-choice strong{color:var(--text);display:block}@media (min-width:1450px){.hero{padding-top:80px;padding-bottom:95px}}@media (max-width:1100px){.header{gap:20px;padding:22px 28px}.header nav{gap:15px;font-size:12px}.hero{gap:35px;padding:50px 28px}.hero-actions{flex-wrap:wrap;gap:15px}.hero-tags{flex-direction:column;gap:5px}.section{padding:60px 28px}.guide{gap:25px}.guide article{padding-left:25px}.service-strip{gap:15px;padding:20px 28px}.closing{margin:0 28px 30px}footer{gap:20px;padding:25px 28px}.brand{font-size:21px}.plan-card{padding:20px}.plan-card.featured{padding:19px}}@media (max-width:800px){.header{flex-wrap:wrap;position:relative}.header nav{flex-direction:column;order:4;width:100%;margin:0;padding:15px 0;font-size:16px;display:none}.header nav.open{display:flex}.menu-button{color:var(--text);background:0 0;margin-left:auto;font-size:14px;display:block}.header>.button{gap:5px;padding:8px 10px;font-size:12px}.hero{grid-template-columns:1fr 1fr;gap:24px}h1{font-size:42px}.hero-copy>p{font-size:15px}.hero-panel{padding:20px}.workspace-title h2{font-size:20px}.service-row{gap:8px;padding:12px 8px}.service-row h3{font-size:12px}.service-row p{font-size:11px}.service-strip{flex-wrap:wrap;justify-content:center}.service-strip>span{text-align:center;width:100%}.plan-grid{gap:12px}.plan-card h3{font-size:22px}.price{font-size:36px}.plan-card{padding:17px}.plan-card.featured{padding:16px}.spec-list{font-size:12px}.plan-card>.button{padding:12px;font-size:13px}.guide{grid-template-columns:1fr 1fr}.guide>div{grid-column:1/-1}.guide h2 br,.guide p br{display:none}.features{gap:25px}.faq{gap:35px}.closing{padding:30px}.closing h2{font-size:25px}footer{flex-wrap:wrap}footer>span{width:100%;margin:0}h2{font-size:29px}}@media (max-width:600px){.preview-bar{padding:6px 10px;font-size:11px}.preview-bar span{display:none}.header{gap:12px;padding:19px 20px}.brand{font-size:20px}.brand-icon{width:29px;height:32px;font-size:22px}.hero{grid-template-columns:1fr;gap:40px;padding:30px 22px 45px}h1{letter-spacing:-1.5px;font-size:45px}.hero-actions{margin:24px 0}.hero-copy>p{font-size:16px}.hero-tags{font-size:12px}.hero-panel{padding:24px;transform:none}.workspace-title h2{font-size:25px}.service-row{gap:12px;padding:15px}.service-row h3{font-size:15px}.service-row p{font-size:12px}.service-strip{gap:12px 22px;padding:20px;font-size:12px}.section{padding:48px 22px}.section-heading{margin-bottom:24px;display:block}.section-heading p{font-size:14px}.billing{width:fit-content;margin-top:20px}.plan-toolbar{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:30px}.sample-note{order:-1}.tabs{gap:25px}.plan-grid{grid-template-columns:1fr;gap:27px}.plan-card,.plan-card.featured{padding:25px}.plan-card h3{font-size:26px}.price{font-size:43px}.spec-list{grid-template-columns:1fr 1fr;gap:5px;font-size:14px;display:grid}.plan-card>.button{font-size:15px}.plan-note{line-height:1.9}.guide{grid-template-columns:1fr;gap:30px}.guide article{padding-left:20px}.guide>div{grid-column:auto}.guide h3{margin-top:12px}.features{grid-template-columns:1fr;gap:30px;margin-top:28px}.feature-icon{margin-bottom:15px}.faq{grid-template-columns:1fr;gap:25px}.faq h2 br{display:none}.closing{margin:0 20px 20px;padding:30px 24px;display:block}.closing .button{margin-top:22px}.closing .eyebrow{font-size:10px}footer{gap:15px;padding:20px}footer p{width:100%}dialog{padding:30px 22px}.eyebrow{font-size:11px}.account-tabs button{padding:9px 8px;font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.portal{border-top:1px solid var(--line);background:#f5f7fb;min-height:76vh;display:flex}.portal-sidebar{color:#c6d3e5;background:#17263e;flex-direction:column;flex-shrink:0;width:240px;padding:30px 18px;display:flex}.portal-caption{letter-spacing:1.7px;color:#7e9abb;margin-bottom:10px;font-size:10px}.portal-sidebar>strong{color:#fff;padding:0 10px;font-size:19px}.portal-sidebar nav{gap:6px;margin-top:28px;display:grid}.portal-sidebar nav a{border-radius:7px;gap:13px;padding:12px;font-size:14px;display:flex}.portal-sidebar nav a.selected,.portal-sidebar nav a:hover{color:#fff;background:#0878ed}.portal-sidebar-bottom{gap:18px;margin-top:auto;padding:35px 10px 0;font-size:13px;display:grid}.portal-sidebar-bottom small{color:#8094af}.portal-main{flex:1;min-width:0}.portal-top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;font-size:13px;display:flex}.portal-content{max-width:1450px;margin:auto;padding:34px}.portal-content h1{letter-spacing:-.6px;margin:4px 0 12px;font-size:30px}.portal-content h2{letter-spacing:0;font-size:21px}.portal-content h3{font-size:16px}.portal-content p{font-size:14px}.portal-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.portal-card{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:20px;padding:24px}.portal-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0;display:grid}.portal-stat{border:1px solid var(--line);background:#fff;border-radius:10px;padding:22px}.portal-stat b{color:var(--blue);font-family:Space Grotesk,sans-serif;font-size:32px;display:block}.portal-table-wrap{overflow-x:auto}.portal-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.portal-table th{color:#65758a;white-space:nowrap;background:#f7f9fc;padding:14px;font-size:12px;font-weight:500}.portal-table td{border-top:1px solid var(--line);vertical-align:top;padding:16px 14px}.portal-table a{color:var(--blue);font-weight:600}.portal-badge{color:#1764b5;white-space:nowrap;background:#eaf3ff;border-radius:5px;padding:3px 9px;font-size:11px;display:inline-block}.portal-badge.closed,.portal-badge.cancelled{color:#6b7280;background:#edf0f4}.portal-badge.answered,.portal-badge.active{color:#137646;background:#e4f7ed}.portal-badge.urgent,.portal-badge.customer_reply,.portal-badge.suspended{color:#a95314;background:#fff0e3}.portal-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.portal-toolbar input{flex:1;min-width:150px}.portal-toolbar select{width:auto;margin:0}.portal-form{gap:18px;display:grid}.portal-form label{font-size:13px;font-weight:500;display:block}.portal input:not([type=checkbox]),.portal textarea,.portal select{font:inherit;width:100%;color:var(--text);background:#fff;border:1px solid #d5deea;border-radius:6px;margin-top:6px;padding:10px 12px}.portal textarea{resize:vertical;min-height:140px}.portal input:focus,.portal textarea:focus{outline-offset:1px;outline:2px solid #76b6fc}.portal-grid{grid-template-columns:minmax(0,1fr) 300px;gap:22px;display:grid}.portal-message{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:16px;padding:22px}.portal-message.staff{border-left:3px solid var(--blue)}.portal-message.internal{background:#fffbeb;border-color:#f2d991}.portal-message-header{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.portal-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.portal-file{border:1px solid var(--line);color:var(--blue);border-radius:6px;margin-top:12px;padding:6px 10px;font-size:12px;display:inline-block}.portal-empty{text-align:center;color:var(--muted);padding:45px 20px}.portal-error{color:#9b2525;background:#fff0f0;border-radius:7px;margin-bottom:18px;padding:12px 16px;font-size:14px}.portal-success{color:#176739;background:#e8f8ee;border-radius:7px;margin-bottom:18px;padding:12px 16px;font-size:14px}.portal-muted{color:var(--muted);font-size:12px}.portal-check{align-items:flex-start;gap:10px;font-weight:400!important;display:flex!important}.portal-check input{flex-shrink:0;margin-top:5px}.portal button:disabled{opacity:.5;cursor:not-allowed}.portal-pagination{justify-content:flex-end;align-items:center;gap:15px;margin-top:18px;font-size:13px;display:flex}.portal-event{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:12px 0;font-size:12px}.portal-actions{flex-wrap:wrap;gap:10px;display:flex}.portal .portal-toolbar input,.portal .portal-toolbar select{width:auto}.portal dl{gap:6px;font-size:13px;display:grid}.portal dt{color:var(--muted)}.portal dd{overflow-wrap:anywhere;margin:0 0 12px}@media (max-width:1000px){.portal-sidebar{width:200px;padding:25px 10px}.portal-grid{grid-template-columns:1fr}.portal-content{padding:24px}.portal-stats{gap:10px}}@media (max-width:650px){.portal{display:block}.portal-sidebar{width:100%;padding:16px}.portal-sidebar nav{gap:5px;margin-top:12px;display:flex;overflow-x:auto}.portal-sidebar nav a{white-space:nowrap;padding:8px 10px;font-size:12px}.portal-sidebar-bottom{gap:20px;margin:0;padding:12px 0 0;display:flex}.portal-sidebar-bottom small,.portal-caption{display:none}.portal-top{padding:14px 18px}.portal-content{padding:20px 16px}.portal-heading{flex-direction:column;align-items:flex-start}.portal-content h1{font-size:26px}.portal-stats{grid-template-columns:1fr}.portal-stat{justify-content:space-between;align-items:center;padding:15px;display:flex}.portal-stat b{font-size:26px}.portal-card{padding:18px}.portal-message-header{flex-direction:column}.portal-toolbar{grid-template-columns:1fr 1fr;display:grid}.portal-toolbar input{grid-column:1/-1}.portal-grid{gap:10px}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
.portal-v2{--line:#e6ebf2;--muted:#718096;background:#f5f7fb;border:0;align-items:stretch;min-height:100dvh;font-size:14px;line-height:1.65;display:flex}.portal-v2 .portal-sidebar{color:#bdcbe0;background:#14243b;flex-direction:column;flex-shrink:0;align-self:flex-start;width:264px;height:100dvh;padding:27px 20px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.portal-v2 .portal-brand{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.portal-v2 .portal-brand .brand{color:#fff;font-size:23px}.portal-v2 .brand-icon{box-shadow:0 4px 15px #0878ed30}.portal-v2 .portal-brand .brand>span:last-child{color:#66aeff}.workspace-label{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:11px;margin-bottom:28px;padding:15px 10px;display:flex}.workspace-symbol{color:#78b7ff;display:flex}.workspace-label strong{color:#f1f6ff;font-size:14px;font-weight:600;display:block}.workspace-label small{letter-spacing:1.5px;color:#8096b5;margin-top:3px;font:9px Space Grotesk,sans-serif;display:block}.portal-v2 .portal-caption{letter-spacing:.5px;color:#738ba9;margin:0 12px 12px;font-size:11px}.portal-v2 .portal-sidebar nav{gap:7px;margin:0;display:grid}.portal-v2 .portal-sidebar nav a{color:#b6c7de;border-radius:8px;gap:0;padding:12px;font-size:13px;transition:background .15s,color .15s}.portal-v2 .portal-sidebar nav a:hover{color:#fff;background:#ffffff0c}.portal-v2 .portal-sidebar nav a.selected{color:#fff;background:#1677e9;box-shadow:0 4px 14px #0066dd24}.portal-sidebar nav svg{flex-shrink:0}.nav-active-dot{background:#a6d5ff;border-radius:50%;width:5px;height:5px}.portal-v2 .portal-sidebar-bottom{gap:18px;margin-top:auto;padding:28px 4px 0;font-size:12px;display:grid}.portal-v2 .portal-sidebar-bottom>a{color:#abc0db;justify-content:space-between;align-items:center;padding:0 8px;display:flex}.portal-v2 .portal-sidebar-bottom small{color:#637d9e;padding:0 8px;font-size:10px}.sidebar-support{background:linear-gradient(135deg,#213c5f,#1b304d);border:1px solid #ffffff0b;border-radius:11px;padding:17px 14px}.sidebar-support>svg{color:#7ebcff;margin-bottom:10px}.sidebar-support strong{color:#e9f2ff;font-size:13px;display:block}.sidebar-support p{color:#99afca;margin:5px 0 15px;line-height:1.8;font-size:11px!important}.sidebar-support a{color:#9bcbff;justify-content:space-between;align-items:center;font-size:12px;display:flex}.portal-v2 .portal-main{flex-direction:column;flex:1;min-width:0;display:flex}.portal-v2 .portal-top{z-index:100;border-bottom:1px solid var(--line);background:#fff;gap:16px;height:78px;min-height:78px;padding:0 36px;position:sticky;top:0}.portal-breadcrumb{color:#7f8ca0;align-items:center;gap:13px;font-size:13px;display:flex}.portal-breadcrumb strong{color:#34435a;font-weight:500}.breadcrumb-divider{color:#c2ccd9}.portal-account{align-items:center;gap:11px;display:flex}.portal-account .account-name{gap:2px;max-width:220px;display:grid}.account-name strong{text-overflow:ellipsis;white-space:nowrap;color:#25364d;font-size:12px;overflow:hidden}.account-name small{color:#90a0b6;font-size:10px}.portal-account>.button{min-height:34px;margin-left:12px;padding:7px 12px;font-size:11px}.portal-v2 .portal-mobile-toggle{display:none}.portal-v2 .portal-content{width:100%;max-width:1660px;margin:0 auto;padding:32px clamp(22px,3vw,46px) 8px}.portal-v2 .portal-heading{align-items:center;margin-bottom:26px}.portal-v2 .portal-content h1{letter-spacing:-.6px;margin:5px 0;font-size:28px;font-weight:700;line-height:1.5}.portal-v2 .portal-content h2{letter-spacing:-.2px;font-size:18px;font-weight:600}.portal-v2 .portal-content h3{font-size:15px;font-weight:600}.portal-v2 .portal-heading p{color:#7a8a9f;font-size:13px}.portal-v2 .eyebrow{letter-spacing:1.7px;color:#438be0;font-size:10px}.portal-v2 .button{border-radius:8px;gap:12px;padding:10px 17px;font-size:13px}.portal-v2 .button.small{padding:7px 12px;font-size:12px}.portal-v2 .button.primary{box-shadow:0 3px 9px #1478ed18}.portal-v2 .button:hover{transform:none}.portal-v2 .portal-card{border:1px solid var(--line);border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 2px 3px #1e3a5f02}.portal-v2 .portal-form{gap:20px}.portal-v2 .portal-table th{text-transform:uppercase;color:#8190a4;background:#f7f9fc;font-size:11px;font-weight:600}.portal-v2 .portal-table td{padding:18px 14px}.portal-v2 .portal-table tbody tr:hover{background:#fafcff}.portal-v2 .portal-badge{border-radius:5px;padding:4px 8px;font-size:10px;font-weight:500}.portal-v2 .portal-empty{padding:30px 16px}.portal-v2 .portal-message{border-radius:12px;box-shadow:0 2px 3px #1e3a5f02}.portal-v2 .portal-message.staff{border-left-width:3px}.portal-v2 .portal-bottom-note{color:#97a4b6;justify-content:space-between;gap:20px;width:100%;max-width:1660px;margin:0 auto;padding:12px clamp(22px,3vw,46px) 16px;font-size:10px;display:flex}.portal-v2 .portal-top .button{border-color:#e4eaf2}.overview-stats{margin-bottom:28px}.overview-stat{background:#fff;transition:box-shadow .15s,border-color .15s;box-shadow:0 2px 4px #1c355402;color:#25364d!important}.overview-stat:hover{border-color:#a8cbf6;box-shadow:0 6px 22px #1c355409}.portal-v2 .overview-stat p{margin:0}.stat-value{letter-spacing:-1px;margin:10px 0 14px;font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:600;line-height:1.2}.stat-value>span{color:#99a6b7;letter-spacing:0;margin-left:10px;font-family:Noto Sans Thai,sans-serif;font-size:11px;font-weight:400}.overview-stat>div:last-child>svg{color:#a8b5c7}.section-label{letter-spacing:1.3px;color:#91a0b4;margin-bottom:8px;font-size:10px;font-weight:600}.quick-actions{margin-bottom:28px}.quick-actions>.section-label{letter-spacing:0;color:#718197;margin-bottom:12px;font-size:12px}.quick-action{background:#fff;align-items:center;gap:13px;transition:border-color .15s;display:flex}.quick-action:hover{border-color:#a8cbf6}.quick-action>div:nth-child(2){flex:1;min-width:0}.quick-action strong{color:#293b53;font-size:13px;font-weight:600;display:block}.quick-action span:not([class]){color:#8a99ad;margin-top:2px;font-size:11px;display:block}.quick-action>svg{color:#aab7c8;flex-shrink:0}.overview-columns{grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:24px;display:grid}.overview-panel{border-color:var(--line);background:#fff;margin-bottom:22px}.overview-empty{text-align:center;flex-direction:column;align-items:center;padding:14px 20px 18px;display:flex}.empty-illustration{color:#65a2ed;background:linear-gradient(145deg,#eff6ff,#e3eeff);border:7px solid #f7faff;border-radius:24px;place-items:center;width:80px;height:80px;margin-bottom:18px;display:grid}.portal-v2 .overview-empty h3{color:#455871;font-size:15px}.portal-v2 .overview-empty p{color:#8a98ac;max-width:390px;margin-top:7px;font-size:12px;line-height:1.9}.portal-v2 .overview-empty .mantine-Button-root{font-size:12px}.support-highlight{background:linear-gradient(140deg,#eaf3ff 0%,#f3f8ff 60%,#eaf4ff 100%);border:1px solid #dceafb;margin-bottom:22px;position:relative;overflow:hidden}.support-highlight-icon{color:#3284e4;background:#fff;border:1px solid #dceafb;border-radius:14px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 6px 16px #5694d710}.portal-v2 .support-highlight h2{color:#22446e;margin-top:18px;font-size:20px;line-height:1.5}.portal-v2 .support-highlight p{color:#7189a6;margin-top:10px;font-size:12px;line-height:1.9}.portal-v2 .workflow-panel h3{margin-bottom:15px;font-size:13px}.workflow-step{align-items:center;gap:12px;margin-top:15px;display:flex}.workflow-step>span{color:#8093ac;background:#f1f5fa;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font:11px Space Grotesk,sans-serif;display:grid}.portal-v2 .workflow-step p{color:#8493a7;font-size:11px}.compact-empty{color:#99a7b9;justify-content:center;align-items:center;gap:12px;padding:19px 0 10px;font-size:12px;display:flex}.overview-service{border:1px solid #edf0f6;border-radius:9px;align-items:center;gap:14px;padding:14px;display:flex}.overview-service>div:nth-child(2){flex:1;min-width:0}.overview-service strong,.overview-order strong{color:#33465f;font-size:13px;font-weight:500;display:block}.overview-service span:not([class]),.overview-order span:not([class]){color:#94a2b4;margin-top:2px;font-size:11px;display:block}.overview-order{border-top:1px solid #eef1f6;align-items:center;gap:16px;padding:14px 0;display:flex}.overview-order>div{flex:1}.overview-order b{color:#324760;font-size:13px}.portal-v2 .portal-drawer-header{display:none}.portal-drawer-body{padding:0!important}.portal-v2.portal-drawer{background:#14243b;min-height:0;display:block}.portal-drawer .portal-sidebar{width:100%;height:100dvh;position:static}.portal-drawer .portal-mobile-toggle{display:flex}body>footer{padding-top:14px;padding-bottom:14px}@media (min-width:1600px){.portal-v2 .portal-content{padding-top:38px}.overview-stat{padding:25px!important}}@media (max-width:1100px){.portal-v2 .portal-sidebar{width:236px;padding:23px 15px 16px}.portal-v2 .portal-brand .brand{font-size:21px}.portal-v2 .portal-content{padding:26px 24px 8px}.portal-v2 .portal-top{padding:0 24px}.overview-columns{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.overview-stat{padding:18px!important}.overview-stat p{font-size:11px!important}.quick-action{gap:9px;padding:14px!important}.quick-action span:not([class]){font-size:10px}}@media (max-width:900px){.portal-v2 .desktop-sidebar{display:none}.portal-v2 .portal-mobile-toggle{display:flex}.portal-v2 .portal-top{height:68px;min-height:68px}.portal-v2 .portal-content{padding:24px 20px 6px}.portal-v2 .portal-bottom-note{padding:12px 20px}.portal-v2 .portal-account .account-name{max-width:150px}.portal-v2 .portal-heading h1{font-size:25px}}@media (max-width:650px){.portal-v2{display:flex}.portal-v2 .portal-top{gap:8px;padding:0 16px}.portal-breadcrumb{gap:8px}.portal-breadcrumb>span{display:none}.portal-breadcrumb strong{font-size:12px}.portal-account{gap:7px}.portal-account .account-name{display:none!important}.portal-account .button{margin:0;padding:6px 9px!important;font-size:10px!important}.portal-v2 .portal-content{padding:22px 16px 0}.portal-v2 .portal-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}.portal-v2 .portal-content h1{font-size:23px}.portal-v2 .portal-heading p{font-size:12px}.overview-columns{grid-template-columns:1fr;gap:0}.overview-stats{margin-bottom:22px}.overview-stat{padding:17px!important}.stat-value{margin:5px 0 10px;font-size:30px}.quick-actions{margin-bottom:22px}.quick-action span:not([class]){font-size:11px}.overview-panel,.support-highlight{margin-bottom:16px;padding:20px!important}.overview-empty{padding:10px 0}.portal-v2 .portal-bottom-note{padding:12px 16px;font-size:9px}.portal-v2 .portal-sidebar nav{gap:7px;display:grid;overflow:visible}.portal-v2 .portal-sidebar nav a{padding:12px;font-size:13px}.portal-v2 .portal-sidebar-bottom{display:grid}.portal-v2 .portal-sidebar-bottom small,.portal-v2 .portal-caption{display:block}.portal-v2 .portal-card{padding:18px}.overview-order{flex-wrap:wrap;gap:9px}.overview-order>div{min-width:100%}}.portal-v2 .overview-stat{padding:22px!important}.portal-v2 .portal-mobile-toggle{flex-shrink:0}.portal-v2.portal-drawer .portal-sidebar{width:100%;padding:22px 18px 16px}.portal-v2.portal-drawer .portal-brand{gap:6px}.portal-v2.portal-drawer .portal-brand .brand{font-size:20px}.portal-v2.portal-drawer .portal-brand .portal-mobile-toggle{color:#b6c7de;min-width:28px;display:flex}.portal-v2 .portal-bottom-note{padding-top:4px;padding-bottom:10px}@media (max-height:850px){.portal-v2 .sidebar-support{display:none}.portal-v2 .portal-brand{margin-bottom:24px}.portal-v2 .workspace-label{margin-bottom:22px}}@media (max-width:650px){.portal-v2 .overview-stat{padding:14px 17px!important}.overview-stat .mantine-ThemeIcon-root{width:32px;min-width:32px;height:32px;min-height:32px}.overview-stat .mantine-ThemeIcon-root svg{width:19px;height:19px}.stat-value{margin:2px 0 8px;font-size:27px}.overview-stats{gap:12px}.portal-v2 .portal-bottom-note span{display:none}}.portal-v2 .portal-heading>div,.portal-v2 .portal-grid>div,.portal-v2 .portal-grid>aside{min-width:0}.portal-v2 .portal-content h1,.portal-v2 .portal-content h3,.portal-v2 .overview-service strong,.portal-v2 .portal-file{overflow-wrap:anywhere}.portal-v2 .portal-pagination{flex-wrap:wrap;margin-bottom:20px}.portal-v2 .portal-toolbar input,.portal-v2 .portal-toolbar select{min-width:0;max-width:100%}.portal-v2 .portal-table-wrap:focus-visible{outline:2px solid #1677e9}@media print{.portal-sidebar,.portal-top,.portal-bottom-note,.print\:hidden{display:none!important}.portal-v2,.portal-main,.portal-content{background:#fff!important;width:100%!important;padding:0!important;display:block!important}.billing-document{box-shadow:none!important;border:0!important}body{font-size:12pt}.billing-document h1{font-size:24pt!important}}.ticket-reference{color:#718096;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:2px 0 14px;font-size:12px;line-height:1.6;display:flex}.ticket-reference-number{font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;color:#53657d}.ticket-copy{color:#53657d;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce4ef;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.ticket-copy:hover{color:#1764b5;background:#edf5ff}.ticket-copy:focus-visible{outline-offset:2px;outline:2px solid #1677e9}.ticket-copy-error{color:#9b2525;flex-basis:100%}.ticket-conversation{flex-direction:column;gap:22px;padding:8px 0 24px;display:flex}.ticket-chat-row{align-items:flex-start;gap:10px;min-width:0;display:flex}.ticket-chat-row.is-own{flex-direction:row-reverse}.ticket-chat-avatar{color:#53657d;background:#e4eaf2;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;margin-top:3px;font-size:12px;font-weight:600;display:grid}.is-own .ticket-chat-avatar{color:#1764b5;background:#dcecff}.ticket-chat-content{flex-direction:column;align-items:flex-start;min-width:0;max-width:82%;display:flex}.is-own .ticket-chat-content{align-items:flex-end}.ticket-chat-meta{color:#7d8ba0;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0 2px 6px;font-size:11px;display:flex}.ticket-chat-meta strong{color:#3d506b;font-size:12px;font-weight:600}.is-own .ticket-chat-meta{justify-content:flex-end}.ticket-chat-bubble{color:#25364d;background:#fff;border:1px solid #e1e8f2;border-radius:3px 14px 14px;max-width:100%;padding:12px 16px;box-shadow:0 1px 2px #14243b03}.is-own .ticket-chat-bubble{background:#eaf3ff;border-color:#d9e8fc;border-radius:14px 3px 14px 14px}.ticket-chat-bubble .portal-message-body{overflow-wrap:anywhere;font-size:14px;line-height:1.85}.ticket-chat-time{color:#8997aa;margin:5px 3px 0;font-size:10px}.is-internal .ticket-chat-bubble{background:#fff9e8;border-color:#eddfb3}.is-internal .ticket-chat-meta span{color:#916919}.ticket-chat-file{max-width:260px;margin-top:10px}.ticket-chat-file img{object-fit:contain;background:#fff;border-radius:8px;max-width:100%;max-height:220px;display:block}.ticket-chat-download{color:#276cb5;margin-top:7px;font-size:11px;display:inline-block}@media (max-width:650px){.ticket-conversation{gap:18px}.ticket-chat-row{gap:7px}.ticket-chat-avatar{flex-basis:27px;width:27px;height:27px;font-size:11px}.ticket-chat-content{max-width:86%}.ticket-chat-bubble{padding:10px 13px}.ticket-chat-file{max-width:210px}.ticket-chat-file img{max-height:190px}}.notification-bell{color:#53657d;cursor:pointer;background:#fff;border:1px solid #e6ebf2;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;margin-right:5px;display:grid;position:relative}.notification-bell:hover{color:#1677e9;background:#edf5ff}.notification-bell:focus-visible{outline-offset:3px;outline:2px solid #1677e9}.notification-count{color:#fff;background:#e5484d;border:2px solid #fff;border-radius:10px;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-5px;right:-5px}.notification-error-dot{background:#d99518;border-radius:50%;width:8px;height:8px;position:absolute;top:1px;right:1px}.notification-panel{color:#25364d;font-family:Noto Sans Thai,sans-serif;overflow:hidden;border-radius:12px!important;width:min(360px,100vw - 24px)!important;padding:0!important}.notification-panel-heading{border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;padding:13px 16px;font-size:14px;display:flex}.notification-panel-heading button{color:#718096;cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1}.notification-items{max-height:min(420px,60dvh);overflow-y:auto}.notification-item{text-align:left;cursor:pointer;width:100%;font:inherit;background:#fff;border:0;border-bottom:1px solid #edf0f5;padding:13px 16px;display:block}.notification-item.is-unread{background:#f0f6ff}.notification-item:hover{background:#e8f1ff}.notification-item:disabled{opacity:.6}.notification-item-title{color:#25364d;align-items:baseline;gap:7px;font-size:12px;font-weight:600;display:flex}.notification-item-title i{background:#1677e9;border-radius:50%;flex-shrink:0;width:6px;height:6px}.notification-item-message{-webkit-line-clamp:2;color:#718096;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;line-height:1.6;display:-webkit-box;overflow:hidden}.notification-item time{color:#8997aa;margin-top:6px;font-size:10px;display:block}.notification-all{text-align:center;color:#1764b5;border-top:1px solid #e6ebf2;padding:12px;font-size:12px;display:block}.notification-empty{text-align:center;color:#718096;padding:28px 16px;font-size:13px}.notification-error{color:#9b2525;padding:12px 16px;font-size:12px}.notification-error button{color:#1764b5;cursor:pointer;background:0 0;border:0;text-decoration:underline}.permissions-page{max-width:1200px;margin-inline:auto;padding-bottom:12px}.permissions-admin{color:#657a97;white-space:nowrap;background:#fff;border:1px solid #dce6f3;border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;display:inline-flex}.permissions-department{background:#fff;border:1px solid #e0e8f2;border-radius:14px;align-items:center;gap:16px;margin-bottom:22px;padding:20px 24px;display:flex}.permissions-department-symbol{color:#087af5;background:#edf5ff;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.permissions-select{color:#71829a;gap:7px;width:330px;min-width:0;max-width:100%;font-size:12px;font-weight:500;display:grid}.permissions-select select{color:#193452;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d6e1ef;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600}.permissions-count{text-align:right;white-space:nowrap;color:#7b8ca3;gap:3px;margin-left:auto;font-size:11px;display:grid}.permissions-count strong{color:#147bee;font-size:25px;font-weight:650;line-height:1.2}.permissions-count strong span{color:#a5b3c4;font-size:16px;font-weight:400}.permissions-sheet{background:#fff;border:1px solid #dfe7f1;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px #16345803}.permissions-sheet-heading{justify-content:space-between;align-items:center;gap:16px;padding:21px 24px;display:flex}.portal-v2 .permissions-sheet-heading h2{margin:0;font-size:16px}.permissions-sheet-heading p{color:#8190a5;margin-top:5px;font-size:12px}.permissions-legend{white-space:nowrap;color:#7a8da4;align-items:center;gap:6px;font-size:11px;display:flex}.permissions-legend i{background:#1680f8;border-radius:50%;width:7px;height:7px}.permissions-columns,.permission-row{grid-template-columns:minmax(190px,1.05fr) 96px minmax(0,2fr);align-items:center;gap:22px;padding:17px 24px;display:grid}.permissions-columns{color:#8998aa;background:#f8fafd;border-top:1px solid #edf1f7;padding-block:11px;font-size:11px;font-weight:500}.permission-row{border-top:1px solid #edf1f7;min-height:83px;transition:background .15s}.permission-row:hover{background:#fbfdff}.permission-name{align-items:center;gap:12px;min-width:0;display:flex}.permission-icon{color:#8696ab;background:#f2f5f9;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.is-enabled .permission-icon{color:#1680f8;background:#edf5ff}.portal-v2 .permission-name h3{margin:0;font-size:13px;font-weight:600;line-height:1.5}.permission-name p{color:#8b9ab0;margin-top:3px;font-size:10px}.permission-view{color:#95a2b5;cursor:pointer;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex;position:relative}.permission-view input{opacity:0;width:36px;height:21px;margin:0;position:absolute;left:0}.permission-switch{background:#dce3ed;border-radius:12px;flex-shrink:0;width:34px;height:20px;transition:background .15s;display:block}.permission-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;margin:3px;transition:transform .15s;display:block;box-shadow:0 1px 3px #122c4826}.permission-view input:checked+.permission-switch{background:#1680f8}.permission-view input:checked+.permission-switch:after{transform:translate(14px)}.permission-view:has(input:checked){color:#2377d7}.permission-view input:focus-visible+.permission-switch{outline-offset:3px;outline:3px solid #9bccff}.permission-actions{flex-wrap:wrap;gap:8px;display:flex}.permission-choice{color:#7b899e;cursor:pointer;background:#fff;border:1px solid #e2e8f1;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:6px 10px;font-size:11px;line-height:1.5;transition:background .15s,border-color .15s;display:inline-flex}.permission-choice input{accent-color:#147bf0;flex-shrink:0;width:13px;height:13px;margin:0}.permission-choice.is-checked{color:#176fce;background:#f0f7ff;border-color:#c5ddfc}.permission-choice:hover{border-color:#91bff6}.permission-choice:focus-within{outline-offset:2px;outline:2px solid #91bff6}:is(.permission-choice:has(input:disabled),.permission-view:has(input:disabled)){cursor:default}.permission-readonly{color:#a0adbf;font-size:11px}.permissions-note{color:#8795a9;padding:17px 3px;font-size:11px}.permissions-note summary{cursor:pointer;align-items:center;gap:7px;width:fit-content;list-style:none;display:flex}.permissions-note summary:after{content:"＋";margin-left:5px}.permissions-note[open] summary:after{content:"−"}.permissions-note p{max-width:800px;margin:10px 0 0 23px;line-height:1.8}.permissions-savebar{z-index:20;background:#fff;border:1px solid #dce6f3;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;padding:16px 20px;display:flex;position:sticky;bottom:12px;box-shadow:0 6px 28px #173b6412}.permissions-save-status{align-items:center;gap:10px;min-width:0;display:flex}.permissions-save-status>div{gap:3px;display:grid}.permissions-save-status strong{font-size:12px;font-weight:500}.permissions-save-status span:not(.status-dot){color:#8a99ad;font-size:11px}.status-dot{background:#a5b6ca;border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.unsaved{background:#edab43;box-shadow:0 0 0 4px #fff6e5}.permissions-save-actions{flex-shrink:0;gap:8px;display:flex}.permissions-save-actions .button{min-width:105px}.permissions-fixed{color:#2174cf;background:#edf5ff;border:1px solid #d4e6ff;border-radius:10px;align-items:center;gap:13px;margin-bottom:20px;padding:15px 19px;display:flex}.permissions-fixed>svg{flex-shrink:0}.permissions-fixed strong{font-size:13px;font-weight:600}.permissions-fixed p{color:#6d89ab;margin-top:4px;font-size:11px;line-height:1.7}.permissions-fixed>span{white-space:nowrap;background:#fff;border-radius:5px;margin-left:auto;padding:5px 8px;font-size:10px}@media (max-width:1100px){.permissions-columns,.permission-row{grid-template-columns:minmax(150px,.9fr) 78px minmax(0,1.5fr);gap:14px;padding-inline:18px}.permission-name{gap:9px}.permission-icon{width:30px;height:30px}.permission-choice{padding:6px 8px;font-size:10px}}@media (max-width:650px){.permissions-department{gap:12px;padding:16px}.permissions-department-symbol{display:none}.permissions-select{width:100%;font-size:11px}.permissions-count{padding-left:4px}.permissions-count strong{font-size:22px}.permissions-count>span{font-size:10px}.permissions-sheet-heading{padding:17px 16px}.permissions-legend,.permissions-columns{display:none}.permission-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}.permission-actions{grid-column:1/-1;gap:7px;padding-left:39px}.permission-choice{min-height:35px;font-size:11px}.permissions-savebar{flex-wrap:wrap;gap:12px;padding:13px;bottom:8px}.permissions-save-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.permissions-save-actions .button{padding:10px 12px}.permissions-fixed{align-items:flex-start;padding:14px}.permissions-fixed>span{display:none}.permissions-admin{font-size:10px}.permissions-note p{margin-left:0}}