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:fixed}.admin-client-col-name{width:31%}.admin-client-col-sector{width:13%}.admin-client-col-systems{width:28%}.admin-client-col-users{width:8%}.admin-client-col-status,.admin-client-col-actions{width:10%}.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;text-align:right;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-head,.admin-client-users-cell,.admin-client-status-head,.admin-client-status-cell{text-align:center}.admin-client-actions-cell{text-align:right;vertical-align:middle}.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}.ua-user-dialog{width:min(560px,100%)}.admin-client-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ua-user-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-client-field{gap:6px;display:grid}.ua-user-field-span{grid-column:1/-1}.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{--ua-header-control-height:34px;--ua-control-height:28px;background:var(--color-background-primary);border:1px solid #94a3b847;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px #0f172a09}.ua-section+.ua-section{margin-top:0}.ua-section-header{background:linear-gradient(#fcfdff 0%,#fafcff 100%);border-bottom:1px solid #94a3b82e;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:8px 20px;display:flex}.ua-section-heading{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.ua-section-title{letter-spacing:-.01em;color:var(--color-text-primary);align-items:center;font-size:14px;font-weight:600;display:flex}.ua-section-meta{align-items:center;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:8px;min-width:0;display:flex}.ua-search{width:min(100%,360px);min-width:280px;max-width:360px;min-height:var(--ua-header-control-height);color:var(--color-text-secondary);background:#ffffffe6;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:11.5px;display:flex;box-shadow:inset 0 1px #ffffffb8}.ua-search-users{width:min(100%,340px);min-width:280px;max-width:340px}.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-refresh{width:var(--ua-header-control-height);height:var(--ua-header-control-height);color:var(--color-text-secondary);cursor:pointer;background:#ffffffe6;border:1px solid #94a3b838;border-radius:10px;place-items:center;transition:background-color .12s,border-color .12s,color .12s;display:grid}.ua-refresh:hover:not(:disabled){color:var(--color-text-primary);background:#fbfcfe;border-color:#94a3b857}.ua-refresh:disabled{opacity:.55;cursor:not-allowed}.ua-section-pill{color:#52627a;background:#f3f6fb;border-color:#94a3b838;min-height:24px;box-shadow:inset 0 1px #fffc}.ua-table-wrap{width:100%;overflow-x:auto}.ua-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.ua-request-col-name,.ua-user-col-name{width:20%}.ua-request-col-email,.ua-user-col-email,.ua-request-col-company,.ua-user-col-client,.ua-request-col-date,.ua-user-col-joined,.ua-request-col-assign,.ua-user-col-status,.ua-request-col-actions,.ua-user-col-actions{width:16%}.ua-actions-cell,.ua-user-actions-cell{white-space:nowrap;text-align:left}.ua-table th{text-align:left;color:#70809a;letter-spacing:.015em;white-space:nowrap;background:#fbfcfe;border-bottom:1px solid #94a3b824;padding:9px 14px;font-size:11px;font-weight:600;line-height:1}.ua-table td{color:var(--color-text-primary);vertical-align:middle;border-bottom:1px solid #94a3b81f;padding:11px 14px}.ua-assign-head,.ua-assign-cell{text-align:left}.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:#f6f9fdb8}.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,.ua-client-name-cell,.ua-client-role-cell,.ua-client-status-cell{overflow:visible}.ua-name-cell,.ua-email-cell,.ua-company-cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ua-user-name-cell,.ua-user-email-cell,.ua-user-client-cell,.ua-user-joined-cell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ua-client-col-name{width:52%}.ua-client-col-role,.ua-client-col-status{width:24%}.ua-client-role-cell,.ua-client-status-cell,.ua-date-cell,.ua-assign-cell{white-space:nowrap}.ua-user{align-items:center;gap:9px;display:flex}.ua-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:600;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:12.5px;font-weight:600;line-height:1.2;overflow:hidden}.ua-user-email,.ua-muted,.ua-user-meta{color:var(--color-text-secondary);font-size:11.5px;line-height:1.35}.ua-select-client{height:var(--ua-control-height);min-height:var(--ua-control-height);color:var(--color-text-primary);cursor:pointer;background:#fcfdff;border:1px solid #94a3b82e;border-radius:999px;width:100%;padding:0 10px;font-size:11.5px;box-shadow:inset 0 1px #ffffffb3}.ua-actions{white-space:nowrap;width:100%;min-height:var(--ua-control-height);flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:3px;display:flex}.ua-user-client-cell{white-space:nowrap;text-overflow:ellipsis}.ua-actions-cell,.ua-user-actions-cell{vertical-align:middle;padding-left:14px;padding-right:14px}.ua-user-status-cell{white-space:nowrap}.ua-status-pill{height:var(--ua-control-height);min-height:var(--ua-control-height);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:10.5px;font-weight:700;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-pill.is-invited{color:#8a6416;background:#fcf4df;border-color:#f2d393}.ua-status-dot{background:currentColor;border-radius:999px;flex:none;width:6px;height:6px}.ua-btn,.ua-icon-btn{cursor:pointer;color:#66778f;background:#fdfefe;border:1px solid #94a3b824;font-size:10.5px;transition:background-color .12s,border-color .12s,color .12s}.ua-btn{height:var(--ua-control-height);min-height:var(--ua-control-height);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 9px;font-weight:600;display:inline-flex}.ua-btn-edit{color:#5b6f93;background:#fdfeff;border-color:#5078dc24}.ua-btn-toggle{color:#886736;background:#fffdf8;border-color:#f59e0b24}.ua-btn:hover,.ua-icon-btn:hover{background:#f8fafc;border-color:#94a3b838}.ua-btn-approve{color:#5a7d35;background:#fbfdf8;border-color:#91be5647}.ua-btn-approve:hover{background:#f4f9eb}.ua-btn-reject{color:#b55d5d;background:#fffdfd;border-color:#eca2a252}.ua-btn-reject:hover{background:#fff5f5}.ua-icon-btn{width:var(--ua-control-height);height:var(--ua-control-height);border-radius:999px;place-items:center;display:grid}.ua-icon-btn.danger:hover{color:#b55d5d;background:#fff5f5;border-color:#eca2a24d}.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-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+.sb-group{margin-top:6px}.sb-sec{color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:1px;padding:10px 10px 4px;font-size:10px;font-weight:700}.ni{cursor:pointer;color:var(--ink-soft);-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:var(--ink);background:#ffffff8c;transform:translate(2px)}.ni.on{color:var(--brand-deep);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;position:relative;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(98.9% .004 248/.98) 0%,oklch(97.8% .008 248/.95) 100%);border-color:oklch(84% .02 252/.48);box-shadow:0 10px 24px oklch(38% .03 252/.07),inset 0 1px oklch(100% 0 0/.62)}.sb-utility-card.tone-watch:before{content:"";background:linear-gradient(90deg,oklch(80% .03 250/.08) 0%,oklch(73% .08 76/.42) 52%,oklch(80% .03 250/.08) 100%);border-radius:999px;height:2px;position:absolute;top:10px;left:15px;right:15px}.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:oklch(26% .04 257);font-size:2.5rem;font-weight:800;line-height:.92}.sb-utility-meta{color:oklch(52% .02 252);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:10px;display:grid}.admin-clients-view .module-page-shell-gap{display:none}.reports-view{padding-bottom:28px}.reports-ws-hd .btn-ws:disabled{opacity:.55;cursor:not-allowed;transform:none}.reports-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.reports-summary-card{background:#ffffffc7;border:1px solid #4a74e31a;border-radius:8px;min-height:138px;padding:18px;box-shadow:0 16px 38px #4f5e8e14}.reports-summary-icon{color:#3d61c6;background:#4a74e314;border-radius:8px;place-items:center;width:34px;height:34px;margin-bottom:14px;display:grid}.reports-summary-icon.site{color:#4d7d35;background:#91be5621}.reports-summary-icon.monthly{color:#9a6a20;background:#f59e0b1f}.reports-summary-card span{letter-spacing:.09em;text-transform:uppercase;color:#7a88aa;font-size:10px;font-weight:800;display:block}.reports-summary-card strong{color:#151d3f;margin-top:5px;font-size:20px;font-weight:700;display:block}.reports-summary-card p{color:#7a88aa;margin-top:6px;font-size:12px}.reports-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.reports-table-card{min-width:0}.report-table-title{gap:3px;min-width:0;display:grid}.report-table-title span{color:#243052;font-weight:650}.report-table-title small{color:#7a88aa;font-size:11px}.report-status-pill{color:#557538;white-space:nowrap;background:#91be561f;border:1px solid #91be5638;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.report-download-link,.report-muted{white-space:nowrap;align-items:center;gap:5px;min-height:26px;font-size:11px;font-weight:750;display:inline-flex}.report-download-link{color:#3d61c6;text-decoration:none}.report-download-link:hover{text-decoration:underline}.report-muted{color:#9aa6bd}.services-view{gap:40px;display:grid}.services-ws-hd{border-bottom:1px solid #5e4c3624;align-items:end;height:auto;margin-bottom:0;padding-bottom:14px}.services-ws-hd h1{letter-spacing:-.05em;font-size:34px}.services-ws-hd p{color:#7b6d5c;letter-spacing:.03em;text-transform:uppercase;max-width:54ch;margin-top:8px;font-size:12px}.services-ws-hd .btn-ws{color:#403224;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #5e4c363d;border-radius:0;padding:0 0 6px;font-size:11px;font-weight:700}.services-ws-hd .btn-ws:hover{background:0 0;border-bottom-color:#5e4c3680;transform:none}.services-briefing{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1.7fr) minmax(280px,.74fr);gap:56px;padding:8px 0 0;display:grid}.services-briefing-copy{align-content:start;gap:16px;display:grid}.services-briefing-eyebrow{color:#8a6b47;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;border-radius:0;width:fit-content;padding:0 0 8px;font-size:11px;font-weight:700;display:inline-flex}.services-briefing h2{color:#24180f;max-width:15ch;font-family:var(--font-accent);letter-spacing:-.075em;margin:0;font-size:60px;line-height:.9}.services-briefing p{color:#645746;max-width:52ch;margin:0;font-size:15px;line-height:1.84}.services-briefing-tags{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.services-briefing-tags span{color:#5e4d3b;letter-spacing:.03em;background:0 0;border:0 solid #5e4c3629;border-bottom-width:1px;border-radius:0;padding:10px 0 4px;font-size:11px}.services-briefing-aside{border-left:1px solid #5e4c3624;align-content:start;gap:22px;padding-top:22px;padding-left:28px;display:grid}.services-briefing-line{border-bottom:1px solid #5e4c361f;gap:8px;padding-bottom:20px;display:grid}.services-briefing-line span{color:#8a6b47;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.services-briefing-line p{color:#2e2118;letter-spacing:-.02em;margin:0;font-size:16px;line-height:1.6}.services-toolbar{border-top:1px solid #5e4c3624;gap:22px;padding-top:12px;display:grid}.services-toolbar-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.services-toolbar-title{color:#24180f;max-width:32ch;font-family:var(--font-accent);letter-spacing:-.045em;font-size:30px;font-weight:700;line-height:1}.services-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.services-filter-field{gap:10px;display:grid}.services-filter-field span{color:#8a6b47;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.services-filter-field select{appearance:none;color:#2f241a;width:100%;min-height:52px;font-family:var(--font-ui);letter-spacing:-.01em;background:0 0;border:0 solid #5e4c3633;border-bottom-width:1px;border-radius:0;outline:none;padding:0 2px;font-size:14px;font-weight:700}.services-filter-field select:focus{border-color:#8a6b4780;box-shadow:inset 0 -2px #8a6b472e}.services-reset-button{color:#5e4d3b;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 0;font-size:11px;font-weight:700}.services-section{gap:24px;display:grid}.services-section-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.services-section-head h3,.services-toolbar-title{color:#24180f;font-family:var(--font-accent);letter-spacing:-.05em;margin:0;font-size:34px;line-height:.98}.services-section-head p{color:#8a6b47;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.services-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.services-featured-card,.services-expand-card,.services-library-card-item{position:relative;overflow:hidden}.services-featured-card{min-height:100%;box-shadow:none;background:linear-gradient(#f9f4edd9,#fff0);border:0 solid #5e4c3629;border-top-width:1px;border-radius:0;display:grid}.services-card-content{gap:14px;padding:28px 0 0;display:grid}.services-card-meta,.services-library-tags{flex-wrap:wrap;gap:8px;display:flex}.services-card-meta span,.services-library-tags span{color:#7a6550;letter-spacing:.08em;text-transform:uppercase;background:0 0;border-bottom:1px solid #5e4c361f;border-radius:0;padding:0 0 5px;font-size:10px;font-weight:700}.services-featured-card h4,.services-expand-card h4,.services-library-card-item h4{color:#21150d;font-family:var(--font-accent);letter-spacing:-.05em;margin:0;font-size:28px;line-height:.98}.services-card-fit{color:#8a6b47;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.services-card-body,.services-expand-card p,.services-library-card-item p{color:#655746;margin:0;font-size:14px;line-height:1.8}.services-card-reason{background:0 0;border-top:1px solid #5e4c361a;border-radius:0;gap:8px;padding:16px 0 0;display:grid}.services-card-reason strong{color:#8a6b47;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.services-card-reason p{color:#655746;margin:0;font-size:13px;line-height:1.7}.services-benefits-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.services-benefits-list li{color:#34271d;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.services-benefits-list svg{color:#8a6b47;flex:none}.services-card-button,.services-expand-button,.services-library-button{color:#3e3124;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:0;width:fit-content;padding:12px 0 4px;font-size:11px;font-weight:700}.services-expand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.services-expand-card{box-shadow:none;background:0 0;border:0 solid #5e4c3624;border-top-width:1px;border-radius:0;gap:14px;padding:24px 0 0;display:grid}.services-expand-header,.services-library-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.services-expand-header span,.services-library-label{color:#8a6b47;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800}.services-expand-header em{color:#7a6550;letter-spacing:.03em;font-size:11px;font-style:normal;font-weight:700}.services-expand-card small{color:#6a5b49;font-size:13px;line-height:1.7}.services-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.services-library-card-item{background:0 0;border:0 solid #5e4c3624;border-top-width:1px;border-radius:0;gap:14px;padding:24px 0 0;display:grid}.services-motion-pill{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.services-motion-pill.motion-upsell{color:#7d6240;background:#90765314}.services-motion-pill.motion-cross-sell{color:#796552;background:#efe8dfeb}.services-empty-state{background:0 0;border-top:1px solid #5e4c3624;gap:6px;padding:18px 0;display:grid}.services-empty-state strong{color:#172149}.services-empty-state p{color:#5e6e89;margin:0;font-size:13px;line-height:1.6}.services-featured-card.tone-cooling,.services-featured-card.tone-monitoring,.services-featured-card.tone-compliance,.services-featured-card.tone-boiler,.services-featured-card.tone-wastewater,.services-featured-card.tone-safety,.services-expand-card.tone-cooling,.services-expand-card.tone-monitoring,.services-expand-card.tone-compliance,.services-expand-card.tone-boiler,.services-expand-card.tone-wastewater,.services-expand-card.tone-safety,.services-library-card-item.tone-cooling,.services-library-card-item.tone-monitoring,.services-library-card-item.tone-compliance,.services-library-card-item.tone-boiler,.services-library-card-item.tone-wastewater,.services-library-card-item.tone-safety{color:inherit}@media (width<=1180px){.reports-summary-grid{grid-template-columns:1fr 1fr}.reports-module-grid{grid-template-columns:1fr}.services-briefing,.services-featured-grid,.services-expand-grid,.services-filter-grid{grid-template-columns:1fr 1fr}.services-expand-grid,.services-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.services-ws-hd,.services-section-head,.services-toolbar-head,.services-briefing{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.services-filter-grid,.services-featured-grid,.services-expand-grid,.services-library-grid,.reports-summary-grid,.reports-module-grid{grid-template-columns:1fr}.services-briefing h2{max-width:100%;font-size:42px}.services-briefing-aside{border-top:1px solid #5e4c3624;border-left:0;padding-top:24px;padding-left:0}}.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}}.advertising-page{color:#16324f;background:radial-gradient(circle at 0 0,#74a0ff29,#0000 28%),radial-gradient(circle at 85% 12%,#23b89429,#0000 24%),linear-gradient(#f5f9ff 0%,#eef4fb 48%,#f8fbff 100%);min-height:100vh;position:relative;overflow:hidden}.advertising-background{pointer-events:none;position:absolute;inset:0}.advertising-orb,.advertising-grid{position:absolute}.advertising-orb{filter:blur(20px);opacity:.75;border-radius:999px}.advertising-orb-a{background:#3e7ef52e;width:280px;height:280px;top:-96px;right:8%}.advertising-orb-b{background:#2ab29124;width:240px;height:240px;bottom:8%;left:-40px}.advertising-grid{background-image:linear-gradient(#16324f0a 1px,#0000 1px),linear-gradient(90deg,#16324f0a 1px,#0000 1px);background-size:32px 32px;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 82%);mask-image:linear-gradient(#000000e6,#0000 82%)}.advertising-topbar,.advertising-shell{z-index:1;position:relative}.advertising-topbar{justify-content:space-between;align-items:center;gap:16px;padding:24px clamp(20px,4vw,48px) 0;display:flex}.advertising-topbar-brand{align-items:center;gap:12px;display:inline-flex}.advertising-topbar-tag{letter-spacing:.08em;text-transform:uppercase;background:#ffffffad;border:1px solid #16324f1f;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.advertising-topbar-link{color:#214c79;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.advertising-shell{gap:32px;width:min(1320px,100% - 40px);margin:0 auto;padding:36px 0 56px;display:grid}.advertising-hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;gap:24px;display:grid}.advertising-copy,.advertising-proof,.advertising-story-card,.advertising-showcase-copy,.advertising-mockup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd6;border:1px solid #748eac2e;box-shadow:0 24px 70px #274a7414}.advertising-copy{border-radius:32px;gap:18px;padding:clamp(28px,4vw,48px);display:grid}.advertising-kicker,.advertising-section-label{color:#3a6d96;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.advertising-copy h1,.advertising-showcase-copy h2{letter-spacing:-.05em;max-width:14ch;margin:0;font-size:clamp(2.75rem,5.2vw,5.25rem);line-height:.95}.advertising-showcase-copy h2{max-width:12ch;font-size:clamp(2rem,4vw,3.4rem)}.advertising-lead{color:#46627e;max-width:62ch;margin:0;font-size:1.03rem;line-height:1.75}.advertising-actions{flex-wrap:wrap;gap:12px;display:flex}.advertising-button{min-height:50px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:700;display:inline-flex}.advertising-button.primary{color:#fff;background:linear-gradient(135deg,#1d5ea8 0%,#1c7ca3 100%)}.advertising-button.secondary{color:#1b4d80;background:#fffc;border-color:#1c5ea82e}.advertising-note{color:#295775;align-items:center;gap:10px;max-width:56ch;font-size:.95rem;line-height:1.6;display:inline-flex}.advertising-proof{border-radius:28px;gap:14px;padding:18px;display:grid}.advertising-proof article{background:linear-gradient(#f3f8ffeb,#fffffff5);border-radius:22px;gap:8px;padding:18px;display:grid}.advertising-proof span,.advertising-mockup-header p,.advertising-mockup-metrics span,.advertising-sidebar-score span{color:#5d7890;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.advertising-proof strong,.advertising-sidebar-score strong{letter-spacing:-.04em;font-size:clamp(2rem,3vw,2.8rem);line-height:1}.advertising-proof p,.advertising-story-card p,.advertising-showcase-copy p,.advertising-mini-panels p{color:#587089;margin:0;line-height:1.7}.advertising-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.advertising-story-card{border-radius:28px;gap:14px;padding:24px;display:grid}.advertising-story-card h2{margin:0;font-size:1.28rem;line-height:1.15}.advertising-story-icon{color:#1d5ea8;background:#1c5ea81a;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.advertising-showcase{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:24px;display:grid}.advertising-showcase-copy{border-radius:30px;gap:22px;padding:clamp(24px,3vw,36px);display:grid}.advertising-journey{gap:16px;margin:0;padding:0;list-style:none;display:grid}.advertising-journey li{grid-template-columns:16px minmax(0,1fr);align-items:start;gap:12px;display:grid}.advertising-journey li span{background:radial-gradient(circle,#1c7ca3 0 38%,#1c7ca333 40% 100%);border-radius:999px;width:16px;height:16px;margin-top:6px}.advertising-journey li p{color:#274865;margin:0;font-size:1rem;line-height:1.65}.advertising-mini-panels{gap:12px;display:grid}.advertising-mini-panels article{border-top:1px solid #5d789029;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:12px;padding:14px 0;display:grid}.advertising-mini-panels strong{margin-bottom:4px;font-size:1rem;display:block}.advertising-mockup{border-radius:32px;padding:18px}.advertising-mockup-topbar{color:#32506a;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px 16px;font-size:.92rem;font-weight:700;display:flex}.advertising-mockup-topbar div{flex-wrap:wrap;gap:8px;display:flex}.advertising-mockup-topbar div span,.advertising-sidebar-chip,.advertising-mockup-badges span,.advertising-sidebar-list span:last-child{background:#1b4d8014;border-radius:999px;padding:8px 10px}.advertising-mockup-body{grid-template-columns:220px minmax(0,1fr);gap:18px;display:grid}.advertising-mockup-sidebar,.advertising-mockup-main{background:linear-gradient(#f7fbfff2,#f0f7fcf2);border-radius:24px}.advertising-mockup-sidebar{align-content:start;gap:18px;padding:18px;display:grid}.advertising-sidebar-score{background:#e9f3fb;border-radius:18px;gap:8px;padding:16px;display:grid}.advertising-sidebar-list{gap:10px;display:grid}.advertising-sidebar-list span{color:#49657f;border-radius:14px;padding:10px 12px;font-weight:600}.advertising-sidebar-list span.active{color:#fff;background:#1d5ea8}.advertising-mockup-main{gap:18px;padding:20px;display:grid}.advertising-mockup-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.advertising-mockup-header h3{max-width:24ch;margin:6px 0 0;font-size:1.6rem;line-height:1.12}.advertising-mockup-badges{flex-wrap:wrap;gap:8px;display:flex}.advertising-mockup-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.advertising-mockup-metrics article{background:#fff;border-radius:18px;gap:8px;padding:16px;display:grid}.advertising-mockup-metrics strong{font-size:1.6rem;line-height:1}.advertising-mockup-chart{background:linear-gradient(#fffffff5,#f2f8fcf5),repeating-linear-gradient(#0000,#0000 31px,#32506a0f 31px 32px);border-radius:24px;min-height:220px;padding:20px;position:relative;overflow:hidden}.advertising-mockup-chart-line{background:linear-gradient(#1d5ea80f,#1d5ea800);border-radius:999px;height:120px;position:absolute;inset:auto 20px 74px}.advertising-mockup-chart-line:before{content:"";clip-path:polygon(0% 78%,15% 66%,29% 72%,44% 48%,58% 55%,73% 36%,100% 12%,100% 100%,0% 100%);background:#1d5ea81a;position:absolute;inset:18px 0 0}.advertising-mockup-chart-line:after{content:"";clip-path:polygon(0% 78%,15% 66%,29% 72%,44% 48%,58% 55%,73% 36%,100% 12%,100% 18%,73% 42%,58% 61%,44% 54%,29% 78%,15% 72%,0% 84%);background:linear-gradient(90deg,#1d5ea8e6,#1c7ca3d1);position:absolute;inset:0}.advertising-mockup-chart-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;height:88px;display:grid;position:absolute;bottom:20px;left:20px;right:20px}.advertising-mockup-chart-bars span{background:linear-gradient(#1c7ca36b,#1d5ea8e6);border-radius:999px 999px 10px 10px}.advertising-mockup-table{gap:6px;display:grid}.advertising-mockup-table-head,.advertising-mockup-table-row{border-radius:18px;grid-template-columns:1.1fr .9fr 1.7fr 1fr .8fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.advertising-mockup-table-head{color:#5d7890;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:800}.advertising-mockup-table-row{color:#274865;background:#ffffffeb}.advertising-mockup-table-row span:last-child{color:#156552;background:#2ab2911f;border-radius:999px;justify-self:start;padding:6px 10px;font-size:.86rem;font-weight:700}@media (width<=1100px){.advertising-hero,.advertising-showcase,.advertising-story-grid{grid-template-columns:1fr}.advertising-copy h1,.advertising-showcase-copy h2{max-width:none}}@media (width<=820px){.advertising-shell{width:min(100% - 28px,1320px);padding-top:24px}.advertising-topbar{padding:18px 14px 0}.advertising-mockup-body,.advertising-mockup-metrics,.advertising-mockup-table-head,.advertising-mockup-table-row{grid-template-columns:1fr}.advertising-mockup-topbar,.advertising-mockup-header{flex-direction:column;align-items:flex-start}.advertising-mockup-chart{min-height:180px}.advertising-mockup-table-head{display:none}}.mockup-module-shell{gap:24px;padding-top:16px;display:grid}.wwtp-hero,.wwtp-card,.wastewater-mockup-header{box-shadow:0 12px 28px #0f172a0e}.wastewater-mockup-header{background:#fff;border:1px solid #e4e8ee;border-radius:14px;padding:20px 24px}.wastewater-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.mockup-module-kicker{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:700}.wastewater-heading h1{color:#111318;letter-spacing:-.03em;margin:8px 0 0;font-size:28px;font-weight:800}.wastewater-heading p{color:#64748b;margin:6px 0 0;font-size:13px}.wastewater-chip{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.wastewater-mockup{font-family:var(--font-ui)}.wwtp-top-row{grid-template-columns:minmax(0,calc(70% - 8px)) minmax(0,calc(30% - 12px));align-items:stretch;gap:20px;margin-bottom:22px;display:grid}.wwtp-hero{background:linear-gradient(135deg,#fff 0%,#fbfcff 100%);border:1px solid #dbe3ef;border-radius:16px;grid-template-columns:minmax(230px,27fr) 1px minmax(0,73fr);gap:0;height:100%;margin-bottom:0;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 34px #0f172a11}.wwtp-hero:before,.wwtp-hero:after{content:none}.wwtp-hero-panel{z-index:1;background:0 0;border:none;border-radius:0;flex-direction:column;min-width:0;padding:20px 24px;display:flex;position:relative}.wwtp-hero-panel.status{background:linear-gradient(snow 0%,#fff 72%)}.wwtp-hero-panel.controller{justify-content:center;gap:12px}.wwtp-hero-divider{z-index:1;background:linear-gradient(#0000 0%,#94a3b857 18% 82%,#0000 100%);width:1px;display:block;position:relative}.wwtp-eye,.wwtp-controller-label,.wwtp-side-label{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700}.wwtp-eye{align-items:center;gap:8px;margin-bottom:8px;display:flex}.wwtp-eye:before{content:none}.wwtp-verdict{color:#dc2626;font-family:var(--font-accent);letter-spacing:0;text-shadow:0 8px 24px #ef444429;font-size:48px;font-weight:900;line-height:.94}.wwtp-verdict-meta,.wwtp-failed-limit,.wwtp-passing-text,.wwtp-controller-date,.wwtp-report-label,.wwtp-report-sub,.wwtp-side-date,.wwtp-side-report-link-sub,.wwtp-visit-month,.wwtp-visit-status{font-family:var(--font-ui)}.wwtp-verdict-meta{color:#7890a3;letter-spacing:0;margin:1px 0 8px;font-size:12px}.wwtp-failed-card{background:#fff5f5;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;position:relative;overflow:hidden}.wwtp-failed-card:before{content:none}.wwtp-failed-top{align-items:center;gap:8px;margin-bottom:1px;display:flex}.wwtp-failed-name{color:#b91c1c;font-family:var(--font-ui);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:700}.wwtp-failed-tag{color:#b91c1c;letter-spacing:.03em;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.wwtp-failed-value-row{align-items:baseline;gap:6px;display:flex}.wwtp-failed-value{color:#dc2626;letter-spacing:-.03em;font-size:23px;font-weight:900;line-height:1}.wwtp-failed-unit{color:#ef4444;font-size:12px}.wwtp-failed-limit{color:#9f6b6b;margin-top:1px;font-size:11px}.wwtp-passing{align-items:center;gap:10px;margin-top:10px;display:flex}.wwtp-passing-dots{gap:5px;display:flex}.wwtp-passing-dots span{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #34d39980}.wwtp-passing-text{color:#64748b;letter-spacing:0;font-size:11.5px}.wwtp-hero-observation-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.wwtp-hero-observation-head .wwtp-eye{color:#334155;margin-bottom:2px}.wwtp-controller-date{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #d8e4ed;border-radius:999px;margin-top:2px;margin-left:auto;padding:5px 10px;font-size:11px}.wwtp-controller-copy{color:#334155;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:78ch;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.wwtp-controller-copy strong{color:#111827}.wwtp-report-chip{color:#2563eb;background:#f5f8ff;border:1px solid #d7e4ff;border-radius:11px;align-items:center;gap:8px;margin-top:0;padding:10px 13px;display:flex}.wwtp-report-icon,.wwtp-side-report-link-icon{color:#fff;background:#3b82f6;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.wwtp-report-label,.wwtp-side-report-link-title{color:#2563eb;font-size:11.5px;font-weight:700}.wwtp-report-sub,.wwtp-side-report-link-sub{color:#059669;font-size:10.5px;font-weight:600}.wwtp-report-chip span,.wwtp-side-report-link span{font-family:var(--font-ui);letter-spacing:0;margin-left:auto;font-size:10.5px;font-weight:600}.wwtp-primasense-card{background:linear-gradient(135deg,#fff 0%,#f7faff 100%);border-color:#dbe5ff;border-radius:16px;flex-direction:column;gap:8px;height:100%;padding:18px 20px;display:flex}.wwtp-ai-head{align-items:center;gap:8px;display:flex}.wwtp-ai-icon{color:#fff;background:#5d84ef;border-radius:9px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.wwtp-ai-name{color:#172033;font-size:15px;font-weight:700}.wwtp-ai-risk{color:#dc2626;font-family:var(--font-accent);letter-spacing:0;margin-top:8px;font-size:30px;font-weight:900;line-height:.96}.wwtp-ai-risk-sub{color:#7f1d1d;margin-top:5px;font-size:11px;font-weight:700}.wwtp-ai-insight{color:#334155;-webkit-line-clamp:2;border-top:1px solid #eef1f5;-webkit-box-orient:vertical;margin-top:8px;padding:10px 0 0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.wwtp-ai-insight strong{color:#111827}.wwtp-ai-metrics{border-top:1px solid #e8eef9;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:auto;padding-top:10px;display:grid}.wwtp-ai-metrics article{background:0 0;border:none;border-radius:0;min-width:0;padding:0 10px}.wwtp-ai-metrics article:not(:last-child){border-right:1px solid #e8eef9}.wwtp-ai-metrics article span{color:#7890a3;font-family:var(--font-ui);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:8.5px;display:block;overflow:hidden}.wwtp-ai-metrics article strong{margin-top:2px;font-size:14px;font-weight:800;line-height:1;display:block}.wwtp-ai-metrics article strong.risk,.wwtp-ai-metrics article strong.warn{color:#dc2626}.wwtp-ai-metrics article strong.good,.wwtp-ai-metrics article strong.violet{color:#059669}.wwtp-ai-metrics article p{display:none}.wwtp-ai-ask{color:#fff;width:36px;height:36px;font:inherit;cursor:pointer;background:#5d84ef;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;gap:8px;margin:0 0 0 auto;padding:0;display:inline-flex;box-shadow:0 2px 12px #5d84ef38}.wwtp-ai-ask:hover{background:#456fdc}.wwtp-main-grid{grid-template-columns:minmax(0,calc(40% - 16px)) minmax(0,calc(30% - 12px)) minmax(0,calc(30% - 12px));align-items:stretch;gap:20px;display:grid}.wwtp-side-column{flex-direction:column;gap:24px;display:flex}.wwtp-quality-card,.wwtp-trend-card,.wwtp-side-column{min-width:0;height:100%}.wwtp-side-column>.wwtp-card{height:100%}.wwtp-card{background:#fff;border:1px solid #e4e8ee;border-radius:16px;overflow:hidden}.wwtp-card-head{border-bottom:1px solid #eef1f5;align-items:center;gap:10px;min-height:64px;padding:14px 20px;display:flex}.wwtp-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.wwtp-card-icon.tone-blue{color:#2563eb;background:#eaf0ff}.wwtp-card-icon.tone-amber{color:#f59e0b;background:#fffbeb}.wwtp-card-title{color:#111318;letter-spacing:0;font-size:13.5px;font-weight:700}.wwtp-card-subtitle{color:#8a9ab0;margin-top:1px;font-size:11px;font-weight:400}.wwtp-card-badge{font-family:var(--font-ui);border-radius:6px;margin-left:auto;padding:3px 10px;font-size:10px;font-weight:700}.wwtp-card-badge.fail{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.wwtp-table-head{color:#a7b2c2;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;background:#f4f5f7;border-bottom:1px solid #eef1f5;grid-template-columns:1fr 1fr;padding:8px 20px 7px;font-size:9px;font-weight:500;display:grid}.wwtp-parameter-list{display:grid}.wwtp-parameter-row{grid-template-columns:1fr 1fr;align-items:center;padding:14px 20px;display:grid}.wwtp-parameter-row:not(:last-child){border-bottom:1px solid #eef1f5}.wwtp-parameter-row.is-fail{background:linear-gradient(90deg,#fff5f5,snow)}.wwtp-parameter-left{align-items:center;gap:13px;padding-right:22px;display:flex}.wwtp-parameter-pill{min-width:52px;font-family:var(--font-ui);letter-spacing:.06em;border-radius:5px;justify-content:center;align-items:center;padding:3px 9px;font-size:9.5px;font-weight:700;display:inline-flex}.wwtp-parameter-pill.pass{color:#059669;background:#ecfdf5}.wwtp-parameter-pill.fail{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.wwtp-parameter-name{color:#111318;letter-spacing:-.01em;font-size:12.5px;font-weight:600}.wwtp-parameter-name small{color:#a7b2c2;margin-top:1px;font-size:10px;font-weight:400;display:block}.wwtp-parameter-value{align-items:baseline;gap:5px;margin-top:5px;display:flex}.wwtp-parameter-value strong{letter-spacing:-.03em;font-size:24px;font-weight:900;line-height:1}.wwtp-parameter-value strong.pass{color:#111318}.wwtp-parameter-value strong.fail{color:#dc2626}.wwtp-parameter-value span{color:#9aa8ba;font-size:10.5px}.wwtp-parameter-limit{color:#a7b2c2;font-family:var(--font-ui);margin-top:2px;font-size:10px}.wwtp-parameter-right{align-items:flex-start;gap:9px;padding-left:22px;display:flex}.wwtp-parameter-comment-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex}.wwtp-parameter-comment-icon.pass{color:#059669;background:#ecfdf5}.wwtp-parameter-comment-icon.fail{color:#dc2626;background:#fef2f2}.wwtp-parameter-comment{color:#4b5565;font-size:11.5px;line-height:1.58}.wwtp-parameter-comment span{color:#a7b2c2;font-family:var(--font-ui);margin-top:4px;font-size:9.5px;display:block}.wwtp-quality-card .wwtp-card-head{padding:14px 18px}.wwtp-quality-card .wwtp-table-head{padding:7px 18px}.wwtp-quality-card .wwtp-parameter-row{padding:10px 18px}.wwtp-quality-card .wwtp-parameter-left{gap:10px;padding-right:14px}.wwtp-quality-card .wwtp-parameter-pill{min-width:46px;padding:2px 8px;font-size:9px}.wwtp-quality-card .wwtp-parameter-name{font-size:12px}.wwtp-quality-card .wwtp-parameter-name small{font-size:9px}.wwtp-quality-card .wwtp-parameter-value{margin-top:2px}.wwtp-quality-card .wwtp-parameter-value strong{font-size:20px}.wwtp-quality-card .wwtp-parameter-limit{margin-top:0;font-size:9px}.wwtp-quality-card .wwtp-parameter-right{gap:7px;padding-left:14px}.wwtp-quality-card .wwtp-parameter-comment-icon{width:16px;height:16px}.wwtp-quality-card .wwtp-parameter-comment{color:#4b5565;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.75px;line-height:1.38;display:-webkit-box;overflow:hidden}.wwtp-quality-card .wwtp-parameter-comment span{margin-top:2px;font-size:8.5px}.wwtp-chart-wrap{gap:16px;padding:17px 20px 20px;display:grid}.wwtp-chart-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:0;display:grid}.wwtp-chart-tabs span{color:#7d8da3;min-width:0;min-height:28px;font-family:var(--font-ui);letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#f4f5f7;border:1px solid #e4e8ee;border-radius:5px;justify-content:center;align-items:center;padding:5px 6px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.wwtp-chart-mini-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.wwtp-chart-mini-head span{color:#475569;font-size:12px;font-weight:800}.wwtp-chart-mini-head strong{color:#2563eb;font-size:12px;font-weight:800}.wwtp-chart-mini-head strong.fail{color:#dc2626}.wwtp-chart-tabs span.on{color:#fff;background:#dc2626;border-color:#dc2626}.wwtp-chart{width:100%;height:168px;overflow:visible}.wwtp-chart .base,.wwtp-chart .grid{stroke:#edf1f6;stroke-width:1px}.wwtp-chart .grid{stroke-dasharray:5 6}.wwtp-chart .limit{stroke:#fca5a5;stroke-width:1.5px;stroke-dasharray:6 3}.wwtp-chart text{fill:#7b8da6;font-family:var(--font-ui);font-size:10.5px;font-weight:700}.wwtp-chart .trend{fill:none;stroke:#ef4444;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round}.wwtp-chart .dot{fill:#ef4444;stroke:#fff;stroke-width:1.5px}.wwtp-chart .dot.final{stroke-width:2px}.wwtp-chart .tag{fill:#ef4444}.wwtp-chart .tag-text{fill:#fff;font-size:12px;font-weight:800}.wwtp-chart .month{fill:#8a9ab0;font-size:10px;font-weight:600}.wwtp-chart .month-final{fill:#ef4444;font-weight:800}.wwtp-chart .limit-text{fill:#dc2626;font-size:10px;font-weight:700}.wwtp-compliance-matrix{padding-top:0;overflow:visible}.wwtp-compliance-title{border-top:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.wwtp-compliance-title span{color:#334155;font-size:11px;font-weight:800}.wwtp-compliance-title strong{color:#9aa8ba;font-size:10px;font-weight:500}.wwtp-compliance-grid{grid-template-columns:minmax(76px,76px) repeat(12,minmax(16px,1fr));align-items:center;gap:0 3px;padding:3px 0;display:grid}.wwtp-compliance-grid>span{text-align:center;justify-self:center}.wwtp-compliance-grid.head{color:#a7b2c2;font-family:var(--font-ui);letter-spacing:.02em;text-transform:uppercase;background:0 0;border-bottom:none;font-size:7px;font-weight:600}.wwtp-compliance-grid.head>span:first-child{text-align:left;justify-self:start}.wwtp-compliance-grid.row:not(:last-child){border-bottom:none}.wwtp-compliance-grid.row.fail{background:0 0}.wwtp-compliance-parameter{justify-self:stretch;min-width:0}.wwtp-compliance-parameter strong{color:#111318;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.wwtp-compliance-grid.row.fail .wwtp-compliance-parameter strong{color:#dc2626}.wwtp-compliance-cell{color:#9aa8ba;background:#f4f7fb;border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:15px;height:15px;font-size:8px;font-weight:800;display:inline-flex}.wwtp-compliance-cell.pass{color:#059669;background:#fff;border:1px solid #10b981}.wwtp-compliance-cell.fail{color:#dc2626;background:#fff;border:1px solid #dc2626}.wwtp-side-body{padding:18px 20px}.wwtp-side-date{color:#7d8da3;background:#f4f5f7;border:1px solid #e4e8ee;border-radius:5px;margin-left:auto;padding:3px 9px;font-size:9.5px;font-weight:500}.wwtp-side-copy{color:#4b5565;margin-bottom:14px;font-size:11.5px;line-height:1.62}.wwtp-side-recommendation{background:linear-gradient(135deg,#f7faff,#eef4ff);border:1px solid #d7e4ff;border-radius:10px;margin-bottom:14px;padding:13px 15px}.wwtp-side-recommendation-label{color:#2563eb;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:6px;font-size:9px;font-weight:700;display:flex}.wwtp-side-recommendation-text{color:#1f3b73;font-size:11.5px;font-weight:400;line-height:1.62}.wwtp-side-report-link{cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;display:flex}.wwtp-side-label{color:#9aa8ba;margin-bottom:8px}.wwtp-side-label.with-rule{border-top:1px solid #eef1f5;padding-top:12px}.wwtp-visit-list{display:grid}.wwtp-visit-row{border-bottom:1px solid #eef1f5;align-items:center;gap:10px;padding:7px 0;font-size:11px;display:flex}.wwtp-visit-row:last-child{border-bottom:none}.wwtp-visit-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.wwtp-visit-dot.fail{background:#ef4444;box-shadow:0 0 6px #ef444480}.wwtp-visit-dot.monitor{background:#f59e0b}.wwtp-visit-dot.pass{background:#10b981}.wwtp-visit-month{color:#111318;min-width:50px;font-size:10.5px;font-weight:600}.wwtp-visit-note{color:#94a3b8;flex:1;font-size:10.5px}.wwtp-visit-status{letter-spacing:.06em;font-size:10px;font-weight:700}.wwtp-visit-status.fail{color:#dc2626}.wwtp-visit-status.monitor{color:#f59e0b}.wwtp-visit-status.pass{color:#10b981}@media (width<=1280px){.wwtp-top-row{grid-template-columns:minmax(0,68fr) minmax(300px,32fr)}.wwtp-hero{grid-template-columns:minmax(220px,24fr) 1px minmax(0,76fr)}}@media (width<=1180px){.wwtp-main-grid{grid-template-columns:1fr}}@media (width<=1024px){.wwtp-top-row,.wwtp-hero{grid-template-columns:1fr}.wwtp-hero-divider{background:linear-gradient(90deg,#0000 0%,#94a3b857 18% 82%,#0000 100%);width:auto;height:1px}}@media (width<=760px){.wastewater-heading,.wwtp-card-head{flex-direction:column;align-items:flex-start}.wwtp-controller-date,.wwtp-side-date,.wwtp-card-badge{margin-left:0}.wwtp-table-head,.wwtp-parameter-row{grid-template-columns:1fr}.wwtp-table-head{display:none}.wwtp-parameter-left,.wwtp-parameter-right{padding:0}.wwtp-ai-metrics{grid-template-columns:1fr 1fr}}@media (width<=560px){.wwtp-ai-metrics,.wwtp-report-chip,.wwtp-side-report-link{grid-template-columns:1fr}.wwtp-report-chip,.wwtp-side-report-link{flex-wrap:wrap}.wwtp-ai-metrics{grid-template-columns:1fr}.wwtp-passing,.wwtp-visit-row{align-items:flex-start}}