/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.isolate{isolation:isolate}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.m-3{margin:calc(var(--spacing) * 3)}.m-4{margin:calc(var(--spacing) * 4)}.m-5{margin:calc(var(--spacing) * 5)}.m-6{margin:calc(var(--spacing) * 6)}.m-7{margin:calc(var(--spacing) * 7)}.m-8{margin:calc(var(--spacing) * 8)}.m-9{margin:calc(var(--spacing) * 9)}.block{display:block}.contents{display:contents}.flex{display:flex}.table{display:table}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#0a0a0c;--rail:#08080a;--panel:#111116;--panel-2:#15151b;--panel-3:#191920;--line:#292931;--line-soft:#222229;--text:#f4f1ea;--muted:#9999a7;--muted-2:#6d6d79;--gold:#d8ae59;--gold-bright:#f1c86c;--gold-soft:#d8ae591f;--green:#35cd82;--green-soft:#35cd821f;--red:#ff6678;--red-soft:#ff66781f;--purple:#9c7cff;--purple-soft:#9c7cff24;--blue:#5d9dff;--shadow:0 24px 60px #00000040}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body,button,input,textarea,select{font-family:Noto Sans Thai,Tahoma,Arial,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}.login-page{color:#18233f;isolation:isolate;background:linear-gradient(135deg,#fffffff5,#f3f8fff0),#f5f8ff;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-orb{z-index:-1;filter:blur(2px);pointer-events:none;border-radius:999px;position:absolute}.login-orb-one{background:radial-gradient(circle,#886fff29,#886fff00);width:430px;height:430px;top:-170px;right:-90px}.login-orb-two{background:radial-gradient(circle,#23ceab26,#23ceab00);width:520px;height:520px;bottom:-210px;left:-150px}.login-topbar{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:26px 0 18px;display:flex}.login-brand{color:#14203b;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.login-brand-mark{color:#fff;background:linear-gradient(145deg,#7159f6,#3a8ff7 62%,#2acba6);border-radius:13px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:22px;font-weight:900;display:grid;box-shadow:0 12px 26px #4d64e040}.login-brand>span:last-child{flex-direction:column;gap:1px;display:flex}.login-brand strong{letter-spacing:.08em;font-size:15px}.login-brand small{color:#74809b;font-size:10px;font-weight:600}.login-help{color:#6b7691;align-items:center;gap:9px;font-size:12px;display:flex}.login-help a{color:#5164df;margin-left:12px;font-weight:700;text-decoration:none}.login-live-dot{background:#20bf7a;border:2px solid #dff8ee;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #20bf7a1a}.login-stage{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #bec9e194;border-radius:28px;grid-template-columns:minmax(0,1.04fr) minmax(410px,.96fr);width:min(1180px,100% - 48px);min-height:640px;margin:auto;display:grid;overflow:hidden;box-shadow:0 28px 80px #3e4e7a26}.login-story{color:#fff;background:radial-gradient(circle at 78% 22%,#ffffff30,#0000 24%),radial-gradient(circle at 18% 78%,#38e5bd45,#0000 28%),linear-gradient(145deg,#5e4ddd 0%,#4b79ec 48%,#21bfa6 120%);min-height:640px;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:360px;height:360px;position:absolute;top:88px;right:-130px;box-shadow:0 0 0 46px #ffffff09,0 0 0 92px #ffffff06}.story-grid{opacity:.17;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 72%);mask-image:linear-gradient(to bottom right,#000,#0000 72%)}.story-content{z-index:1;flex-direction:column;min-height:640px;padding:62px 58px 46px;display:flex;position:relative}.story-pill{letter-spacing:.13em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:7px 11px;font-size:9px;font-weight:800;display:inline-flex}.story-pill-dot{background:#78f5cb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #78f5cb21}.story-content h1{letter-spacing:-.055em;margin:44px 0 17px;font-size:clamp(43px,4vw,62px);line-height:1.11}.story-content h1 span{color:#bffbea}.story-content>p{color:#ffffffc7;max-width:470px;margin:0;font-size:15px;line-height:1.85}.story-preview{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1f;border:1px solid #ffffff30;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:min(440px,100%);margin-top:42px;padding:15px 17px;display:grid;box-shadow:0 16px 36px #232e7729}.preview-avatars{padding-left:8px;display:flex}.preview-avatars span{color:#382514;background:linear-gradient(145deg,#ffd976,#db8e35);border:2px solid #ffffffa8;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:-8px;font-size:10px;font-weight:900;display:grid}.preview-avatars span:nth-child(2){color:#17365f;background:linear-gradient(145deg,#c6efff,#65a8fa)}.preview-avatars span:nth-child(3){color:#fff;background:#7665da}.story-preview>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.story-preview strong{font-size:12px}.story-preview small{color:#ffffffa8;font-size:9px}.preview-check{color:#225b4c;background:#8cf1cf;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid}.story-metrics{border-top:1px solid #ffffff24;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:auto;padding-top:34px;display:grid}.story-metrics div{flex-direction:column;gap:4px;display:flex}.story-metrics strong{font-size:21px}.story-metrics span{color:#ffffffa1;font-size:9px}.login-panel{background:#ffffffc2;place-items:center;min-height:640px;padding:50px 62px;display:grid}.login-form-wrap{width:min(100%,410px)}.login-welcome-icon{color:#5a63dd;background:linear-gradient(145deg,#f3f0ff,#e7f8ff);border:1px solid #dfe5ff;border-radius:14px;place-items:center;width:45px;height:45px;margin-bottom:21px;font-size:20px;font-weight:800;display:grid;box-shadow:0 12px 28px #5b67cc1f}.login-kicker{color:#6571df;letter-spacing:.17em;margin:0 0 8px;font-size:9px;font-weight:900}.login-form-wrap h2{color:#18223c;letter-spacing:-.04em;margin:0;font-size:31px;line-height:1.18}.login-subtitle{color:#77829b;margin:10px 0 29px;font-size:12px}.staff-login-form{flex-direction:column;gap:17px;display:flex}.login-provider-card{background:linear-gradient(145deg,#fbfcff,#f4f7ff);border:1px solid #e0e5f2;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.login-provider-icon{color:#fff;background:linear-gradient(145deg,#6557db,#398fdc);border-radius:12px;place-items:center;width:38px;height:38px;font-size:14px;font-weight:900;display:grid;box-shadow:0 8px 18px #4f5cd238}.login-provider-card div{flex-direction:column;gap:3px;min-width:0;display:flex}.login-provider-card strong{color:#2b3550;font-size:11px}.login-provider-card small{color:#8a94aa;font-size:8px;line-height:1.45}.login-provider-safe{color:#238f69;background:#e9f8f1;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}.login-field{flex-direction:column;gap:7px;display:flex}.field-label{color:#34405d;font-size:11px;font-weight:800}.field-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.field-label-row small{color:#9ba4b8;font-size:8px;font-weight:600}.field-control{background:#fbfcff;border:1px solid #dfe4ef;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;min-height:49px;padding:0 13px;transition:all .16s;display:grid}.field-control:focus-within{background:#fff;border-color:#7582f2;box-shadow:0 0 0 4px #6877eb1a}.field-symbol{color:#8791a9;place-items:center;width:24px;font-size:15px;display:grid}.field-symbol-code{font-size:10px;font-weight:900}.field-control input{color:#1f2943;background:0 0;border:0;outline:0;width:100%;min-width:0;height:47px;padding:0 9px;font-size:12px}.field-control input::placeholder{color:#a9b1c2}.password-toggle{color:#6875dd;cursor:pointer;background:0 0;border:0;padding:5px 2px 5px 8px;font-size:9px;font-weight:800}.login-options{justify-content:space-between;align-items:center;gap:14px;margin-top:-2px;display:flex}.remember-row{color:#6d7790;cursor:pointer;align-items:center;gap:8px;font-size:10px;display:inline-flex}.remember-row input{accent-color:#6271e5;width:14px;height:14px}.forgot-button{color:#5969dd;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(100deg,#5f58db,#547be9 58%,#3b99e9);border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:51px;margin-top:2px;padding:0 20px;font-size:12px;font-weight:800;text-decoration:none;transition:all .16s;display:flex;box-shadow:0 14px 30px #505ed340}.login-submit:hover{transform:translateY(-1px);box-shadow:0 17px 34px #505ed34f}.login-notice{color:#52607d;background:#f3f7ff;border:1px solid #dce5ff;border-radius:10px;margin:-4px 0 0;padding:10px 12px;font-size:9px;line-height:1.5}.login-access-note{color:#7d879d;text-align:center;margin:-3px 3px 0;font-size:9px;line-height:1.55}.login-security-note{color:#949db0;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:9px;display:flex}.login-security-note span{color:#27a878;background:#e8f8f1;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-weight:900;display:grid}.login-footer{color:#919aae;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:17px 2px 23px;font-size:9px;display:flex}.access-denied-page{background:radial-gradient(circle at 15% 15%,#6859dc29,#0000 32%),radial-gradient(circle at 85% 80%,#31a0da24,#0000 34%),#f3f6fb;place-items:center;min-height:100vh;padding:24px;display:grid}.access-denied-card{text-align:center;background:#fffffff0;border:1px solid #e3e8f2;border-radius:24px;flex-direction:column;align-items:center;width:min(460px,100%);padding:42px;display:flex;box-shadow:0 22px 70px #3e4c7524}.access-denied-mark{color:#fff;background:linear-gradient(145deg,#6557db,#398fdc);border-radius:17px;place-items:center;width:56px;height:56px;font-weight:900;display:grid}.access-denied-card p{color:#6a78df;letter-spacing:.12em;margin:18px 0 7px;font-size:10px;font-weight:900}.access-denied-card h1{color:#202a43;margin:0;font-size:25px}.access-denied-card>span:not(.access-denied-mark){color:#768198;margin-top:13px;font-size:12px;line-height:1.7}.access-denied-card a{color:#5b68d7;background:#eef1ff;border-radius:11px;margin-top:24px;padding:11px 18px;font-size:11px;font-weight:800;text-decoration:none}@media (width<=900px){.login-stage{grid-template-columns:1fr;width:min(620px,100% - 32px)}.login-story,.story-content{min-height:auto}.story-content{padding:42px 36px}.story-content h1{margin-top:28px;font-size:40px}.story-preview{margin-top:28px}.story-metrics{margin-top:34px}.login-panel{min-height:auto;padding:48px 42px}}@media (width<=560px){.login-topbar{width:calc(100% - 28px);padding-top:17px}.login-help>span:not(.login-live-dot),.login-help a{display:none}.login-stage{border-radius:21px;width:calc(100% - 20px)}.story-content{padding:34px 25px}.story-content h1{font-size:34px}.story-content>p{font-size:12px}.story-metrics{gap:8px}.story-metrics strong{font-size:17px}.login-panel{padding:39px 24px 42px}.login-form-wrap h2{font-size:27px}.login-options{flex-direction:column;align-items:flex-start}.login-footer{width:calc(100% - 28px)}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app-shell{background:radial-gradient(circle at 74% 10%, #9c7cff0a, transparent 25%), var(--bg);grid-template-columns:66px 232px 326px minmax(460px,1fr) 308px;width:100%;height:100vh;min-height:720px;display:grid;overflow:hidden}.rail,.oa-panel,.conversation-panel,.chat-panel,.detail-panel{min-width:0;min-height:0}.rail{background:var(--rail);border-right:1px solid var(--line);z-index:4;flex-direction:column;align-items:center;padding:14px 0;display:flex}.brand-mark{color:#14110b;cursor:pointer;background:linear-gradient(145deg,#e6bd64,#8d6324);border:1px solid #f1cd78;border-radius:11px;width:38px;height:38px;font-family:Georgia,serif;font-size:21px;font-weight:900;box-shadow:0 6px 20px #d8ae592e}.rail-nav{flex-direction:column;gap:8px;margin-top:34px;display:flex}.rail-button{color:#70707c;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;font-size:18px;transition:all .16s;display:grid;position:relative}.rail-button:hover{color:var(--text);background:#18181e}.rail-button.active{color:var(--gold-bright);background:var(--gold-soft)}.rail-button.active:before{content:"";background:var(--gold);border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:-14px}.rail-bottom{flex-direction:column;align-items:center;gap:12px;margin-top:auto;display:flex}.mini-avatar{color:#fff;cursor:pointer;background:linear-gradient(145deg,#8a6be4,#3d2e72);border:1px solid #4d3d79;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;text-decoration:none;display:grid}.oa-panel{border-right:1px solid var(--line);background:#0f0f13;flex-direction:column;padding:18px 14px 14px;display:flex;overflow-y:auto}.product-title{justify-content:space-between;align-items:flex-start;gap:10px;padding:1px 4px 15px;display:flex}.eyebrow{color:var(--gold);letter-spacing:.17em;font-size:9px;font-weight:800}.product-title h1{letter-spacing:-.02em;margin:2px 0 0;font-size:17px}.version-badge{color:#8e8e99;white-space:nowrap;background:#17171c;border:1px solid #35333a;border-radius:999px;margin-top:4px;padding:4px 7px;font-size:8px}.health-card{color:#80808d;background:linear-gradient(145deg,#35cd8217,#35cd8206);border:1px solid #35cd8229;border-radius:12px;flex-direction:column;gap:4px;margin:0 0 20px;padding:11px 12px;font-size:10px;display:flex}.health-row{color:#d8dedb;align-items:center;gap:7px;font-size:11px;display:flex}.status-dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.online{background:var(--green);box-shadow:0 0 0 3px #35cd821c}.status-dot.offline{background:#6b6b75;box-shadow:0 0 0 3px #6b6b751a}.panel-label{color:#6f6f7b;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 5px 8px;font-size:9px;font-weight:800;display:flex}.panel-label button,.section-title button{color:#858590;cursor:pointer;background:0 0;border:0}.panel-label button:hover,.section-title button:hover{color:var(--gold)}.oa-account{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;min-height:52px;margin:2px 0;padding:8px 9px;transition:all .15s;display:grid}.oa-account:hover{background:#17171c}.oa-account.active{background:linear-gradient(90deg, var(--gold-soft), #d8ae5908);border-color:#343139}.oa-account>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.oa-account strong{font-size:11px;font-weight:700}.oa-account small{color:#777783;font-size:9px}.oa-account small .status-dot{margin-right:4px}.oa-account>b{color:#b9b9c2;text-align:center;background:#25252c;border-radius:999px;min-width:20px;padding:2px 6px;font-size:9px}.oa-logo{border-radius:9px;place-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:13px;font-weight:900;display:grid}.oa-logo.all{color:#b6b6bf;background:#24242a;border:1px solid #3c3c45;font-family:inherit;font-size:8px}.oa-logo.vtr,.oa-mini.vtr789{color:#161108;background:linear-gradient(145deg,#dcb764,#76501c)}.oa-logo.won,.oa-mini.won998{color:#fff;background:linear-gradient(145deg,#6f8ff1,#263d91)}.oa-logo.dynamic,.oa-mini{color:#fff;background:linear-gradient(145deg,#8b69da,#3f2b78)}.filters-label{margin-top:24px}.filter-list{flex-direction:column;gap:2px;display:flex}.filter-list button{color:#9999a3;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;width:100%;min-height:36px;padding:7px 10px;font-size:10px;display:grid}.filter-list button:hover{color:#d9d9de;background:#17171c}.filter-list button.active{color:var(--gold-bright);background:var(--gold-soft)}.filter-icon{color:#777781;font-size:14px}.filter-list button b{color:#72727c;font-size:9px}.team-card{background:#15151a;border:1px solid #27272e;border-radius:12px;margin-top:auto;padding:12px}.team-card-top{color:#777782;justify-content:space-between;font-size:9px;display:flex}.team-card-top strong{color:var(--green)}.avatar-stack{margin-top:10px;display:flex}.avatar-stack span,.avatar-stack i{color:#fff;background:#5d4e8e;border:2px solid #15151a;border-radius:50%;place-items:center;width:27px;height:27px;margin-right:-6px;font-size:9px;font-style:normal;display:grid}.avatar-stack span:nth-child(2){background:#a46654}.avatar-stack span:nth-child(3){background:#477f72}.avatar-stack i{color:#8a8a95;background:#28282f}.conversation-panel{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;display:flex}.conversation-heading,.chat-header{border-bottom:1px solid var(--line);align-items:center;min-height:74px;padding:15px 17px;display:flex}.conversation-heading{justify-content:space-between}.conversation-heading h2,.chat-person h2{margin:0;font-size:15px}.conversation-heading p{color:var(--muted-2);margin:3px 0 0;font-size:9px}.icon-button{color:#92929e;cursor:pointer;background:#1a1a20;border:1px solid #303039;border-radius:9px;place-items:center;width:31px;height:31px;padding:0;display:grid}.icon-button:hover{color:var(--gold);border-color:#504b3d}.search-box{color:#696975;background:#18181e;border:1px solid #2d2d35;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:36px;margin:12px 13px 8px;padding:0 10px;display:grid}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.search-box input::placeholder{color:#666671}.search-box kbd{color:#63636e;border:1px solid #373740;border-radius:5px;padding:2px 5px;font-family:inherit;font-size:8px}.list-sort{color:#676772;justify-content:space-between;padding:5px 15px 8px;font-size:8px;display:flex}.list-sort button{color:#73737e;cursor:pointer;background:0 0;border:0;font-size:8px}.list-sort label{align-items:center;gap:6px;display:flex}.inbox-live .list-sort{align-items:center;gap:8px;font-size:12px}.inbox-live .search-box input{min-width:0;font-size:14px}.list-sort select{color:#403852;max-width:170px;min-height:32px;font:inherit;background:#fff;border:1px solid #dedbe7;border-radius:6px;padding:4px;font-size:12px}.search-box .icon-button{flex:0 0 28px;min-height:28px}.list-sort select:focus-visible,.empty-list button:focus-visible{outline-offset:2px;outline:2px solid #6651b8}@media (width<=700px){.list-sort select{max-width:220px;font-size:16px}.inbox-live .search-box input{font-size:16px}.inbox-live .search-box kbd{display:none}}.conversation-list{scrollbar-width:thin;scrollbar-color:#363640 transparent;flex:1;overflow-y:auto}.conversation-item{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #222229;grid-template-columns:40px 1fr;gap:10px;width:100%;padding:12px 13px;transition:all .14s;display:grid}.conversation-item:hover{background:#18181e}.conversation-item.selected{background:linear-gradient(90deg,#d8ae5921,#d8ae5906);position:relative}.conversation-item.selected:before{content:"";background:var(--gold);border-radius:0 2px 2px 0;width:2px;position:absolute;top:10px;bottom:10px;left:0}.customer-avatar{color:#fff;background:#4a416b;border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid;position:relative}.customer-avatar.violet{background:linear-gradient(145deg,#7f65c9,#3f315f)}.customer-avatar.mint{background:linear-gradient(145deg,#3c9a7d,#1f5547)}.customer-avatar.blue{background:linear-gradient(145deg,#4e7cc2,#273f65)}.customer-avatar.rose{background:linear-gradient(145deg,#a75a73,#572d40)}.customer-avatar.amber{background:linear-gradient(145deg,#aa7442,#57391e)}.customer-avatar.sky{background:linear-gradient(145deg,#5195ad,#275262)}.customer-avatar>i{border:2px solid var(--panel);background:var(--green);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.conversation-content{min-width:0;display:block}.conversation-topline,.conversation-meta,.conversation-footer{align-items:center;display:flex}.conversation-topline{justify-content:space-between;gap:8px}.conversation-topline strong{font-size:11px}.conversation-topline time{color:#6d6d78;font-size:8px}.conversation-meta{color:#73737e;gap:5px;margin-top:3px;font-size:8px}.conversation-meta b{font-weight:600}.conversation-meta em{color:#8a8a94;margin-left:auto;font-style:normal}.oa-mini{border-radius:4px;place-items:center;width:14px;height:14px;font-family:Georgia,serif;font-size:7px;font-style:normal;font-weight:900;display:inline-grid}.conversation-preview{color:#a1a1ab;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:9.5px;display:block;overflow:hidden}.conversation-customer-match{color:var(--gold-bright);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8px;display:block;overflow:hidden}.conversation-footer{gap:6px;min-height:18px;margin-top:8px}.case-state{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 7px;font-size:7.5px;font-weight:700;display:inline-flex}.case-state.unassigned{background:var(--red-soft);color:var(--red)}.case-state.active{background:var(--green-soft);color:var(--green)}.case-state.waiting{background:var(--gold-soft);color:var(--gold-bright)}.case-state.closed{color:#79aeff;background:#5d9dff1a}.wait-time{color:var(--red);font-size:8px;font-weight:700}.unread-badge{background:var(--gold);color:#1c160c;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:auto;font-size:8px;display:grid}.empty-list{color:#656570;text-align:center;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.empty-list>span{font-size:25px}.empty-list strong{color:#aaaab4;margin-top:10px;font-size:11px}.empty-list p{margin:4px 0 0;font-size:9px}.chat-panel{background:linear-gradient(#0c0c0fd6,#0c0c0fd6),radial-gradient(circle at 50% 35%,#d8ae590b,#0000 38%);flex-direction:column;display:flex}.chat-header{background:#0f0f13f0;gap:11px}.customer-avatar.large{border-radius:12px;width:39px;height:39px}.chat-person{min-width:0}.chat-person>div{align-items:center;gap:8px;display:flex}.chat-person p{color:#777783;align-items:center;gap:5px;margin:4px 0 0;font-size:8.5px;display:flex}.chat-person p strong{color:#aaaab3}.chat-person .customer-identity-line{color:#85858f;flex-wrap:wrap}.chat-person .customer-identity-line strong{color:var(--gold-bright)}.separator{color:#484850}.chat-actions{gap:7px;margin-left:auto;display:flex}.secondary-action{background:var(--gold-soft);height:31px;color:var(--gold-bright);cursor:pointer;border:1px solid #d8ae5959;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:9px;font-weight:700;display:flex}.secondary-action:hover{background:#d8ae592e}.chat-context-bar{border-bottom:1px solid var(--line-soft);color:#777783;background:#111116;justify-content:space-between;align-items:center;min-height:34px;padding:7px 17px;font-size:8.5px;display:flex}.chat-sync-notice{color:#8d8b82;background:#d8ae5909;border-bottom:1px solid #d8ae5921;align-items:center;gap:7px;min-height:29px;padding:5px 17px;font-size:8px;display:flex}.chat-sync-notice span{color:var(--gold);font-size:10px}.chat-context-bar strong{color:#babac3;margin-left:4px}.response-clock{color:var(--red);font-weight:700}.response-clock i{background:var(--red);width:5px;height:5px;box-shadow:0 0 0 3px var(--red-soft);border-radius:50%;margin-right:5px;display:inline-block}.messages{scrollbar-width:thin;scrollbar-color:#34343d transparent;flex:1;padding:16px 22px 12px;overflow-y:auto}.date-divider{color:#656570;align-items:center;gap:10px;margin:0 0 15px;font-size:8px;display:flex}.date-divider:before,.date-divider:after{content:"";background:#232329;flex:1;height:1px}.system-message{color:#777782;background:#19191eb3;border:1px solid #26262d;border-radius:999px;width:fit-content;margin:0 auto 13px;padding:5px 9px;font-size:8px}.system-message span{color:var(--gold);margin-right:4px}.message-row{margin:8px 0;display:flex}.message-row.outgoing{justify-content:flex-end}.message-bubble{background:#1b1b21;border:1px solid #2a2a31;border-radius:5px 14px 14px;max-width:min(74%,520px);padding:9px 11px 6px;box-shadow:0 5px 16px #0000001f}.outgoing .message-bubble{background:linear-gradient(145deg,#3b3223,#29231a);border-color:#d8ae5933;border-radius:14px 5px 14px 14px}.message-bubble p{color:#e2e2e5;margin:0;font-size:10.5px;line-height:1.6}.message-bubble time{color:#696973;text-align:right;margin-top:3px;font-size:7px;display:block}.outgoing .message-bubble time{color:#9d875d}.quick-replies{border-top:1px solid var(--line-soft);background:#111116;padding:8px 15px 7px}.quick-replies>span{color:#666672;margin-bottom:6px;font-size:7.5px;display:block}.quick-replies>div{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.quick-replies button{color:#92929d;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#18181e;border:1px solid #2b2b33;border-radius:8px;flex:none;max-width:200px;padding:6px 9px;font-size:8px;overflow:hidden}.quick-replies button:hover{color:var(--gold-bright);border-color:#594c35}.composer{border-top:1px solid var(--line);background:#111116;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:9px;padding:10px 14px 12px;display:grid}.composer-tools{gap:5px;display:flex}.composer-tools button{color:#7d7d88;cursor:pointer;background:#1d1d23;border:0;border-radius:8px;place-items:center;width:29px;height:34px;display:grid}.composer textarea{resize:none;width:100%;min-height:38px;max-height:92px;color:var(--text);background:#19191f;border:1px solid #303038;border-radius:10px;outline:none;padding:10px 11px;font-size:10px;line-height:1.45}.composer textarea:focus{border-color:#d8ae598c}.composer textarea::placeholder{color:#61616c}.send-button{color:#181108;cursor:pointer;background:linear-gradient(145deg,#e0b75e,#a77b2f);border:0;border-radius:9px;height:38px;padding:0 13px;font-size:9px;font-weight:800}.send-button:disabled{opacity:.38;cursor:not-allowed}.send-button span{margin-left:4px}.detail-panel{border-left:1px solid var(--line);background:#111116;flex-direction:column;display:flex}.detail-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);min-height:51px;display:grid}.detail-tabs button{color:#767681;cursor:pointer;background:0 0;border:0;font-size:9px;position:relative}.detail-tabs button:hover{color:#babac3}.detail-tabs button.active{color:var(--gold-bright)}.detail-tabs button.active:after{content:"";background:var(--gold);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:18px;right:18px}.detail-scroll{scrollbar-width:thin;scrollbar-color:#34343d transparent;flex:1;overflow-y:auto}.profile-summary{border-bottom:1px solid var(--line-soft);grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:15px;display:grid}.customer-avatar.profile{border-radius:13px;width:42px;height:42px}.profile-summary h3{margin:0;font-size:12px}.profile-summary p{color:#6f6f7a;margin:4px 0 0;font-size:8px}.profile-summary button{color:#73737e;cursor:pointer;background:0 0;border:0}.detail-section{border-bottom:1px solid var(--line-soft);padding:14px 15px}.detail-section.important{background:linear-gradient(#d8ae5909,#0000)}.customer-profile-card{background:linear-gradient(#5c44bf0e,#0000)}.customer-profile-grid{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.customer-profile-grid .field.full{grid-column:1/-1}.customer-profile-meta{color:#686873;margin:-2px 0 10px;font-size:7.5px;line-height:1.5}.customer-profile-card input:disabled{opacity:.65;cursor:not-allowed}.section-title{color:#a7a7b0;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:9.5px;font-weight:700;display:flex}.section-title>div{flex-direction:column;gap:2px;display:flex}.section-title small{color:#686873;font-size:7.5px;font-weight:400}.section-title>i{background:var(--gold-soft);color:var(--gold);border-radius:999px;padding:3px 6px;font-size:7px;font-style:normal}.field{flex-direction:column;gap:6px;margin:0 0 11px;display:flex}.field>span{color:#8d8d98;font-size:8.5px;font-weight:700}.field input,.field select,.field textarea{color:#dedee2;background:#18181e;border:1px solid #303039;border-radius:9px;outline:0;width:100%;font-size:9.5px}.field input,.field select{height:35px;padding:0 10px}.field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.field textarea{resize:vertical;min-height:70px;padding:9px 10px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d8ae598c}.field small{color:#666671;font-size:7.5px}.field.highlighted{background:#d8ae5909;border:1px solid #d8ae5924;border-radius:11px;margin-top:3px;padding:9px}.field.highlighted>span{color:var(--gold-bright)}.save-case{background:var(--gold-soft);width:100%;height:34px;color:var(--gold-bright);cursor:pointer;border:1px solid #d8ae5952;border-radius:9px;font-size:9px;font-weight:700}.save-case:hover{background:#d8ae592e}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid;border-radius:999px;padding:5px 8px;font-size:8px}.tag.gold{background:var(--gold-soft);color:var(--gold-bright);border-color:#d8ae593d}.tag.purple{background:var(--purple-soft);color:#b9a5ff;border-color:#9c7cff3d}.case-controls{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.case-controls button{color:#8f8f9a;cursor:pointer;background:#18181e;border:1px solid #2d2d35;border-radius:9px;flex-direction:column;align-items:center;gap:4px;min-height:54px;padding:8px 4px;font-size:7.5px;display:flex}.case-controls button:hover{color:var(--gold);border-color:#4d4638}.case-controls button span{font-size:14px}.case-controls button.close:hover{color:var(--green);border-color:#35cd824d}.tab-placeholder{color:#7a7a85;flex:1;padding:24px 17px}.tab-placeholder>span{background:var(--gold-soft);width:36px;height:36px;color:var(--gold);border-radius:10px;place-items:center;display:grid}.tab-placeholder h3{color:#d4d4da;margin:13px 0 6px;font-size:12px}.tab-placeholder>p{color:#6f6f79;margin:0;font-size:8.5px}.timeline{margin-top:22px}.timeline p{color:#a1a1aa;border-left:1px solid #303038;align-items:center;gap:8px;margin:0;padding:0 0 20px 19px;font-size:9px;display:flex;position:relative}.timeline p i{background:var(--gold);border-radius:50%;width:7px;height:7px;position:absolute;top:2px;left:-4px}.timeline p time{color:#656570;margin-left:auto;font-size:8px}.note-tab textarea{resize:vertical;width:100%;min-height:130px;color:var(--text);background:#18181e;border:1px solid #303039;border-radius:10px;outline:none;margin-top:18px;padding:10px;font-size:9px}.note-tab textarea:focus{border-color:#d8ae598c}.note-tab button{background:var(--gold-soft);width:100%;height:34px;color:var(--gold-bright);cursor:pointer;border:1px solid #d8ae594d;border-radius:9px;margin-top:9px;font-size:9px}.toast{z-index:50;color:#dfe8e3;max-width:340px;box-shadow:var(--shadow);background:#141b18f5;border:1px solid #35cd823d;border-radius:11px;align-items:center;gap:9px;padding:11px 14px;font-size:10px;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:20px;right:20px}.toast span{background:var(--green-soft);width:20px;height:20px;color:var(--green);border-radius:50%;place-items:center;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1360px){.app-shell{grid-template-columns:62px 218px 306px minmax(410px,1fr)}.detail-panel{display:none}}@media (width<=1050px){.app-shell{grid-template-columns:58px 285px minmax(430px,1fr)}.oa-panel{display:none}}@media (width<=760px){.app-shell{grid-template-columns:54px minmax(280px,1fr)}.chat-panel{display:none}}.message-image{object-fit:contain;border-radius:9px;width:min(320px,100%);max-height:360px;margin-bottom:7px;display:block}.file-input{display:none}button:disabled{opacity:.45;cursor:not-allowed}.note-history{flex-direction:column;gap:7px;max-height:210px;margin-top:14px;display:flex;overflow-y:auto}.note-history article{background:#18181e;border:1px solid #2b2b33;border-radius:9px;padding:9px}.note-history article p{color:#c7c7ce;margin:0;font-size:8.5px;line-height:1.55}.note-history article small{color:#686874;margin-top:5px;font-size:7px;display:block}.workspace-page{z-index:3;background:radial-gradient(circle at 88% 0,#d8ae5912,#0000 26%),#0d0d11;flex-direction:column;min-width:0;min-height:0;display:flex;position:absolute;inset:0 0 0 66px}.workspace-header{border-bottom:1px solid var(--line);background:#0e0e12f0;justify-content:space-between;align-items:center;min-height:86px;padding:18px 28px;display:flex}.workspace-header span,.card-kicker{color:var(--gold);letter-spacing:.15em;font-size:8px;font-weight:800}.workspace-header h1{letter-spacing:-.02em;margin:4px 0 0;font-size:19px}.workspace-chat-button{background:var(--gold-soft);min-height:36px;color:var(--gold-bright);cursor:pointer;border:1px solid #d8ae5959;border-radius:9px;padding:0 15px;font-size:9px;font-weight:700}.workspace-scroll{flex:1;min-height:0;padding:24px 28px 40px;overflow-y:auto}.metric-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;display:grid}.metric-grid article,.workspace-card{background:linear-gradient(145deg,#17171d,#121217);border:1px solid #292931;border-radius:14px;box-shadow:0 16px 40px #00000024}.metric-grid article{padding:17px}.metric-grid article>span{color:#858590;font-size:9px;display:block}.metric-grid strong{color:#f0e7d5;margin:9px 0 4px;font-size:25px;display:block}.metric-grid small{color:#666671;font-size:7.5px}.setup-card{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;margin-top:18px;padding:24px;display:grid}.workspace-card h2{margin:5px 0 0;font-size:14px}.setup-card p,.role-card p{color:#858590;max-width:720px;margin:9px 0 0;font-size:9px;line-height:1.7}.setup-steps{grid-template-columns:25px 1fr;align-items:center;gap:10px 9px;display:grid}.setup-steps span{color:#777782;border:1px solid #363640;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;display:grid}.setup-steps span.active{background:var(--gold-soft);color:var(--gold-bright);border-color:#d8ae5973}.setup-steps span.done{background:var(--green-soft);color:var(--green);border-color:#35cd825c}.setup-steps b{color:#aaaab3;font-size:9px}.table-card{overflow:hidden}.card-heading{border-bottom:1px solid #292931;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.card-heading>span{color:#70707b;font-size:8px}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;color:#aaaab3;width:100%;font-size:9px}.data-table th,.data-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #25252c;padding:13px 16px}.data-table th{color:#6e6e79;font-size:8px;font-weight:700}.data-table td strong,.data-table td small{display:block}.data-table td strong{color:#dedee3;font-size:9.5px}.data-table td small{color:#62626d;margin-top:3px;font-size:7px}.data-table td button,.staff-row button{color:var(--gold);cursor:pointer;background:0 0;border:0;font-size:8px}.table-badge,.connection-pill,.role-pill{background:var(--gold-soft);color:var(--gold-bright);border-radius:999px;padding:4px 7px;font-size:7.5px;font-weight:700;display:inline-flex}.table-empty{color:#696974;height:180px;text-align:center!important}.account-grid,.role-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:16px;display:grid}.add-account-card{background:linear-gradient(135deg,#d8ae5912,#16161cf5);border-color:#d8ae5947;grid-template-columns:minmax(220px,1fr) minmax(300px,1.25fr) auto;align-items:end;gap:16px;margin-bottom:16px;padding:18px 20px;display:grid}.add-account-card h2{margin:4px 0 5px}.add-account-card p,.add-account-card>small{color:#74747f;margin:0;font-size:7.5px;line-height:1.5}.add-account-card>small{grid-column:1/-1}.add-account-card label{flex-direction:column;gap:6px;display:flex}.add-account-card label span{color:#8f8f99;font-size:8px;font-weight:700}.add-account-card input{color:#e2e2e7;background:#0d0e12;border:1px solid #34343e;border-radius:9px;outline:0;height:38px;padding:0 11px;font-size:8.5px}.add-account-card input:focus{border-color:#d8ae5994;box-shadow:0 0 0 3px #d8ae5914}.add-account-card>button{background:var(--gold-soft);min-width:125px;height:38px;color:var(--gold-bright);cursor:pointer;border:1px solid #d8ae596b;border-radius:9px;padding:0 15px;font-size:8px;font-weight:800}.add-account-card>button:disabled{cursor:not-allowed;opacity:.45}.account-list-toolbar{justify-content:space-between;align-items:center;gap:14px;margin:0 0 12px;padding:0 2px;display:flex}.account-list-toolbar>div{flex-direction:column;gap:3px;display:flex}.account-list-toolbar strong{color:#d8d8df;font-size:10px}.account-list-toolbar>div span{color:#6f6f7a;font-size:7.5px}.account-list-toolbar label{color:#73737d;background:#111116;border:1px solid #303039;border-radius:8px;align-items:center;gap:7px;width:min(300px,45%);height:34px;padding:0 10px;display:flex}.account-list-toolbar input{color:#dedee3;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:8.5px}.account-card,.role-card{padding:20px}.account-card-head{grid-template-columns:42px 1fr auto;align-items:center;gap:11px;display:grid}.account-symbol,.role-icon{color:#161108;background:linear-gradient(145deg,#dcb764,#76501c);border-radius:12px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-weight:900;display:grid}.account-symbol.won998{color:#fff;background:linear-gradient(145deg,#6f8ff1,#263d91)}.account-card-head p{color:#686874;margin:4px 0 0;font-size:8px}.account-name-form{background:#d8ae5909;border:1px solid #d8ae593d;border-radius:10px;margin-top:16px;padding:12px}.account-name-form>label{color:var(--gold-bright);flex-direction:column;gap:3px;font-size:8.5px;font-weight:800;display:flex}.account-name-form>label small{color:#74747f;font-size:7px;font-weight:400;line-height:1.45}.account-name-form>div{grid-template-columns:1fr auto;gap:8px;margin-top:9px;display:grid}.account-name-form input{color:#e2e2e7;background:#0d0e12;border:1px solid #34343d;border-radius:8px;outline:0;min-width:0;height:35px;padding:0 10px;font-size:8.5px}.account-name-form input:focus{border-color:#d8ae5994;box-shadow:0 0 0 3px #d8ae5914}.account-name-form button{background:var(--gold-soft);color:var(--gold-bright);cursor:pointer;border:1px solid #d8ae5961;border-radius:8px;padding:0 13px;font-size:8px;font-weight:800}.account-name-form button:disabled{cursor:not-allowed;opacity:.42}.account-name-form>p{color:#666671;margin:7px 0 0;font-size:7px}.connection-pill.ready{background:var(--green-soft);color:var(--green)}.connection-pill.pending{background:var(--red-soft);color:var(--red)}.connection-pill.attention{background:var(--gold-soft);color:var(--gold-bright)}.connection-pill.error{background:var(--red-soft);color:var(--red)}.connection-list{margin:18px 0}.connection-list div{border-bottom:1px solid #26262d;justify-content:space-between;padding:9px 0;font-size:8.5px;display:flex}.connection-list dt{color:#757580}.connection-list dd{color:#b6b6bf;margin:0}.webhook-field{display:block}.webhook-field span{color:#777782;margin-bottom:6px;font-size:8px;display:block}.webhook-field code{color:#9e9ea8;text-overflow:ellipsis;white-space:nowrap;background:#0e0e12;border:1px solid #2d2d35;border-radius:8px;padding:9px;font-size:7.5px;display:block;overflow:hidden}.connection-checklist{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.connection-checklist li{background:#121318;border:1px solid #292a32;border-radius:9px;grid-template-columns:24px 1fr;align-items:center;gap:9px;min-height:38px;padding:7px 9px;display:grid}.connection-checklist i{color:#777984;border:1px solid #3a3b44;border-radius:50%;place-items:center;width:23px;height:23px;font-size:8px;font-style:normal;font-weight:800;display:grid}.connection-checklist span{flex-direction:column;gap:2px;display:flex}.connection-checklist strong{color:#c9c9d0;font-size:8.5px}.connection-checklist small{color:#6f707c;font-size:7.5px;line-height:1.4}.connection-checklist li.done{background:#35cd820a;border-color:#35cd8233}.connection-checklist li.done i{background:var(--green-soft);color:var(--green);border-color:#35cd8266}.connection-checklist li.current{background:#d8ae590d;border-color:#d8ae5952}.connection-checklist li.current i{color:var(--gold-bright);border-color:#d8ae5970}.connection-checklist li.error{background:var(--red-soft);border-color:#ff5f774d}.connection-checklist li.error i{color:var(--red);border-color:#ff5f776b}.connection-checklist li.waiting{opacity:.65}.credential-form{background:linear-gradient(145deg,#181920f5,#0e0f14f5);border:1px solid #2f303a;border-radius:11px;flex-direction:column;gap:10px;margin-top:16px;padding:14px;display:flex}.credential-form-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.credential-form-heading div{flex-direction:column;gap:3px;display:flex}.credential-form-heading span{color:var(--gold);letter-spacing:.11em;font-size:7px;font-weight:800}.credential-form-heading strong{color:#dcdce2;font-size:9px}.credential-form-heading i{font-size:13px;font-style:normal}.credential-form label{flex-direction:column;gap:5px;display:flex}.credential-form label>span{color:#858590;font-size:8px}.credential-form input,.credential-form textarea{color:#e1e1e6;width:100%;font:inherit;background:#0d0e12;border:1px solid #30313a;border-radius:8px;outline:0;font-size:8px;transition:all .15s}.credential-form input{height:35px;padding:0 10px}.credential-form textarea{resize:vertical;min-height:66px;padding:9px 10px}.credential-form input:focus,.credential-form textarea:focus{border-color:#d8ae5994;box-shadow:0 0 0 3px #d8ae5914}.credential-form small{color:#686975;font-size:7px;line-height:1.5}.credential-form>button{background:var(--gold-soft);min-height:35px;color:var(--gold-bright);cursor:pointer;border:1px solid #d8ae5966;border-radius:8px;font-size:8px;font-weight:800}.credential-form>button:disabled{cursor:not-allowed;opacity:.45}.connection-result{background:#15161b;border:1px solid #34353e;border-radius:9px;margin-top:10px;padding:11px 12px}.connection-result.success{background:var(--green-soft);border-color:#35cd8252}.connection-result.warning{background:var(--gold-soft);border-color:#d8ae5961}.connection-result.error{background:var(--red-soft);border-color:#ff5f7752}.connection-result strong{color:#e4e4e8;font-size:9px}.connection-result p{color:#a5a5af;margin:5px 0 0;font-size:8px;line-height:1.55}.connection-result a{color:var(--gold-bright);margin-top:8px;font-size:8px;font-weight:800;text-decoration:none;display:inline-block}.connection-result a:hover{text-decoration:underline}.connection-pill.disabled{color:#a0a0aa;background:#9898a41a;border-color:#9898a447}.account-card.account-disabled{border-color:#9898a43d}.account-card.account-disabled .account-symbol,.account-card.account-disabled .connection-checklist,.account-card.account-disabled .connection-list{opacity:.62}.account-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.account-actions button{color:#b8b8c1;cursor:pointer;background:#1b1b21;border:1px solid #313139;border-radius:8px;min-height:36px;font-size:8px;font-weight:750}.account-actions .account-enable{background:var(--green-soft);color:var(--green);border-color:#35cd825c}.account-actions .account-disable{background:var(--gold-soft);color:var(--gold-bright);border-color:#d8ae5952}.account-actions .account-delete{background:var(--red-soft);color:#ff7890;border-color:#ff5f7752}.account-actions button:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.34}@media (width<=720px){.account-actions{grid-template-columns:1fr}}.account-verify{background:var(--green-soft);width:100%;min-height:34px;color:var(--green);cursor:pointer;border:1px solid #35cd8252;border-radius:8px;margin-top:8px;font-size:8px;font-weight:700}.account-verify:disabled{cursor:not-allowed;opacity:.4}.staff-layout{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);align-items:start;gap:16px;display:grid}.staff-list{padding:4px 18px 12px}.staff-row{border-bottom:1px solid #26262d;grid-template-columns:34px minmax(150px,1fr) auto auto 46px;align-items:center;gap:10px;padding:11px 0;display:grid}.staff-avatar{color:#fff;background:#51427d;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;font-weight:700;display:grid}.staff-row strong,.staff-row small{display:block}.staff-row strong{font-size:9px}.staff-row small{color:#686873;margin-top:3px;font-size:7px}.role-pill.supervisor,.role-icon.supervisor{background:var(--purple-soft);color:#b9a5ff}.role-pill.admin,.role-icon.admin{color:#79aeff;background:#5d9dff1f}.role-pill.viewer,.role-icon.viewer{color:#9a9aa4;background:#24242b}.staff-active,.staff-inactive{font-size:7.5px}.staff-active{color:var(--green)}.staff-inactive{color:var(--red)}.staff-form{flex-direction:column;padding:20px;display:flex}.staff-form label{flex-direction:column;gap:6px;margin-top:12px;display:flex}.staff-form label span{color:#858590;font-size:8px}.staff-form input,.staff-form select{color:#dedee3;background:#111116;border:1px solid #303039;border-radius:8px;height:36px;padding:0 10px;font-size:9px}.staff-form .staff-account-scope{border:1px solid #303039;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding:11px;display:grid}.staff-account-scope legend{color:#858590;padding:0 5px;font-size:8px}.staff-form .staff-account-scope label{color:#d7d7dd;cursor:pointer;flex-direction:row;align-items:center;gap:7px;margin:0;display:flex}.staff-form .staff-account-scope input{width:14px;height:14px;accent-color:var(--gold-bright);padding:0}.staff-form>button{background:var(--gold-soft);height:36px;color:var(--gold-bright);cursor:pointer;border:1px solid #d8ae5959;border-radius:8px;margin-top:16px;font-size:9px;font-weight:700}.staff-form>small{color:#666671;margin-top:10px;font-size:7.5px;line-height:1.55}.staff-role-select{color:#d8d8de;background:#111116;border:1px solid #34343d;border-radius:8px;min-width:112px;height:30px;padding:0 8px;font-size:8px}.role-management-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:start;gap:18px;display:grid}.role-section-heading,.role-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.role-section-heading{margin-bottom:14px}.role-section-heading h2{margin:5px 0 0;font-size:15px}.role-section-heading button,.role-edit-button{background:var(--gold-soft);color:var(--gold-bright);cursor:pointer;border:1px solid #d8ae5959;border-radius:8px;font-size:8px}.role-section-heading button{min-height:34px;padding:0 12px}.role-list-column .role-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.role-card.selected{border-color:#d8ae598c;box-shadow:0 0 0 1px #d8ae591f}.role-card-title>span,.role-card>small{color:#777782;font-size:7.5px}.role-permission-summary{flex-wrap:wrap;gap:5px;margin:14px 0;display:flex}.role-permission-summary span{color:#aaaab3;background:#1b1b22;border:1px solid #303039;border-radius:999px;padding:4px 6px;font-size:7px}.role-edit-button{width:100%;min-height:32px;margin-top:auto}.role-card{flex-direction:column;display:flex}.role-editor{flex-direction:column;padding:20px;display:flex;position:sticky;top:0}.role-editor>label{flex-direction:column;gap:6px;margin-top:12px;display:flex}.role-editor>label>span{color:#8c8c97;font-size:8px}.role-editor input[type=text],.role-editor>label input,.role-editor>label textarea{color:#e4e4e9;font:inherit;resize:vertical;background:#101015;border:1px solid #303039;border-radius:8px;padding:9px 10px;font-size:9px}.permission-editor{flex-direction:column;gap:12px;max-height:55vh;margin-top:18px;padding-right:4px;display:flex;overflow-y:auto}.permission-editor>div strong,.permission-editor>div small{display:block}.permission-editor>div strong{font-size:10px}.permission-editor>div small{color:#70707b;margin-top:3px;font-size:7.5px}.permission-editor fieldset{border:1px solid #2d2d35;border-radius:10px;flex-direction:column;gap:7px;padding:10px;display:flex}.permission-editor legend{color:var(--gold-bright);padding:0 5px;font-size:8px;font-weight:700}.permission-editor fieldset label{cursor:pointer;grid-template-columns:16px 1fr;align-items:start;gap:8px;display:grid}.permission-editor input[type=checkbox]{width:14px;height:14px;accent-color:var(--gold-bright);margin-top:2px}.permission-editor label strong,.permission-editor label small{display:block}.permission-editor label strong{color:#d7d7dd;font-size:8.5px}.permission-editor label small{color:#777782;margin-top:3px;font-size:7px;line-height:1.5}.role-editor>button{background:var(--gold-soft);min-height:38px;color:var(--gold-bright);cursor:pointer;border:1px solid #d8ae5966;border-radius:8px;margin-top:16px;font-size:9px;font-weight:700}.role-editor>button:disabled{cursor:wait;opacity:.55}.activity-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.activity-card{overflow:hidden}.activity-list{max-height:calc(100vh - 210px);overflow-y:auto}.activity-list article{border-bottom:1px solid #26262d;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 16px;display:grid}.activity-list article strong,.activity-list article small{display:block}.activity-list article strong{color:#dedee3;font-size:8.5px}.activity-list article small{color:#70707b;margin-top:3px;font-size:7px}.activity-list time{color:#6f6f79;white-space:nowrap;font-size:7px}.activity-status,.activity-action{text-align:center;border-radius:999px;justify-content:center;padding:4px 6px;font-size:7px;display:inline-flex}.activity-status.success{background:var(--green-soft);color:var(--green)}.activity-status.denied{color:#ff7d88;background:#ff5b691f}.activity-action{background:var(--gold-soft);color:var(--gold-bright)}.activity-empty{color:#777782;text-align:center;padding:30px 16px;font-size:8px}.role-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.role-card{min-height:190px}.role-icon{margin-bottom:18px}.loading-layer{z-index:60;color:#b8b8c0;background:#08080adb;justify-content:center;align-items:center;gap:10px;font-size:9px;display:flex;position:fixed;inset:0}.loading-layer span{border:2px solid #35353d;border-top-color:var(--gold);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.workspace-page{left:58px}.metric-grid,.role-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.setup-card,.add-account-card,.staff-layout,.role-management-layout,.activity-layout{grid-template-columns:1fr}.account-list-toolbar{flex-direction:column;align-items:stretch}.account-list-toolbar label{width:100%}.add-account-card>small{grid-column:1}.role-editor{position:static}}@media (width<=760px){.workspace-page{left:54px}.workspace-header,.workspace-scroll{padding-left:16px;padding-right:16px}.metric-grid,.account-grid,.role-grid,.role-list-column .role-grid{grid-template-columns:1fr}.staff-row{grid-template-columns:34px minmax(120px,1fr) auto}.staff-row>:nth-child(4),.staff-row>:nth-child(5){grid-column:2/-1}.activity-list article{grid-template-columns:72px minmax(0,1fr)}.activity-list time{grid-column:2}}.prototype-entry{color:#4944a8;background:#f0efff;border:1px solid #b8b3f0;border-radius:10px;gap:5px;margin:14px 12px 0;padding:12px;font-size:13px;text-decoration:none;display:grid}.prototype-entry span{color:#606777;font-size:12px}.line-sticker{color:#43516b;background:#f6f8fc;border:1px solid #d3dce7;border-radius:12px;max-width:280px;padding:14px;font-size:14px}.line-sticker p{margin:8px 0;line-height:1.65}.line-sticker .sticker-caption{color:#25304a;font-size:16px}.line-sticker.line-sticker--image{background:0 0;border:0;border-radius:0;width:160px;max-width:100%;padding:0}.line-sticker-image{object-fit:contain;width:160px;max-width:100%;height:160px;margin:0;display:block}.line-sticker.line-sticker--loading{background:0 0;border:0;place-items:center;width:160px;max-width:100%;min-height:160px;font-size:12px;display:grid}.sticker-retry{color:#25304a;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #aab8cb;border-radius:6px;padding:8px 12px}.sticker-retry:focus-visible{outline-offset:2px;outline:3px solid #507dbd}.journey-notice{color:#654908;z-index:2;background:#fff4ce;border-bottom:1px solid #e7d397;flex-wrap:wrap;gap:8px 24px;padding:16px 28px;font-size:14px;display:flex;position:relative}.journey-notice span{display:block}.journey-notice+.login-page{min-height:calc(100vh - 90px)}.inbox-live{background:#f5f6f9;grid-template-rows:64px minmax(0,1fr);grid-template-columns:310px minmax(400px,1fr) 310px;min-height:600px}.inbox-live>.rail{border-bottom:1px solid #e1e4ec;flex-direction:row;grid-column:1/-1;gap:20px;padding:8px 18px}.inbox-live .rail-nav{flex-direction:row;flex:1}.inbox-live .rail-bottom{flex-direction:row;margin-top:0}.inbox-live .conversation-panel,.inbox-live .chat-panel,.inbox-live .detail-panel{height:auto;min-height:0;display:flex}.inbox-live .detail-panel{flex-direction:column;overflow:auto}.inbox-live .chat-panel{min-width:0}.inbox-live .conversation-panel{flex-direction:column}.inbox-live .conversation-list{flex:1;overflow:auto}.live-filters{gap:10px;padding:12px 16px;display:grid}.live-filters label,.live-dialog label{gap:6px;font-size:13px;display:grid}.live-filters select,.live-dialog select,.live-dialog input,.live-dialog textarea{color:#222;background:#fff;border:1px solid #d9dce5;border-radius:8px;width:100%;padding:9px}.live-tabs{gap:8px;display:flex}.live-tabs button,.live-replies button,.live-notes button,.live-dialog button{color:#503890;cursor:pointer;background:#fff;border:1px solid #d9dce5;border-radius:7px;padding:7px 12px}.live-tabs button[aria-pressed=true]{color:#fff;background:#6651b8}.live-dialog button:disabled{opacity:.5;cursor:default}.live-replies{border-top:1px solid #e1e4ec;max-height:190px;padding:10px 18px;overflow:auto}.live-replies-heading{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.live-reply-buttons{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.live-replies small{color:#697084}.live-replies summary{cursor:pointer;margin-top:8px;font-size:12px}.live-notes{background:#fff9e8;max-height:210px;padding:10px 18px;overflow:auto}.live-notes summary{cursor:pointer;font-size:13px}.live-notes textarea{border:1px solid #dfd2a8;border-radius:6px;width:100%;margin:8px 0;padding:8px;display:block}.live-notes p{font-size:12px}.live-dialog{color:#252331;border:1px solid #d9dce5;border-radius:16px;width:calc(100% - 32px);max-width:650px;max-height:85vh;padding:24px}.live-dialog::backdrop{background:#17112380}.live-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-dialog h2{font-size:20px}.live-dialog p{font-size:13px;line-height:1.6}.live-save-notice{background:#fff5d9;border-radius:8px;padding:10px}.live-error{color:#b42332}.live-assignees{gap:8px;display:grid}.live-assignees button{text-align:left;gap:5px;display:grid}.live-reply-editor form{gap:12px;margin-top:20px;display:grid}.live-reply-list{max-height:220px;overflow:auto}.live-reply-list article{border-bottom:1px solid #eee;padding:12px 0}.live-reply-list button{margin-right:8px}@media (width<=1150px){.inbox-live{grid-template-columns:270px minmax(360px,1fr);overflow:auto}.inbox-live .detail-panel{grid-column:1/-1;max-height:400px}.inbox-live .chat-panel,.inbox-live .conversation-panel{display:flex}}@media (width<=700px){.inbox-live{flex-direction:column;height:auto;display:flex;overflow:visible}.inbox-live>.rail{flex-shrink:0;overflow-x:auto}.inbox-live .conversation-panel{flex-shrink:0;max-height:400px}.inbox-live .chat-panel{min-height:650px;display:flex}.inbox-live .detail-panel{max-height:none;display:flex}.journey-notice{padding:12px;font-size:12px}.live-dialog{padding:16px}}.journey-entry-link{text-align:center;color:#5b48af;margin-top:16px;font-size:13px;display:block}.inbox-live{--bg:#f5f6fa;--rail:#fff;--panel:#fff;--panel-2:#f8f9fc;--panel-3:#eff1f7;--line:#dee1eb;--line-soft:#e9ebf2;--text:#252536;--muted:#697084;--muted-2:#727889;--gold:#6651b8;--gold-bright:#5843a7;--gold-soft:#eeebfa;color:var(--text)}.inbox-live .messages{background:#f5f6fa}.live-notes{color:#654908}.live-dialog{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.live-dialog textarea{color:#252331}.inbox-live .rail-button{color:#5c536d}.inbox-live .message-bubble{color:var(--text)}.inbox-live{grid-template-columns:300px minmax(380px,1fr) 320px;min-height:0;font-size:14px}.inbox-live .chat-panel,.inbox-live .chat-header,.inbox-live .detail-panel,.inbox-live .composer{background:#fff}.inbox-live .chat-header{padding:16px}.inbox-live .chat-person h2{font-size:18px}.inbox-live .chat-person p,.inbox-live .chat-context-bar,.inbox-live .chat-sync-notice{font-size:12px}.inbox-live .chat-context-bar strong{color:#504b65}.inbox-live .chat-context-bar,.inbox-live .chat-sync-notice{background:#f8f8fc}.inbox-live .field input,.inbox-live .field select,.inbox-live .field textarea,.inbox-live .composer textarea,.inbox-live .search-box{color:#252536;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-color:#d9dce7;font-size:13px}.inbox-live .field label,.inbox-live .detail-heading,.inbox-live .field-label{color:#504b65;font-size:12px}.inbox-live .composer textarea{min-height:64px}.inbox-live .message-bubble{background:#fff;border-color:#e0e1e9;box-shadow:0 2px 6px #25253608}.inbox-live .outgoing .message-bubble{background:#eeebfb;border-color:#d9d2f1}.inbox-live .message-bubble p{color:#292638;font-size:14px}.inbox-live .message-bubble time{color:#737084;font-size:11px}.inbox-live .system-message{color:#666174;background:#eeedf4;border-color:#e0dfe8;font-size:12px}.inbox-live .conversation-top strong{font-size:14px}.inbox-live .conversation-preview{font-size:12px}.inbox-live .conversation-top time{font-size:11px}.live-list-owner{color:#736c85;font-size:11px;display:block}.live-route-links{justify-content:space-between;gap:8px;font-size:11px;display:flex}.live-account-status{border-bottom:1px solid #e0e1e9;gap:5px;padding:14px 16px;font-size:12px;display:grid}.live-account-status small{color:#736c85;font-size:11px}.inbox-live .rail-button{gap:6px;width:auto;padding:8px;font-size:15px;display:flex}.inbox-live .rail-button small{font-size:11px}.inbox-live .rail-nav{gap:8px}.inbox-live .send-button{color:#fff;background:#6651b8;font-size:13px}.inbox-live .chat-actions .icon-button{width:auto;padding:8px;font-size:12px}.inbox-live .workspace-page{background:var(--panel);color:var(--text);inset:64px 0 0}.inbox-live .detail-panel .detail-tabs button{font-size:12px}.inbox-live .customer-profile-card input{color:#252536;background:#fff;border-color:#d9dce7}.inbox-live .customer-profile-card label{color:#605970}@media (width<=1150px){.inbox-live{grid-template-rows:64px minmax(600px,1fr) auto;grid-template-columns:280px minmax(350px,1fr);height:auto;min-height:100vh}.inbox-live .detail-panel{grid-column:1/-1;max-height:none}.inbox-live .rail-nav{gap:2px}.inbox-live .rail-button small{display:none}}@media (width<=700px){.inbox-live{height:auto;min-height:100vh;display:flex}.inbox-live .rail{gap:8px;min-height:60px;padding:8px}.inbox-live .rail-nav{min-width:0;overflow-x:auto}.inbox-live .rail-button{min-width:32px;padding:6px}.inbox-live .conversation-panel{max-height:430px}.inbox-live .chat-panel{min-height:680px}.inbox-live .chat-header{flex-wrap:wrap;gap:8px;padding:12px}.inbox-live .chat-actions{justify-content:flex-end;width:100%}.inbox-live .message-bubble{max-width:90%}.inbox-live .composer{gap:6px;padding:10px}.inbox-live .composer-tools{flex-direction:column}.inbox-live .workspace-page{position:fixed;inset:60px 0 0}.inbox-live .live-replies-heading{flex-wrap:wrap}.inbox-live .brand-mark{width:32px;height:32px}.inbox-live .conversation-panel{flex:none;max-height:none}.inbox-live .conversation-list{flex:none;min-height:180px;max-height:300px;overflow-y:auto}.inbox-live .conversation-heading,.inbox-live .live-filters,.inbox-live .search-box,.inbox-live .list-sort{flex-shrink:0}}.mobile-inbox-tabs{display:none}@media (width<=700px){.inbox-live{flex-direction:column;width:100%;max-width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.inbox-live>*{min-width:0;max-width:100%}.inbox-live>.rail{flex:0 0 56px;height:56px;min-height:56px;overflow:hidden}.inbox-live .rail-nav{flex:1;min-width:0;overflow-x:auto}.inbox-live .rail-bottom,.inbox-live .rail-button{flex:none}.inbox-live>.mobile-inbox-tabs{background:#fff;border-bottom:1px solid #dedee8;flex:0 0 44px;display:flex}.mobile-inbox-tabs button{color:#696174;background:#fff;border:0;flex:1;min-width:0;font-size:13px}.mobile-inbox-tabs button[aria-pressed=true]{color:#5843a7;background:#eeebfa;border-bottom:3px solid #6651b8;font-weight:700}.inbox-live>.conversation-panel,.inbox-live>.chat-panel,.inbox-live>.detail-panel{flex:1;width:100%;height:auto;min-height:0;max-height:none;display:none;overflow:hidden}.inbox-live[data-mobile-pane=list]>.conversation-panel,.inbox-live[data-mobile-pane=chat]>.chat-panel{display:flex}.inbox-live[data-mobile-pane=details]>.detail-panel{display:flex;overflow-y:auto}.inbox-live .conversation-list{flex:1;min-height:0;max-height:none;overflow-y:auto}.inbox-live .chat-header{flex:none;gap:6px;min-width:0;padding:10px}.inbox-live .chat-person{flex:1;min-width:0}.inbox-live .chat-person h2{overflow-wrap:anywhere;font-size:16px}.inbox-live .chat-person>p{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.inbox-live .chat-actions{flex-wrap:wrap;width:auto;max-width:100%}.inbox-live .chat-context-bar{overflow-wrap:anywhere;flex-wrap:wrap;flex:none;padding:6px 10px}.inbox-live .chat-sync-notice{display:none}.inbox-live .messages{flex:1;min-height:60px;padding:10px;overflow-y:auto}.inbox-live .message-bubble{overflow-wrap:anywhere;min-width:0}.inbox-live .live-replies{flex:0 auto;max-height:130px;padding:8px 10px;overflow:auto}.inbox-live .live-replies-heading{font-size:11px}.inbox-live .live-reply-buttons{gap:5px}.inbox-live .live-reply-buttons button{overflow-wrap:anywhere;max-width:100%;font-size:12px}.inbox-live .composer{min-width:0;padding:8px 8px max(8px,env(safe-area-inset-bottom));flex:none;grid-template-columns:32px minmax(0,1fr) 56px}.inbox-live .composer textarea{min-width:0;min-height:54px;max-height:90px;font-size:16px}.inbox-live .live-notes{flex:none;max-height:140px;padding:8px 10px}.inbox-live .customer-profile-card,.inbox-live .field,.inbox-live .detail-content{overflow-wrap:anywhere;min-width:0}.inbox-live .workspace-page{max-width:100%;inset:100px 0 0;overflow-x:hidden}}.inbox-live .composer{position:relative}.inbox-live .composer-replies-trigger{color:#6651b8;background:#eeebfb;border:1px solid #d9d2f1;width:36px;min-height:44px;font-size:22px}.inbox-live .composer-replies-trigger[aria-expanded=true]{color:#fff;background:#6651b8}.inbox-live .composer-replies-panel{z-index:12;overscroll-behavior:contain;color:#252536;background:#fff;border:1px solid #d9d2f1;border-radius:12px;max-height:min(400px,48dvh);position:absolute;bottom:calc(100% + 8px);left:10px;right:10px;overflow:auto;box-shadow:0 8px 30px #29213a24}.inbox-live .composer-replies-toolbar{justify-content:flex-end;padding:4px 8px 0;display:flex}.inbox-live .composer-replies-panel button{color:#503890;cursor:pointer;white-space:normal;overflow-wrap:anywhere;background:#fff;border:1px solid #d9dce5;border-radius:7px;justify-content:center;align-items:center;width:auto;height:auto;min-height:44px;padding:8px 12px;font-size:14px;display:inline-flex}.inbox-live .composer-replies-toolbar button{border-color:#0000}.inbox-live .composer-replies-panel button:hover{background:#f0edfa}.inbox-live .composer-replies-panel button:disabled{opacity:.45;cursor:not-allowed}.inbox-live .composer-replies button:focus-visible{outline-offset:-3px;outline:3px solid #6651b8}.inbox-live .composer-replies-panel .live-replies{border:0;max-height:none;padding:0 12px 12px;overflow:visible}.inbox-live .composer-replies-panel .live-replies-heading{overflow-wrap:anywhere;flex-wrap:wrap;font-size:14px}.inbox-live .composer-replies-panel .live-replies small,.inbox-live .composer-replies-panel .live-replies summary{font-size:13px}@media (width<=700px){.inbox-live .composer{grid-template-columns:44px minmax(0,1fr) 56px}.inbox-live .composer-replies-trigger{width:44px}.inbox-live .composer-replies-panel{max-height:42dvh;left:8px;right:8px}}.inbox-live .keyword-reply-input{flex-direction:column;min-width:0;display:flex}.inbox-live .keyword-reply-input textarea{flex:1;width:100%;min-width:0}.inbox-live .keyword-reply-panel header{border-bottom:1px solid #e3dff0;flex-direction:column;gap:4px;padding:12px;font-size:14px;display:flex}.inbox-live .keyword-reply-panel header span{color:#626276;font-size:12px}.inbox-live .keyword-reply-panel [role=listbox]{padding:6px}.inbox-live .keyword-reply-panel button{text-align:left;border-color:#0000;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:52px;display:flex}.inbox-live .keyword-reply-panel button[aria-selected=true]{background:#eeebfb;border-color:#a99ad5}.inbox-live .keyword-reply-panel button strong{font-size:14px}.inbox-live .keyword-reply-panel button span{color:#4a4a60;white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.inbox-live .keyword-reply-error{color:#9b3535;font-size:12px}.ps9-page{color:#182b39;background:#f4f6f8;min-height:100dvh;font-family:Arial,Noto Sans Thai,sans-serif;line-height:1.6}.ps9-page *{box-sizing:border-box;min-width:0}.ps9-page a{color:inherit;text-decoration:none}.ps9-page a:focus-visible,.ps9-page button:focus-visible,.ps9-page select:focus-visible{outline-offset:4px;outline:3px solid #159b7d}.ps9-skip{z-index:20;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.ps9-skip:focus{top:12px}.ps9-header{background:#fff;border-bottom:1px solid #e0e6e9;align-items:center;gap:32px;padding:18px clamp(20px,4vw,64px);display:flex}.ps9-brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.ps9-brand>span{color:#fff;background:#163f3e;border-radius:12px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:800;display:grid}.ps9-brand strong{letter-spacing:1px;font-size:17px;display:block}.ps9-brand small{color:#697a83;font-size:11px;display:block}.ps9-header nav{flex:1;align-items:center;gap:6px;display:flex}.ps9-header nav a{white-space:nowrap;border-radius:7px;padding:9px 14px;font-size:14px}.ps9-header nav a[aria-current=page]{color:#12644f;background:#eaf5ef;font-weight:700}.ps9-header nav a:hover{background:#f0f4f5}.ps9-user{align-items:center;gap:10px;max-width:310px;font-size:12px;display:flex}.ps9-avatar{background:#e8efef;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.ps9-user strong{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:block;overflow:hidden}.ps9-user small{color:#6b7a82;display:block}.ps9-user>a{color:#6b7a82;white-space:nowrap;margin-left:8px;font-size:11px}.ps9-content{max-width:1340px;margin:auto;padding:46px clamp(20px,4vw,64px) 60px}.ps9-kicker{letter-spacing:2px;font-weight:700;color:#176452!important;margin:0 0 15px!important;font-size:11px!important}.ps9-welcome{border-bottom:1px solid #dce4e7;justify-content:space-between;align-items:center;gap:32px;padding:30px 0 46px;display:flex}.ps9-welcome h1,.ps9-title h1{letter-spacing:-1px;margin:0 0 16px;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.3}.ps9-welcome p,.ps9-title>p:last-child{color:#60717a;margin:0;font-size:15px;line-height:1.9}.ps9-primary{white-space:nowrap;background:#155c4b;border-radius:9px;align-items:center;gap:24px;padding:15px 23px;font-size:15px;font-weight:700;display:flex;box-shadow:0 5px 12px #123b3514;color:#fff!important}.ps9-primary:hover{background:#104737}.ps9-primary span{font-size:22px}.ps9-section-heading{justify-content:space-between;align-items:center;gap:12px;margin:30px 0 18px;display:flex}.ps9-section-heading h2{margin:0;font-size:18px}.ps9-section-heading span{color:#75838b;font-size:12px}.ps9-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.ps9-group{background:#fff;border:1px solid #dfe6e9;border-radius:13px;padding:25px 24px 16px;box-shadow:0 3px 9px #21313d03}.ps9-group-chat{border-top:3px solid #218566;padding-top:23px}.ps9-group-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.ps9-group-top>span:last-child{letter-spacing:1.5px;color:#819098;font-size:9px;font-weight:700}.ps9-group-icon{color:#365862;background:#edf2f3;border-radius:11px;place-items:center;width:43px;height:43px;font-size:24px;display:grid}.ps9-group-chat .ps9-group-icon{color:#17664b;background:#eaf6ef}.ps9-group h2{margin:0 0 6px;font-size:22px}.ps9-group>p{color:#728089;margin:0 0 21px;font-size:12px}.ps9-menu{border-top:1px solid #e9edf0}.ps9-menu>a{border-bottom:1px solid #edf0f2;grid-template-columns:1fr auto;gap:4px 10px;padding:17px 0;display:grid}.ps9-menu>a:last-child{border-bottom:0}.ps9-menu strong{font-size:14px;font-weight:600}.ps9-menu small{color:#7a878e;grid-column:1/-1;font-size:12px;line-height:1.7}.ps9-menu>a>span{color:#4f776c}.ps9-menu>a:hover strong{color:#138060;text-underline-offset:4px;text-decoration:underline}.ps9-note{background:#edf3f2;border:1px solid #dbe5e5;border-left:3px solid #759890;border-radius:8px;margin-top:28px;padding:20px 24px;font-size:13px}.ps9-note>strong{font-size:14px}.ps9-note p{color:#65777c;margin:5px 0;line-height:1.8}.ps9-note a{color:#14624d;margin-top:5px;font-weight:600;display:inline-block}.ps9-footer{color:#7b898f;border-top:1px solid #e1e7e9;flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:22px;font-size:11px;display:flex}.ps9-footer span{margin-right:auto}.ps9-back{margin:0 0 22px;font-size:13px;display:inline-block;color:#1c6b57!important}.ps9-title{margin-bottom:32px}.ps9-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.ps9-admin-link{background:#fff;border:1px solid #dfe6e9;border-radius:12px;padding:26px}.ps9-admin-link>span{float:right;color:#297d64;font-size:22px}.ps9-admin-link h2{margin:0 0 10px;font-size:20px}.ps9-admin-link p{color:#6f8087;margin:0 0 22px;font-size:14px}.ps9-admin-link strong{color:#1e6c57;font-size:13px}.ps9-admin-link:hover{border-color:#5c9c8c}.ps9-guide{background:#fff;border:1px solid #dfe6e9;border-radius:12px;max-width:900px;padding:0 28px}.ps9-guide>section{border-bottom:1px solid #e7edef;gap:22px;padding:28px 0;display:flex}.ps9-guide>section:last-child{border:0}.ps9-guide>section>span{color:#277961;min-width:26px;padding-top:4px;font-size:13px;font-weight:700}.ps9-guide h2{margin:0 0 10px;font-size:19px}.ps9-guide p{color:#64767e;margin:0;font-size:14px;line-height:1.9}.ps9-guide a{color:#196851;margin-top:14px;font-size:13px;font-weight:700;display:inline-block}.ps9-messages{background:#fff;border:1px solid #dfe6e9;border-radius:12px;padding:26px}.ps9-account-picker{gap:8px;max-width:440px;font-size:13px;font-weight:600;display:grid}.ps9-page select,.ps9-page input,.ps9-page textarea{color:#253d48;width:100%;font:inherit;background:#fff;border:1px solid #bfcfd3;border-radius:7px;padding:11px}.ps9-page textarea{resize:vertical;min-height:135px}.ps9-message-notice{color:#6a7c83;margin:16px 0 24px;font-size:12px}.ps9-messages .live-reply-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:26px;display:grid}.ps9-messages .live-reply-list{max-height:none}.ps9-messages .live-reply-list article,.ps9-legacy article{overflow-wrap:anywhere;background:#f6f8f9;border:1px solid #e2e8eb;border-radius:8px;margin-bottom:12px;padding:18px;font-size:13px}.ps9-messages .live-reply-list article>p{white-space:pre-wrap;color:#5e727b}.ps9-messages form{border-left:1px solid #e0e7e9;gap:14px;padding-left:26px;display:grid}.ps9-messages form h3{margin:0;font-size:17px}.ps9-messages form label{gap:8px;font-size:13px;display:grid}.ps9-messages button{color:#165a46;cursor:pointer;background:#edf6f0;border:1px solid #a8c1b9;border-radius:6px;margin-right:8px;padding:9px 15px;font-size:13px}.ps9-messages form button[type=submit]{color:#fff;background:#1b6550;padding:12px}.ps9-messages button:disabled{opacity:.45;cursor:not-allowed}.ps9-legacy{background:#fff;border:1px solid #dee6e9;border-radius:10px;margin:24px 0;padding:22px;font-size:13px}.ps9-legacy summary{cursor:pointer;font-weight:600}.ps9-legacy>p{color:#6a7d85}.brand-mark[href]{text-decoration:none}.message-row .message-bubble.message-bubble--sticker{box-shadow:none;background:0 0;border:0;padding:0}@media (width<=1100px){.ps9-header{flex-wrap:wrap;gap:20px}.ps9-header nav{border-top:1px solid #e9eef0;flex-basis:100%;order:3;padding-top:10px}.ps9-user{margin-left:auto}.ps9-groups{gap:12px}.ps9-group{padding-left:18px;padding-right:18px}}@media (width<=760px){.ps9-content{padding:25px 18px 40px}.ps9-header{gap:12px;padding:14px 18px}.ps9-header nav{justify-content:space-between;gap:0}.ps9-header nav a{padding:8px;font-size:12px}.ps9-user{font-size:11px}.ps9-user>div{display:none}.ps9-user>a{margin-left:0}.ps9-welcome{flex-direction:column;align-items:flex-start;gap:24px;padding:16px 0 30px}.ps9-primary{padding:12px 20px;font-size:14px}.ps9-welcome h1{font-size:30px}.ps9-welcome p{font-size:14px}.ps9-desktop-break{display:none}.ps9-groups,.ps9-admin-grid{grid-template-columns:1fr}.ps9-group{padding:22px}.ps9-group-chat{padding-top:20px}.ps9-section-heading span{display:none}.ps9-group-top{margin-bottom:14px}.ps9-group h2{font-size:21px}.ps9-group>p{margin-bottom:16px}.ps9-note{padding:18px}.ps9-footer{padding:20px 18px}.ps9-footer span{width:100%;margin:0}.ps9-guide{padding:0 18px}.ps9-guide>section{gap:12px;padding:22px 0}.ps9-guide h2{font-size:17px}.ps9-messages{padding:18px}.ps9-messages .live-reply-editor{grid-template-columns:1fr}.ps9-messages form{border-top:1px solid #e0e7e9;border-left:0;padding:20px 0 0}.ps9-message-notice{font-size:12px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.ps9-login-concept{color:#1c303b;background:#f4f7f8;min-height:100dvh;font-family:Noto Sans Thai,Tahoma,Arial,sans-serif;line-height:1.6}.ps9-login-concept *{box-sizing:border-box;min-width:0}.ps9-login-review{color:#684c18;background:#fff5db;border-bottom:1px solid #e8d3a0;justify-content:space-between;align-items:center;gap:20px;padding:10px max(20px,4vw);font-size:13px;display:flex}.ps9-login-review strong,.ps9-login-review span{display:block}.ps9-login-review label{white-space:nowrap;align-items:center;gap:12px;display:flex}.ps9-login-review select{color:#604415;font:inherit;background:#fff;border:1px solid #b9a170;border-radius:5px;min-height:44px;padding:8px 10px}.ps9-login-top{justify-content:space-between;align-items:center;max-width:1250px;margin:auto;padding:25px 40px;display:flex}.ps9-login-top>span{color:#596b75;font-size:13px}.ps9-login-brand{align-items:center;gap:12px;display:flex}.ps9-login-brand>span{color:#fff;background:#183f3d;border-radius:12px;place-items:center;width:44px;height:44px;font-size:27px;font-weight:700;display:grid}.ps9-login-brand strong{letter-spacing:.7px;font-size:19px;display:block}.ps9-login-brand small{color:#596d75;font-size:12px;display:block}.ps9-login-stage{width:100%;max-width:540px;margin:0 auto;padding:20px 24px 30px}.ps9-login-card{background:#fff;border:1px solid #dce4e8;border-radius:14px;padding:34px 36px 27px;box-shadow:0 8px 28px #173f3509}.ps9-login-card .ps9-login-kicker{color:#23634f;margin:0 0 9px;font-size:12px;font-weight:600}.ps9-login-card h1{letter-spacing:-.5px;margin:0 0 9px;font-size:26px;font-weight:700;line-height:1.45}.ps9-login-card>p{color:#60737d;margin:0 0 27px;font-size:14px}.ps9-login-card form{gap:9px;display:grid}.ps9-login-card form>label{font-size:14px;font-weight:600}.ps9-login-card form>input{margin-bottom:12px}.ps9-login-card input{color:#203b45;width:100%;height:49px;font:inherit;background:#fcfdfd;border:1px solid #b6c5cd;border-radius:7px;padding:12px 14px;font-size:16px}.ps9-login-card input:focus{outline-offset:1px;background:#fff;outline:2px solid #458c76}.ps9-login-card input::placeholder{color:#697d87;font-size:14px}.ps9-login-password{position:relative}.ps9-login-password input{padding-right:72px}.ps9-login-password button{color:#316450;cursor:pointer;min-width:62px;height:43px;font:inherit;background:0 0;border:0;border-radius:5px;font-size:13px;position:absolute;top:3px;right:3px}.ps9-login-concept button:focus-visible,.ps9-login-review select:focus-visible{outline-offset:3px;outline:3px solid #458c76}.ps9-login-submit{color:#fff;width:100%;height:49px;font:inherit;cursor:pointer;background:#175f4c;border:0;border-radius:7px;justify-content:center;align-items:center;gap:13px;margin-top:15px;font-size:16px;font-weight:600;display:flex}.ps9-login-submit>span:not(.ps9-login-spinner){font-size:20px}.ps9-login-submit:hover{background:#114d3d}.ps9-login-submit:disabled{opacity:.65;cursor:not-allowed}.ps9-login-card input:disabled{opacity:.65}.ps9-login-factor{background:#f6f9f8;border:1px solid #e2e9e8;border-radius:7px;margin-top:22px;padding:13px 14px}.ps9-login-factor>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ps9-login-factor strong{color:#415d58;font-size:12px;font-weight:600}.ps9-login-factor span{color:#626e70;background:#e9efed;border-radius:4px;padding:2px 6px;font-size:11px}.ps9-login-factor p{color:#61716f;margin:6px 0 0;font-size:12px;line-height:1.7}.ps9-login-help{border-top:1px solid #e6ecee;margin-top:23px;padding-top:20px;font-size:13px}.ps9-login-help strong{color:#475f6a;font-weight:600}.ps9-login-help p{color:#62747c;margin:5px 0 0;font-size:12px;line-height:1.8}.ps9-login-error{color:#90362c;background:#fdf0ee;border:1px solid #efd2cd;border-radius:6px;margin:7px 0 0;padding:11px 13px;font-size:13px}.ps9-login-notice{color:#71511b;background:#fff7e7;border-radius:6px;margin:6px 0 0;padding:10px 12px;font-size:13px;line-height:1.7}.ps9-login-back{color:#25614e;font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;font-size:13px}.ps9-login-factor-context{background:#f6f9f8;border-radius:6px;gap:3px;margin:0 0 13px;padding:12px 14px;font-size:13px;display:grid}.ps9-login-factor-context span{color:#64766e;font-size:12px}.ps9-login-card .ps9-login-otp{letter-spacing:8px;margin-bottom:0;font-family:Arial,sans-serif;font-size:23px}.ps9-login-field-note{color:#697778;margin:0;font-size:12px}.ps9-login-flow{text-align:center;color:#61717b;margin:22px 0 0;font-size:12px}.ps9-login-spinner{border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite ps9-login-spin}.ps9-login-footer{text-align:center;color:#60707a;padding:0 20px 26px;font-size:12px}@keyframes ps9-login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ps9-login-spinner{animation:none}}@media (width<=600px){.ps9-login-review{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 18px;font-size:12px}.ps9-login-review label{gap:10px}.ps9-login-review select{padding:5px 8px;font-size:12px}.ps9-login-top{padding:22px 23px}.ps9-login-top>span{display:none}.ps9-login-brand>span{width:38px;height:38px;font-size:23px}.ps9-login-brand strong{font-size:17px}.ps9-login-brand small{font-size:12px}.ps9-login-stage{max-width:480px;padding:4px 18px 22px}.ps9-login-card{border-radius:12px;padding:27px 23px 23px}.ps9-login-card h1{font-size:23px}.ps9-login-card>p{margin-bottom:23px;font-size:13px}.ps9-login-help{margin-top:20px;padding-top:17px}.ps9-login-flow{font-size:11px}.ps9-login-footer{padding-bottom:20px}}