@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--background: #f4f6f9;--surface: #ffffff;--surface-muted: #f8fafc;--border: #e3e8f0;--border-strong: #d3dae6;--text-primary: #0b1220;--text-secondary: #3f4a63;--text-muted: #8a94ad;--primary: #2563eb;--primary-strong: #1d4ed8;--primary-tint: #eff6ff;--success: #16a34a;--success-strong: #047857;--success-surface: #ecfdf5;--success-border: #bbe7cf;--warning: #b45309;--warning-surface: #fef7e8;--warning-border: #f2dfb3;--danger: #dc2626;--danger-strong: #b91c1c;--danger-surface: #fdf1f1;--danger-border: #f3caca;--sidebar: #101c36;--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-active: rgba(255, 255, 255, .09);--sidebar-border: #1c2a4a;--sidebar-text: #9db0d0;--sidebar-text-hover: #dbe4f2;--sidebar-group: #6b7da3;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 1px 2px rgba(16, 24, 40, .04), 0 2px 8px rgba(16, 24, 40, .06);--topbar-h: 56px;--sidebar-w: 240px;--font-sans: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root{--bg-page: var(--background);--bg-card: var(--surface);--border-card: var(--border);--border-row: #eef1f6;--radius-card: var(--radius-lg);--radius-control: var(--radius-md);--shadow-card: var(--shadow-md);--text-body: var(--text-secondary);--brand: var(--primary);--focus-ring: var(--primary);--app-bg: var(--background);--accent: var(--primary);--accent-strong: var(--primary-strong);--accent-tint: var(--primary-tint);--sidebar-bg: var(--sidebar);--sidebar-active-bg: var(--sidebar-active);--shadow-soft: var(--shadow-md);--v2-font: var(--font-sans);--v2-bg: var(--background);--v2-ink: var(--text-primary);--v2-ink-soft: var(--text-secondary);--v2-muted: var(--text-muted);--v2-border: var(--border);--v2-card: var(--surface);--v2-radius: var(--radius-lg);--v2-radius-sm: var(--radius-md);--v2-shadow: var(--shadow-sm);--v2-primary: var(--primary);--v2-grad: var(--primary-strong);--v2-agent: var(--primary);--v2-agent-tint: var(--primary-tint);--v2-customer: #0d9488;--v2-customer-tint: #f0fdfa;--v2-good: #059669;--v2-mid: #d97706;--v2-bad: #dc2626;--v21-bg: var(--background);--v21-card-border: var(--border);--v21-radius: var(--radius-lg);--v21-shadow: var(--shadow-sm);--v21-header: var(--sidebar);--v21-blue: #3b82f6;--v21-indigo: #6366f1;--v21-green: #10b981;--v21-teal: #0d9488;--v21-orange: #f59e0b;--v21-purple: #8b5cf6;--v21-red: #ef4444;--v21-amber: #f59e0b;--v21-violet: #6d28d9}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html,body,#root{height:100%}body{margin:0;background:var(--v2-bg);color:var(--v2-ink);font-family:var(--v2-font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.container-1152{max-width:1152px;margin:0 auto;padding:0 24px}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.control{height:38px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:0 12px;background:#fff;color:var(--text-body);outline:none}.control::-moz-placeholder{color:var(--text-muted)}.control::placeholder{color:var(--text-muted)}.control:focus{border-color:var(--focus-ring);box-shadow:0 0 0 2px #2563eb59}a{color:inherit;text-decoration:none}tr.row-normal:hover{background:#f8fafc}tr.row-alarm{background:#fef2f2}tr.row-alarm:hover{background:#fee2e2}@keyframes pulse-bg{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:#f1f5f9;border-radius:8px;animation:pulse-bg 1.4s ease-in-out infinite}.transcript-scroll{max-height:min(55vh,720px);overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.transcript-scroll::-webkit-scrollbar{width:8px}.transcript-scroll::-webkit-scrollbar-track{background:transparent}.transcript-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.transcript-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell{min-height:100vh;background:var(--app-bg)}.app-sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--sidebar-w);z-index:50;background:var(--sidebar-bg);border-right:1px solid rgba(255,255,255,.07);box-shadow:8px 0 24px #090e1a17,2px 0 6px #090e1a0f;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#33415e transparent}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-thumb{background:#33415e;border-radius:6px}.app-main{margin-left:var(--sidebar-w);min-width:0;display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:24px}.side-logo{padding:14px 16px 12px;border-bottom:1px solid var(--sidebar-border)}.side-logo-chip{display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:7px 12px;line-height:0}.side-logo-chip img{height:28px;width:auto;max-width:168px;-o-object-fit:contain;object-fit:contain;display:block}.side-nav{padding:10px 12px 24px;display:flex;flex-direction:column;gap:2px}.side-group{margin:18px 10px 7px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b7da3}.side-link{position:relative;display:flex;align-items:center;gap:10px;height:36px;padding:0 10px 0 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--sidebar-text);transition:background .12s ease,color .12s ease}.side-link:hover{background:#ffffff0d;color:var(--sidebar-text-hover)}.side-link.active{background:var(--sidebar-active-bg);color:#fff;font-weight:600}.side-link.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:999px;background:var(--accent)}.side-link svg{flex:none;opacity:.85}.side-link.active svg{opacity:1}.app-topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 24px}.topbar-title{font-size:14px;font-weight:600;color:var(--v2-ink);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-crumb{color:var(--v2-muted);font-weight:500}.topbar-crumb a{color:var(--v2-muted)}.topbar-crumb a:hover{color:var(--accent)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px;flex:none}.topbar-search{position:relative;width:250px;flex:none}.topbar-search input{width:100%;height:32px;border:1px solid var(--border);border-radius:8px;background:#f7f9fc;font-size:13px;padding:0 10px 0 30px;color:var(--v2-ink);outline:none;transition:border-color .12s ease,background .12s ease}.topbar-search input::-moz-placeholder{color:var(--v2-muted)}.topbar-search input::placeholder{color:var(--v2-muted)}.topbar-search input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 2px #2563eb26}.topbar-search .search-ic{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--v2-muted);display:inline-flex;pointer-events:none}@media (max-width: 900px){.topbar-search{display:none}}.topbar-user{font-size:13px;color:var(--v2-ink-soft);white-space:nowrap}.topbar-logout{font-size:13px;font-weight:500;color:var(--v2-muted);background:none;border:none;cursor:pointer;padding:0}.topbar-logout:hover{color:var(--danger)}.nav-toggle{display:none;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--v2-ink-soft);cursor:pointer;align-items:center;justify-content:center;flex:none}.app-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#090e1a80}@media (max-width: 1024px){.app-sidebar{width:264px;transform:translate(-100%);transition:transform .2s ease}.app-shell.nav-open .app-sidebar{transform:none}.app-main{margin-left:0}.nav-toggle{display:inline-flex}.app-topbar{padding:0 16px}.app-content{padding:16px}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-header h1{margin:0;font-size:21px;font-weight:700;letter-spacing:-.2px;color:var(--v2-ink)}.page-header .page-desc{margin-top:3px;font-size:13px;color:var(--v2-muted)}.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{height:36px;border-radius:var(--radius-md);font-size:13px;font-weight:600;padding:0 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-strong)}.btn-secondary{background:var(--surface);color:var(--text-secondary);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-muted);border-color:#b9c3d4}.btn-ghost{background:#fff;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover{background:#f4f6fb;border-color:var(--border-strong)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-strong)}.btn:disabled{opacity:.6;cursor:default}.btn:focus-visible,.chart-tool-btn:focus-visible,.seg-btn:focus-visible,.tab-btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 2px #2563eb33}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.section-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 20px 0}.section-card-title{font-size:14px;font-weight:600;color:var(--v2-ink)}.section-card-sub{font-size:12px;color:var(--v2-muted);white-space:nowrap}.section-card-desc{font-size:12px;color:var(--v2-muted);margin-top:2px;line-height:1.4}.seg-group{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.seg-btn{border:none;background:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--v2-muted);padding:5px 12px;transition:background .12s ease,color .12s ease}.seg-btn+.seg-btn{border-left:1px solid var(--border)}.seg-btn.active{background:var(--accent-tint);color:var(--accent-strong);font-weight:600}.theme-cloud{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.theme-chip{border:1px solid var(--border);background:#f7f9fc;color:var(--v2-ink-soft);border-radius:999px;padding:4px 12px;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease;display:inline-flex;align-items:baseline;gap:6px}.theme-chip:hover{background:var(--accent-tint);border-color:#c8dbfc;color:var(--accent-strong)}.theme-chip .theme-count{font-size:11px;color:var(--v2-muted);font-variant-numeric:tabular-nums}.theme-chip:hover .theme-count{color:var(--accent-strong)}.section-card-body{padding:16px 20px 18px}.section-card-footer{border-top:1px solid var(--border-row);padding:10px 20px}.section-link{font-size:13px;font-weight:500;color:var(--accent);display:inline-flex;align-items:center;gap:4px}.section-link:hover{text-decoration:underline}.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.col-3{grid-column:span 3;min-width:0}.col-4{grid-column:span 4;min-width:0}.col-5{grid-column:span 5;min-width:0}.col-6{grid-column:span 6;min-width:0}.col-7{grid-column:span 7;min-width:0}.col-8{grid-column:span 8;min-width:0}.col-9{grid-column:span 9;min-width:0}.col-12{grid-column:span 12;min-width:0}@media (max-width: 1100px){.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 12}}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.kpi-grid{grid-template-columns:1fr}}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:13px 16px 12px;min-height:104px;display:flex;flex-direction:column;gap:6px}.metric-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.metric-label{font-size:12px;font-weight:500;color:var(--v2-muted);line-height:1.35;min-width:0}.metric-value{font-size:24px;font-weight:700;line-height:1.1;color:var(--v2-ink);font-variant-numeric:tabular-nums}.metric-value.tone-success{color:var(--success)}.metric-value.tone-warning{color:#b45309}.metric-value.tone-danger{color:var(--danger)}.metric-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px;font-size:12px;color:var(--v2-muted)}.tip{position:relative;display:inline-flex;flex:none}.tip-btn{border:none;background:none;padding:0;color:var(--v2-muted);cursor:help;font-size:12px;line-height:1}.tip-bubble{position:absolute;bottom:calc(100% + 8px);right:-6px;width:230px;background:#111a2c;color:#e7ecf5;font-size:12px;font-weight:400;line-height:1.45;padding:8px 10px;border-radius:8px;box-shadow:0 4px 12px #02061740;opacity:0;visibility:hidden;transition:opacity .12s ease;z-index:40;pointer-events:none;text-align:left}.tip:hover .tip-bubble,.tip:focus-within .tip-bubble{opacity:1;visibility:visible}.status-badge{display:inline-flex;align-items:center;gap:6px;height:24px;font-size:12px;font-weight:600;padding:0 9px;border-radius:var(--radius-sm);border:1px solid transparent;white-space:nowrap;line-height:1}.status-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.empty-state{padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.empty-state svg{color:var(--v2-muted);opacity:.7}.empty-state .empty-title{font-size:14px;font-weight:600;color:var(--v2-ink-soft)}.empty-state .empty-desc{font-size:13px;color:var(--v2-muted);max-width:420px}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--text-secondary);background:var(--surface-muted);text-align:left;padding:9px 12px;white-space:nowrap;border-bottom:1px solid var(--border)}.data-table td{padding:0 12px;height:44px;border-bottom:1px solid var(--border-row);font-size:13px;color:var(--v2-ink-soft);vertical-align:middle;white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:#f8f9fe}.hbar-row{display:flex;align-items:center;gap:10px;padding:2px 4px;border-radius:6px}.hbar-click{cursor:pointer;transition:background .12s ease}.hbar-click:hover{background:#f4f6fb}.hbar-label{flex:0 0 34%;min-width:0;font-size:13px;color:var(--v2-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar-click:hover .hbar-label{color:var(--accent)}.hbar-track{flex:1;min-width:40px;height:7px;border-radius:999px;background:#eef1f8;overflow:hidden}.hbar-fill{height:100%;border-radius:999px;transition:width .4s ease}.hbar-value{flex:none;min-width:76px;text-align:right;font-size:12px;color:var(--v2-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.data-table th.sortable:hover{color:var(--accent)}.data-table th .sort-ind{font-size:9px;margin-left:3px;color:var(--accent)}.filter-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 6px 0 10px;border-radius:999px;background:var(--accent-tint);border:1px solid #c8dbfc;color:var(--accent-strong);font-size:12.5px;font-weight:500;white-space:nowrap}.filter-chip button{border:none;background:none;color:inherit;cursor:pointer;font-size:13px;line-height:1;padding:2px;border-radius:50%;display:inline-flex}.filter-chip button:hover{background:#2563eb1f}.tab-row{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tab-btn{border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--v2-muted);padding:9px 14px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab-btn:hover{color:var(--v2-ink-soft)}.tab-btn.active{color:var(--accent-strong);border-bottom-color:var(--accent);font-weight:600}.side-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#b91c1c;color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;line-height:1}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 20px}.meta-grid .meta-label{font-size:11px;color:var(--v2-muted)}.meta-grid .meta-value{margin-top:2px;font-size:13px;font-weight:500;color:var(--v2-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#090e1a73}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,94vw);z-index:61;background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 24px #0f172a1f;display:flex;flex-direction:column}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);flex:none}.drawer-body{padding:16px 20px 24px;overflow-y:auto}.flow-row{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.flow-box{flex:1;min-width:150px;border:1px solid var(--border);border-radius:8px;background:#f8fafd;padding:10px 12px;font-size:12.5px;font-weight:500;color:var(--v2-ink-soft);display:flex;align-items:center;gap:8px;line-height:1.35}.flow-step{flex:none;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.flow-arrow{align-self:center;color:var(--v2-muted);font-size:14px;flex:none}@media (max-width: 900px){.flow-row{flex-direction:column}.flow-arrow{transform:rotate(90deg);align-self:flex-start;margin-left:20px}}.chart-tool-btn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:7px;border:1px solid var(--border);background:#fff;color:var(--v2-muted);font-size:11.5px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.chart-tool-btn:hover{background:var(--accent-tint);color:var(--accent-strong);border-color:#c8dbfc}.chart-fullscreen{position:fixed;top:24px;right:24px;bottom:24px;left:24px;z-index:71;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 48px #090e1a40;display:flex;flex-direction:column}@media (max-width: 768px){.chart-fullscreen{top:8px;right:8px;bottom:8px;left:8px}}.app-shell.presentation .app-sidebar{transform:translate(-100%);transition:transform .18s ease}.app-shell.presentation .app-main{margin-left:0}.app-shell.presentation .app-content{max-width:none}.insight-list{display:flex;flex-direction:column}.insight-row{display:flex;align-items:flex-start;gap:12px;padding:9px 2px;border-bottom:1px solid var(--border-row);font-size:13px;line-height:1.5}.insight-row:last-child{border-bottom:none}.insight-ind{flex:none;width:7px;height:7px;border-radius:50%;margin-top:6px;background:var(--primary)}.insight-row.tone-danger .insight-ind{background:var(--danger)}.insight-row.tone-warning .insight-ind{background:#d97706}.insight-row.tone-success .insight-ind{background:var(--success)}.insight-title{flex:none;min-width:118px;font-weight:600;color:var(--text-primary);font-size:12.5px;padding-top:1px}.insight-text{color:var(--text-secondary);min-width:0}.insight-text strong{color:var(--text-primary);font-weight:600}@media (max-width: 700px){.insight-row{flex-wrap:wrap}.insight-title{min-width:0}}.kpi-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 1100px){.kpi-hero{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.kpi-hero{grid-template-columns:1fr}}.kpi-hero-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:16px 18px 14px;min-height:118px;display:flex;flex-direction:column;gap:7px}.kpi-hero-card .metric-value{font-size:28px}.kpi-strip{margin-top:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-strip-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;border-right:1px solid var(--border-row);min-width:0}.kpi-strip-item:last-child{border-right:none}.kpi-strip-label{font-size:12px;color:var(--text-muted);font-weight:500}.kpi-strip-value{font-size:16px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width: 900px){.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-strip-item:nth-child(2n){border-right:none}.kpi-strip-item:nth-child(-n+2){border-bottom:1px solid var(--border-row)}}.login-shell{min-height:100vh;display:flex;background:var(--background)}.login-brand{flex:0 0 44%;max-width:560px;background:var(--sidebar);color:#dbe4f2;display:flex;flex-direction:column;justify-content:space-between;padding:48px 52px}.login-brand-chip{display:inline-flex;background:#fff;border-radius:var(--radius-md);padding:9px 14px;line-height:0;align-self:flex-start}.login-brand-chip img{height:34px;width:auto;max-width:200px;-o-object-fit:contain;object-fit:contain;display:block}.login-brand h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.3px;color:#fff;line-height:1.25}.login-brand-desc{margin-top:10px;font-size:14.5px;line-height:1.6;color:#9db0d0;max-width:380px}.login-feature{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#b9c7e0;padding:7px 0}.login-feature svg{flex:none;color:#5f7bb8}.login-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 32px}.login-panel{width:100%;max-width:400px}.login-panel h2{margin:0 0 4px;font-size:21px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.login-panel .login-sub{font-size:13.5px;color:var(--text-muted);margin-bottom:26px}.login-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.login-input{width:100%;height:42px;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:14px;padding:0 12px;background:#fff;color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-input::-moz-placeholder{color:var(--text-muted)}.login-input::placeholder{color:var(--text-muted)}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb24}.login-error{margin-top:14px;font-size:13px;color:var(--danger);background:var(--danger-surface);border:1px solid var(--danger-border);border-radius:var(--radius-md);padding:9px 12px;line-height:1.45}.login-mobile-brand{display:none}@media (max-width: 900px){.login-shell{flex-direction:column}.login-brand{display:none}.login-mobile-brand{display:flex;align-items:center;gap:12px;background:var(--sidebar);padding:18px 24px}.login-mobile-brand .login-brand-chip{padding:6px 10px}.login-mobile-brand .login-brand-chip img{height:24px}.login-mobile-brand span{color:#fff;font-size:15px;font-weight:600}.login-form-side{align-items:flex-start;padding-top:48px}}.theme-chip.t1{font-size:15px;font-weight:600;background:var(--accent-tint);border-color:#c8dbfc;color:var(--accent-strong)}.theme-chip.t2{font-size:14px;font-weight:600}.theme-chip.t3{font-size:13px;font-weight:500}.theme-chip.t4{font-size:12px;font-weight:500;color:var(--v2-muted)}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.check-item{border:1px solid var(--border);border-radius:8px;background:#fafbfe;padding:11px 14px}@media (max-width: 900px){.check-grid{grid-template-columns:1fr}}.code-block{margin:0;background:#101c36;color:#dbe4f2;border-radius:8px;padding:14px 16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.55;overflow-x:auto}.v2-card{background:var(--v2-card);border:1px solid var(--v2-border);border-radius:var(--v2-radius);box-shadow:var(--v2-shadow)}.v2-card-pad{padding:20px 22px}.v2-card-title{font-size:15px;font-weight:600;color:var(--v2-ink)}.v2-badge{font-size:12px;color:var(--v2-muted)}.v2-bar-fill{height:100%;border-radius:999px;transition:width .5s ease}.v2-bar-track{height:7px;border-radius:999px;background:#eef1f8;overflow:hidden}.v2-ranked-row{padding:6px 8px;border-radius:var(--v2-radius-sm);transition:background .15s ease}.v2-ranked-row:hover{background:#f8fafc}.v2-segment{transition:transform .15s ease;transform-origin:center}.v2-segment:hover{transform:scaleY(1.25)}.v2-check-row{border-radius:var(--v2-radius-sm);transition:background .15s ease}.v2-check-row:hover{background:#f8fafc}.v2-gauge-arc{transition:stroke-dashoffset .6s ease}.v2-bubble{transition:box-shadow .2s ease,background .2s ease;max-width:78%}@media (max-width: 720px){.v2-bubble{max-width:92%}}.v2-jump:hover{color:var(--v2-primary)!important}.v2-accent-card{position:relative;overflow:hidden}.v2-accent-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--v2-grad)}.v2-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:16px;column-gap:16px;row-gap:4px}.v2-detail-cols{display:grid;grid-template-columns:7fr 5fr;gap:16px}.v2-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}@media (max-width: 720px){.v2-grid-2,.v2-detail-cols{grid-template-columns:1fr}.v2-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}.qc-grup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 0}.qc-grup-grid>div{padding:0 14px;border-right:1px solid var(--v2-border);min-width:0}.qc-grup-grid>div:first-child{padding-left:0}.qc-grup-grid>div:last-child{padding-right:0;border-right:none}@media (max-width: 1000px){.qc-grup-grid{grid-template-columns:1fr}.qc-grup-grid>div{padding:0 0 12px;border-right:none;border-bottom:1px solid var(--v2-border)}.qc-grup-grid>div:last-child{padding-bottom:0;border-bottom:none}}.tx-row{display:flex;align-items:flex-start;gap:8px;border-left:3px solid transparent;cursor:default;border-radius:0 6px 6px 0}.tx-row-jump{cursor:pointer}.tx-row-jump:hover{background:#f8fafc}.tx-row-picked{background:var(--v2-customer-tint)}.tx-row-sikisik{padding:8px 10px;line-height:1.5;font-size:13px}.tx-row-rahat{padding:10px;line-height:1.55;font-size:14px}.tx-row-agent{border-left-color:var(--v2-agent)}.tx-row-customer{border-left-color:var(--v2-customer)}.tx-row-active,.tx-row-jump.tx-row-active:hover{background:var(--v2-agent-tint)}.tx-time{font-family:var(--font-mono);color:var(--v2-muted);flex:none;font-size:11px;padding-top:1px}.tx-role{font-size:11px;color:var(--v2-muted);flex:none;min-width:4.6em;padding-top:1px}.tx-text{color:var(--v2-ink-soft);min-width:0;flex:1}.mini-player-bar{position:fixed;bottom:0;left:var(--sidebar-w);right:0;height:48px;z-index:40;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--v2-card);border-top:1px solid var(--v2-border);box-shadow:0 -2px 8px #0f172a0f}@media (max-width: 1024px){.mini-player-bar{left:0}}.mini-player-progress{position:absolute;left:0;right:0;top:0;height:3px;background:var(--v2-border)}.mini-player-progress>span{display:block;height:100%;background:var(--v2-primary)}.v2-player-play{width:38px;height:38px;border-radius:50%;border:none;background:var(--v2-grad);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #1d4ed840;transition:transform .12s ease,box-shadow .12s ease}.v2-player-play:hover{transform:translateY(-1px);box-shadow:0 3px 8px #1d4ed84d}.v2-player-play:active{transform:translateY(0)}.v2-player-btn{height:36px;min-width:36px;border-radius:10px;border:1px solid var(--v2-border);background:#fff;color:var(--v2-ink-soft);cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease}.v2-player-btn:hover{background:#f4f6fb;border-color:#d7dcea}.v2-player-icon{width:32px;height:32px;border-radius:8px;border:none;background:none;color:var(--v2-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease}.v2-player-icon:hover{background:#f1f3f9;color:var(--v2-ink-soft)}.v2-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:92px;height:5px;border-radius:999px;outline:none;cursor:pointer}.v2-volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--v2-primary);border:2px solid #fff;box-shadow:0 1px 3px #02061740;cursor:pointer}.v2-volume::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--v2-primary);border:2px solid #fff;box-shadow:0 1px 3px #02061740;cursor:pointer}@keyframes v2-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.v2-shimmer{background:#eef1f8;background-image:linear-gradient(90deg,#eef1f8,#e2e6f2,#eef1f8 80px);background-size:200px 100%;background-repeat:no-repeat;animation:v2-shimmer 1.2s ease-in-out infinite}.container-1440{max-width:1440px;margin:0 auto;padding:0 24px}.v21-card{background:#fff;border:1px solid var(--v21-card-border);border-radius:var(--v21-radius);box-shadow:var(--v21-shadow)}.v21-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.v21-stat-card{min-height:148px;height:100%;overflow:visible;box-sizing:border-box}.v21-info-tip{position:relative;z-index:2}.v21-chart-row{display:grid;grid-template-columns:1fr 1.35fr 1.35fr;gap:16px}@media (max-width: 1100px){.v21-chart-row{grid-template-columns:1fr}.v21-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.v21-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.v21-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}tr.v21-row{transition:background .12s ease}tr.v21-row:hover{background:#f8f9fe}.v21-icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--v21-card-border);background:#fff;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.v21-icon-btn:hover{background:#f1f3f9}.v21-footer-link{font-size:13px;color:var(--v2-primary);background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px}.v21-footer-link:hover{text-decoration:underline}.v21-filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}@keyframes kanit-pulse{0%{box-shadow:0 0 #2563eb8c}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}@keyframes kanit-pulse-warn{0%{box-shadow:0 0 #e11d488c}70%{box-shadow:0 0 0 10px #e11d4800}to{box-shadow:0 0 #e11d4800}}.kanit-hl{animation:kanit-pulse 1s ease-out 2}.kanit-hl-warn{animation:kanit-pulse-warn 1s ease-out 2}