@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Chakra+Petch:wght@500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-main:radial-gradient(circle at 12% 10%, #e9f8ff 0%, #f7fcff 38%, #f4f3ff 66%, #fff8ee 100%);--bg-card:#ffffffdb;--line:#1f29371a;--text-main:#1b2631;--text-soft:#566578;--tone-cyan:#0ea5e9;--tone-sun:#f59e0b;--tone-green:#16a34a;--tone-rose:#e11d48;--tone-indigo:#4f46e5;--tone-warning:#f97316;--tone-danger:#dc2626}*{box-sizing:border-box}body{color:var(--text-main);background:var(--bg-main);min-height:100vh;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif}button,input,select{font:inherit}h1,h2,h3,h4{letter-spacing:.01em;margin:0;font-family:Chakra Petch,Space Grotesk,sans-serif}p{margin:0}.platform-shell{flex-direction:column;gap:1rem;width:min(1400px,100% - 2rem);margin:1rem auto 2rem;display:flex}.platform-header{border:1px solid var(--line);background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem;display:flex}.platform-header h1{margin-top:.2rem;font-size:clamp(1.4rem,2vw,2rem)}.eyebrow{letter-spacing:.12em;color:#0f766e;font-size:.78rem;font-weight:700}.muted{color:var(--text-soft);font-size:.93rem}.muted.compact{font-size:.85rem}.header-actions{align-items:center;gap:.75rem;display:flex}.admin-chip{background:#3b82f614;border:1px solid #3b82f633;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.84rem;display:inline-flex}.btn-primary,.btn-secondary,.btn-danger,.btn-success{cursor:pointer;border:0;border-radius:12px;transition:transform .16s,box-shadow .16s,opacity .16s}.btn-primary{color:#fff;background:linear-gradient(130deg,#0ea5e9,#2563eb);padding:.75rem 1rem;font-weight:700;box-shadow:0 10px 22px #2563eb40}.btn-secondary{border:1px solid var(--line);color:var(--text-main);background:#0f172a0d;padding:.55rem .9rem;font-weight:600}.btn-danger{color:var(--tone-danger);background:#dc26261a;border:1px solid #dc262659;padding:.55rem .9rem;font-weight:700}.btn-success{color:var(--tone-green);background:#16a34a1f;border:1px solid #16a34a4d;padding:.55rem .9rem;font-weight:700}.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover,.btn-success:hover,.tab:hover,.chip:hover,.pagination button:hover,.list-item:hover{transform:translateY(-1px)}.section-tabs{gap:.75rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);background:var(--bg-card);color:var(--text-main);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.58rem .95rem;font-weight:600}.tab.active{background:linear-gradient(130deg,#2563eb26,#0ea5e926);border-color:#2563eb73}.section-wrap{flex-direction:column;gap:1rem;display:flex}.section-wrap.two-col{grid-template-columns:minmax(290px,360px) 1fr;gap:1rem;display:grid}.toolbar-row{justify-content:flex-end;display:flex}.day-picker{border:1px solid var(--line);background:var(--bg-card);border-radius:999px;gap:.35rem;padding:.28rem;display:inline-flex}.chip{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .7rem;font-weight:700}.chip.active{color:#1e40af;background:#3b82f624}.stack-lg{flex-direction:column;gap:1rem;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;display:grid}.card{border:1px solid var(--line);background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 8px 20px #0f172a0d}.kpi{flex-direction:column;gap:.35rem;padding:.8rem .95rem;display:flex}.kpi p{color:var(--text-soft);font-size:.83rem}.kpi strong{font-size:1.25rem}.kpi small{color:#6b7280;font-size:.78rem}.kpi.accent{border-color:#4f46e559}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem;display:grid}.series-card{padding:.85rem}.card-header{justify-content:space-between;align-items:flex-end;gap:.8rem;margin-bottom:.6rem;display:flex}.card-header p{color:var(--text-soft);font-size:.82rem}.bars{grid-template-columns:repeat(auto-fit,minmax(14px,1fr));align-items:end;gap:.35rem;height:130px;display:grid}.bar-col{flex-direction:column;align-items:center;gap:.2rem;display:flex}.bar{border-radius:4px 4px 2px 2px;width:100%;min-height:2px}.bar-col span{color:#70829a;writing-mode:vertical-rl;font-size:.63rem;transform:rotate(180deg)}.leaderboard{padding:.9rem}.table-wrap{overflow-x:auto}.table-wrap.compact table{font-size:.85rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #0f172a14;padding:.55rem}th{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}td small{color:#748499;font-size:.74rem;display:block}.side-list{flex-direction:column;gap:.8rem;min-height:66vh;padding:.9rem;display:flex}.search-input{background:#fff;border:1px solid #0f172a2e;border-radius:12px;width:100%;padding:.6rem .75rem}.list-stack{flex-direction:column;gap:.45rem;max-height:62vh;padding-right:.2rem;display:flex;overflow-y:auto}.inbox-filter-grid{flex-wrap:wrap;gap:.4rem;display:flex}.inbox-messages{flex-direction:column;gap:.6rem;max-height:46vh;padding-right:.2rem;display:flex;overflow-y:auto}.mail-item{background:#ffffffb8;border:1px solid #0f172a1f;border-radius:12px;padding:.7rem}.mail-item.inbound{border-color:#2563eb40}.mail-item.outbound{border-color:#16a34a40}.mail-meta{color:#4b5563;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem;font-size:.78rem;display:flex}.mail-body{white-space:pre-wrap;font-size:.9rem;line-height:1.5}.reply-grid{flex-direction:column;gap:.6rem;display:flex}.reply-textarea{resize:vertical;min-height:120px;font:inherit;border:1px solid #0f172a2e;border-radius:12px;padding:.65rem .75rem}.reply-actions{justify-content:flex-end;display:flex}.danger-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.list-item{cursor:pointer;text-align:left;background:#ffffffc7;border:1px solid #0f172a1f;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:.5rem;width:100%;padding:.6rem .75rem;display:flex}.list-item.active{border-color:#2563eb73;box-shadow:0 8px 18px #2563eb1f}.list-item strong{font-size:.93rem}.list-item small{color:#6b7280;margin-top:.12rem;font-size:.75rem;display:block}.list-item-main{flex:1;min-width:0}.mini-metrics{flex-wrap:wrap;gap:.3rem;margin-top:.4rem;display:flex}.mini-metrics span{color:#475569;background:#0f172a0d;border-radius:999px;padding:.14rem .42rem;font-size:.68rem;font-weight:700}.list-item-meta{max-width:220px;line-height:1.35}.state{white-space:nowrap;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.state.on{color:#166534;background:#16a34a29}.state.off{color:#991b1b;background:#dc262624}.state.neutral{color:#1e3a8a;background:#3b82f629}.state.warning{color:#9a3412;background:#f9731629}.detail-area{min-height:66vh;padding:1rem}.detail-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.state-group{flex-wrap:wrap;gap:.4rem;display:flex}.state-stack,.action-stack{flex-direction:column;align-items:flex-end;gap:.45rem;display:flex}.stats-inline{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;display:grid}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.compact-scope{grid-template-columns:1fr 1fr}.filter-pills{background:#ffffff80;border:1px solid #0f172a14;border-radius:14px;flex-wrap:wrap;gap:.35rem;padding:.35rem;display:flex}.metric-section,.truth-card{background:#ffffffa8;border:1px solid #0f172a1a;border-radius:16px;padding:.75rem}.section-title-row{justify-content:space-between;gap:1rem;margin-bottom:.65rem;display:flex}.truth-card{grid-template-columns:minmax(240px,1.2fr) 1.8fr;align-items:center;gap:.8rem;display:grid}.truth-card.good{background:linear-gradient(135deg,#16a34a1a,#ffffffb8);border-color:#16a34a3d}.truth-card.warning{background:linear-gradient(135deg,#f973161c,#ffffffb8);border-color:#f9731642}.truth-card.danger{background:linear-gradient(135deg,#dc26261a,#ffffffb8);border-color:#dc26263d}.truth-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;display:grid}.metric{border:1px dashed #0f172a29;border-radius:12px;flex-direction:column;gap:.2rem;padding:.55rem .65rem;display:flex}.metric small{color:#607084;font-size:.73rem}.metric strong{font-size:1rem}.split-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:.8rem;display:grid}.inner-card{background:#ffffff94;border:1px solid #0f172a1a;border-radius:14px;padding:.7rem}.inner-card h4{margin-bottom:.55rem}.danger-zone{border-color:#dc262638}.danger-history{margin:.75rem 0}.compact-list{gap:.5rem}.dense-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.dense-list li{background:#ffffffc7;border:1px solid #0f172a14;border-radius:10px;justify-content:space-between;gap:.8rem;padding:.45rem .55rem;display:flex}.dense-list small{color:#6b7280;font-size:.75rem}.success-line{color:#166534;background:#16a34a14;border:1px solid #16a34a40;border-radius:12px;margin:0;padding:.7rem .85rem;font-size:.9rem}.pagination{border-top:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:.7rem;padding-top:.55rem;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #0f172a33;border-radius:10px;width:2rem;height:2rem}.pagination button:disabled{opacity:.4;cursor:not-allowed}.loading-screen,.auth-shell{place-items:center;min-height:100vh;display:grid}.auth-shell{background:radial-gradient(circle at 22% 20%,#dcf7f4 0%,#f4f8ff 50%,#fff4e8 100%);padding:1rem}.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #0f172a1f;border-radius:20px;flex-direction:column;gap:.8rem;width:min(420px,100%);padding:1.4rem;display:flex}.auth-form{flex-direction:column;gap:.75rem;display:flex}.auth-form label{color:var(--text-soft);flex-direction:column;gap:.35rem;font-size:.86rem;display:flex}.auth-form input{color:var(--text-main);border:1px solid #0f172a33;border-radius:12px;padding:.65rem .75rem}.state-block{place-items:center;gap:.4rem;min-height:200px;display:grid}.state-block.compact{min-height:120px}.loader{border:2px solid #0ea5e959;border-top-color:#0284c7;border-radius:999px;width:1.2rem;height:1.2rem;animation:.9s linear infinite spin}.error-line{color:#b91c1c;background:#dc262614;border:1px solid #dc262638;border-radius:10px;padding:.6rem .7rem;font-size:.86rem}.error-line.compact{font-size:.8rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.section-wrap.two-col{grid-template-columns:1fr}.side-list,.detail-area{min-height:auto}.list-stack{max-height:38vh}}@media (width<=720px){.platform-shell{width:min(100% - 1rem,100%)}.platform-header{flex-direction:column}.header-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.bars{grid-template-columns:repeat(auto-fit,minmax(10px,1fr))}.truth-card,.scope-grid{grid-template-columns:1fr}}.pi-root{background:#fff;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:190px 380px 1fr;gap:0;min-height:72vh;display:grid;overflow:hidden;box-shadow:0 1px 3px #0000000d}.pi-nav{background:#fafafa;border-right:1px solid #eef0f2;flex-direction:column;gap:2px;padding:14px 8px;display:flex}.pi-nav-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:13.5px;display:flex}.pi-nav-item:hover{background:#f1f3f5}.pi-nav-item.active{color:#c2410c;background:#feefe6;font-weight:600}.pi-nav-badge{color:#fff;background:#ea580c;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.pi-list{border-right:1px solid #eef0f2;flex-direction:column;min-width:0;display:flex}.pi-list-toolbar{border-bottom:1px solid #eef0f2;gap:8px;padding:10px;display:flex}.pi-list-toolbar input{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:999px;flex:1;padding:8px 14px;font-size:13px}.pi-list-toolbar input:focus{background:#fff;outline:2px solid #fdba74}.pi-icon-btn{cursor:pointer;color:#374151;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:6px 12px;font-size:14px}.pi-icon-btn:hover{background:#f3f4f6}.pi-thread-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.pi-thread-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:10px;width:100%;padding:11px 12px;display:flex}.pi-thread-row:hover{background:#f8f9fa}.pi-thread-row.selected{background:#feefe6}.pi-thread-row.unread .pi-thread-from,.pi-thread-row.unread .pi-thread-subject{color:#111827;font-weight:700}.pi-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.pi-avatar.small{width:30px;height:30px;font-size:13px}.pi-thread-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pi-thread-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pi-thread-from{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.pi-thread-date{color:#9ca3af;white-space:nowrap;font-size:11.5px}.pi-thread-subject{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pi-count{color:#9ca3af;font-weight:400}.pi-thread-snippet{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pi-thread-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.pi-chip{white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:600}.pi-chip-client_support{color:#0369a1;background:#e0f2fe}.pi-chip-provider_support{color:#c2410c;background:#feefe6}.pi-chip-unknown{color:#6b7280;background:#f3f4f6}.pi-dot{background:#ea580c;border-radius:50%;width:9px;height:9px}.pi-reader{flex-direction:column;min-width:0;display:flex}.pi-reader-empty{color:#9ca3af;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.pi-reader-head{border-bottom:1px solid #eef0f2;align-items:center;gap:10px;padding:12px 16px;display:flex}.pi-reader-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pi-reader-title h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;overflow:hidden}.pi-back{display:none}.pi-messages{background:#fafafa;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.pi-message{background:#fff;border:1px solid #eef0f2;border-radius:12px;padding:12px 14px;box-shadow:0 1px 2px #00000008}.pi-message.outbound{background:#fffdfa;border-left:3px solid #ea580c}.pi-message-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pi-message-who{flex-direction:column;min-width:0;display:flex}.pi-message-who strong{font-size:13.5px}.pi-message-who small{color:#9ca3af;font-size:11.5px}.pi-html-frame{background:#fff;border:0;width:100%;min-height:80px}.pi-text-body{font:inherit;white-space:pre-wrap;word-break:break-word;color:#1f2937;margin:0;font-size:13.5px}.pi-replybox{border-top:1px solid #eef0f2;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.pi-replybox textarea{width:100%;font:inherit;resize:vertical;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;font-size:13.5px}.pi-replybox textarea:focus{outline:2px solid #fdba74}.pi-replybox-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.pi-replybox-actions button{color:#fff;cursor:pointer;background:#ea580c;border:0;border-radius:999px;padding:8px 22px;font-size:13.5px;font-weight:600}.pi-replybox-actions button:disabled{opacity:.5;cursor:default}.pi-muted{color:#9ca3af;padding:10px 14px;font-size:13px}.pi-error{color:#b91c1c;padding:10px 14px;font-size:13px}@media (width<=1100px){.pi-root{grid-template-columns:170px 1fr}.pi-reader{border-top:1px solid #eef0f2;grid-column:1/-1}.pi-back{display:inline-block}}@media (width<=760px){.pi-root{grid-template-columns:1fr;min-height:70vh}.pi-nav{border-bottom:1px solid #eef0f2;border-right:0;flex-direction:row;overflow-x:auto}.pi-hide-mobile{display:none}.pi-back{display:inline-block}}.pi-html-frame{min-height:220px}.pi-check{align-items:center;padding:6px 2px 0 0;display:flex}.pi-check input{accent-color:#ea580c;cursor:pointer;width:16px;height:16px}.pi-bulkbar{background:#fff7ed;border-bottom:1px solid #eef0f2;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.pi-bulkbar span{color:#9a3412;margin-right:auto;font-weight:600}.pi-bulkbar button{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:5px 14px;font-size:12.5px;font-weight:600}.pi-bulkbar button:hover{background:#f3f4f6}.pi-bulkbar button.danger{color:#b91c1c;border-color:#fecaca}.pi-bulkbar button.danger:hover{background:#fef2f2}.pi-bulkbar button.ghost{color:#9ca3af;border-color:#0000}.pi-icon-btn.danger{color:#b91c1c;border-color:#fecaca}.pi-icon-btn.danger:hover{background:#fef2f2}