:root{--app-bg:#eef4fb;--surface:#fff;--surface-soft:#f7fbff;--surface-muted:#edf4fd;--line:#d7e3f1;--line-strong:#c3d3e6;--text:#203049;--text-soft:#667792;--heading:#162236;--accent:#1eb980;--accent-strong:#129c69;--accent-soft:#1eb9801f;--info:#4c7ff0;--warning:#f2b533;--warning-soft:#f2b53329;--danger:#e15e67;--danger-soft:#e15e6724;--shadow:0 24px 48px #18376314;--shadow-soft:0 12px 28px #1837630f;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#1eb9801c,#0000 28%),linear-gradient(#f8fbff 0%,#eef4fb 48%,#e9f1fb 100%);font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--text);background:var(--app-bg);margin:0}button,input,textarea,select{font:inherit}a{color:inherit}.p-component{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.page-header{justify-content:space-between;align-items:flex-start;gap:1.2rem;display:flex}.eyebrow{color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem;font-weight:700}.page-header h1{color:var(--heading);margin:0;font-size:clamp(2rem,3.4vw,3rem);line-height:1.05}.subtitle{max-width:62rem;color:var(--text-soft);margin:.8rem 0 0;font-size:1rem;line-height:1.55}.state-card,.section-card,.hero-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(#fffffffa,#f8fbfff2);border-radius:1.4rem}.state-card{place-items:center;gap:1rem;min-height:18rem;padding:3rem;display:grid}.hero-card,.section-card{padding:1.2rem}.section-title{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-title h2,.section-title h3{color:var(--heading);margin:0}.section-title p,.muted,.inline-note,.card-note{color:var(--text-soft)}.hero-card{gap:1rem;display:grid}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.control{gap:.45rem;display:grid}.control span{color:var(--heading);font-size:.86rem;font-weight:700}.control input,.control select{border:1px solid var(--line);width:100%;min-height:2.9rem;color:var(--heading);background:#fff;border-radius:.95rem;outline:none;padding:.7rem .9rem}.control input:focus,.control select:focus{border-color:var(--info);box-shadow:0 0 0 3px #4c7ff01f}.chip-group{flex-wrap:wrap;gap:.55rem;display:flex}.chip-button,.preset-button,.ghost-pill,.action-button,.mini-button{border:1px solid var(--line);color:var(--heading);cursor:pointer;background:#fff;border-radius:999px;transition:transform .2s,border-color .2s,background .2s,color .2s}.chip-button:hover,.preset-button:hover,.ghost-pill:hover,.action-button:hover,.mini-button:hover{transform:translateY(-1px)}.chip-button{padding:.5rem .85rem;font-size:.88rem}.chip-button.active,.preset-button.active,.ghost-pill.active{color:var(--accent-strong);background:linear-gradient(90deg,#1eb98024,#4c7ff014);border-color:#1eb98066}.preset-row,.filters-actions{flex-wrap:wrap;gap:.7rem;display:flex}.preset-button{padding:.55rem .95rem}.filters-actions{justify-content:space-between;align-items:center}.filters-actions .action-button{padding:.75rem 1rem}.action-button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border-color:#0000}.action-button.secondary{background:var(--surface-soft)}.toggle-line{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.toggle-line label{color:var(--text-soft);cursor:pointer;align-items:center;gap:.45rem;display:inline-flex}.overview-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.overview-card{border:1px solid var(--line);background:#ffffffeb;border-radius:1.25rem;gap:.8rem;padding:1.1rem;display:grid}.overview-card h3,.overview-card p{margin:0}.overview-card h3{color:var(--text-soft);font-size:.95rem;font-weight:600}.metric-value{color:var(--heading);letter-spacing:-.03em;font-size:1.95rem;font-weight:800}.metric-meta{color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.84rem;display:flex}.delta-pill{border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.delta-pill.positive{color:var(--accent-strong);background:#1eb9801f}.delta-pill.negative{background:var(--danger-soft);color:var(--danger)}.delta-pill.neutral{color:#5d7391;background:#66779224}.insight-grid{grid-template-columns:1.1fr .9fr;gap:1rem;display:grid}.distribution-grid,.causes-grid{gap:.9rem;display:grid}.distribution-card,.cause-card{border:1px solid var(--line);background:#fff;border-radius:1.2rem;gap:.75rem;padding:1rem;display:grid}.distribution-bar{background:var(--surface-muted);border-radius:999px;height:.75rem;overflow:hidden}.distribution-bar span{background:linear-gradient(90deg, var(--accent), var(--info));border-radius:999px;height:100%;display:block}.distribution-meta,.cause-meta,.excluded-list,.checks-grid,.mini-stats{flex-wrap:wrap;gap:.6rem;display:flex}.mini-stats span,.tag{background:var(--surface-muted);color:var(--text-soft);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.tag.critical{background:var(--danger-soft);color:var(--danger)}.tag.warning{background:var(--warning-soft);color:#a06c00}.tag.success{color:var(--accent-strong);background:#1eb9801f}.scatter-shell{gap:1rem;display:grid}.scatter-area{width:100%;overflow-x:auto}.scatter-svg{border:1px solid var(--line);background:linear-gradient(#fff,#f8fbff);border-radius:1rem;width:100%;min-width:640px;height:340px}.scatter-axis{fill:var(--text-soft);font-size:12px}.scatter-grid-line{stroke:#c7d6e9bf;stroke-dasharray:4 6}.scatter-dot{fill:#1eb980e6;stroke:#fff;stroke-width:2px}.scatter-dot.critical{fill:#e15e67eb}.table-shell{overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.9rem .85rem}.data-table th{color:var(--heading);white-space:nowrap;font-size:.84rem}.data-table td{color:var(--text);font-size:.92rem}.data-table tbody tr{cursor:pointer;transition:background .2s}.data-table tbody tr:hover{background:#f6faff}.sort-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.pagination{color:var(--text-soft);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.pagination-controls{gap:.6rem;display:flex}.mini-button{padding:.55rem .8rem}.checks-grid{gap:.75rem}.check-card{border:1px solid var(--line);background:#fff;border-radius:1rem;min-width:11.5rem;padding:.9rem 1rem}.check-card strong{color:var(--heading);display:block}.modal-overlay,.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30;background:#12223661;position:fixed;inset:0}.modal-card,.drawer-card{z-index:31;box-shadow:var(--shadow);background:#fff;position:fixed}.modal-card{border-radius:1.35rem;width:min(920px,100vw - 2rem);max-height:calc(100vh - 2rem);padding:1.2rem;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.drawer-card{width:min(560px,100vw);height:100vh;padding:1.2rem;top:0;right:0;overflow:auto}.modal-head,.drawer-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.close-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:.9rem;width:2.4rem;height:2.4rem}.cause-list,.timeline-events{gap:.75rem;display:grid}.cause-source,.event-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:1rem;padding:.9rem 1rem}.timeline-chart{border:1px solid var(--line);background:linear-gradient(#fff,#f8fbff);border-radius:1rem;width:100%;height:280px}.timeline-line.views{stroke:var(--info)}.timeline-line.actions{stroke:var(--accent)}.timeline-line.ctr{stroke:var(--warning)}.timeline-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.timeline-event-dot{fill:var(--danger);stroke:#fff;stroke-width:1.8px}.timeline-legend{flex-wrap:wrap;gap:.75rem;margin:.75rem 0 0;display:flex}.legend-item{color:var(--text-soft);align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.legend-line{border-radius:999px;width:1.2rem;height:.2rem}.legend-line.views{background:var(--info)}.legend-line.actions{background:var(--accent)}.legend-line.ctr{background:var(--warning)}.empty-note{border:1px dashed var(--line);color:var(--text-soft);text-align:center;border-radius:1rem;padding:1rem}@media (width<=1200px){.filter-grid,.overview-grid,.insight-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.filter-grid,.overview-grid,.insight-grid{grid-template-columns:1fr}.page-header{flex-direction:column}}@media (width<=768px){.hero-card,.section-card,.modal-card,.drawer-card{padding:1rem}.pagination{flex-direction:column;align-items:flex-start}}