@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..24,400..500,0,0&display=swap";:root{--canvas-base: #ffffff;--surface-l1: #f8fafc;--surface-l2: #f1f5f9;--border-divider: #e2e8f0;--border-active: #cbd5e1;--primary: #059669;--primary-hover: #047857;--primary-active: #065f46;--accent-mint: #10b981;--accent-mint-soft: #ecfdf5;--secondary: #0f172a;--tertiary: #0284c7;--neutral: #64748b;--neutral-sub: #334155;--status-healthy: #059669;--status-healthy-bg: #ecfdf5;--status-healthy-border: #a7f3d0;--status-warning: #d97706;--status-warning-bg: #fffbeb;--status-warning-border: #fde68a;--status-critical: #dc2626;--status-critical-bg: #fef2f2;--status-critical-border: #fecaca;--status-idle: #475569;--status-idle-bg: #f1f5f9;--status-idle-border: #e2e8f0;--radius-base: .75rem;--radius-card: 1rem;--radius-sm: .5rem;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--duration-snappy: .14s;--duration-drawer: .2s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button:focus:not(:focus-visible),a:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),summary:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}html{width:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{width:100%;max-width:100vw;margin:0;padding:0;background-color:var(--canvas-base);color:var(--secondary);font-family:Geist,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:visible;word-break:normal;overflow-wrap:break-word;line-break:loose}p,h1,h2,h3,h4,h5,h6,span,div,td,th,label,button{overflow-wrap:break-word}.material-symbols-outlined{font-family:Material Symbols Outlined!important;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.font-display{font-family:Geist,sans-serif;font-size:2.25rem;font-weight:600;line-height:2.75rem;letter-spacing:-.025em}.font-headline-lg{font-family:Geist,sans-serif;font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:-.02em}.font-headline-lg-mobile{font-family:Geist,sans-serif;font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:-.02em}.font-headline-md{font-family:Geist,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:-.015em}.font-headline-sm{font-family:Geist,sans-serif;font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:-.01em}.font-body-lg{font-family:Geist,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;letter-spacing:0}.font-body-md{font-family:Geist,sans-serif;font-size:.875rem;font-weight:400;line-height:1.25rem;letter-spacing:0}.font-body-sm{font-family:Geist,sans-serif;font-size:.75rem;font-weight:400;line-height:1rem;letter-spacing:.01em}.font-metric-xl{font-family:Geist,sans-serif;font-size:2rem;font-weight:600;line-height:2.25rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.font-metric-md{font-family:Geist,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.75rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.font-mono,.tabular-nums{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.code-sm{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:400;line-height:1rem;letter-spacing:0}.label-caps{font-family:JetBrains Mono,Noto Sans Thai,monospace;font-size:.6875rem;font-weight:500;line-height:.875rem;letter-spacing:.02em;text-transform:uppercase}:lang(th) .label-caps,.label-caps:lang(th),[lang=th] .label-caps{letter-spacing:normal!important;text-transform:none!important}.label-md{font-family:Geist,sans-serif;font-size:.8125rem;font-weight:500;line-height:1.125rem;letter-spacing:0}header,nav,button,summary,.no-select{-webkit-user-select:none;user-select:none}button,.pressable{transition:transform var(--duration-snappy) var(--ease-out),background-color var(--duration-snappy) ease,border-color var(--duration-snappy) ease,color var(--duration-snappy) ease}button:active,.pressable:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--radius-base);font-weight:600;border:none;box-shadow:0 4px 12px -2px #05966947}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-primary:active{background:#065f46}.btn-secondary{background-color:var(--canvas-base);border:1px solid var(--border-divider);color:var(--secondary);border-radius:var(--radius-base);font-weight:500}.btn-secondary:hover{background-color:var(--surface-l1);border-color:var(--border-active)}.btn-ghost{background-color:transparent;color:var(--neutral-sub);border-radius:var(--radius-base)}.btn-ghost:hover{background-color:var(--surface-l2);color:var(--secondary)}.btn-destructive{background-color:var(--status-critical);color:#fff;border-radius:var(--radius-base);font-weight:500}.btn-destructive:hover{background-color:#b91c1c}.status-chip{display:inline-flex;align-items:center;min-height:22px;height:auto;padding:3px .65rem;border-radius:9999px;font-family:Geist,Noto Sans Thai,JetBrains Mono,-apple-system,sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.01em;line-height:1.25;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}:lang(th) .status-chip,.status-chip:lang(th),[lang=th] .status-chip{letter-spacing:normal!important;text-transform:none!important}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chip-healthy{background-color:var(--status-healthy-bg);color:var(--status-healthy);border:1px solid var(--status-healthy-border)}.chip-warning{background-color:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.chip-critical{background-color:var(--status-critical-bg);color:var(--status-critical);border:1px solid var(--status-critical-border)}.chip-neutral{background-color:var(--status-idle-bg);color:var(--status-idle);border:1px solid var(--status-idle-border)}.status-dot{width:6px;height:6px;border-radius:9999px;display:inline-block;flex-shrink:0}.status-dot-healthy{background-color:var(--status-healthy)}.status-dot-warning{background-color:var(--status-warning)}.status-dot-critical{background-color:var(--status-critical)}.status-dot-neutral{background-color:var(--neutral)}.panel-card{background-color:var(--canvas-base);border:1px solid var(--border-divider);border-radius:var(--radius-card);box-shadow:0 2px 12px -2px #0f172a0d}.panel-footer{border-top:1px solid var(--border-divider);background-color:var(--surface-l1);border-bottom-left-radius:calc(var(--radius-card) - 1px);border-bottom-right-radius:calc(var(--radius-card) - 1px)}.panel-keyline{box-shadow:0 1px 3px #0f172a14}.telemetry-table{width:100%;border-collapse:collapse}.telemetry-table th{min-height:32px;height:auto;background-color:var(--surface-l1);color:var(--neutral);font-family:JetBrains Mono,Noto Sans Thai,monospace;font-size:.6875rem;font-weight:500;letter-spacing:.04em;border-bottom:1px solid var(--border-divider);padding:.375rem .625rem;text-align:left;vertical-align:middle}.telemetry-table td{min-height:40px;height:auto;background-color:var(--canvas-base);color:var(--secondary);font-size:.8125rem;line-height:1.35;border-bottom:1px solid var(--surface-l2);padding:.5rem .625rem;vertical-align:middle}.telemetry-table tr:hover td{background-color:var(--surface-l1)}.telemetry-table .numeric-cell{text-align:right;font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.telemetry-input{height:36px;background-color:var(--canvas-base);border:1px solid var(--border-active);border-radius:var(--radius-base);padding:0 .75rem;font-size:.875rem;color:var(--secondary);outline:none;transition:border-color var(--duration-snappy) ease}.telemetry-input:focus{border-color:var(--primary);outline:1px solid var(--primary)}@media(max-width:767px){::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}}@media(min-width:768px){html::-webkit-scrollbar{width:6px;display:block}html::-webkit-scrollbar-track{background:#0b0f19}html::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}html::-webkit-scrollbar-thumb:hover{background:#64748b}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.pb-safe{padding-bottom:max(env(safe-area-inset-bottom,16px),16px)}.pt-safe{padding-top:max(env(safe-area-inset-top,0px),0px)}.sticky-company-bar{position:sticky;top:calc(56px + max(env(safe-area-inset-top,0px),0px));z-index:30;background-color:var(--surface-l1);border-bottom:1px solid var(--border-divider)}.sticky-subtab-bar{position:sticky;top:calc(56px + max(env(safe-area-inset-top,0px),0px));z-index:20;background-color:var(--canvas-base);border-bottom:1px solid var(--border-divider)}.mobile-app-shell{width:100%;max-width:430px;min-height:100vh;min-height:100dvh;margin:0 auto;position:relative;background-color:var(--canvas-base)}@media(min-width:768px){body{background-color:#0b0f19}.mobile-app-shell{border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;box-shadow:0 0 40px #00000014}}.view-container{transition:opacity .1s var(--ease-out),filter .1s var(--ease-out)}.view-container.switching{opacity:.65;filter:blur(2px)}.bottom-sheet-backdrop{background:#0f172a73;transition:opacity var(--duration-drawer) var(--ease-out)}.bottom-sheet-drawer{transition:transform var(--duration-drawer) var(--ease-drawer);transform:translateY(0)}.bottom-sheet-backdrop.hidden-state{opacity:0;pointer-events:none!important;visibility:hidden!important;display:none!important}.bottom-sheet-backdrop.hidden-state .bottom-sheet-drawer{transform:translateY(100%);pointer-events:none!important;display:none!important}.drawer-handle{width:32px;height:4px;border-radius:2px;background-color:var(--border-active);margin:0 auto .75rem}.gauge-circle{transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1)}summary::-webkit-details-marker{display:none}.telemetry-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--surface-l2);border-radius:2px;outline:none;border:1px solid var(--border-divider)}.telemetry-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:4px;background:var(--primary);border:2px solid #ffffff;box-shadow:0 1px 3px #0f172a33;cursor:pointer;transition:transform var(--duration-snappy) var(--ease-out),background-color var(--duration-snappy) ease}.telemetry-range::-webkit-slider-thumb:hover{background:var(--primary-hover);transform:scale(1.1)}.telemetry-range::-webkit-slider-thumb:active{background:var(--primary-active);transform:scale(.95)}.telemetry-range::-moz-range-thumb{width:16px;height:16px;border-radius:4px;background:var(--primary);border:2px solid #ffffff;box-shadow:0 1px 3px #0f172a33;cursor:pointer}@media print{body,html{background:#fff!important;color:#0f172a!important;font-size:11pt!important;padding:0!important;margin:0!important}header,nav,#appHeaderContainer,.bottom-sheet-backdrop,#statusToast,button,#swapPartnersBtn{display:none!important}.mobile-app-shell{max-width:100%!important;width:100%!important;box-shadow:none!important;border:none!important;padding:0!important}main#mainViewContainer{padding-top:0!important;padding-bottom:0!important}.panel-card,details{break-inside:avoid;border:1px solid #cbd5e1!important;margin-bottom:12pt;box-shadow:none!important}#printableDossier{display:block!important;position:absolute;top:0;left:0;width:100%;background:#fff;padding:20mm;z-index:99999}body.printing-dossier .mobile-app-shell>*:not(#printableDossier){display:none!important}}.persona-capsule{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:9999px;font-size:.6875rem;font-weight:600;color:#0f172a;transition:all .14s cubic-bezier(.23,1,.32,1);cursor:pointer;max-width:140px;min-width:0;line-height:1.25}.persona-capsule:hover{background-color:#fff;border-color:#1d4ed8;color:#1d4ed8}.live-synergy-card{position:relative;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #cbd5e1;border-left:3px solid #059669;border-radius:var(--radius-card);padding:.875rem;box-shadow:0 1px 3px #0000000a}.onboarding-step-tab{font-size:.625rem;font-weight:600;padding:.35rem .2rem;border-radius:var(--radius-base);border:1px solid transparent;cursor:pointer;transition:all .12s ease;line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;min-width:0;width:100%}.onboarding-step-tab.active{background-color:#059669;color:#fff;font-weight:700;border-color:#059669}.onboarding-step-tab:not(.active){background-color:#f1f5f9;color:#64748b;border-color:#e2e8f0}.disclaimer-box{background-color:#fffbeb;border:1px solid #fde68a;border-left:3px solid #d97706;border-radius:var(--radius-base);padding:.625rem .75rem;font-size:.6875rem;line-height:1.45;color:#92400e}.legal-consent-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-base);padding:.625rem .75rem;transition:border-color var(--duration-snappy) ease}.legal-consent-card:has(input:checked){background-color:#ecfdf5;border-color:#a7f3d0}.switching{opacity:.35;filter:blur(1.5px);transform:scale(.995);transition:opacity 90ms var(--ease-out),filter 90ms var(--ease-out),transform 90ms var(--ease-out)}.content-glide{animation:contentGlide .18s var(--ease-out) forwards}@keyframes contentGlide{0%{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#welcomeGateOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;max-width:430px;margin:0 auto;background:linear-gradient(180deg,#ecfdf5,#fff 38%,#f8fafc);overflow-y:auto;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}#welcomeGateOverlay.hidden-gate{opacity:0;pointer-events:none;transform:scale(.98);display:none!important}.ai-fab-btn{position:fixed;bottom:calc(68px + max(env(safe-area-inset-bottom,16px),16px));right:max(14px,calc((100vw - 430px)/2 + 14px));z-index:45;display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .95rem;border-radius:9999px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:1px solid rgba(16,185,129,.45);box-shadow:0 8px 20px -4px #0f172a59,0 0 0 3px #10b98124;font-size:.75rem;font-weight:600;cursor:pointer}.ai-fab-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -4px #0f172a66,0 0 0 4px #10b98138}.chat-bubble-bot{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.25rem 1rem 1rem;padding:.75rem .875rem;color:#0f172a;font-size:.78rem;line-height:1.55;max-width:90%}.chat-bubble-user{background:linear-gradient(135deg,#10b981,#059669);border-radius:1rem .25rem 1rem 1rem;padding:.65rem .875rem;color:#fff;font-size:.78rem;line-height:1.5;max-width:85%;margin-left:auto;box-shadow:0 2px 8px -2px #05966940}.chat-chip-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:9999px;background-color:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-size:.7rem;font-weight:600;white-space:nowrap;cursor:pointer;flex-shrink:0}.chat-chip-btn:hover{background-color:#d1fae5}