:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#171717;background:#fafafa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}body{background:#fafafa;min-width:320px;min-height:100vh;margin:0}h1,h2,p{margin:0}h1{color:#171717;letter-spacing:-.02em;font-size:28px;line-height:1.15}h2{color:#171717;letter-spacing:-.01em;font-size:18px;line-height:1.25}input,select,textarea{color:#171717;background:#fff;border:1px solid #d8d8d8;border-radius:6px;outline:none}input:focus,select:focus,textarea:focus{border-color:#171717;box-shadow:0 0 0 3px #0000000f}select{min-width:130px;max-width:min(360px,100%);height:38px;padding:0 10px}input{width:100%;height:44px;padding:0 12px}.app-shell{background:#fafafa;min-height:100vh;display:flex}.app-main{flex:auto;min-width:0}.workspacebar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border-bottom:1px solid #e5e5e5;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:64px;padding:0 28px;display:grid;position:sticky;top:0}.project-identity,.workspace-actions,.topbar,.panel-head,.legend,.rank-meta,.stats,.filters,.filter-title,.mini-grid,.retention-row,.agent-head,.agent-composer,.suggestions{display:flex}.project-identity{align-items:center;gap:9px;min-width:0}.project-identity strong{color:#171717;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.project-mark{color:#fff;background:#000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.workspacebar>strong{font-size:15px}.workspace-actions{justify-content:flex-end;gap:8px}.workspace-chip,.login-form button{color:#171717;background:#fff;border:1px solid #dedede;border-radius:6px;justify-content:center;align-items:center;height:40px;padding:0 14px;font-weight:600;display:inline-flex}.workspace-chip.primary{color:#fff;background:#171717;border-color:#171717}.dashboard{width:min(1680px,100% - 48px);margin:0 auto;padding:22px 0 42px}.analytics-title{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.analytics-title h1{letter-spacing:0;font-size:24px}.analytics-title p{color:#333;margin-top:12px;font-size:15px}.filters,.stat-card,.panel,.agent-panel,.login-panel{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 1px 2px #0000000a}.workspace-chip[data-tone=ready]:before{content:"";background:#50e3c2;border-radius:50%;width:9px;height:9px}.workspace-chip[data-tone=loading]{color:#666}.workspace-chip[data-tone=error]{color:#e5484d;background:#fff5f5;border-color:#ffd6d6}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px}.filter-title{color:#444;align-items:center;gap:7px;font-size:14px;font-weight:700}.icon-button,.send-button,.agent-fab,.suggestions button{color:#171717;background:#fff;border:1px solid #dedede;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-button,.send-button{width:38px;height:38px}.icon-button:disabled{cursor:not-allowed;opacity:.55}.stats{flex-wrap:wrap;gap:8px;margin-bottom:16px}.stat-card{flex:190px;min-width:0;padding:14px}.stat-card[data-tone=good]{border-color:#b7ebd8}.stat-card[data-tone=warn]{border-color:#ffd6d6}.stat-card-head,.stat-card p,.stat-card span{color:#666;font-size:14px}.stat-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.stat-card-head em{color:#2f7d20;background:#eef8e9;border-radius:999px;flex:none;padding:4px 8px;font-style:normal;font-weight:700}.stat-card-head em[data-tone=warn]{color:#e5482f;background:#fff0ec}.stat-card strong{color:#171717;letter-spacing:0;margin:10px 0 8px;font-size:clamp(30px,3vw,42px);line-height:1;display:block}.analytics-board{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.main-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.85fr);gap:16px;display:grid}.panel{min-width:0;padding:18px}.trend-panel{min-height:390px}.paths-panel{padding-bottom:0}.insights-panel{min-height:220px}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.eyebrow,.panel-kicker{color:#666;letter-spacing:.08em;margin:0 0 8px;font-size:11px;font-weight:700}.legend{color:#555;flex-wrap:wrap;justify-content:flex-end;gap:10px 16px;font-size:13px}.legend span{align-items:center;gap:7px;display:flex}.dot{border-radius:50%;width:9px;height:9px}.dot.visitors{background:#2f5bff}.dot.previous{background:#9bb5ff}.dot.new-users{background:#f97316}.dot.pageviews{background:#10b981}.dot.events{background:#f5a623}.chart-wrap{width:100%;position:relative;overflow:hidden}canvas{width:100%;height:auto;display:block}.chart-tooltip{z-index:2;color:#444;pointer-events:none;background:#fff;border:1px solid #dedede;border-radius:8px;flex-direction:column;gap:5px;min-width:150px;padding:10px 12px;font-size:12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 14px 32px #00000029}.chart-tooltip strong{color:#171717;font-size:13px}.rank-list,.insight-list,.retention-list,.path-flow-list,.agent-messages{flex-direction:column;display:flex}.paths-table-wrap{width:calc(100% + 36px);margin:0 -18px;overflow-x:auto}.paths-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}.paths-table th,.paths-table td{text-align:left;border-top:1px solid #eee;padding:12px 18px}.paths-table th{color:#666;text-transform:uppercase;font-size:12px}.paths-table td{color:#333}.paths-table td:first-child{color:#171717;text-overflow:ellipsis;white-space:nowrap;max-width:680px;font-weight:600;overflow:hidden}.rank-list{gap:14px}.rank-row{flex-direction:column;gap:8px;display:flex}.rank-meta{color:#333;align-items:center;gap:10px;min-width:0;font-size:14px}.rank-index{color:#888;font-weight:700}.rank-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.rank-meta strong{color:#171717;flex:none}.rank-helper{color:#777;padding-left:32px;font-size:12px}.bar{background:#eee;border-radius:999px;height:7px;overflow:hidden}.bar i{border-radius:inherit;background:#171717;height:100%;display:block}.insight-list{gap:12px}.insight-list p{color:#444;font-size:14px;line-height:1.65}.mini-grid{flex-wrap:wrap;gap:10px}.mini-stat{background:#fafafa;border:1px solid #eee;border-radius:8px;flex:130px;min-width:0;padding:14px}.mini-stat span{color:#666;font-size:13px;display:block}.mini-stat strong{color:#171717;letter-spacing:-.03em;margin-top:8px;font-size:26px;display:block}.retention-list{gap:10px}.retention-row{color:#444;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:13px}.retention-row strong,.retention-row em{color:#171717;font-style:normal}.path-flow-list{gap:10px}.path-flow-row{color:#444;border-bottom:1px solid #eee;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:grid}.path-flow-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.path-flow-row em{color:#666;font-style:normal}.path-flow-row strong{color:#171717}.empty{color:#777;font-size:14px}.login-screen{background:#fafafa;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-panel{flex-direction:column;gap:18px;width:min(100%,420px);padding:26px;display:flex}.login-icon{color:#171717;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.login-form{flex-direction:column;gap:10px;display:flex}.login-form button{color:#fff;background:#171717;border-color:#171717}.login-form button:disabled{cursor:not-allowed;opacity:.58}.login-error{color:#e5484d;font-size:14px}.login-note{color:#666;font-size:13px;line-height:1.6}.agent-fab{z-index:30;color:#fff;background:#171717;border-color:#171717;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:fixed;bottom:28px;right:28px}.agent-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000002e}.agent-panel{z-index:40;width:min(100vw, var(--agent-panel-width,620px));opacity:0;will-change:transform, opacity;border-radius:0;flex-direction:column;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.agent-panel[data-open=true]{opacity:1;transform:translate(0)}.agent-resizer{cursor:col-resize;touch-action:none;width:8px;position:absolute;top:0;bottom:0;left:-4px}.agent-resizer:before{content:"";opacity:0;background:#171717;width:1px;transition:opacity .16s;position:absolute;top:0;bottom:0;left:3px}.agent-resizer:hover:before{opacity:1}.agent-head{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:14px;padding:18px}.agent-head strong,.agent-head span{display:block}.agent-head span{color:#666;margin-top:4px;font-size:13px}.suggestions{border-bottom:1px solid #eee;flex-wrap:wrap;gap:8px;padding:14px 18px}.suggestions button{color:#444;padding:8px 10px;font-size:13px}.agent-messages{background:#fafafa;flex:auto;gap:12px;min-height:0;padding:18px;overflow:auto}.agent-jump-latest{z-index:3;color:#171717;background:#fffffff5;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:absolute;bottom:104px;right:22px;box-shadow:0 10px 24px #0000001f}.agent-jump-latest:hover{background:#fff;border-color:#bdbdbd}.agent-message{background:#fff;border:1px solid #eee;border-radius:8px;max-width:min(100%,720px);padding:12px}.agent-message.user{background:#f3f3f3;border-color:#d8d8d8;align-self:flex-end}.agent-message.toolStatus{background:#fff8e1;max-width:100%;padding:8px 10px}.agent-message.toolStatus.thinking{color:#555;animation:1.2s ease-in-out infinite thinking-pulse}.agent-message.toolStatus.done{opacity:.72}@keyframes thinking-pulse{0%,to{opacity:.62}50%{opacity:1}}.agent-message-label{color:#666;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.agent-text{flex-direction:column;gap:6px;display:flex}.agent-text h4{color:#171717;margin:6px 0 2px;font-size:15px;line-height:1.45}.agent-text p{color:#333;font-size:14px;line-height:1.65}.agent-text strong{color:#171717}.agent-table-wrap{max-width:100%;padding-bottom:2px;overflow-x:auto}.agent-table{border-collapse:collapse;color:#333;width:100%;min-width:420px;font-size:13px;line-height:1.45}.agent-table th,.agent-table td{text-align:left;vertical-align:top;border:1px solid #eee;padding:8px 10px}.agent-table th{color:#171717;background:#fafafa;font-weight:800}.agent-table td{background:#fff}.agent-list-line{gap:8px;display:flex}.agent-list-line span:first-child{color:#666;flex:none}.analysis-card{background:#fff;border:1px solid #e6e6e6;border-radius:8px;flex-direction:column;gap:12px;width:100%;padding:12px;display:flex}.analysis-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.analysis-card strong{font-size:14px}.analysis-legend{color:#555;flex-wrap:wrap;justify-content:flex-end;gap:8px 12px;font-size:12px;display:flex}.analysis-legend span{align-items:center;gap:6px;display:inline-flex}.analysis-legend i{border-radius:50%;width:8px;height:8px}.analysis-line-chart{width:100%;height:auto;display:block}.analysis-line-chart rect{cursor:crosshair}.analysis-line-chart line{stroke:#eee}.analysis-line-chart path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.analysis-line-chart text{fill:#777;text-anchor:middle;font-size:12px}.analysis-bars{flex-direction:column;gap:9px;display:flex}.analysis-bar-row{color:#444;grid-template-columns:minmax(80px,.7fr) minmax(120px,1fr) auto;align-items:center;gap:10px;font-size:12px;display:grid}.analysis-bar-row:hover span,.analysis-bar-row:hover strong{color:#171717}.analysis-bar-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.analysis-bar-row div{background:#eee;border-radius:999px;height:8px;overflow:hidden}.analysis-bar-row i{border-radius:inherit;background:#2563eb;height:100%;display:block}.analysis-bar-row strong{text-align:right;font-size:12px}.analysis-table-wrap{overflow-x:auto}.analysis-table{border-collapse:collapse;width:100%;min-width:360px;font-size:12px}.analysis-table th,.analysis-table td{text-align:left;border:1px solid #eee;padding:8px}.analysis-table th{color:#171717;background:#fafafa}.analysis-tooltip{z-index:60;color:#333;pointer-events:none;background:#fffffff5;border:1px solid #ddd;border-radius:8px;flex-direction:column;gap:4px;min-width:150px;max-width:260px;padding:9px 10px;font-size:12px;line-height:1.4;display:flex;position:fixed;box-shadow:0 12px 28px #0000001f}.analysis-tooltip strong{color:#171717;font-size:12px}.agent-composer{border-top:1px solid #eee;align-items:flex-end;gap:10px;padding:14px 18px 18px}.agent-composer textarea{resize:vertical;flex:auto;min-width:0;min-height:68px;max-height:160px;padding:10px 12px}@media (max-width:1180px){.main-grid{grid-template-columns:1fr}.trend-panel{grid-row:auto}}@media (max-width:760px){.workspacebar{grid-template-columns:1fr;gap:10px;padding:14px}.workspacebar>strong,.workspace-actions{display:none}.dashboard{width:min(100% - 24px,1680px);padding-top:16px}.topbar,.panel-head{flex-direction:column;align-items:stretch}.legend{justify-content:flex-start}select{flex:160px}.agent-panel{width:100vw}.agent-resizer{display:none}}@media (prefers-reduced-motion:reduce){.agent-fab,.agent-panel{transition:none}}
