html,body,#root{height:100%}body{overflow:hidden}#root{min-height:100vh}:root{--font-ui:var(--font-sans,system-ui, sans-serif);--font-accent:var(--font-display,var(--font-sans,system-ui, sans-serif));--font-thai:var(--font-thai-display,var(--font-sans,system-ui, sans-serif));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:oklch(93% .03 251);--bg-2:oklch(89% .05 249);--panel:oklch(98.5% .008 255/.84);--panel-strong:oklch(99% .005 255/.95);--line:oklch(78% .03 248/.42);--ink:oklch(28% .05 257);--ink-soft:oklch(47% .04 254);--ink-muted:oklch(60% .03 251);--brand:oklch(58% .17 260);--brand-deep:oklch(34% .09 258);--brand-soft:oklch(87% .06 252);--good:oklch(68% .15 154);--watch:oklch(74% .15 76);--risk:oklch(64% .2 27);--shadow:0 24px 80px oklch(38% .08 256/.16);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--login-page-bg:#fff;--login-left-bg:#fff;--login-right-bg:#f5f5f5;--login-right-surface:#fff;--login-right-text:#334155;--login-right-muted:#64748b;--login-right-border:#33415514;--login-primary-start:#4e7cf6;--login-primary-mid:#5b9af7;--login-primary-end:#6bcbf3;--ps-grad-from:#5b8cff;--ps-grad-mid:#8b7cff;--ps-grad-to:#c084fc;--ps-glow:0 18px 48px #5b8cff2e, 0 28px 72px #8b7cff29;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.page{min-height:100vh;display:none}.admin-client-table-wrap{width:100%}.admin-client-table{table-layout:auto}.admin-client-name-head{width:32%}.admin-client-sector-head{width:13%}.admin-client-systems-head{width:28%}.admin-client-users-head{width:9%}.admin-client-status-head{width:12%}.admin-client-actions-head{white-space:nowrap;width:110px}.admin-client-row:focus-visible td{outline-offset:-2px;outline:2px solid #4a74e347}.admin-client-row:hover td{background:#4a74e30a}.admin-client-name-cell,.admin-client-sector-cell,.admin-client-systems-cell,.admin-client-users-cell,.admin-client-status-cell,.admin-client-actions-cell{overflow:visible}.admin-client-sector-cell,.admin-client-users-cell,.admin-client-status-cell{white-space:nowrap}.admin-client-users-cell{font-weight:700}.admin-client-status-pill{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.admin-client-status-pill.active{color:#31610d;background:#eef6df;border-color:#c8e1a0}.admin-client-status-pill.inactive{color:#8f2f2f;background:#fbebeb;border-color:#f3c0c0}.admin-client-sector-badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.admin-client-sector-badge.tone-industrial{color:#32548f;background:#f4f7ff;border-color:#5078dc2e}.admin-client-sector-badge.tone-commercial{color:#0f6e56;background:#e6f7f0;border-color:#0f6e562e}.admin-client-sector-badge.tone-municipal{color:#854f0b;background:#faeeda;border-color:#f59e0b33}.admin-client-system-list{flex-wrap:wrap;gap:6px;display:flex}.admin-client-system-pill{border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.admin-client-system-pill.tone-water{color:#185fa5;background:#e6f1fb;border-color:#185fa529}.admin-client-system-pill.tone-cooling{color:#0f6e56;background:#e1f5ee;border-color:#0f6e5629}.admin-client-system-pill.tone-boiler{color:#b45309;background:#faeeda;border-color:#b4530929}.admin-client-system-pill.tone-pool{color:#7c3aed;background:#f4efff;border-color:#7c3aed29}.admin-client-system-pill.tone-wastewater{color:#334155;background:#eef2f7;border-color:#33415529}.admin-client-system-pill.tone-ro{color:#0f766e;background:#e2faf6;border-color:#0f766e29}.admin-client-empty-inline{color:var(--color-text-secondary);font-size:12px}.admin-client-dialog-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.admin-client-dialog{background:#fff;border:1px solid #94a3b83d;border-radius:24px;gap:18px;width:min(640px,100%);padding:24px;display:grid;box-shadow:0 30px 80px #0f172a33}.admin-client-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-client-field{gap:6px;display:grid}.admin-client-field span{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:10px;font-weight:700}.admin-client-field input,.admin-client-field select{min-height:38px;color:var(--color-text-primary);font:inherit;background:#fff;border:1px solid #94a3b83d;border-radius:12px;padding:0 12px}.admin-client-form-note{color:var(--color-text-secondary);grid-column:1/-1;font-size:12px}.admin-client-form-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.admin-client-cancel{min-height:34px;color:var(--color-text-primary);cursor:pointer;background:#fff;border:1px solid #94a3b83d;border-radius:999px;padding:0 14px;font-size:12px;font-weight:700}.admin-client-submit{min-height:34px;padding-inline:14px}.ua-btn-select{color:#32548f;background:#f7f9ff;border-color:#5078dc33}.ua-btn-select:hover{background:#edf3ff}.ua-section{background:var(--color-background-primary);border:1px solid #94a3b847;border-radius:14px;overflow:hidden}.ua-section+.ua-section{margin-top:16px}.ua-section-header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.ua-section-title{color:var(--color-text-primary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.ua-badge{background:color-mix(in oklab, var(--color-background-secondary) 84%, white);color:var(--color-text-secondary);border:1px solid #94a3b833;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:500;line-height:1}.ua-badge-pending{color:#854f0b;background:#faeeda;border-color:#fac775}.ua-kebab{width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.ua-kebab:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.ua-kebab svg{width:13px;height:13px}.ua-section-tools{flex:auto;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.ua-search{width:min(100%,360px);min-width:280px;max-width:360px;color:var(--color-text-secondary);background:#fff;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:flex}.ua-search svg{flex:none;width:14px;height:14px}.ua-search input{width:100%;color:var(--color-text-primary);font:inherit;background:0 0;border:0;outline:none}.ua-section-pill{min-height:26px}.ua-table-wrap{width:100%;overflow-x:auto}.ua-table{border-collapse:collapse;width:100%;font-size:13px}.ua-actions-head,.ua-actions-cell,.ua-user-actions-head,.ua-user-actions-cell{white-space:nowrap;width:270px}.ua-table th{text-align:left;color:#6b7280;white-space:nowrap;background:#fafafa;border-bottom:1px solid #94a3b82e;padding:6px 12px;font-size:11px;font-weight:500;line-height:1}.ua-table td{color:var(--color-text-primary);vertical-align:middle;border-bottom:1px solid #94a3b824;padding:7px 12px}.ua-empty-cell{border-bottom:1px solid #94a3b824;padding:0}.ua-table tbody tr:last-child td{border-bottom:none}.ua-table tbody tr:hover td{background:var(--color-background-secondary)}.ua-name-cell,.ua-email-cell,.ua-date-cell,.ua-company-cell,.ua-assign-cell,.ua-actions-cell,.ua-user-name-cell,.ua-user-email-cell,.ua-user-client-cell,.ua-user-status-cell,.ua-user-joined-cell,.ua-user-actions-cell{overflow:visible}.ua-name-cell,.ua-email-cell,.ua-company-cell{text-overflow:ellipsis;white-space:nowrap}.ua-user-name-cell,.ua-user-email-cell,.ua-user-client-cell,.ua-user-joined-cell{white-space:nowrap;text-overflow:ellipsis}.ua-date-cell{white-space:nowrap}.ua-assign-cell{white-space:nowrap;width:210px;padding-right:8px}.ua-user{align-items:center;gap:10px;display:flex}.ua-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:500;display:flex}.ua-avatar.tone-blue{color:#185fa5;background:#e6f1fb}.ua-avatar.tone-teal{color:#0f6e56;background:#e1f5ee}.ua-avatar.tone-amber{color:#854f0b;background:#faeeda}.ua-avatar.tone-coral{color:#993c1d;background:#faece7}.ua-user-copy{gap:0;min-width:0;display:grid}.ua-user-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.ua-user-email,.ua-muted,.ua-user-meta{color:var(--color-text-secondary);font-size:12px;line-height:1.2}.ua-select-client{border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;border:1px solid #94a3b83d;width:100%;padding:3px 8px;font-size:12px}.ua-actions{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.ua-user-client-cell{white-space:nowrap;text-overflow:ellipsis}.ua-actions-cell,.ua-user-actions-cell{padding-left:6px}.ua-user-status-cell{white-space:nowrap}.ua-status-pill{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.ua-status-pill.is-active{color:#31610d;background:#eef6df;border-color:#c8e1a0}.ua-status-pill.is-suspended{color:#8f2f2f;background:#fbebeb;border-color:#f3c0c0}.ua-status-dot{background:currentColor;border-radius:999px;flex:none;width:6px;height:6px}.ua-btn,.ua-icon-btn{cursor:pointer;color:var(--color-text-secondary);background:#fff;border:1px solid #94a3b83d;font-size:12px}.ua-btn{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-weight:700;display:inline-flex}.ua-btn-edit{color:#32548f;background:#f7f9ff;border-color:#5078dc33}.ua-btn-toggle{color:#6b4d12;background:#fff7e8;border-color:#f59e0b3d}.ua-btn:hover,.ua-icon-btn:hover{background:var(--color-background-secondary)}.ua-btn-approve{color:#3b6d11;background:#eaf3de;border-color:#c0dd97}.ua-btn-approve:hover{background:#c0dd97}.ua-btn-reject{color:#a32d2d;border-color:#f7c1c1}.ua-btn-reject:hover{background:#fcebeb}.ua-icon-btn{border-radius:999px;place-items:center;width:26px;height:26px;display:grid}.ua-icon-btn.danger:hover{color:#a32d2d;background:#fcebeb;border-color:#f7c1c1}.ua-empty{text-align:center;color:var(--color-text-secondary);padding:40px 20px;font-size:12px}.ua-empty-state{text-align:center;padding:34px 20px 38px}.ua-empty-icon{background:var(--color-background-secondary);width:36px;height:36px;color:var(--color-text-secondary);border:1px solid #94a3b83d;border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.ua-empty-icon svg{width:16px;height:16px}.ua-empty-title{color:var(--color-text-primary);margin-bottom:4px;font-size:14px;font-weight:500}.ua-empty-sub{color:var(--color-text-secondary);font-size:12px}.ua-table-footer{justify-content:space-between;align-items:center;gap:12px;padding:10px 18px 14px;display:flex}.ua-table-count{color:var(--color-text-secondary);font-size:12px}.ua-pagination{align-items:center;gap:8px;display:inline-flex}.ua-page-btn{height:32px;color:var(--color-text-primary);cursor:pointer;background:#fff;border:1px solid #94a3b838;border-radius:999px;padding:0 12px;font-size:12px;font-weight:600}.ua-page-btn:hover:not(:disabled){background:var(--color-background-secondary)}.ua-page-btn:disabled{opacity:.5;cursor:not-allowed}.ua-page-number{text-align:center;min-width:96px;color:var(--color-text-secondary);font-size:12px}@media (width<=860px){.ua-section-header{flex-direction:column;align-items:flex-start}.ua-section-tools{justify-content:flex-start;width:100%}.ua-search{width:100%;min-width:0;max-width:none}.ua-actions{flex-wrap:wrap;justify-content:flex-start}.ua-select-client{width:100%;min-width:0}.ua-table-footer{flex-direction:column;align-items:flex-start}.admin-client-tools{width:100%}.admin-client-search{flex-basis:100%;width:100%;min-width:0}.admin-client-filter{flex:160px;min-width:0}.admin-client-new-button{justify-content:center;width:100%}.admin-client-actions-head,.admin-client-actions-cell{width:1%}.admin-client-profile-grid,.admin-client-form,.admin-client-profile-meta-grid{grid-template-columns:1fr}.admin-client-dialog-backdrop{padding:16px}.admin-client-dialog{border-radius:20px;padding:18px}}.page.active{height:100vh;display:flex;overflow:hidden}.gbg{z-index:0;opacity:1;background:#f9f9f9;position:fixed;inset:0}.gbg:before{content:"";background:0 0;position:absolute;inset:0}.gbg:after{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}#page-app{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);z-index:1;--sidebar-width:260px;--font-ui:"Satoshi", "Noto Sans Thai", sans-serif;--font-accent:"Plus Jakarta Sans", "Noto Sans Thai", sans-serif;--font-logo:"Noto Sans", "Noto Sans Thai", sans-serif;--font-thai:"Noto Sans Thai", sans-serif;height:100vh;min-height:100vh;font-family:var(--font-ui);gap:0;display:grid;position:relative;overflow:hidden}.sb{border-right:1px solid var(--line);background:#f9f9f9;flex-direction:column;align-self:stretch;gap:0;height:100%;min-height:0;padding:0 14px 16px;display:flex;position:relative;overflow:hidden}.sb-header{flex:none;height:60px;padding:0}.sb-logo{flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;height:60px;padding:0 10px;display:flex}.sb-admin-tag{letter-spacing:.16em;text-transform:uppercase;color:#4a74e3;font-size:12px;font-weight:800;line-height:1}.brand-logo{font-family:var(--font-logo);color:#151d3f;letter-spacing:-.02em;align-items:flex-start;font-weight:600;line-height:1;display:inline-flex;position:relative}.brand-logo--lg{font-size:24px}.brand-logo--xl{font-size:45px}.brand-logo--md{font-size:18px}.brand-logo--sm{font-size:14px}.brand-logo-prima{font-weight:700}.brand-logo-watch-wrap{margin-left:-.02em;display:inline-block;position:relative}.brand-logo-watch{color:inherit;font-weight:400}.brand-logo-orb{transform-origin:50%;background:radial-gradient(circle at 35% 35%,#67b0ff 0%,#0b78ff 56%,#075fe0 100%);border-radius:999px;width:.5em;height:.5em;animation:3.2s ease-in-out infinite orbPulse;position:absolute;top:-.18em;right:-.52em;overflow:visible;box-shadow:0 0 0 1px #ffffffeb,0 0 14px #0b78ff29}.brand-logo-orb:before,.brand-logo-orb:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:-.55em}.brand-logo-orb:before{border:1px solid #0b78ff3d;animation:3.2s ease-out infinite orbRing;box-shadow:0 0 10px #0b78ff14}.brand-logo-orb:after{filter:blur(1px);background:radial-gradient(circle,#67b0ff80 0%,#0b78ff24 45%,#0b78ff00 72%);animation:3.2s ease-in-out infinite orbAura;inset:-.28em}.sb-nav{gap:0;display:grid}.sb-group{flex-direction:column;gap:1px;display:flex}.sb-group-admin{gap:10px}.sb-group+.sb-group{margin-top:6px}.sb-sec{color:#000;letter-spacing:.1em;text-transform:uppercase;margin-top:1px;padding:10px 10px 4px;font-size:10px;font-weight:700}.ni{cursor:pointer;color:#2b2b2b;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:34px;margin-bottom:1px;padding:8px 11px;font-size:13px;font-weight:500;transition:all .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.ni:hover{color:#1f1f1f;background:#ffffff8c;transform:translate(2px)}.sb-admin-card{color:#151d3f;text-align:left;cursor:pointer;width:100%;box-shadow:none;background:#ffffffeb;border:1px solid #4a74e31f;border-radius:16px;gap:10px;padding:12px;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1);display:grid}.sb-admin-card:hover{background:#fffffffa;border-color:#4a74e338;transform:translateY(-1px)}.sb-admin-card.on{background:#f1f5fff5;border-color:#4a74e34d}.sb-admin-card:focus-visible{outline-offset:2px;outline:2px solid #4a74e37a}.sb-admin-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sb-admin-card-copy{gap:3px;min-width:0;display:grid}.sb-admin-card-kicker{color:#4a74e3;letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:900}.sb-admin-card-title{color:var(--ink);letter-spacing:-.02em;font-size:15px;font-weight:800}.sb-admin-card-sub{color:var(--ink-soft);max-width:20ch;font-size:12px;line-height:1.35}.sb-admin-card-icon{color:#4a74e3;background:#4a74e314;border:1px solid #4a74e31f;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.sb-admin-card.on .sb-admin-card-icon{background:#4a74e31f}.ni.on{color:#111;background:#ffffffe0;font-weight:700;box-shadow:0 2px 10px #4a74e31f}.ni.on:before{content:"";background:#4a74e3;border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.ni svg{opacity:.9;flex-shrink:0;width:15px;height:15px;transition:opacity .18s;display:block}.ni.on svg,.ni:hover svg{opacity:1}.ni-badge{color:#fff;text-align:center;background:#4a74e3;border-radius:20px;min-width:19px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.ni-badge.red{background:#ef4444}.ni.ps-ni{color:#151d3f;background:#ffffff4d;border:1px solid #4a74e32e;margin-top:4px;font-weight:700;overflow:hidden}.ni.ps-ni:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 60%,#4a74e30f);position:absolute;inset:0}.ni.ps-ni:hover{background:#ffffff8c}.ni.ps-ni.on{background:#ffffffeb;box-shadow:0 2px 14px #4a74e333}.ps-dot{background:#4a74e3;border-radius:50%;width:6px;height:6px;margin-left:auto;animation:2s ease-in-out infinite pdot;box-shadow:0 0 10px #4a74e3}.sb-user{cursor:pointer;background:#ffffff73;border-radius:13px;align-items:center;gap:9px;margin-bottom:10px;padding:12px;transition:background .2s;display:flex}.sb-user:hover{background:#ffffffa6}.sb-av{color:#fff;background:linear-gradient(135deg,#4a74e3 0%,#1e2d5a 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 8px #4a74e34d}.sb-un{color:#151d3f;font-size:12px;font-weight:700}.sb-ur{color:#7a88aa;font-size:10px}.sb-caret{opacity:.35;margin-left:auto}.sb-caret svg{width:14px;height:14px}.sb-footnote{letter-spacing:.14em;color:#1118275c;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:0 12px 2px;font-size:8px;line-height:1.2}.sb-body{flex:auto;min-height:0;padding-top:10px;padding-bottom:4px;overflow-y:auto}.sb-footer{flex:none;gap:12px;margin-top:14px;padding-top:10px;padding-bottom:2px;display:grid}.sb-utilities{gap:10px;display:grid}.sb-utility-card{background:linear-gradient(oklch(99.2% .006 255/.98) 0%,oklch(97.5% .014 255/.94) 100%);border:1px solid oklch(84% .03 255/.5);border-radius:20px;gap:6px;padding:15px 15px 14px;display:grid;box-shadow:0 16px 32px oklch(45% .05 255/.08),inset 0 1px oklch(100% 0 0/.55)}.sb-utility-card.tone-info{border-color:oklch(84% .03 255/.5)}.sb-utility-card.tone-watch{background:linear-gradient(oklch(99.2% .01 247/.98) 0%,oklch(97.3% .02 247/.94) 100%);border-color:oklch(81% .06 245/.58)}.sb-utility-card.tone-risk{background:linear-gradient(oklch(99.2% .014 28/.98) 0%,oklch(97.4% .03 28/.94) 100%);border-color:oklch(78% .07 27/.45)}.sb-utility-label{letter-spacing:.16em;text-transform:uppercase;color:#51627e;font-size:9px;font-weight:800}.sb-utility-value{font-family:var(--font-accent);letter-spacing:-.06em;color:#151d3f;font-size:2.5rem;font-weight:800;line-height:.92}.sb-utility-meta{color:#64748b;font-size:12px;line-height:1.35}.placeholder-shell{max-width:640px;padding:8px 0 0}.placeholder-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#4a74e3;margin-bottom:12px;font-size:10px;font-weight:700}.placeholder-card{background:#ffffffd1;border:1px solid #4a74e314;border-radius:18px;padding:22px;box-shadow:0 8px 24px #4a74e30f}.placeholder-copy{color:#3f4a68;font-size:14px;line-height:1.7}.mc{flex-direction:column;flex:1;height:100%;min-height:0;margin-left:0;padding:0;display:flex;overflow:hidden}.workspace{-webkit-backdrop-filter:none;background:#fcfcfc;border:0;border-radius:0;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.tb{flex-shrink:0;align-items:center;gap:14px;height:60px;padding:0 24px;display:flex;position:relative}.tb-breadcrumbs{min-width:0;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#7a88aa;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;line-height:1.25;display:flex}.tb-breadcrumb-wrap{align-items:center;gap:4px;min-width:0;display:inline-flex}.tb-breadcrumb{white-space:nowrap}.tb-breadcrumb.client{color:#151d3f;font-weight:400}.tb-breadcrumb.current{color:#151d3f;font-weight:700}.tb-breadcrumb-sep{color:#b0bdd4;flex:none}.tb-acts{align-items:center;gap:8px;margin-left:auto;display:flex}.tb-client-switcher{white-space:nowrap;align-items:center;gap:8px;min-width:0;margin-right:2px;padding:0 10px 0 0;display:flex}.tb-client-switcher-label{letter-spacing:.12em;text-transform:uppercase;color:#60708f;font-size:10px;font-weight:800}.tb-client-switcher select{color:#151d3f;min-width:168px;max-width:220px;height:35px;font:inherit;background:#4a74e30f;border:1px solid #4a74e31f;border-radius:9px;outline:none;padding:0 10px;font-size:12px}.tb-client-switcher select:focus{border-color:#4a74e361;box-shadow:0 0 0 3px #4a74e31a}.tb-divider{background:#94a3b861;flex:none;width:1px;height:28px}.tb-btn{cursor:pointer;background:#4a74e30f;border:1.5px solid #4a74e31f;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;transition:all .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.tb-btn:hover{background:#4a74e314;border-color:#4a74e3;transform:translateY(-1px)}.tb-btn svg{opacity:.5;width:15px;height:15px;transition:opacity .18s}.tb-btn:hover svg{opacity:.9}.tb-btn-primasense{background:linear-gradient(135deg, var(--ps-grad-from) 0%, var(--ps-grad-mid) 50%, var(--ps-grad-to) 100%);color:#fff;box-shadow:var(--ps-glow);border-color:#7354dc3d}.tb-btn-primasense:hover{border-color:#7354dc57;transform:translateY(-1px);box-shadow:0 20px 40px #5b8cff3d}.tb-btn-primasense svg{opacity:1}.tb-btn-danger{color:#d92d20;background:#ef444414;border-color:#ef44442e}.tb-btn-danger:hover{color:#b42318;background:#fef2f2eb;border-color:#ef444457}.tb-btn-danger svg{opacity:1}.tb-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.tb-chip{cursor:pointer;background:#4a74e30d;border:1.5px solid #4a74e31a;border-radius:20px;align-items:center;gap:7px;padding:4px 12px 4px 4px;transition:all .18s;display:flex}.tb-chip:hover{background:#4a74e317;border-color:#4a74e3}.tb-chip-av{color:#fff;background:linear-gradient(135deg,#4a74e3 0%,#1e2d5a 100%);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.tb-chip-nm{color:#151d3f;font-size:12px;font-weight:700}.tb-user{cursor:pointer;background:#4a74e30d;border:1.5px solid #4a74e31a;border-radius:20px;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:all .18s cubic-bezier(.22,1,.36,1);display:flex}.tb-user:hover{background:#4a74e317;border-color:#4a74e3;transform:translateY(-1px)}.tb-user-av{color:#fff;background:linear-gradient(135deg,#4a74e3 0%,#1e2d5a 100%);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.tb-user-copy{text-align:left;gap:1px;min-width:0;display:grid}.tb-user-name{color:#151d3f;font-size:12px;font-weight:700;line-height:1.1}.tb-user-meta{color:#5f6d89;font-size:10px;line-height:1.1}.tb-user-caret{color:#7787a7;flex:none;place-items:center;width:14px;height:14px;display:grid}.tb-user-caret svg{width:12px;height:12px}.workspace-body{flex:1;padding:12px 24px 24px;overflow-y:auto}.ip{animation:.3s cubic-bezier(.22,1,.36,1) both fadeup;display:none}.ip.on{display:block}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ws-hd{justify-content:space-between;align-items:center;height:60px;margin-bottom:22px;padding:0;display:flex;position:relative}.ws-hd h1,.pg-hd h1{font-family:var(--font-accent);color:#151d3f;letter-spacing:-.02em;margin:0;font-size:21px;font-weight:700}.ws-hd p,.pg-hd p{color:#7a88aa;margin-top:4px;font-size:13px}.ws-hd-r{gap:8px;display:flex}.btn-ws{font-family:var(--font-ui);color:#4a74e3;cursor:pointer;background:#4a74e30f;border:1px solid #4a74e324;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .18s;display:flex}.btn-ws:hover{background:#4a74e31f;transform:translateY(-1px)}.btn-ws svg{width:13px;height:13px}.db-r1{grid-template-columns:2fr 3fr;gap:16px;margin-bottom:16px;display:grid}.db-hero{background:linear-gradient(150deg,#1a3a9e 0%,#2a52c8 35%,#3d6ae0 65%,#6080ee 100%);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:195px;padding:26px;display:flex;position:relative;overflow:hidden}.db-hero:before,.ps-band:before,.svc-card:before,.svc-card:after,.ps-widget:before{content:"";pointer-events:none;position:absolute}.db-hero:before{background:radial-gradient(90% 70% at 105% 5%,#ffffff2e 0%,#0000 55%),radial-gradient(55% 80% at -5% 105%,#a0bbf92e 0%,#0000 55%);inset:0}.hero-blob{pointer-events:none;background:#ffffff0f;border-radius:38% 62% 55% 45%/48% 38% 62% 52%;width:340px;height:340px;animation:10s ease-in-out infinite alternate blobmove;position:absolute;top:-100px;right:-100px}.hero-ring{pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;top:20px;right:60px}.hero-ring2{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;top:60px;right:100px}.hero-dots{opacity:.15;pointer-events:none;position:absolute;bottom:20px;right:20px}.db-hero-top{z-index:1;position:relative}.db-hero-chip{color:#ffffffeb;background:#ffffff24;border:1px solid #ffffff38;border-radius:20px;align-items:center;gap:6px;margin-bottom:13px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.db-hero h2{font-family:var(--font-accent);color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:23px;font-weight:700;line-height:1.18}.db-hero h2 em{font-style:italic;font-family:var(--font-ui);color:#ffffffa6;font-weight:300}.db-hero p{color:#ffffff8c;font-size:12px;line-height:1.65}.db-hero-bot{z-index:1;gap:10px;margin-top:auto;padding-top:14px;display:flex;position:relative}.db-hero-s{cursor:default;background:#ffffff1c;border:1px solid #ffffff29;border-radius:10px;flex:1;padding:10px 13px;transition:background .2s}.db-hero-s:hover{background:#ffffff2e}.db-hero-sn{font-family:var(--font-accent);color:#fff;letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1}.db-hero-sl{color:#ffffff7a;margin-top:4px;font-size:10px}.db-chart,.db-table-card,.comp-card,.ps-diag,.ps-chat,.issues-tbl,.sysc{background:#fff;border:1px solid #4a74e314;border-radius:16px;box-shadow:0 2px 10px #4a74e30d}.db-chart{padding:20px 22px;transition:box-shadow .2s}.db-chart:hover,.db-table-card:hover{box-shadow:0 6px 24px #4a74e31a}.chart-hd{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.chart-title,.card-title,.ps-diag-title,.ps-chat-nm,.ps-widget-nm,.sys-nm,.svc-dt{font-family:var(--font-accent)}.chart-title{color:#151d3f;font-size:14px;font-weight:600}.chart-val{font-family:var(--font-accent);color:#151d3f;letter-spacing:-.03em;margin-top:3px;font-size:26px;font-weight:700;line-height:1}.chart-badge{color:#10b981;vertical-align:middle;background:#10b9811a;border-radius:20px;align-items:center;margin-left:9px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.chart-sub{color:#7a88aa;margin-top:4px;font-size:11px}.chart-btn{font-family:var(--font-ui);color:#4a74e3;cursor:pointer;background:#4a74e312;border:1px solid #4a74e324;border-radius:8px;flex-shrink:0;padding:6px 13px;font-size:11px;font-weight:700;transition:all .18s}.chart-btn:hover{background:#4a74e324}.chart-svg-wrap{width:100%;height:96px;margin-top:6px;position:relative}.chart-svg-wrap svg{width:100%;height:100%}.db-r2{grid-template-columns:3fr 1.35fr;gap:16px;display:grid}.card-hd{border-bottom:1px solid #4a74e312;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.section-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow);display:grid;overflow:hidden}.section-card-body{padding:20px}.card-eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.68rem;font-weight:700}.card-title{color:#151d3f;font-size:14px;font-weight:600}.card-sub{color:#7a88aa;margin-top:2px;font-size:11px}.card-hd-r{gap:6px;display:flex}.mini-btn{font-family:var(--font-ui);color:#3d4d7a;cursor:pointer;background:#4a74e30f;border:1px solid #4a74e31c;border-radius:7px;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.mini-btn:hover{color:#4a74e3;border-color:#4a74e3}.mini-btn svg{opacity:.6;width:12px;height:12px}.tbl-hd{color:#7a88aa;letter-spacing:.07em;text-transform:uppercase;background:#4a74e308;border-bottom:1px solid #4a74e30f;grid-template-columns:2.2fr 1.1fr .9fr .9fr .9fr;padding:9px 20px;font-size:10px;font-weight:700;display:grid}.tbl-r{cursor:pointer;border-bottom:1px solid #4a74e30d;grid-template-columns:2.2fr 1.1fr .9fr .9fr .9fr;align-items:center;padding:13px 20px;transition:background .15s;display:grid}.tbl-r:last-child{border-bottom:none}.tbl-r:hover{background:#4a74e306}.tbl-n{color:#151d3f;font-size:12.5px;font-weight:700}.tbl-ns{color:#7a88aa;margin-top:2px;font-size:10px}.tbl-t{color:#3d4d7a;font-size:12px}.sev-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:5px;display:inline-block}.sev-h{background:#ef4444;box-shadow:0 0 7px #ef44448c}.sev-m{background:#f59e0b;box-shadow:0 0 7px #f59e0b8c}.sev-l{background:#10b981;box-shadow:0 0 7px #10b9818c}.sev-label-h,.sev-label-m,.sev-label-l{font-size:12px;font-weight:700}.sev-label-h{color:#ef4444}.sev-label-m{color:#f59e0b}.sev-label-l{color:#10b981}.stb{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.st-o{color:#ef4444;background:#ef44441a}.st-p{color:#f59e0b;background:#f59e0b1a}.st-d{color:#10b981;background:#10b9811a}.db-r2-right{flex-direction:column;gap:14px;display:flex}.comp-card{padding:18px 20px}.comp-big{font-family:var(--font-accent);color:#151d3f;letter-spacing:-.04em;font-size:40px;font-weight:700;line-height:1}.comp-big span{color:#4a74e3;font-size:20px}.comp-label{color:#7a88aa;margin-top:4px;margin-bottom:14px;font-size:12px}.comp-bars{flex-direction:column;gap:9px;display:flex}.comp-bar-row{align-items:center;gap:8px;display:flex}.comp-bar-pct{width:36px;font-size:12px;font-weight:800}.comp-bar-sub{color:#7a88aa;white-space:nowrap;margin-left:4px;font-size:11px}.comp-track{background:#4a74e317;border-radius:10px;flex:1;height:5px;overflow:hidden}.comp-fill{border-radius:10px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.svc-card{color:#fff;background:linear-gradient(135deg,#151d3f 0%,#1e2d5a 100%);border-radius:16px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 4px 16px #151d3f40}.svc-card:before{filter:blur(28px);background:#4a74e373;border-radius:50%;width:130px;height:130px;top:-30px;right:-30px}.svc-card:after{filter:blur(20px);background:#a0bbf91f;border-radius:50%;width:100px;height:100px;bottom:-40px;left:-20px}.svc-lbl{letter-spacing:.1em;text-transform:uppercase;color:#fff6;z-index:1;margin-bottom:8px;font-size:10px;font-weight:700;position:relative}.svc-dt{letter-spacing:-.02em;z-index:1;margin-bottom:2px;font-size:18px;font-weight:700;position:relative}.svc-sub{color:#ffffff7a;z-index:1;margin-bottom:14px;font-size:11px;position:relative}.svc-eng{z-index:1;background:#ffffff17;border-radius:10px;align-items:center;gap:9px;padding:10px 12px;display:flex;position:relative}.svc-av{color:#fff;background:#4a74e38c;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.svc-en{font-size:12px;font-weight:700}.svc-er{color:#ffffff6b;font-size:10px}.ps-widget{cursor:pointer;background:linear-gradient(135deg,#0f1d52 0%,#1e3272 40%,#3560d4 75%,#4a74e3 100%);border-radius:16px;padding:18px 20px;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 0 50px #4a74e366,0 0 100px #4a74e32e}.ps-widget:hover{transform:translateY(-2px);box-shadow:0 0 60px #4a74e380,0 0 120px #4a74e338}.ps-widget:before{background:radial-gradient(80% 60% at 90% 10%,#a0bbf94d 0%,#0000 60%);inset:0}.ps-widget-blob{pointer-events:none;background:#ffffff0d;border-radius:38% 62% 55% 45%/48% 38% 62% 52%;width:200px;height:200px;animation:8s ease-in-out infinite alternate blobmove;position:absolute;top:-60px;right:-60px}.ps-widget-hd{z-index:1;align-items:center;gap:8px;margin-bottom:11px;display:flex;position:relative}.ps-widget-ico{background:#ffffff26;border:1px solid #ffffff40;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ps-widget-ico svg{fill:#fff;width:15px;height:15px}.ps-widget-nm{color:#fff;font-size:13px;font-weight:600}.ps-live-badge{color:#86efac;background:#86efac33;border:1px solid #86efac59;border-radius:20px;margin-left:auto;padding:2px 9px;font-size:10px;font-weight:700}.ps-widget-msg{color:#ffffff9e;z-index:1;margin-bottom:12px;font-size:12px;line-height:1.58;position:relative}.ps-widget-bubble{z-index:1;background:#ffffff12;border:1px solid #ffffff24;border-radius:10px;padding:10px 13px;position:relative}.ps-widget-q{color:#ffffff73;margin-bottom:5px;font-size:11px}.ps-widget-a{color:#ffffffd9;font-size:12px;line-height:1.55}.pg-hd{margin-bottom:20px}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.ftabs{background:#4a74e30f;border:1px solid #4a74e31f;border-radius:9px;gap:2px;padding:3px;display:flex}.ft{cursor:pointer;color:#7a88aa;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .18s}.ft.on{color:#fff;background:#4a74e3;box-shadow:0 2px 8px #4a74e34d}.btn-o{font-family:var(--font-ui);color:#3d4d7a;cursor:pointer;background:#4a74e30d;border:1px solid #4a74e31c;border-radius:9px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .18s;display:flex}.btn-o:hover{color:#4a74e3;background:#4a74e314;border-color:#4a74e3}.btn-o svg{width:13px;height:13px}.ml-a{margin-left:auto}.issues-tbl{overflow:hidden}.itbl-hd{color:#7a88aa;letter-spacing:.07em;text-transform:uppercase;background:#4a74e308;border-bottom:1px solid #4a74e312;grid-template-columns:2.5fr 1.2fr 1fr 1fr 1fr 1fr;padding:10px 20px;font-size:10px;font-weight:700;display:grid}.itbl-r{cursor:pointer;border-bottom:1px solid #4a74e30d;grid-template-columns:2.5fr 1.2fr 1fr 1fr 1fr 1fr;align-items:center;padding:14px 20px;transition:background .15s;display:grid}.itbl-r:last-child{border-bottom:none}.itbl-r:hover{background:#4a74e306}.itbl-n{color:#151d3f;font-size:13px;font-weight:700}.itbl-ns{color:#7a88aa;margin-top:2px;font-size:10px}.itbl-t{color:#3d4d7a;font-size:12px}.svb{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.svh{color:#ef4444;background:#ef44441a}.svm{color:#f59e0b;background:#f59e0b1a}.svl{color:#10b981;background:#10b9811a}.ps-band{background:linear-gradient(135deg,#0f1d52 0%,#1e3272 40%,#3560d4 75%,#4a74e3 100%);border-radius:16px;margin-bottom:20px;padding:26px 30px;position:relative;overflow:hidden;box-shadow:0 0 50px #4a74e366,0 0 100px #4a74e32e}.ps-band:before{background:radial-gradient(55% 70% at 90% 35%,#a0bbf961 0%,#0000 60%);inset:0}.ps-band-blob{pointer-events:none;background:#ffffff0d;border-radius:38% 62% 55% 45%/48% 38% 62% 52%;width:350px;height:350px;animation:12s ease-in-out infinite alternate blobmove;position:absolute;top:-100px;right:-80px}.ps-band-ring{pointer-events:none;border:1px solid #ffffff17;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:80px}.ps-chip{color:#ffffffeb;z-index:1;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:7px;margin-bottom:11px;padding:4px 13px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.ps-band h2{font-family:var(--font-accent);color:#fff;letter-spacing:-.02em;z-index:1;margin-bottom:5px;font-size:22px;font-weight:700;position:relative}.ps-band p{color:#ffffff8c;z-index:1;max-width:500px;font-size:13px;line-height:1.68;position:relative}.ps-cols{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.ps-diag-hd,.ps-chat-hd{border-bottom:1px solid #4a74e312;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ps-diag-title{color:#151d3f;font-size:14px;font-weight:600}.ps-sev{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.ps-body{padding:18px 20px}.ps-find{background:#4a74e30a;border-left:3px solid #4a74e3;border-radius:0 9px 9px 0;margin-bottom:12px;padding:13px 15px}.ps-find.warn{background:#f59e0b0a;border-left-color:#f59e0b}.ps-fl{color:#4a74e3;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700}.ps-fl.warn{color:#f59e0b}.ps-ft{color:#151d3f;font-size:12.5px;line-height:1.68}.ps-acts-hd{font-family:var(--font-accent);color:#151d3f;margin-bottom:10px;font-size:13px;font-weight:600}.ps-act{border-bottom:1px solid #4a74e312;align-items:flex-start;gap:10px;padding:11px 0;display:flex}.ps-act:last-child{border-bottom:none}.ps-an{color:#fff;background:linear-gradient(135deg,#4a74e3 0%,#1e2d5a 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;margin-top:1px;font-size:10px;font-weight:700;display:flex;box-shadow:0 2px 7px #4a74e352}.ps-at{color:#151d3f;flex:1;font-size:12.5px;line-height:1.55}.ps-ap{border-radius:20px;flex-shrink:0;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:700}.ap-u{color:#ef4444;background:#ef44441a}.ap-m{color:#f59e0b;background:#f59e0b1a}.ap-l{color:#10b981;background:#10b9811a}.ps-chat{flex-direction:column;min-height:460px;display:flex}.ps-chat-hd{background:linear-gradient(135deg,#151d3f08 0%,#4a74e30d 100%);border-radius:16px 16px 0 0;gap:9px}.ps-chat-ico{background:linear-gradient(135deg,#0f1d52 0%,#1e3272 40%,#3560d4 75%,#4a74e3 100%);border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 14px #4a74e373}.ps-chat-ico svg{fill:#fff;width:15px;height:15px}.ps-chat-nm{color:#151d3f;font-size:13px;font-weight:600}.ps-chat-sb{color:#7a88aa;font-size:11px}.ps-msgs{flex-direction:column;flex:1;gap:11px;padding:14px;display:flex;overflow-y:auto}.cm{gap:8px;max-width:92%;display:flex}.cm.u{flex-direction:row-reverse;align-self:flex-end}.cm-av{color:#fff;background:linear-gradient(135deg,#0f1d52 0%,#1e3272 40%,#3560d4 75%,#4a74e3 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex;box-shadow:0 0 10px #4a74e352}.cm-av.ua{background:linear-gradient(135deg,#a0bbf9 0%,#4a74e3 100%)}.cm-b{border-radius:11px;padding:10px 13px;font-size:12.5px;line-height:1.62}.cm-b.ai{color:#151d3f;background:#4a74e30f;border:1px solid #4a74e31a}.cm-b.u{color:#fff;background:linear-gradient(135deg,#4a74e3 0%,#1e2d3f 100%)}.ps-inp-row{border-top:1px solid #4a74e312;align-items:center;gap:8px;padding:12px 14px;display:flex}.ps-inp{font-family:var(--font-ui);color:#151d3f;background:#4a74e30a;border:1.5px solid #4a74e31c;border-radius:9px;outline:none;flex:1;padding:10px 13px;font-size:13px;transition:border-color .2s}.ps-inp:focus{background:#4a74e30f;border-color:#4a74e3}.ps-inp::placeholder{color:#b0bdd4}.ps-send{cursor:pointer;background:linear-gradient(135deg,#0f1d52 0%,#1e3272 40%,#3560d4 75%,#4a74e3 100%);border:none;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 0 14px #4a74e36b}.ps-send:hover{transform:scale(1.07);box-shadow:0 0 22px #4a74e39e}.ps-send svg{fill:#fff;width:14px;height:14px}.sys-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.sysc{cursor:pointer;padding:22px;transition:all .22s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.sysc:hover{transform:translateY(-3px);box-shadow:0 12px 32px #4a74e321}.sysc.inact{opacity:.58}.sysc.inact:after{content:"สอบถามเพิ่มเติม · Enquire →";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#4a74e3;opacity:0;background:#ffffffe6;border-radius:16px;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.sysc.inact:hover:after{opacity:1}.sys-ico{border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:13px;font-size:21px;display:flex}.sys-nm{color:#151d3f;letter-spacing:-.01em;font-size:15px;font-weight:600}.sys-nm-th{color:#7a88aa;margin-bottom:13px;font-size:11px}.sys-met{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px;display:grid}.sys-m-v{font-family:var(--font-accent);color:#151d3f;letter-spacing:-.02em;font-size:17px;font-weight:700;line-height:1}.sys-m-l{color:#7a88aa;margin-top:3px;font-size:10px}.sys-bar-hd{color:#7a88aa;justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.sys-bar-hd b{font-weight:700}.sys-trk{background:#4a74e317;border-radius:10px;height:5px;margin-bottom:14px;overflow:hidden}.sys-fill{border-radius:10px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.sys-foot{justify-content:space-between;align-items:center;display:flex}.sys-badge{border-radius:20px;padding:4px 11px;font-size:11px;font-weight:700}.sys-issues{color:#4a74e3;font-size:11px;font-weight:700;transition:opacity .15s}.sysc:hover .sys-issues{opacity:.75}.compact{border-radius:9px;min-height:35px;padding:6px 12px}@keyframes blobmove{0%{transform:translate(0)rotate(0)}to{transform:translate(20px,15px)rotate(8deg)}}@keyframes pdot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}@keyframes orbPulse{0%,to{transform:scale(1);box-shadow:0 0 0 1px #ffffffeb,0 0 14px #0b78ff29}50%{transform:scale(1.05);box-shadow:0 0 0 1px #ffffffeb,0 0 18px #0b78ff47}}@keyframes orbRing{0%{opacity:0;transform:scale(.72)}18%{opacity:.55}to{opacity:0;transform:scale(1.7)}}@keyframes orbAura{0%,to{opacity:.34;transform:scale(1)}50%{opacity:.62;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.brand-logo-orb,.brand-logo-orb:before,.brand-logo-orb:after,.ps-dot,.hero-blob,.hero-ring,.hero-ring2{animation:none!important}}:root[data-theme=dark]{--bg:oklch(17% .02 258);--bg-2:oklch(13% .02 258);--panel:oklch(22% .03 258/.92);--panel-strong:oklch(25% .03 258/.98);--line:oklch(35% .03 258/.45);--ink:oklch(94% .01 255);--ink-soft:oklch(82% .02 255);--ink-muted:oklch(70% .02 255);--shadow:0 24px 80px oklch(0% 0 0/.34);--login-page-bg:#0f1117;--login-left-bg:#0f1117;--login-right-bg:#171a1f;--login-right-surface:#111318;--login-right-text:#f4f5f7;--login-right-muted:#cbd5e1;--login-right-border:#ffffff14;--login-primary-start:#4e7cf6;--login-primary-mid:#5b9af7;--login-primary-end:#6bcbf3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:oklch(17% .02 258);--bg-2:oklch(13% .02 258);--panel:oklch(22% .03 258/.92);--panel-strong:oklch(25% .03 258/.98);--line:oklch(35% .03 258/.45);--ink:oklch(94% .01 255);--ink-soft:oklch(82% .02 255);--ink-muted:oklch(70% .02 255);--shadow:0 24px 80px oklch(0% 0 0/.34);--login-page-bg:#0f1117;--login-left-bg:#0f1117;--login-right-bg:#171a1f;--login-right-surface:#111318;--login-right-text:#f4f5f7;--login-right-muted:#cbd5e1;--login-right-border:#ffffff14;--login-primary-start:#4e7cf6;--login-primary-mid:#5b9af7;--login-primary-end:#6bcbf3;--ps-grad-from:#5b8cff;--ps-grad-mid:#8b7cff;--ps-grad-to:#c084fc;--ps-glow:0 18px 48px #5b8cff33, 0 28px 72px #8b7cff2e}}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100vh;font-family:var(--font-ui);color:var(--ink);background:radial-gradient(circle at top left, oklch(97% .03 235), transparent 34%), radial-gradient(circle at bottom right, oklch(86% .07 255/.7), transparent 28%), linear-gradient(140deg, var(--bg) 0%, var(--bg-2) 100%);margin:0}button,input{font:inherit}html:lang(th),body:lang(th),.thai-text{font-family:var(--font-thai);letter-spacing:0;line-height:1.65}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;position:relative;overflow:hidden}.login-mode .ambient{display:none}.ambient{pointer-events:none;background:radial-gradient(circle at 12% 18%,oklch(99% .01 255/.85),#0000 24%),radial-gradient(circle at 84% 78%,oklch(72% .15 258/.24),#0000 20%);position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.74rem;font-weight:600;font-family:var(--font-ui);margin:0}.supporting{color:var(--ink-soft);margin:0;line-height:1.65}.brand{align-items:center;gap:var(--space-4);display:flex}.brand h1,.hero-copy h2,.topbar h2,.card-header h3,.section-heading h3,.issue-panel h4,.system-card h4,.diagnosis-card h3,.chat-card h3{font-family:var(--font-accent);letter-spacing:-.03em;margin:0}.login-screen{z-index:1;background:var(--login-page-bg);grid-template-columns:minmax(0,1fr);gap:0;height:auto;min-height:100dvh;padding:0;display:grid;position:relative;overflow:auto}.login-panel{height:100%;min-height:100%}.login-panel-left{background:var(--login-left-bg);justify-content:center;align-items:stretch;padding:clamp(24px,4vw,56px);display:flex;position:relative}.login-panel-right{background:radial-gradient(circle at 18% 16%, oklch(98% .02 252/.85), transparent 30%), radial-gradient(circle at 82% 82%, oklch(90% .06 258/.42), transparent 22%), linear-gradient(180deg, color-mix(in oklch, var(--login-right-bg) 94%, var(--brand) 6%) 0%, var(--login-right-bg) 100%);display:none}.login-content{grid-template-rows:auto minmax(0,1fr) auto;place-items:stretch start;gap:clamp(16px,2.4vw,24px);width:min(100%,480px);min-height:100%;margin-inline:auto;padding-bottom:20px;display:grid;position:relative}.login-shell{flex:auto;justify-content:flex-start;align-items:center;width:100%;min-height:clamp(420px,60vh,640px);padding:0;display:flex}.login-form,.request-form{gap:18px;width:100%;display:grid}.login-brand{flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin:0;display:flex;position:static}.login-brand-subtitle{letter-spacing:.01em;color:#94a3b8;margin:0;font-size:.74rem;font-weight:500;line-height:1.2}.login-body{align-content:center;gap:18px;width:100%;max-width:420px;padding:0;display:grid}.login-copy{gap:8px;display:grid}.login-title{font-family:var(--font-accent);letter-spacing:-.05em;color:#475569;margin:0;font-size:1.94rem;font-weight:700;line-height:1.04}.login-subtitle{color:#94a3b8;margin:0;font-size:.86rem;line-height:1.5}.login-fields{gap:16px;display:grid}.login-panel-left .auth-banner{width:100%;margin-bottom:0}.password-field{position:relative}.password-field input{padding-right:48px}.password-toggle{color:#cbd5e1;cursor:pointer;background:0 0;border:0;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:disabled{opacity:.55;cursor:not-allowed}.password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.login-row{justify-content:space-between;align-items:center;gap:16px;margin-top:2px;display:flex}.login-actions{gap:12px;display:grid}.login-signin-button{border-radius:12px;width:100%;min-height:44px;font-size:.88rem}.login-signin-button:disabled,.login-request-button:disabled,.login-panel-left .text-button:disabled{opacity:.62;cursor:not-allowed;box-shadow:none;transform:none}.login-request-button{border-radius:12px;width:100%;min-height:44px;font-size:.88rem}.request-form .login-fields{gap:14px}.secondary-button{color:#344054;background:#fff;border:1px solid #d0d5dd}.login-footnote{color:#667085;text-align:center;margin:4px 0 0;font-size:.83rem}.login-panel-left .text-button.inline{display:inline}.login-footer{gap:4px;width:100%;max-width:420px;padding-top:2px;display:grid;position:absolute;bottom:0;left:0;right:0}.login-footer p{color:#94a3b8;margin:0;font-size:.77rem;line-height:1.45}.login-panel-right{border-radius:0;display:none;position:relative;overflow:hidden}.quote-stage{background:linear-gradient(oklch(100% 0 0/.18) 0%,#0000 26%),radial-gradient(circle at 84% 18%,oklch(98% .02 254/.4),#0000 18%),0 0;flex-direction:column;justify-content:flex-start;width:100%;height:100%;min-height:100%;padding:44px 72px 0;display:flex;position:relative;overflow:hidden}.quote-copy{z-index:1;max-width:620px;position:relative}.quote-text{text-wrap:balance;max-width:12ch;font-family:var(--font-accent);letter-spacing:-.045em;color:#1f2a3c;margin:0;font-size:clamp(2.6rem,2.95vw,3.65rem);line-height:.96}.quote-line{display:block}.quote-meta{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;margin-top:28px;display:flex}.quote-name{max-width:34rem;color:var(--login-right-muted);margin:0;font-size:.98rem;font-weight:500;line-height:1.58}.quote-role,.quote-company{color:#6b7280;max-width:34rem;margin:0;font-size:.88rem;line-height:1.55}.login-primasense-gradient{color:var(--login-primary-mid);font-weight:650;display:inline-block}.mockup-frame{margin-top:auto;width:min(100%,1020px);margin-inline:auto;padding-top:16px;position:relative}.mockup-shell{border:1px solid var(--login-right-border);background:var(--login-right-surface);border-radius:22px 22px 0 0;grid-template-columns:206px minmax(0,1fr);height:min(640px,100dvh - 220px);min-height:520px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #1118270d}@media (width>=1080px){.login-screen{grid-template-columns:minmax(0,35fr) minmax(0,65fr);overflow:hidden}.login-panel-left{padding:clamp(28px,3.5vw,64px) clamp(24px,3vw,48px)}.login-panel-right{display:block}.login-content{width:min(100%,460px)}.login-shell{min-height:clamp(460px,58vh,660px)}.login-brand,.login-footer{width:100%}}@media (width<=1079px){.login-shell{min-height:0}.mockup-frame{display:none}}@media (width<=640px){.login-panel-left{padding:20px}.login-content{gap:16px;width:100%}.login-shell{width:100%}.login-title{font-size:1.72rem}.login-row{flex-direction:column;align-items:flex-start}.login-actions{gap:10px}.login-signin-button,.login-request-button{min-height:52px}}.mockup-sidebar{border-right:1px solid var(--login-right-border);background:var(--login-right-surface);grid-template-rows:auto auto 1fr auto;gap:16px;padding:18px 14px 12px;display:grid}.mockup-sidebar-brand{color:var(--login-right-text);align-items:center;gap:0;display:flex}.mockup-sidebar-search{border:1px solid var(--login-right-border);background:var(--login-right-surface);border-radius:8px;align-items:center;height:24px;padding:0 10px;display:grid}.mockup-sidebar-search span{background:color-mix(in oklch, var(--login-right-muted) 28%, transparent);border-radius:999px;width:58%;height:8px}.mockup-nav{color:var(--login-right-muted);align-content:start;gap:10px;font-size:.72rem;font-weight:600;display:grid}.mockup-nav span{align-items:center;gap:8px;height:12px;display:flex}.mockup-nav span.active{color:var(--login-right-text)}.mockup-sidebar-footer{color:var(--login-right-muted);gap:8px;font-size:.7rem;font-weight:600;display:grid}.mockup-main{color:var(--login-right-text);gap:14px;padding:18px 20px;display:grid}.mockup-main-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.mockup-main-head h3{margin:0;font-size:.98rem;font-weight:700}.mockup-actions{gap:8px;display:flex}.mockup-actions span{background:var(--login-right-surface);border:1px solid var(--login-right-border);border-radius:6px;width:58px;height:24px}.mockup-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mockup-kpis article{border:1px solid var(--login-right-border);background:var(--login-right-surface);border-radius:10px;gap:6px;padding:12px;display:grid}.mini-label{color:var(--login-right-muted);font-size:.7rem;font-weight:600}.mockup-kpis strong{letter-spacing:-.03em;font-size:.92rem;font-weight:700}.mockup-chart-shell{gap:10px;padding:4px 0 2px;display:grid}.mockup-chart-line{background:linear-gradient(180deg, #fff3, #fff0), linear-gradient(180deg, color-mix(in oklch, var(--login-right-surface) 98%, white) 0%, var(--login-right-surface) 100%);border:1px solid var(--login-right-border);border-radius:12px;height:162px;position:relative;overflow:hidden}.mockup-chart-line:before,.mockup-chart-line:after{content:"";border-radius:999px;height:2px;position:absolute;inset:auto 18px 28px}.mockup-chart-line:before{background:linear-gradient(90deg,#7354dcd9,#7354dc40);transform:translateY(-20px);box-shadow:42px 8px #7354dce6,94px -6px #7354dcd1,146px 3px #7354dceb,208px -10px #7354dcb3,272px -4px #7354dcf2,334px 2px #7354dce0,396px -8px #7354dcc7}.mockup-chart-line:after{background:linear-gradient(90deg,#7354dc2e,#7354dc14);transform:translateY(2px);box-shadow:42px 8px #7354dc2e,94px -6px #7354dc2e,146px 3px #7354dc2e,208px -10px #7354dc2e,272px -4px #7354dc2e,334px 2px #7354dc2e,396px -8px #7354dc2e}.mockup-chart-axis{color:var(--login-right-muted);text-align:center;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;font-size:.56rem;display:grid}.mockup-table{gap:8px;margin-top:4px;display:grid}.mockup-table-head,.mockup-table-row{grid-template-columns:1.4fr 1.7fr .9fr .7fr .8fr;align-items:center;gap:8px;font-size:.6rem;display:grid}.mockup-table-head{color:var(--login-right-muted);font-weight:600}.mockup-table-row{color:var(--login-right-text);border-top:1px solid var(--login-right-border);padding:6px 0}.mockup-table-row span:last-child{text-align:right}.mockup-topbar{gap:8px;padding:18px 20px 0;display:flex}.mockup-topbar span{background:var(--login-right-muted);border-radius:999px;width:8px;height:8px}.field{gap:var(--space-2);display:grid}.status-pill{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--line);color:var(--ink-soft);background:oklch(98% .01 255/.88);font-size:.92rem;display:grid}.status-pill.connected{background:oklch(96% .03 154/.72);border-color:oklch(78% .08 154/.5)}.status-pill.error{background:oklch(96% .03 27/.72);border-color:oklch(78% .08 27/.5)}.status-pill.checking{background:oklch(96% .02 252/.82);border-color:oklch(78% .06 252/.5)}.status-pill.demo{background:oklch(97% .01 255/.72);border-color:oklch(82% .03 252/.38)}.auth-banner{flex-wrap:nowrap;align-items:baseline;gap:8px;width:100%;padding:0;display:flex}.auth-banner strong{color:currentColor;letter-spacing:-.01em;font-size:.8rem;font-weight:700;line-height:1.2}.auth-banner p{color:currentColor;white-space:nowrap;max-width:none;margin:0;font-size:.74rem;line-height:1.35}.auth-banner--connected{color:#2b6b45}.auth-banner--error{color:#8d3140}.auth-banner--checking{color:#3e5b9c}.auth-banner--demo{color:#51627e}.auth-banner--demo .auth-banner-chip{color:#51627e;border-color:#94a3b82e}@media (width<=520px){.auth-banner{flex-wrap:wrap;align-items:flex-start}.auth-banner p{white-space:normal}}.field span{font-size:.95rem;font-weight:700}.field-hint{color:var(--ink-soft);font-size:.78rem;line-height:1.45}.field-hint.error{color:#d92d20;font-size:.72rem;line-height:1.2}.field input,.search input,.chat-input input{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--ink);background:var(--panel-strong);padding:14px 16px;transition:border-color .18s,transform .18s}.field input:focus,.search input:focus,.chat-input input:focus{border-color:var(--brand);outline:none;transform:translateY(-1px)}.field input.invalid{border-color:#ef444473;box-shadow:inset 0 0 0 1px #ef444414}.form-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.checkbox{align-items:center;gap:var(--space-2);color:var(--ink-soft);display:flex}.primary-button,.secondary-button,.icon-button,.nav-item,.text-button,.chip{cursor:pointer;border:0}.primary-button,.secondary-button{border-radius:999px;padding:14px 18px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}.primary-button{color:#fff;background:linear-gradient(135deg, var(--brand) 0%, var(--brand-deep) 100%);box-shadow:0 14px 32px oklch(38% .12 258/.28)}.secondary-button{color:var(--ink);border:1px solid var(--line);background:oklch(100% 0 0/.7)}.primary-button:hover,.secondary-button:hover,.icon-button:hover,.nav-item:hover,.text-button:hover{transform:translateY(-1px)}.primary-button.compact,.secondary-button.compact{padding:10px 14px}.text-button{color:var(--brand-deep);background:0 0;padding:0;font-weight:700}.login-panel-left .field span{color:#64748b;font-size:.86rem;font-weight:600}.login-panel-left .field input{color:#475569;min-height:50px;box-shadow:none;background:#fff;border:1px solid #eef1f4;border-radius:12px;padding:13px 14px}.login-panel-left .field input::placeholder{color:#cbd5e1}.login-panel-left .field input:focus{border-color:#9bb9ff;transform:none;box-shadow:0 0 0 4px #5d84ef24,inset 0 0 0 1px #5d84ef14}.login-panel-left .checkbox{color:#94a3b8;gap:10px;font-size:.86rem}.login-panel-left .checkbox input{accent-color:#5d84ef;width:16px;height:16px;margin:0}.login-panel-left .text-button{color:#94a3b8;font-size:.86rem;font-weight:600}.admin-clients-view{gap:18px;display:grid}.admin-module-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;background:#f9f9f9;border:1px solid #4a74e31f;border-radius:14px;align-items:stretch;gap:2px;padding:3px;display:flex;overflow:auto hidden}.admin-module-tabs::-webkit-scrollbar{display:none}.admin-module-tab{color:#60708f;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;align-items:center;gap:6px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.admin-module-tab-icon{color:currentColor;flex:none;place-items:center;width:14px;height:14px;display:inline-grid}.admin-module-tab-icon svg{width:14px;height:14px}.admin-module-tab:hover{color:#33415f;transform:translateY(-1px)}.admin-module-tab.on{color:#151d3f;background:#fffffffa;border-color:#4a74e329;box-shadow:0 8px 18px #0f172a0f}.admin-module-tab:focus-visible{outline-offset:2px;outline:2px solid #4a74e366}.admin-module-panels,.admin-module-panel{gap:18px;display:grid}.admin-queue-card{border:1px solid var(--line);background:#ffffffe6;border-radius:24px;gap:18px;padding:24px;display:grid;box-shadow:0 24px 54px #0f172a14}.admin-queue-list{gap:14px;display:grid}.admin-queue-row{background:#f8fafcf2;border:1px solid #94a3b82e;border-radius:18px;gap:16px;padding:18px;display:grid}.admin-queue-main{gap:6px;display:grid}.admin-queue-title{color:var(--ink);font-size:.98rem;font-weight:700}.admin-queue-meta,.admin-queue-notes{color:var(--ink-soft);font-size:.86rem;line-height:1.5}.admin-queue-notes{color:var(--ink)}.admin-queue-actions,.admin-client-list{gap:12px;display:grid}.admin-client-row{cursor:pointer}.admin-client-row:hover{transform:none}.admin-client-row.on{background:0 0}.admin-client-row:focus-visible{outline:none}.admin-client-main{gap:6px;display:grid}.admin-client-name{color:var(--ink);font-size:.98rem;font-weight:700}.admin-client-meta{color:var(--ink-soft);font-size:.86rem;line-height:1.5}.admin-queue-select{gap:6px;display:grid}.admin-queue-select span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.admin-queue-select select{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #94a3b838;border-radius:12px;padding:0 14px}.admin-queue-select small{color:var(--ink-soft);font-size:.76rem;line-height:1.45}.admin-queue-buttons{flex-wrap:wrap;gap:10px;display:flex}.admin-delete-confirm{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:.76rem;display:flex}.admin-delete-confirm-all{background:#fef2f2d1;border:1px solid #ef444429;border-radius:14px;margin:0 0 14px;padding:10px 12px}.secondary-button.danger{color:#b42318;border-color:#ef44442e}.secondary-button.danger:hover{color:#9f1d12;background:#fef2f2eb;border-color:#ef444452}.admin-queue-empty{color:var(--ink-soft);padding:6px 0 2px;font-size:.9rem;line-height:1.5}.workspace-banner{border:1px solid var(--line);background:var(--panel);border-radius:16px;gap:4px;margin:0 0 16px;padding:14px 16px;display:grid}.workspace-banner strong{font-size:.86rem;font-weight:700}.workspace-banner span{color:var(--ink-soft);font-size:.83rem;line-height:1.45}.workspace-banner.connected{background:#f0fdf4e6;border-color:#22c55e38}.workspace-banner.error{background:#fef2f2f2;border-color:#ef444438}.login-signin-button{color:#fff;background:#5d84ef;border-radius:14px;min-height:52px;padding:14px 18px;box-shadow:0 8px 18px #5d84ef29,inset 0 1px #ffffff47,inset 0 -1px #11182714}.login-signin-button:hover{background:#4f77e8;box-shadow:0 10px 22px #5d84ef33,inset 0 1px #ffffff4d,inset 0 -1px #1118271a}.workspace-shell{z-index:1;gap:var(--space-5);padding:var(--space-5);grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.sidebar{gap:var(--space-5);grid-template-rows:auto 1fr auto auto;display:grid}.sidebar-brand,.sidebar-callout,.sidebar-user{padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:oklch(98% .01 255/.72)}.sidebar-title{font-family:var(--font-accent);letter-spacing:-.04em;font-size:1.35rem;font-weight:800}.sidebar-title span{color:var(--brand)}.sidebar-brand p,.sidebar-user p,.sidebar-callout p{color:var(--ink-soft);margin:0}.nav-stack{gap:var(--space-2);display:grid}.nav-item{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);color:var(--ink);text-align:left;background:oklch(99% .005 255/.72);border:1px solid #0000;padding:14px 16px;font-weight:700;display:flex}.nav-item.active{color:var(--brand-deep);background:linear-gradient(135deg,oklch(99% .005 255) 0%,oklch(92% .03 252) 100%);border-color:oklch(78% .08 255/.44)}.nav-item.ai{background:linear-gradient(135deg,oklch(97% .02 255) 0%,oklch(90% .04 255) 100%)}.nav-item-label-ai{align-items:center;display:inline-flex}.nav-item-label-ai-svg{width:124px;height:20px;display:block}.nav-item-label-ai-svg text{font-family:var(--font-ui);letter-spacing:-.03em;font-size:15px;font-weight:800}.nav-item em{background:var(--brand);color:#fff;border-radius:999px;place-items:center;min-width:28px;padding:3px 8px;font-size:.78rem;font-style:normal;display:inline-grid}.sidebar-callout{gap:var(--space-3);display:grid}.sidebar-callout strong,.sidebar-user strong{font-size:1rem}.sidebar-user{align-items:center;gap:var(--space-3);display:flex}.avatar{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-deep) 100%);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.workspace{grid-template-rows:auto 1fr;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.topbar{justify-content:space-between;align-items:flex-start;gap:var(--space-5);padding:var(--space-5);border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fcfcfcf5 0%,#fcfcfce6 100%);display:flex;position:sticky;top:0}.topbar h2{font-size:2rem}.topbar h2,.card-header h3,.section-heading h3,.issue-panel h4,.system-card h4,.diagnosis-card h3,.chat-card h3{text-transform:uppercase;letter-spacing:.04em;font-weight:600}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.search{min-width:min(320px,40vw)}.icon-button{background:var(--brand-deep);color:#fff;border-radius:50%;width:42px;height:42px;font-weight:700}.workspace-body{flex:auto;min-height:0;padding:0 24px 24px;overflow-y:auto}.view-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);display:grid}.wide{grid-column:1/2}.hero-card,.chart-card,.table-card,.score-card,.service-card,.ai-card,.issue-panel,.system-card,.diagnosis-card,.chat-card{padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--line);background:oklch(99% .005 255/.86)}.hero-card{gap:var(--space-4);color:#fff;background:radial-gradient(circle at 100% 0,oklch(90% .06 255/.35),#0000 22%),linear-gradient(155deg,oklch(37% .1 258) 0%,oklch(55% .17 260) 62%,oklch(65% .12 246) 100%);min-height:320px;display:grid}.hero-card .eyebrow,.hero-card p,.hero-card span{color:oklch(94% .02 255/.88)}.hero-card h3{max-width:12ch;font-family:var(--font-accent);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,3vw,3.2rem);line-height:.94}.hero-metrics{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.status-pill{align-items:center;gap:var(--space-2);grid-template-columns:auto 1fr;width:fit-content}.status-dot{background:currentColor;border-radius:50%;width:10px;height:10px}.hero-metrics div{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid oklch(100% 0 0/.18);display:grid}.hero-metrics strong{font-family:var(--font-accent);font-size:1.7rem}.card-header,.section-heading,.issue-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.chart-card,.score-card,.service-card,.ai-card{gap:var(--space-4);display:grid}.trend-badge{color:oklch(42% .12 152);background:oklch(90% .04 152);border-radius:999px;padding:8px 12px;font-weight:800}.chart{align-items:end;gap:var(--space-3);min-height:220px;padding:var(--space-4) 0;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.chart div{background:linear-gradient(oklch(58% .17 260),oklch(85% .07 252));border-radius:999px 999px 12px 12px}.chart-labels{gap:var(--space-3);color:var(--ink-muted);grid-template-columns:repeat(6,minmax(0,1fr));font-size:.84rem;display:grid}.issue-table{display:grid}.issue-table-head,.issue-row{gap:var(--space-4);grid-template-columns:minmax(0,2.1fr) minmax(120px,1fr) 120px 140px;align-items:center;display:grid}.issue-table-head{padding-bottom:var(--space-3);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.84rem}.issue-row{padding:var(--space-4) 0;border-top:1px solid oklch(82% .02 255/.48)}.issue-row strong,.issue-panel h4,.system-card h4{margin-bottom:6px;font-size:1.12rem;display:block}.issue-row p,.issue-panel p,.system-card p,.service-card p,.ai-card p,.diagnosis-card p,.chat-card p{color:var(--ink-soft);margin:0;line-height:1.65}.pill,.chip{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:8px 12px;font-size:.84rem;font-weight:800;display:inline-flex}.severity-high{color:oklch(54% .18 27);background:oklch(93% .06 27)}.severity-medium{color:oklch(52% .14 82);background:oklch(95% .06 82)}.severity-low{color:oklch(45% .09 240);background:oklch(94% .04 220)}.status-open{color:var(--brand-deep);background:oklch(96% .03 255)}.status-in-progress{color:var(--brand-deep);background:oklch(91% .05 250)}.score-stack{gap:var(--space-4);display:grid}.score-row{gap:var(--space-2);display:grid}.score-row-label,.system-footer,.issue-footer{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.meter{background:oklch(90% .01 255);border-radius:999px;height:12px;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--brand-soft), var(--brand));height:100%}.meter-fill.good{background:linear-gradient(90deg, oklch(82% .09 154), var(--good))}.meter-fill.watch{background:linear-gradient(90deg, oklch(87% .09 82), var(--watch))}.meter-fill.risk{background:linear-gradient(90deg, oklch(86% .08 27), var(--risk))}.service-card,.ai-card{align-content:start}.stack-view,.ai-view{gap:var(--space-5);display:grid}.filter-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{color:var(--ink-soft);background:oklch(96% .02 255)}.chip.active{color:var(--brand-deep);background:oklch(90% .05 250)}.issue-list,.systems-grid{gap:var(--space-4);display:grid}.systems-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.issue-panel{gap:var(--space-4);display:grid}.issue-meta{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.system-card{gap:var(--space-4);display:grid}.system-card.good{background:linear-gradient(oklch(99% .01 255/.86),oklch(96% .03 154/.42))}.system-card.watch{background:linear-gradient(oklch(99% .01 255/.86),oklch(96% .04 82/.42))}.system-card.risk{background:linear-gradient(oklch(99% .01 255/.86),oklch(95% .06 27/.4))}.system-card.inactive{opacity:.84}.metric-pairs{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric-pairs div{gap:var(--space-1);display:grid}.metric-pairs span{color:var(--ink-muted);font-size:.84rem}.ai-view{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.diagnosis-card,.chat-card{gap:var(--space-5);display:grid}.diagnosis-card{color:#fff;background:linear-gradient(135deg, var(--ps-grad-from) 0%, var(--ps-grad-mid) 50%, var(--ps-grad-to) 100%);box-shadow:var(--ps-glow);border:1px solid #ffffff24}.diagnosis-card .eyebrow,.diagnosis-card h3,.diagnosis-card p,.diagnosis-card .thai-text,.diagnosis-card .recommendation-list p{color:#ffffffeb}.diagnosis-card .recommendation-list div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff29}.diagnosis-card .recommendation-list span{color:#5b8cff;background:#ffffffeb}.diagnosis-card .recommendation-list p{color:#fffffff0}.recommendation-list,.chat-thread{gap:var(--space-3);display:grid}.recommendation-list div,.message{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:oklch(97% .01 255);display:grid}.recommendation-list span{background:var(--brand-deep);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.84rem;font-weight:800;display:inline-grid}.message strong{font-size:.9rem}.message.ai{background:oklch(96% .02 250)}.message.user{background:oklch(98% .005 255)}.chat-input{gap:var(--space-3);grid-template-columns:1fr auto;display:grid}@media (width<=1100px){.login-screen,.workspace-shell,.view-grid,.ai-view,#page-app{grid-template-columns:1fr}.sb{border-right:0;border-bottom:1px solid var(--line);min-height:auto;position:relative}.mc{min-height:auto}.login-panel-right{display:none}.hero-stats,.hero-metrics{grid-template-columns:1fr}.topbar{flex-direction:column}.topbar-actions{flex-wrap:wrap;width:100%}.tb-user{flex:220px}.search{flex:280px;min-width:0}}@media (width>=1101px){.login-panel-right{display:block}.login-panel-left{padding-left:56px;padding-right:56px}}@media (width<=760px){.login-screen,.workspace-shell{padding:var(--space-4);gap:var(--space-4)}.sb{padding:12px}.login-body,.workspace-body,.topbar,.sidebar-brand,.sidebar-callout,.sidebar-user,.hero-card,.chart-card,.table-card,.score-card,.service-card,.ai-card,.issue-panel,.system-card,.diagnosis-card,.chat-card{padding:0 var(--space-4) var(--space-4)}.sb-footer{gap:10px}.form-row,.card-header,.section-heading,.issue-panel-head,.score-row-label,.system-footer,.issue-footer{flex-direction:column;align-items:flex-start}.issue-table-head{display:none}.issue-row,.metric-pairs,.chat-input{grid-template-columns:1fr}.login-shell{max-width:360px;padding:24px 0}.login-brand-desktop{display:none}}