@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-thai-400-normal-BEOmKAI1.woff2) format("woff2"),url(/assets/noto-sans-thai-thai-400-normal-Dxb_unuU.woff) format("woff")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-thai-thai-500-normal-CU_X86GQ.woff2) format("woff2"),url(/assets/noto-sans-thai-thai-500-normal-BOGXO2tw.woff) format("woff")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-thai-600-normal-Cs73sVjl.woff2) format("woff2"),url(/assets/noto-sans-thai-thai-600-normal-CmgB8_JK.woff) format("woff")}:root{--focus-glow: #a98aec15;--invalid: #e28698;--field-error: #e69aaa;--control-icon: #aaa0bd;--number-line: #34313f;--number-text: #b7a7d1;--number-hover: #967bcc22;--select-text: #dfdceb;--select-icon: #a49ab6;--select-hover-border: #7b648f;--select-hover-bg: #1b1823;--select-open-border: #b598f0;--select-open-glow: #9776d51a;--popover: #211d2b;--popover-text: #e8e2f3;--popover-border: #695782;--popover-line: #3b324a;--popover-muted: #a294b4;--popover-faint: #9d92b0;--option-text: #c9bfd8;--option-selected-text: #d8c5ff;--option-selected-bg: #a583ec13;--option-active-text: #f0e7ff;--option-active-bg: #a887e52a;--check-border: #62536f;--check-bg: #16131d;--check-on: #a586e5;--check-on-border: #b798f4;--check-mark: #ffffff;--calendar-text: #d0c4df;--calendar-hover: #a486d526;--calendar-weekday: #a293b6;--calendar-outside: #746880;--calendar-today: #8468a5;--calendar-selected-bg: #a385df;--calendar-selected-text: #ffffff;--calendar-line: #43344f;--calendar-muted: #b7a7ca;--calendar-done: #9677d0}:root[data-theme=light]{--focus-glow: #6d4fd61f;--invalid: #d6385a;--field-error: var(--danger);--control-icon: #77758a;--number-line: var(--border);--number-text: var(--role-text);--number-hover: #6d4fd614;--select-text: var(--text);--select-icon: #77758a;--select-hover-border: var(--border-hover);--select-hover-bg: #faf9fd;--select-open-border: var(--accent);--select-open-glow: #6d4fd61f;--popover: var(--surface);--popover-text: var(--text);--popover-border: #d9d3ee;--popover-line: var(--modal-line);--popover-muted: var(--muted);--popover-faint: var(--muted);--option-text: var(--text-2);--option-selected-text: var(--accent-hover);--option-selected-bg: #6d4fd60f;--option-active-text: var(--heading);--option-active-bg: #6d4fd61a;--check-border: var(--border-hover);--check-bg: var(--input);--check-on: var(--accent);--check-on-border: var(--accent);--check-mark: #ffffff;--calendar-text: var(--text-2);--calendar-hover: #6d4fd614;--calendar-weekday: var(--muted);--calendar-outside: #a5a2b6;--calendar-today: var(--accent);--calendar-selected-bg: var(--accent);--calendar-selected-text: #ffffff;--calendar-line: var(--modal-line);--calendar-muted: var(--muted);--calendar-done: var(--accent)}.cf-input,.cf-textarea{transition:background .18s,border-color .18s,box-shadow .18s!important}.cf-input:focus,.cf-textarea:focus{box-shadow:0 0 0 3px var(--focus-glow)}.cf-input[aria-invalid=true],.cf-textarea[aria-invalid=true],.cf-select-trigger[aria-invalid=true]{border-color:var(--invalid)!important}.cf-input:disabled,.cf-textarea:disabled{opacity:.5;cursor:not-allowed}.cf-input-wrap,.cf-number,.cf-select,.cf-date{position:relative;min-width:0}.cf-input-wrap>input{padding-right:43px}.cf-input-wrap>button{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;padding:4px;background:transparent;color:var(--control-icon);display:flex}.cf-number input{appearance:textfield;-moz-appearance:textfield;padding-right:42px}.cf-number input::-webkit-inner-spin-button,.cf-number input::-webkit-outer-spin-button{appearance:none;margin:0}.cf-number>span{position:absolute;right:5px;top:4px;bottom:4px;width:27px;display:flex;flex-direction:column;border-left:1px solid var(--number-line)}.cf-number button{flex:1;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--number-text);border-radius:3px}.cf-number button:hover{background:var(--number-hover)}.cf-select-trigger{display:flex;align-items:center;gap:9px;justify-content:space-between;width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--border-strong);background:var(--input);border-radius:10px;color:var(--select-text);text-align:left;font-size:13px;line-height:1.6}.cf-select-trigger>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-select-trigger>svg{color:var(--select-icon)}.cf-select-trigger:hover:not(:disabled){border-color:var(--select-hover-border);background:var(--select-hover-bg)}.cf-select-trigger[aria-expanded=true]{border-color:var(--select-open-border);box-shadow:0 0 0 3px var(--select-open-glow)}.cf-select-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.cf-select-trigger svg{transition:transform .18s}.cf-popup{position:fixed;inset:auto;margin:0;background:var(--popover);color:var(--popover-text);border:1px solid var(--popover-border);border-radius:14px;padding:6px;box-shadow:0 18px 50px var(--shadow),inset 0 1px 0 var(--panel-highlight);overflow:auto;z-index:150;animation:reveal .14s ease;scrollbar-width:thin}.cf-popup::backdrop{background:transparent}.cf-select-search{display:flex;align-items:center;gap:7px;padding:3px 7px 8px;border-bottom:1px solid var(--popover-line);margin-bottom:5px;color:var(--popover-muted)}.cf-select-search .cf-input{border:0;background:transparent;padding:5px 0;min-height:32px;outline:0;box-shadow:none!important;font-size:12px}.cf-options{max-height:260px;overflow:auto}.cf-option{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:9px 10px;min-height:37px;border-radius:9px;font-size:13px;cursor:pointer;color:var(--option-text);transition:background .12s,color .12s}.cf-option[aria-selected=true]{color:var(--option-selected-text);background:var(--option-selected-bg)}.cf-option[data-highlighted=true]{background:var(--option-active-bg);color:var(--option-active-text)}.cf-option[aria-disabled=true]{opacity:.38;cursor:not-allowed}.cf-options-empty{padding:18px;text-align:center;font-size:12px;color:var(--popover-faint)}.cf-validation{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0!important;pointer-events:none;padding:0!important;border:0!important;overflow:hidden}.cf-field-error{display:block;color:var(--field-error);margin-top:4px}.title-actions>.cf-select{min-width:175px}.cf-check{display:inline-flex;position:relative;vertical-align:middle;flex-shrink:0;width:17px;height:17px}.cf-check .cf-checkbox{appearance:none;width:17px;height:17px;min-height:0;margin:0;padding:0;border:1px solid var(--check-border);border-radius:4px;background:var(--check-bg);cursor:pointer}.cf-check .cf-checkbox:checked,.cf-check .cf-checkbox:indeterminate{background:var(--check-on) var(--grad-primary);border-color:var(--check-on-border)}.cf-check .cf-checkbox:disabled{opacity:.4;cursor:not-allowed}.cf-check>span{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--check-mark);opacity:0;transform:scale(.6);transition:opacity .12s,transform .12s}.cf-check .cf-checkbox:checked+span,.cf-check .cf-checkbox:indeterminate+span{opacity:1;transform:scale(1)}.cf-calendar{padding:13px}.cf-calendar header,.cf-calendar footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.cf-calendar header strong{font-size:13px}.cf-calendar button{background:transparent;border:0;border-radius:6px;color:var(--calendar-text);padding:6px;font-size:12px}.cf-calendar button:hover:not(:disabled){background:var(--calendar-hover)}.cf-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:12px 0}.cf-calendar-grid>span{text-align:center;font-size:10px;color:var(--calendar-weekday);padding-bottom:5px}.cf-calendar-grid button{aspect-ratio:1;padding:2px}.cf-calendar-grid button.outside{color:var(--calendar-outside)}.cf-calendar-grid button.today{box-shadow:inset 0 0 0 1px var(--calendar-today)}.cf-calendar-grid button.selected{background:var(--calendar-selected-bg) var(--grad-primary);color:var(--calendar-selected-text);font-weight:600}.cf-calendar-time{display:flex;align-items:center;gap:7px;padding:10px 0;border-top:1px solid var(--calendar-line);font-size:12px;color:var(--calendar-muted)}.cf-calendar-time>span:first-child{margin-right:auto}.cf-calendar-time .cf-select{width:60px}.cf-calendar-time .cf-select-trigger{min-height:34px;padding:5px 7px;font-size:12px}.cf-calendar footer{padding-top:9px}.cf-calendar .cf-calendar-done{padding:7px 13px;background:var(--calendar-done) var(--grad-primary);color:var(--on-fill)}.cf-multi-values{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.cf-multi-values>button{display:flex;align-items:center;gap:6px;padding:3px 8px;background:var(--grad-soft);border:1px solid var(--accent-line);border-radius:999px;color:var(--accent);font-size:11px}.cf-multi-values>button:hover:not(:disabled){border-color:var(--accent-border)}@media(max-width:760px){.cf-calendar{max-width:calc(100vw - 24px)}}:root{--login-grid: #ae98ff03;--login-glow-1: #8f63cf38;--login-glow-2: #3f7ae026;--login-wordmark: #dfdce9;--login-card-border: #ae98ff25;--login-card-from: #1c1c27;--login-card-via: #171820;--login-card-shadow: #0004;--login-card-highlight: #e6dfff08;--login-symbol-border: #dccaff35;--login-symbol-from: #b29cf2;--login-symbol-to: #8b68ce;--login-symbol-shadow: #8b68ce28;--login-eyebrow: #b3a6cc;--login-label: #c8c6d7;--login-input-border: #32303f;--login-input-bg: #111218;--login-demo-text: #c6b5e9;--login-demo-bg: #ae98ff0a;--login-step-text: #d5cde4;--login-footer: #8b879b;--login-footer-dot: #676174}:root[data-theme=light]{--login-grid: #6d4fd608;--login-glow-1: #8f63cf2e;--login-glow-2: #38bdf82b;--login-wordmark: var(--text);--login-card-border: #6d4fd626;--login-card-from: #ffffff;--login-card-via: #fdfcff;--login-card-shadow: #1d16401f;--login-card-highlight: #ffffff00;--login-symbol-border: #6d4fd633;--login-symbol-from: #9c7ff0;--login-symbol-to: var(--accent);--login-symbol-shadow: #6d4fd633;--login-eyebrow: var(--loading);--login-label: var(--text-2);--login-input-border: var(--border-strong);--login-input-bg: var(--input);--login-demo-text: var(--accent-hover);--login-demo-bg: #6d4fd60d;--login-step-text: var(--text-2);--login-footer: var(--muted);--login-footer-dot: #b3aec8}.cf-login-page{position:relative;isolation:isolate;display:flex;min-height:100svh;max-width:none;flex-direction:column;justify-content:center;align-items:center;padding:104px 24px 76px;background:var(--bg);color:var(--text)}.cf-login-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:linear-gradient(var(--login-grid) 1px,transparent 1px),linear-gradient(90deg,var(--login-grid) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,#0003 80%);mask-image:radial-gradient(ellipse at center,#000 20%,#0003 80%)}.cf-login-atmosphere>span{position:absolute;top:16%;left:calc(50% - 420px);width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,var(--login-glow-1),transparent 70%)}.cf-login-atmosphere>span+span{top:38%;left:calc(50% - 70px);width:490px;height:490px;background:radial-gradient(circle,var(--login-glow-2),transparent 70%)}.cf-login-toolbar{position:absolute;top:27px;right:36px;left:36px;display:flex;justify-content:space-between;align-items:center;gap:12px}.cf-login-wordmark{display:inline-flex;align-items:center;gap:9px;color:var(--login-wordmark);font-size:13px;font-weight:600;white-space:nowrap}.cf-login-wordmark>svg,.cf-login-wordmark>span{color:var(--accent)}.cf-login-wordmark>span{font-size:.88em;font-weight:500;letter-spacing:.01em}.cf-login-toolbar .button{font-size:12px}.cf-login-actions{display:inline-flex;align-items:center;gap:4px}.cf-login-card{width:min(100%,448px);padding:34px;border:1px solid transparent;border-radius:24px;background:linear-gradient(145deg,var(--login-card-from),var(--login-card-via) 52%,var(--panel)) padding-box,linear-gradient(150deg,var(--grad-from),var(--login-card-border) 35%,var(--login-card-border) 70%,var(--grad-to)) border-box;box-shadow:0 24px 80px var(--login-card-shadow),inset 0 1px 0 var(--login-card-highlight)}.cf-login-intro{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;text-align:center}.cf-login-symbol{display:grid;width:62px;height:62px;place-items:center;margin-bottom:21px;border:1px solid var(--login-symbol-border);border-radius:18px;background:linear-gradient(145deg,var(--login-symbol-from),var(--login-symbol-to));box-shadow:0 8px 24px var(--login-symbol-shadow);color:var(--on-fill)}.cf-login-eyebrow{color:var(--login-eyebrow);font-size:10px;font-weight:500;letter-spacing:.18em}.cf-login-intro h1{margin:10px 0 7px;color:var(--heading);font-size:27px;font-weight:600;line-height:1.35}.cf-login-intro p{margin:0;color:var(--muted);font-size:12px}.cf-login-fields .field{margin-bottom:18px}.cf-login-fields .field>label{color:var(--login-label);font-size:12px}.cf-login-fields .cf-input{min-height:46px;border-color:var(--login-input-border);border-radius:10px;background:var(--login-input-bg);font-size:13px}.cf-login-fields .cf-input:focus{border-color:var(--accent)}.cf-login-account-note{display:flex;align-items:center;gap:6px;margin:-1px 0 19px;color:var(--muted);font-size:10px;flex-wrap:wrap}.cf-login-account-note>span{flex:1}.cf-login-demo{width:150px}.cf-login-demo .cf-select-trigger{min-height:27px;padding:4px 7px;gap:5px;border-radius:6px;color:var(--login-demo-text);background:var(--login-demo-bg);font-size:10px}.cf-login-demo .cf-select-trigger>svg{width:12px;height:12px}.cf-login-demo .cf-option{min-height:28px;padding:5px 8px;font-size:11px}.cf-login-fields .cf-login-submit{display:flex;width:100%;min-height:46px;justify-content:center;gap:10px;border-radius:10px;font-size:13px;font-weight:600}.cf-login-next-step{display:flex;align-items:flex-start;gap:11px;margin-top:25px;padding:15px 0 0;border-top:1px solid var(--border)}.cf-login-next-step>span{display:grid;width:32px;height:32px;flex-shrink:0;place-items:center;border-radius:9px;background:var(--grad-soft);color:var(--accent)}.cf-login-next-step strong{color:var(--login-step-text);font-size:11px;font-weight:500}.cf-login-next-step p{margin:3px 0 0;color:var(--muted);font-size:10px}.cf-login-help{margin:20px 0 0;color:var(--muted);font-size:10px;text-align:center}.cf-login-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px;color:var(--login-footer);font-size:10px}.cf-login-footer>span{display:inline-flex;align-items:center;gap:6px}.cf-login-footer>i{width:3px;height:3px;border-radius:50%;background:var(--login-footer-dot)}@media(max-width:520px){.cf-login-page{padding:88px 18px 30px}.cf-login-toolbar{top:20px;right:18px;left:18px}.cf-login-wordmark{gap:7px;font-size:11px}.cf-login-toolbar .button{padding-inline:6px;font-size:11px}.cf-login-card{padding:27px 23px;border-radius:20px}.cf-login-intro{margin-bottom:25px}.cf-login-symbol{width:55px;height:55px;margin-bottom:18px}.cf-login-intro h1{font-size:25px}.cf-login-footer{gap:8px;font-size:9px}}:root{--mock-text: #d8bc80;--mock-bg: #d8bc800c;--mock-border: #d8bc8025;--agent-code-text: #c6b4fa;--call-border: #70d5b440;--call-bg: #70d5b40a;--phone-rule-text: #c8b8f4;--resume-shadow: #0007;--resume-icon: #c4b5fd;--alert-text: #f4a6b0;--alert-border: #f43f5e50;--alert-bg: #f43f5e0a;--caution-text: #e6c78b;--caution-border: #e6c78b50;--caution-bg: #e6c78b0a;--phase-ring: #ae98ff;--phase-ring-bg: #8d6fe62b;--phase-live: #5fd3ad;--phase-live-bg: #2fbf8f26;--phase-done: #6fa8ff;--phase-done-bg: #4f8df51f}:root[data-theme=light]{--mock-text: var(--warning);--mock-bg: #b7791f14;--mock-border: #b7791f4d;--agent-code-text: var(--accent-hover);--call-border: #0f7a5a4d;--call-bg: #0f7a5a0f;--phone-rule-text: #4f3aa6;--resume-shadow: var(--shadow);--resume-icon: var(--accent);--alert-text: var(--danger);--alert-border: #d6385a59;--alert-bg: #d6385a0d;--caution-text: var(--warning);--caution-border: #b7791f66;--caution-bg: #b7791f12;--phase-ring: var(--accent);--phase-ring-bg: #6d4fd61f;--phase-live: var(--green);--phase-live-bg: #12a37b1f;--phase-done: #2f5fd0;--phase-done-bg: #3b82f61a}.wfh-page{max-width:1600px;margin:0 auto}.wfh-mode{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:11px;color:var(--muted)}.wfh-mode>svg{color:var(--green)}.wfh-mock{display:inline-flex;align-items:center;color:var(--mock-text);background:var(--mock-bg);border:1px solid var(--mock-border);border-radius:999px;padding:3px 9px;font-size:10px}.wfh-directory{overflow:hidden}.wfh-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.wfh-tabs .button{font-size:12px;padding:6px 14px;border-radius:999px}.wfh-tabs .button:not(.primary){background:transparent;border-color:transparent}.wfh-tabs .button:not(.primary):hover:not(:disabled){background:var(--hover)}.wfh-tabs small{margin-left:8px;font-size:10px;color:var(--muted)}.wfh-table{width:100%;min-width:800px;font-size:12px}.wfh-table th{color:var(--muted);font-size:10px;padding:12px 14px;font-weight:500;white-space:nowrap}.wfh-table td{padding:16px 14px;vertical-align:middle;white-space:nowrap}.wfh-table th:first-child,.wfh-table td:first-child{padding-left:18px}.wfh-table td:last-child{padding-right:18px}.wfh-table small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.wfh-table strong{font-weight:500}.wfh-agent-code{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:8px;border:1px solid var(--accent-line);background:var(--grad-soft);color:var(--agent-code-text);font-size:11px;font-weight:600}.wfh-customer{display:flex;align-items:center;gap:10px}.wfh-row-actions{display:flex;gap:5px}.wfh-row-actions .button{padding:7px}.wfh-row-actions .spin+svg{display:none}.wfh-row-actions .wfh-call-icon{border-color:var(--call-border);background:var(--call-bg);color:var(--green)}.wfh-row-actions .wfh-call-icon:hover:not(:disabled){border-color:var(--green);background:var(--call-bg);box-shadow:0 6px 16px -8px var(--green)}.wfh-footnote{color:var(--muted);font-size:10px;margin-top:14px}.wfh-empty{padding:24px}.wfh-empty>.button{margin-top:12px}.wfh-call-mode{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;margin-bottom:18px}.wfh-call-task{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 10px;color:var(--text-2);font-size:12px}.wfh-call-task .wfh-countdown{color:var(--warning);font-weight:600}.wfh-start{width:100%;margin-top:12px}.wfh-notice{color:var(--muted);font-size:11px;margin:8px 0}.modal.wfh-call-popup{--modal-x: 24px;--modal-bottom: 20px;width:min(900px,calc(100vw - 32px));padding-top:20px}.wfh-call-popup>header h2{font-size:16px}.wfh-call-popup>header{padding-bottom:12px}.wfh-call-identity{display:flex;align-items:center;gap:12px;margin-bottom:20px}.wfh-call-identity>div{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.wfh-call-identity strong{font-size:16px}.wfh-call-identity>div>span{font-size:12px;color:var(--muted)}.wfh-call-identity .wfh-agent-code{margin-left:auto}.wfh-desk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}body .wfh-desk>.panel{padding:0;border:0;background:none;box-shadow:none;min-width:0;overflow:visible}.wfh-desk h3{font-size:14px}.wfh-softphone-heading{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.wfh-softphone-heading>svg{color:var(--accent)}.wfh-softphone-heading strong{color:var(--text);font-size:14px}.wfh-call-steps{display:grid;gap:6px;margin:14px 0;padding-left:20px;font-size:12px;color:var(--muted)}.wfh-call-steps .done{color:var(--green)}.wfh-call-steps .current{color:var(--text);font-weight:600}.wfh-call-status{--phase: var(--phase-ring);--phase-bg: var(--phase-ring-bg);position:relative;padding:14px 16px 14px 20px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(120deg,var(--phase-bg),transparent 70%);overflow:hidden}.wfh-call-status:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--phase)}.wfh-call-status[data-phase=connected]{--phase: var(--phase-live);--phase-bg: var(--phase-live-bg)}.wfh-call-status[data-phase=wrap_up],.wfh-call-status[data-phase=completed]{--phase: var(--phase-done);--phase-bg: var(--phase-done-bg)}.wfh-call-status[data-phase=agent_ringing]:before,.wfh-call-status[data-phase=customer_ringing]:before{animation:phase-pulse 1.4s ease-in-out infinite}.wfh-call-status[data-phase=connected] b{color:var(--phase-live)}@keyframes phase-pulse{50%{opacity:.35}}.wfh-call-status strong{display:block;font-size:14px}.wfh-call-status b{display:block;margin-top:6px;font-size:22px;font-variant-numeric:tabular-nums}.wfh-call-status>.button{margin-top:4px}.wfh-call-details{border-top:1px solid var(--border);padding:12px 0;font-size:12px}.wfh-call-details>summary{cursor:pointer;color:var(--muted)}.wfh-call-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.wfh-phone-rule{display:flex;align-items:start;gap:9px;padding:12px;border-radius:12px;background:var(--grad-soft);color:var(--phone-rule-text);font-size:11px;margin:12px 0}.wfh-phone-rule svg{flex-shrink:0;margin-top:2px}.wfh-wrapup>h3{margin:0 0 10px}.wfh-wrapup .field{margin:10px 0}.wfh-wrapup>.button{width:100%}.wfh-call-resume{position:fixed;z-index:40;bottom:24px;right:24px;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:14px 16px;border:1px solid transparent;border-radius:16px;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(120deg,var(--grad-from),var(--grad-to)) border-box;box-shadow:0 14px 40px var(--resume-shadow)}.wfh-call-resume>svg{color:var(--resume-icon);flex-shrink:0}.wfh-call-resume>div{display:grid;gap:4px;min-width:0}.wfh-call-resume strong{font-size:12px;overflow-wrap:anywhere}.wfh-call-resume small{font-size:11px;color:var(--muted)}.wfh-activity-warning{display:flex;gap:10px;align-items:start;padding:14px;border-radius:12px;margin:14px 0;font-size:12px}.wfh-activity-warning>svg{flex-shrink:0;margin-top:2px}.wfh-activity-warning p{margin-top:6px;font-size:11px}.wfh-activity-warning small{display:block;margin-top:5px;font-size:10px}.wfh-activity-warning.active{color:var(--alert-text);border:1px solid var(--alert-border);background:var(--alert-bg)}.wfh-activity-warning.recent{color:var(--caution-text);border:1px solid var(--caution-border);background:var(--caution-bg)}.wfh-activity-check{display:flex;align-items:flex-start;gap:8px;margin:0 0 16px}.wfh-activity-check>div{flex:1;min-width:0}.wfh-activity-check>div>*{margin-top:0;margin-bottom:0}.wfh-activity-check>.button{flex-shrink:0;min-height:34px;padding:7px}.wfh-activity-note{display:flex;align-items:flex-start;gap:9px;margin:14px 0;padding:10px 14px;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:12px}.wfh-activity-note>svg{flex-shrink:0;margin-top:2px;color:var(--success)}.wfh-activity-note>.wfh-call-history{flex:1;margin-top:0}.wfh-call-history{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:6px;font-size:11px}.wfh-call-history .wfh-info{min-height:26px;padding:4px;color:inherit}.wfh-call-history ul{flex-basis:100%;display:grid;gap:6px;margin:4px 0 0;padding:0;list-style:none}.wfh-call-history li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,1fr);gap:8px;padding-top:6px;border-top:1px solid currentColor;border-top-color:color-mix(in srgb,currentColor 18%,transparent);overflow-wrap:anywhere}.wfh-note{max-width:260px;white-space:normal;overflow-wrap:anywhere}.wfh-customer-calls{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.wfh-customer-calls h3{display:flex;align-items:baseline;gap:8px;font-size:14px}.wfh-customer-calls h3 small{color:var(--muted);font-size:11px;font-weight:400}.wfh-customer-calls ol{margin:8px 0 0;padding:0;list-style:none}.wfh-customer-calls li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:4px 12px;padding:10px 0;border-top:1px solid var(--border);font-size:12px;overflow-wrap:anywhere}.wfh-customer-calls li:first-child{border-top:0}.wfh-customer-calls li small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.wfh-customer-calls li>p{grid-column:1 / -1;margin:0;color:var(--muted);font-size:11px;white-space:pre-line}@media(max-width:680px){.modal.wfh-call-popup{max-height:calc(100dvh - 24px)}.wfh-desk{grid-template-columns:minmax(0,1fr);gap:16px}.wfh-call-identity{flex-wrap:wrap}.wfh-call-history li,.wfh-customer-calls li{grid-template-columns:minmax(0,1fr);gap:2px}.wfh-call-resume{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));gap:10px}.wfh-call-resume>div{flex:1}.wfh-call-resume>.button{flex-shrink:0}}@media(max-width:760px){.wfh-mode{align-items:flex-start}}@media(min-width:1600px){:root{--sidebar: 264px}body .sidebar nav a{font-size:14px}body main{padding:36px 42px}body .person-cell strong,body td{font-size:14px}}@media(max-width:1250px){body .title-actions{margin-top:0}}@media(max-width:1020px){:root{--sidebar: 215px}body main{padding:25px}body .topbar{padding:0 25px}body .sidebar{padding-left:12px;padding-right:12px}body .brand{padding-left:5px}body .toolbar{flex-wrap:wrap}body .search-input{max-width:none;min-width:200px}body .today{display:none}}@media(max-width:760px){body .sidebar{transform:translate(-100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);width:min(290px,86vw);overscroll-behavior:contain}body .sidebar.open{transform:translate(0);box-shadow:0 0 60px var(--shadow)}body .sidebar nav a{min-height:46px}body .sidebar-backdrop{display:block;position:fixed;inset:0;background:var(--scrim);z-index:29;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body .main-shell{margin-left:0}body .mobile-menu{display:inline-flex!important}body .topbar{height:64px;padding:0 15px}body .breadcrumb{gap:8px}body .breadcrumb>span:first-of-type{display:none}body .topbar-actions{gap:8px}body main{padding:24px 18px}body h1{font-size:25px}body .title-actions{flex-wrap:wrap}body .app-footer{padding:18px;font-size:9px;flex-wrap:wrap}body .toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 24px)}body .toolbar{padding:17px 18px}body .modal{--modal-x: 20px;--modal-bottom: 18px;padding-top:18px}body .form-grid{gap:0 13px}}@media(max-width:760px){body .table-wrap{overflow:visible}body .table-wrap table{display:block;min-width:0;white-space:normal}body .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body .table-wrap tbody{display:block}body .table-wrap tr{--card-actions: 96px;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:14px 16px;border-bottom:1px solid var(--line-row)}body .table-wrap tbody tr:last-child{border-bottom:0}body .table-wrap td{display:block;min-width:0;max-width:none;padding:0;border:0;font-size:13px;white-space:normal;overflow-wrap:anywhere}body .table-wrap td[data-label]:before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--muted);font-size:11px;line-height:1.5}body .table-wrap td:first-child{grid-column:1 / -1;min-height:34px;padding:0 var(--card-actions) 0 0}body .table-wrap td:first-child:before,body .table-wrap td:last-child:before{content:none}body .table-wrap td:last-child{position:absolute;top:12px;right:12px;padding:0;background:none}body .table-wrap .tag-table tr{--card-actions: 150px}body .table-wrap .task-table tr{--card-actions: 0px}body .table-wrap .task-table td:last-child{position:static;grid-column:1 / -1}body .table-wrap .task-table td:last-child .wfh-row-actions{justify-content:flex-end}body .table-wrap .activity-table td:nth-child(2){grid-column:1 / -1}body .table-wrap .results-table tr,body .table-wrap .kpi-table tr{--card-actions: 0px}body .table-wrap .results-table td:last-child,body .table-wrap .kpi-table td:last-child{position:static;grid-column:1 / -1}body .table-wrap .results-table td:last-child:before,body .table-wrap .kpi-table td:last-child:before{content:attr(data-label)}body .table-wrap .results-table .wfh-note{max-width:none}body .settings-actions>.button{flex:1}body input,body textarea,body .field input,body .field textarea,body .search-input input,body .cf-login-fields .cf-input,body .cf-select-search .cf-input{font-size:16px}body .modal,body .modal.wide,body .modal.wfh-call-popup{width:100%;max-width:100%;max-height:calc(100dvh - 24px);margin:auto 0 0;border-width:1px 0 0;border-radius:22px 22px 0 0;--modal-x: 16px;--modal-bottom: calc(18px + env(safe-area-inset-bottom)) ;padding-top:18px;animation:sheet-in .3s cubic-bezier(.2,.8,.2,1)}body .modal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}body .modal .form-actions{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));margin-inline:-16px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--surface)}body .modal .form-actions>.button{flex:1}}@keyframes sheet-in{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:420px){body .topbar-divider,body .topbar-actions>.avatar{display:none}body .form-grid{grid-template-columns:1fr}body .pagination{padding:15px;gap:8px}body .pagination>div{gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}:root{font-family:Inter,Noto Sans Thai,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #0f1016;--panel: #16171f;--panel-top: #1b1b27;--panel-highlight: #ffffff0a;--surface: #1a1b25;--surface-2: #1f2029;--hover: #262734;--hover-2: #2b2c39;--input: #11121a;--sidebar-bg: #121219;--sidebar-top: #191726;--topbar-bg: #0f1016cc;--table-head: #ae98ff08;--row-hover: #ae98ff0a;--border: #2a2b37;--border-strong: #424457;--glow-1: #7c5cff38;--glow-2: #2f7bf528;--glow-3: #e0489914;--grad-from: #b49cff;--grad-to: #6fa8ff;--grad-accent: linear-gradient(90deg, var(--grad-from), var(--grad-to));--grad-soft: linear-gradient(135deg, #8d6fe62e, #4f8df514);--grad-border: linear-gradient( 135deg, #ae98ff4d, #6fa8ff1f 40%, var(--border) 70% );--grad-success: linear-gradient(90deg, #5fd3ad, #4cc3e6);--primary-from: #7050e8;--primary-via: #5f4fe2;--primary-to: #3f66dd;--grad-primary: linear-gradient( 135deg, var(--primary-from), var(--primary-via) 55%, var(--primary-to) );--border-hover: #5b536e;--border-focus: #9b7bf0;--line: #2a2b35;--line-shell: #252630;--line-row: #262732;--line-toolbar: #2b2c35;--line-pagination: #2a2b34;--sidebar-border: #282933;--modal-border: #42404f;--modal-line: #343440;--form-line: #333440;--text: #ececf4;--text-2: #c3c5d5;--text-3: #9498ad;--text-faint: #8e92a6;--heading: #f4f0fd;--muted: #9da0b4;--input-text: #e9e9f3;--placeholder: #7d8095;--cell-strong: #e0dfec;--label: #b6b7c8;--checkbox-label: #b9b9c8;--modal-text: #e6e6f0;--pagination-text: #85899d;--loading: #a69ac3;--accent: #ae98ff;--accent-hover: #c0adff;--accent-soft: #ae98ff18;--accent-border: #7465c966;--accent-line: #ae98ff30;--focus-ring: #b69aff;--check-accent: #9d82f1;--selection-bg: #68518e;--selection-text: #fff;--on-accent: #faf8ff;--on-fill: #fff;--scrollbar: #393b49;--button-text: #dedeea;--button-border: #343540;--button-hover-border: #50465f;--primary: var(--primary-via);--primary-border: #ffffff1f;--primary-hover: #6d5cf0;--primary-shadow: #6a4fe540;--primary-hover-shadow: #6a4fe566;--ghost-text: #b3b4c4;--ghost-hover-text: #fff;--danger-button-text: #f497a8;--danger-button-bg: #a4425820;--danger-button-border: #b7536835;--green: #70d5b4;--green-text: #7bdfbd;--success: #72d2b0;--success-soft: #52c4a514;--live: #77d7b4;--live-ring: #77d7b410;--danger: #f3a5b4;--danger-soft: #d6526215;--danger-border: #d65e7635;--warning: #d6b87d;--warning-soft: #ba934516;--warning-border: #bb934930;--badge-text: #bcbecb;--badge-bg: #30313a;--badge-off-text: #9e9dab;--badge-off-bg: #7373891b;--role-text: #b5a6cf;--role-bg: #9580bb0c;--role-border: #9580bb22;--avatar-bg-l: 22%;--avatar-text-l: 78%;--avatar-border-l: 29%;--brand-text: #f0eef6;--brand-accent: #b393ff;--brand-from: #b990f2;--brand-via: #8166d6;--brand-to: #809eed;--brand-shadow: #8c68e329;--nav-caption: #868aa0;--nav-text: #a2a5b9;--nav-hover-text: #eee9fb;--nav-hover-bg: #ffffff08;--nav-active-text: #e2d7ff;--nav-active-from: #8d6fe638;--nav-active-to: #4f8df50f;--nav-active-border: #a58cff30;--nav-active-bar: var(--grad-accent);--profile-icon: #777d90;--profile-hover: #24242f;--breadcrumb: #8a8ea3;--topbar-text: #c9c9d9;--today: #969aad;--topbar-divider: #30313b;--footer-text: #858a9d;--footer-dot: #729888;--panel-shadow: #0000002e;--page-current-bg: var(--grad-soft);--page-current-border: #a18add45;--page-current-text: #e0d2ff;--search-bg: #12131a;--search-border: #343541;--search-focus: #977de0;--shadow: #0009;--scrim: #0009;--backdrop: #08090ec9;--toast-bg: #24222f;--toast-border: #685780;--toast-shadow: #0006;--toast-icon: #a88bd7;--toast-close: #b3abc5;--sidebar: 248px;color-scheme:dark}:root[data-theme=light]{color-scheme:light;--bg: #f4f3fa;--panel: #ffffff;--panel-top: #fdfcff;--panel-highlight: #ffffff;--surface: #ffffff;--surface-2: #fbfaff;--hover: #f1eff8;--hover-2: #eeebf8;--input: #ffffff;--sidebar-bg: #fbfafe;--sidebar-top: #f3effe;--topbar-bg: #f4f3facc;--table-head: #6d4fd607;--row-hover: #6d4fd60a;--glow-1: #8b6cf03d;--glow-2: #38bdf830;--glow-3: #f472b621;--grad-from: #7a55e8;--grad-to: #3b82f6;--grad-soft: linear-gradient(135deg, #6d4fd61f, #3b82f60f);--grad-border: linear-gradient( 135deg, #6d4fd640, #3b82f61f 40%, var(--border) 70% );--grad-success: linear-gradient(90deg, #12a37b, #0ea5c6);--primary-from: #7350e3;--primary-via: #5a47dc;--primary-to: #3b63dc;--border: #dfdcea;--border-strong: #bdb7d2;--border-hover: #a9a3c4;--border-focus: var(--accent);--line: var(--border);--line-shell: var(--border);--line-row: #eeecf4;--line-toolbar: #e9e7f1;--line-pagination: var(--line-toolbar);--sidebar-border: #e7e5f0;--modal-border: #dedbea;--modal-line: #ebe9f2;--form-line: var(--modal-line);--text: #23212e;--text-2: #3d3b4c;--text-3: #6b6a7d;--text-faint: var(--muted);--heading: #1a1825;--muted: #6b6a7d;--input-text: var(--text);--placeholder: #838194;--cell-strong: var(--text);--label: #4f4d60;--checkbox-label: var(--label);--modal-text: var(--text);--pagination-text: var(--muted);--loading: #6d5fa0;--accent: #6d4fd6;--accent-hover: #5b3ec4;--accent-soft: #6d4fd614;--accent-border: #6d4fd64d;--accent-line: #6d4fd640;--focus-ring: var(--accent);--check-accent: var(--accent);--selection-bg: #d8cdfb;--selection-text: var(--heading);--on-accent: #ffffff;--scrollbar: #cfccdc;--button-text: #2f2d3c;--button-border: #d9d6e6;--button-hover-border: #c2b8e6;--primary-border: #ffffff33;--primary-hover: var(--accent-hover);--primary-shadow: #5a47dc33;--primary-hover-shadow: #5a47dc52;--ghost-text: var(--label);--ghost-hover-text: var(--heading);--danger-button-text: var(--danger);--danger-button-bg: #d6385a12;--danger-button-border: #d6385a40;--green: #0f7a5a;--green-text: var(--green);--success: var(--green);--success-soft: #e6f6ef;--live: #1aa37a;--live-ring: #1aa37a1f;--danger: #b4233f;--danger-soft: #fdf0f2;--danger-border: #f0c1cb;--warning: #8a5a00;--warning-soft: #fdf6e7;--warning-border: #ecd6a6;--badge-text: var(--label);--badge-bg: #eeedf3;--badge-off-text: var(--muted);--badge-off-bg: #73738914;--role-text: #5b4a8a;--role-bg: #6d4fd60d;--role-border: #6d4fd62e;--avatar-bg-l: 92%;--avatar-text-l: 32%;--avatar-border-l: 84%;--brand-text: var(--heading);--brand-accent: var(--accent);--brand-shadow: #6d4fd633;--nav-caption: var(--muted);--nav-text: #5a586c;--nav-hover-text: var(--heading);--nav-hover-bg: var(--hover);--nav-active-text: var(--accent-hover);--nav-active-from: #6d4fd624;--nav-active-to: #3b82f60a;--nav-active-border: #6d4fd62e;--profile-icon: var(--muted);--profile-hover: var(--hover);--breadcrumb: var(--muted);--topbar-text: var(--text-2);--today: var(--muted);--topbar-divider: #e0dde9;--footer-text: var(--muted);--footer-dot: #4f9a80;--panel-shadow: #2a1f6614;--page-current-border: #6d4fd640;--page-current-text: var(--accent-hover);--search-bg: var(--input);--search-border: var(--border-strong);--search-focus: var(--accent);--shadow: #1d164033;--scrim: #1d1a2c59;--backdrop: #1d1a2c66;--toast-bg: var(--surface);--toast-border: #cfc4ef;--toast-shadow: #1d16402e;--toast-icon: var(--accent);--toast-close: var(--muted)}*{box-sizing:border-box}body{margin:0;min-width:320px;font-size:14px;line-height:1.6}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vw 45vh at 8% -8%,var(--glow-1),transparent 70%),radial-gradient(50vw 40vh at 100% 0%,var(--glow-2),transparent 70%),radial-gradient(70vw 50vh at 60% 110%,var(--glow-3),transparent 70%)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}input,select,textarea{width:100%;background:var(--input);border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px;color:var(--input-text);min-height:42px}input::placeholder,textarea::placeholder{color:var(--placeholder)}input:hover,select:hover,textarea:hover{border-color:var(--border-hover)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus)}input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--check-accent);flex-shrink:0}textarea{resize:vertical}select{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.4;font-weight:600;letter-spacing:-.6px}h2{font-size:16px;font-weight:600;line-height:1.6}h3{font-size:15px;font-weight:600;line-height:1.6}small{font-size:12px;color:var(--muted)}svg{flex-shrink:0;vertical-align:middle}fieldset{border:0;padding:0;margin:0;min-width:0}::selection{background:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:6px}.muted{color:var(--muted)}.text-green{color:var(--green-text)}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:9px 14px;border:1px solid var(--button-border);border-radius:10px;font-size:13px;line-height:1.5;font-weight:500;white-space:nowrap;background:var(--surface-2);color:var(--button-text)}.button:hover:not(:disabled){background:var(--hover-2);border-color:var(--button-hover-border);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0) scale(.98)}.button.primary{color:var(--on-accent);background:var(--primary) var(--grad-primary);border-color:var(--primary-border);box-shadow:0 4px 14px var(--primary-shadow),inset 0 1px #ffffff26}.button.primary:hover:not(:disabled){background:var(--primary) var(--grad-primary);filter:brightness(1.08) saturate(1.05);box-shadow:0 8px 22px var(--primary-hover-shadow),inset 0 1px #fff3}.button.ghost{background:transparent;border-color:transparent;color:var(--ghost-text);padding:7px 9px}.button.ghost:hover:not(:disabled){background:var(--hover);color:var(--ghost-hover-text)}.button.danger{color:var(--danger-button-text);background:var(--danger-button-bg);border-color:var(--danger-button-border)}.title-actions,.topbar-actions{display:flex;align-items:center;gap:10px}.title-actions{flex-shrink:0}.page-enter{animation:reveal .35s ease both}.panel{background:linear-gradient(var(--panel-top),var(--panel) 160px) padding-box,var(--grad-border) border-box;border:1px solid transparent;border-radius:12px;overflow:hidden}.live-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px var(--live-ring)}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.7;color:var(--badge-text);background:var(--badge-bg)}.badge>span{width:5px;height:5px;border-radius:50%;background:currentColor}.badge.success{background:var(--success-soft);color:var(--success)}.badge.off{color:var(--badge-off-text);background:var(--badge-off-bg)}.badge.warning{color:var(--warning);background:var(--warning-soft)}.badge.info{color:var(--accent);background:var(--accent-soft)}.avatar{width:35px;height:35px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--avatar-hue) 32% var(--avatar-bg-l)),hsl(calc(var(--avatar-hue) + 40) 28% var(--avatar-bg-l)));color:hsl(var(--avatar-hue) 45% var(--avatar-text-l));border:1px solid hsl(var(--avatar-hue) 20% var(--avatar-border-l));font-size:15px;border-radius:11px;font-weight:500}.avatar.small{width:29px;height:29px;border-radius:50%;font-size:12px}.person-cell{display:flex;align-items:center;gap:10px}.person-cell strong{display:block;font-size:12px;font-weight:500;color:var(--cell-strong)}.person-cell small{display:block;font-size:10px;margin-top:2px}.person-cell>div,.person-cell>span:not(.avatar){min-width:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;top:0;bottom:0;left:0;z-index:30;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;padding:29px 16px 0;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;color:var(--brand-text);font-size:15px;line-height:1.25;letter-spacing:-.2px;padding-left:10px;font-weight:600}.brand>div>span{display:block;font-size:19px;letter-spacing:-.5px}.brand-period{color:var(--brand-accent);margin-left:1px}.brand-icon{display:flex;width:39px;height:39px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-from),var(--brand-via) 70%,var(--brand-to));border-radius:11px;box-shadow:0 3px 10px var(--brand-shadow);color:var(--on-fill)}.nav-caption{font-size:9px;letter-spacing:1.4px;color:var(--nav-caption);padding:0 14px;margin-bottom:12px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;margin-bottom:5px;border-radius:10px;color:var(--nav-text);font-size:12px;font-weight:500;border:1px solid transparent;position:relative}.sidebar nav a:hover{color:var(--nav-hover-text);background:var(--nav-hover-bg)}.sidebar nav a.active{color:var(--nav-active-text);background:linear-gradient(95deg,var(--nav-active-from),var(--nav-active-to));border-color:var(--nav-active-border);box-shadow:0 6px 18px -10px var(--primary-shadow)}.sidebar nav a.active>svg{color:var(--accent)}.sidebar nav a.active:before{content:"";position:absolute;left:-1px;top:11px;bottom:11px;width:3px;background:var(--nav-active-bar);border-radius:3px}.sidebar-bottom{margin-top:auto;padding-top:35px}.user-profile{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;border-top:1px solid var(--line);padding:19px 3px;text-align:left;font-size:12px}.user-profile>span:nth-child(2){flex:1}.user-profile small{display:block;font-size:10px;margin-top:3px}.user-profile>svg{color:var(--profile-icon)}.main-shell{margin-left:var(--sidebar);flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:75px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-shell);gap:20px}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--breadcrumb)}.breadcrumb strong{font-weight:400;color:var(--topbar-text)}.topbar-actions{gap:15px}.today{font-size:11px;color:var(--today)}.topbar-actions .button{font-size:11px}.topbar-divider{height:20px;width:1px;background:var(--topbar-divider)}.mobile-menu{display:none!important}.sidebar-backdrop{display:none}main{padding:30px 34px 24px;flex:1;max-width:1900px;width:100%;margin:0 auto}.app-footer{display:flex;justify-content:space-between;padding:19px 35px;border-top:1px solid var(--line-shell);color:var(--footer-text);font-size:10px;gap:15px}.app-footer>span:last-child{display:flex;align-items:center;gap:7px}.app-footer .live-dot{width:4px;height:4px;box-shadow:none;background:var(--footer-dot)}.table-wrap{overflow-x:auto;transition:opacity .2s}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-weight:500;color:var(--text-3);font-size:11px;background:var(--table-head);padding:12px 20px;border-bottom:1px solid var(--line)}td{padding:15px 20px;border-bottom:1px solid var(--line-row);font-size:12px;color:var(--text-2)}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .15s}tbody tr:hover{background:linear-gradient(90deg,var(--row-hover),transparent 85%)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 23px;border-bottom:1px solid var(--line-toolbar)}.search-input{display:flex;align-items:center;gap:9px;border:1px solid var(--search-border);border-radius:10px;padding:0 12px;background:var(--search-bg);color:var(--text-faint);max-width:440px;min-width:0;flex:1}.search-input:hover{border-color:var(--border-hover)}.search-input:focus-within{border-color:var(--search-focus);box-shadow:0 0 0 3px var(--focus-glow)}.search-input input,.search-input input:focus{background:transparent;border:0;box-shadow:none;padding:9px 0;font-size:12px;outline:none;min-height:38px;min-width:0;appearance:none}.search-input input::-webkit-search-decoration,.search-input input::-webkit-search-cancel-button{appearance:none}.toolbar>.cf-select{width:min(100%,200px);flex-shrink:0}.toolbar>.muted{margin-left:auto;white-space:nowrap;font-size:12px}.pagination{padding:17px 23px;border-top:1px solid var(--line-pagination);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--pagination-text)}.pagination>div{display:flex;align-items:center;gap:12px}.pagination .button{min-height:30px;padding:5px}.empty{padding:60px 24px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:var(--text-faint);font-size:13px}.empty>svg{color:var(--accent);opacity:.8}.empty h2{color:var(--heading)}.empty p{max-width:460px;line-height:1.7}.empty .button{margin-top:4px}.loading{padding:60px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--loading)}.error-box,.warning-box{display:flex;align-items:center;gap:9px;padding:12px 14px;margin:15px 0;font-size:12px;border-radius:10px;line-height:1.7}.error-box{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger)}.warning-box{background:var(--warning-soft);border:1px solid var(--warning-border);color:var(--warning)}.toast{position:fixed;bottom:25px;left:calc(50% + var(--sidebar) / 2);transform:translate(-50%);z-index:80;display:flex;align-items:center;gap:12px;padding:14px 17px;background:linear-gradient(var(--toast-bg),var(--toast-bg)) padding-box,linear-gradient(120deg,var(--grad-from),var(--grad-to)) border-box;border:1px solid transparent;border-radius:14px;box-shadow:0 14px 50px var(--toast-shadow);font-size:13px;max-width:calc(100% - 30px);animation:toast .2s ease}.toast>svg{color:var(--toast-icon)}.toast button{border:0;background:transparent;display:flex;color:var(--toast-close);padding:3px}.modal{--modal-x: 26px;--modal-bottom: 23px;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--modal-border);background:radial-gradient(120% 90px at 0 0,var(--glow-1),transparent),var(--surface);color:var(--modal-text);border-radius:20px;padding:23px var(--modal-x) var(--modal-bottom);box-shadow:0 30px 100px var(--shadow),inset 0 1px 0 var(--panel-highlight);animation:modal-in .23s ease;overflow:hidden}.modal[open]{display:flex;flex-direction:column}.modal-body{min-height:0;margin:0 calc(-1 * var(--modal-x)) calc(-1 * var(--modal-bottom));padding:15px var(--modal-x) var(--modal-bottom);overflow:auto;overscroll-behavior:contain}.modal-body>:first-child,.modal-body>form:first-child>:first-child{margin-top:0}.modal.wide{width:min(740px,calc(100vw - 32px))}.modal::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--modal-line)}.modal>header h2{font-size:19px}.field{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-size:12px;color:var(--label)}.field small{font-size:10px}.field input,.field select,.field textarea{font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .field{min-width:0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--form-line)}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--checkbox-label);cursor:pointer;padding:8px 0}.profile-heading{display:flex;gap:15px;align-items:center;margin:10px 0 20px}.profile-heading p{font-size:12px;color:var(--muted);margin-top:4px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.facts dt{color:var(--muted);font-size:11px}.facts dd{margin:4px 0 0;font-size:12px;overflow-wrap:anywhere}.facts dd .wfh-agent-code{margin-right:6px}.profile-form>h3{padding-top:18px;border-top:1px solid var(--modal-line)}.role-label{display:inline-flex;gap:6px;align-items:center;padding:5px 8px;border-radius:5px;background:var(--role-bg);border:1px solid var(--role-border);color:var(--role-text);font-size:11px}.spin{animation:spin 1s linear infinite}.sidebar nav a{font-size:13px}.person-cell strong,td,.field,.button{font-size:13px}.person-cell small{font-size:11px}.badge{font-size:12px}.field input,.field select,.field textarea,.search-input input{font-size:14px}.checkbox-label{font-size:13px}.nav-caption{font-size:10px}.sidebar{scrollbar-width:thin}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:theme-reveal .6s cubic-bezier(.4,0,.2,1)}@keyframes theme-reveal{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}@keyframes reveal{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast{0%{opacity:0;bottom:15px}to{opacity:1;bottom:25px}}.wfh-recording{display:grid;gap:.5rem;margin-top:.5rem}.wfh-recording audio{width:min(100%,20rem)}.wfh-review-item{padding:1rem 0;border-top:1px solid var(--border);overflow-wrap:anywhere}.wfh-review-item details{margin-block:.75rem}.wfh-review-item textarea{width:100%}body .wfh-shell .main-shell>.topbar{height:64px;flex-shrink:0;padding-inline:24px}body .wfh-shell .main-shell>main{padding:24px;max-width:none}body .wfh-shell main>.page-enter{width:100%;max-width:none;margin:0}.workspace-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.workspace-page-intro{min-width:0;flex:1}.workspace-page-header h1{display:flex;align-items:center;gap:10px;margin:0;color:var(--heading);font-size:22px;line-height:1.45}.workspace-page-header h1:before{content:"";flex-shrink:0;width:5px;height:22px;border-radius:5px;background:linear-gradient(180deg,var(--grad-from),var(--grad-to));box-shadow:0 0 14px var(--glow-1)}.workspace-page-header p{margin:4px 0 0 15px;color:var(--muted);font-size:12px;line-height:1.6}.workspace-page-header .title-actions{flex-wrap:wrap;gap:8px;margin:0}body .wfh-shell .wfh-directory>.wfh-mode{margin:0;padding:10px 16px;border-bottom:1px solid var(--border)}.wfh-history-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.wfh-history-filters>.cf-select,.wfh-history-filters>.cf-date{width:min(100%,220px)}@media(max-width:760px){.wfh-history-filters>.cf-select,.wfh-history-filters>.cf-date{width:100%}}@media(prefers-reduced-motion:reduce){body .wfh-shell main>.page-enter{animation:none}}@media(max-width:760px){body .wfh-shell .main-shell>.topbar{height:60px;padding-inline:16px}body .wfh-shell .main-shell>main{padding:20px 16px}.workspace-page-header{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}.workspace-page-header h1{font-size:21px}.workspace-page-header .title-actions{flex-shrink:1}.workspace-page-header:has(.title-actions>.button+.button) .title-actions{flex-basis:100%}}body .sidebar>.nav-caption{margin-top:32px}body .sidebar{background:radial-gradient(220px 160px at 20% 0,var(--glow-1),transparent),linear-gradient(180deg,var(--sidebar-top),var(--sidebar-bg) 45%)}body .sidebar nav a{padding-top:12px;padding-bottom:12px}body .sidebar-bottom{padding-top:24px}.wfh-workspace-identity{display:inline-flex;align-items:center;gap:8px}.wfh-extension{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px}body .topbar{position:sticky;top:0;z-index:25;background:var(--topbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body .topbar:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,var(--grad-from) 30%,var(--grad-to) 70%,transparent);opacity:.45;pointer-events:none}body .sidebar-toggle{display:inline-flex}.header-profile{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--topbar-text);padding:6px 8px;font-size:12px}.header-profile:hover{background:var(--profile-hover);border-color:var(--border)}body .panel{border-radius:18px;box-shadow:0 10px 30px -12px var(--panel-shadow),inset 0 1px 0 var(--panel-highlight)}body .pagination{flex-wrap:wrap;gap:12px}body .pagination>div{gap:5px}body .pagination .button{min-width:32px;min-height:32px;border-color:transparent;background:transparent}body .pagination .button.primary{background:var(--page-current-bg);border-color:var(--page-current-border);color:var(--page-current-text);box-shadow:none;filter:none}@media(min-width:761px){.sidebar-condensed{--sidebar: 70px}body .sidebar-condensed .sidebar{padding:28px 10px 0}body .sidebar-condensed .brand{padding:0 5px}.sidebar-condensed .brand>div,.sidebar-condensed .nav-caption,.sidebar-condensed .sidebar nav a>span,.sidebar-condensed .sidebar-bottom{display:none}.sidebar-condensed .sidebar nav{margin-top:28px}body .sidebar-condensed .sidebar nav a{justify-content:center;padding:13px 0}}@media(max-width:760px){body .sidebar-toggle,body .breadcrumb>strong,body .header-profile>span:not(.avatar),body .header-profile>svg{display:none}}.sidebar nav .nav-section+.nav-section{margin-top:20px}.sidebar nav .nav-section:first-child .nav-caption{margin-top:30px}.task-heading{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:start;gap:14px 18px;padding:16px;border-bottom:1px solid var(--border)}.task-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.task-codes button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.task-codes button:hover{border-color:var(--border-hover)}.task-codes button[aria-pressed=true]{border-color:var(--accent-line);background:var(--grad-soft)}.task-codes button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.task-codes strong{font-size:12px}.task-codes small{grid-column:1;color:var(--text-2);font-size:10px;line-height:1.4}.task-codes span{grid-row:1 / 3;grid-column:2;align-self:center;min-width:26px;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;text-align:center}.task-rule{margin:0;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-2);font-size:12px;line-height:1.6}.task-rule strong{margin-right:8px;color:var(--text)}.task-filters>.cf-input{width:min(100%,200px)}.task-filters>.search-input{width:min(100%,300px)}.task-table small .wfh-countdown,.task-late{color:var(--warning)}.wfh-countdown.ending{color:var(--danger)}.queue-meter{padding:6px 12px;border-radius:999px;border:1px solid var(--accent-line);background:var(--grad-soft);color:var(--text);font-size:12px;font-weight:600}.queue-meter.full{border-color:var(--warning-border);background:var(--warning-soft)}.manual-search{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.manual-search>.cf-select{width:160px}.manual-search>.search-input{flex:1 1 220px}.manual-search~.table-wrap .wfh-table{min-width:0}.kpi-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px;border-bottom:1px solid var(--border)}.kpi-tiles>div{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.kpi-tiles span,.kpi-tiles small{color:var(--text-2);font-size:12px}.kpi-tiles strong{color:var(--heading);font-size:26px;line-height:1.2}.kpi-note{padding:0 16px 16px}.master-name{display:inline-flex;align-items:center;gap:8px}.master-name svg{color:var(--accent)}.row-muted td{color:var(--text-3)}.settings-page{max-width:1080px}.settings-section{padding:20px 22px;margin-bottom:16px;overflow:visible}.settings-section>header{margin-bottom:12px}.settings-section h2{font-size:15px;color:var(--heading)}.settings-section>header p{margin-top:3px;font-size:12px;color:var(--muted)}.settings-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding:12px 0;border-top:1px solid var(--border);font-size:13px}.segmented{display:inline-flex;flex-wrap:wrap;padding:3px;gap:3px;border:1px solid var(--border);border-radius:12px;background:var(--input)}.segmented button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:9px;background:transparent;color:var(--text-2);font-size:12px}.segmented button:hover{background:var(--hover)}.segmented button.selected{background:var(--primary) var(--grad-primary);color:var(--on-accent);font-weight:600;box-shadow:0 4px 12px -4px var(--primary-shadow)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.settings-grid .field{margin:8px 0}.settings-actions{display:flex;justify-content:flex-end;margin-top:14px;padding-top:16px;border-top:1px solid var(--border)}.settings-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0}.settings-connections>div{display:grid;gap:4px;padding:12px 0 0;border-top:1px solid var(--border)}.settings-connections dt{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.settings-connections dd{margin:0;font-size:13px}.settings-connections dd.live{color:var(--success)}.settings-connections dd.mock{color:var(--warning)}@media(max-width:760px){.task-heading,.settings-grid,.settings-connections{grid-template-columns:minmax(0,1fr)}.task-filters>.cf-input,.task-filters>.search-input{width:100%}.settings-section{padding:16px}}.assess-calls{display:grid;gap:10px;margin:0 0 12px;padding:0;list-style:none}.assess-calls li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;overflow-wrap:anywhere}.assess-calls small{display:block;color:var(--muted);font-size:12px}.assess-calls audio{width:100%}.assess-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 14px;margin-top:12px}.assess-total{align-items:center}.assess-total strong{margin-right:auto}.role-permissions{margin:0;padding-left:16px;font-size:12px}.role-checks{display:grid;gap:8px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--border);border-radius:10px}