:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#eef3f8;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{border:0}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.admin-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid;overflow-x:hidden}.sidebar{background:#fff;border-right:1px solid #d9e1ea;flex-direction:column;gap:28px;padding:24px 18px;display:flex}.brand-row{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid}.brand-name{font-size:16px;font-weight:800}.brand-subtitle{color:#6a778a;margin-top:2px;font-size:12px}.nav-list{gap:6px;display:grid}.nav-item{color:#526074;text-align:left;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 12px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.nav-item.active,.nav-item:hover{color:#0f766e;background:#e7f5f3}.side-status{color:#0f766e;border:1px solid #d9e1ea;border-radius:8px;align-items:flex-start;gap:10px;margin-top:auto;padding:14px;display:flex}.side-status strong,.side-status span{display:block}.side-status strong{color:#1f2937;font-size:13px}.side-status span{color:#6a778a;margin-top:4px;font-size:12px}.content{align-content:start;gap:18px;padding:24px;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:clamp(26px,3vw,38px);line-height:1.08}.topbar p,.panel-heading p{color:#6a778a;margin:6px 0 0;font-size:13px}.filter-bar{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0;display:flex}.filter-bar label{gap:5px;min-width:132px;display:grid}.filter-bar label>span,.date-range-picker>span{color:#526074;font-size:12px;font-weight:700}.filter-bar input{color:#172033;background:#fff;border:1px solid #cfd8e3;border-radius:8px;width:100%;min-width:0;max-width:100%;height:38px;padding:0 11px;font-size:13px}.date-range-picker{gap:5px;min-width:min(312px,100%);display:grid}.date-range-control{position:relative}.date-range-trigger{color:#172033;cursor:pointer;background:#fff;border:1px solid #cfd8e3;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:38px;padding:0 11px;font-size:13px;font-weight:750;display:inline-flex}.date-range-trigger:hover,.date-range-trigger[aria-expanded=true]{color:#0f766e;border-color:#0f766e}.date-range-trigger span{color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.date-range-popover{z-index:10;background:#fff;border:1px solid #cfd8e3;border-radius:8px;width:min(320px,88vw);padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 42px #0f172a24}.date-range-calendar-header{grid-template-columns:32px 1fr 32px;align-items:center;margin-bottom:10px;display:grid}.date-range-calendar-header strong{color:#172033;text-align:center;font-size:14px}.date-range-nav-button{color:#0f766e;cursor:pointer;background:#edf3f8;border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid}.date-range-nav-button:hover{background:#d9ebe8}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendar-weekdays{margin-bottom:6px}.calendar-weekdays span{color:#7c8797;text-align:center;font-size:11px;font-weight:800}.calendar-day{color:#263245;cursor:pointer;background:0 0;border-radius:8px;place-items:center;width:100%;height:34px;font-size:13px;font-weight:750;display:grid}.calendar-day.muted{color:#a8b2c1}.calendar-day.in-range{background:#e7f5f3}.calendar-day.selected{color:#fff;background:#0f766e}.calendar-day:hover{color:#0f766e;background:#d9ebe8}.calendar-day.selected:hover{color:#fff;background:#0f766e}.date-range-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.date-range-actions span{color:#6a778a;font-size:12px;font-weight:750}.date-range-actions button{color:#fff;cursor:pointer;background:#172033;border-radius:8px;min-width:58px;height:30px;font-size:12px;font-weight:750}.filter-bar>button,.builder-controls button,.funnel-tabs button{color:#fff;cursor:pointer;background:#172033;border:1px solid #0000;border-radius:8px;justify-content:center;align-self:end;align-items:center;gap:7px;min-width:88px;height:38px;font-size:13px;font-weight:750;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.filter-bar>button span,.builder-controls button span,.funnel-tabs button span,.login-dialog button span{color:inherit;font-size:inherit;font-weight:inherit}.filter-bar>.refresh-action,.login-dialog .refresh-action{color:#fff;background:#2563eb;border-color:#1d4ed8}.filter-bar>.refresh-action:hover:not(:disabled),.login-dialog .refresh-action:hover:not(:disabled){background:#1d4ed8;border-color:#1e40af;transform:translateY(-1px)}.filter-bar>button:disabled,.builder-controls button:disabled{cursor:wait;opacity:.82}.status-line{color:#526074;background:#fff;border:1px solid #d9e1ea;border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;min-height:44px;padding:10px 14px;font-size:13px;display:flex}.status-line>div{align-items:center;gap:7px;display:inline-flex}.login-change-button{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:8px;min-height:28px;margin-left:auto;padding:0 12px;font-size:12px;font-weight:800;transition:background-color .16s,border-color .16s,color .16s}.login-change-button:hover{color:#1e40af;background:#eff6ff;border-color:#2563eb}.status-line.live{color:#0f766e;border-color:#9bd8ce}.status-line.error{color:#b45309;border-color:#fecaca}.error-text{color:#b45309;font-weight:650}.kpi-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;display:grid}.page-section{gap:12px;display:grid}.kpi-card,.panel{background:#fff;border:1px solid #d9e1ea;border-radius:8px}.kpi-card{align-content:space-between;min-height:148px;padding:16px;display:grid}.kpi-card span{color:#526074;font-size:13px;font-weight:750}.kpi-card strong{color:#172033;font-size:28px;line-height:1.05}.kpi-card small{color:#7c8797;font-size:12px}.kpi-card-title{align-items:center;gap:5px;width:fit-content;max-width:100%;display:inline-flex;position:relative}.event-help-button{color:#0f766e;cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:12px;font-weight:800;line-height:1;display:inline-grid}.kpi-help-button{background:#edf3f8}.event-help-button:hover,.event-help-button[aria-expanded=true]{color:#fff;background:#0f766e}.event-help-popover{z-index:4;color:#263245;white-space:normal;background:#fff;border:1px solid #cfd8e3;border-radius:8px;width:min(260px,72vw);padding:9px 10px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px #0f172a1f}.kpi-card .event-help-popover,.kpi-card .event-help-popover strong{font-size:12px;font-weight:600}.kpi-card .event-help-popover strong{color:#172033;margin-bottom:3px;display:block}.kpi-help-popover{width:min(320px,78vw)}.kpi-card .kpi-help-label{color:#6a778a;margin-bottom:6px;font-size:12px;font-weight:750;display:block}.kpi-help-popover ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.kpi-help-popover li{gap:2px;display:grid}.kpi-help-popover code{color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:800}.kpi-card .kpi-help-popover li span{color:#263245;font-size:12px;font-weight:600;line-height:1.45}.dashboard-grid,.bottom-grid,.dimensions-grid,.overview-stack{gap:12px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr)}.bottom-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.funnel-page-grid,.overview-grid,.dimensions-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)}.user-summary-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.panel{min-width:0;padding:16px}.panel-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.panel-heading h2{margin:0;font-size:16px;line-height:1.2}.panel-note{color:#6a778a;font-size:12px;font-weight:750}.funnel-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.funnel-tabs button{color:#526074;background:#edf3f8;min-width:0;height:34px;padding:0 11px}.funnel-tabs button.active{color:#fff;background:#0f766e}.chart{width:100%}.chart-large,.chart-funnel{height:322px}table{border-collapse:collapse;table-layout:fixed;width:100%}.funnel-table{margin-top:10px}th,td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #edf1f6;height:42px;padding:0 8px;font-size:13px;overflow:hidden}th{color:#6a778a;font-weight:750}.new-users-table th{overflow:visible}td{color:#263245}.builder-controls{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.builder-controls label{gap:5px;min-width:136px;display:grid}.builder-controls label>span{color:#526074;font-size:12px;font-weight:700}.builder-controls input,.builder-controls select,.step-row input,.step-row select,.event-search input{color:#172033;background:#fff;border:1px solid #cfd8e3;border-radius:8px;min-width:0;height:36px;padding:0 10px;font-size:13px}.step-row select:disabled{color:#8a97a8;cursor:not-allowed}.builder-controls button{color:#fff;background:#172033;border-color:#172033;align-self:end}.builder-controls .builder-name{min-width:min(220px,100%)}.builder-controls .secondary-action{color:#fff;background:#0f766e;border-color:#0d665e}.builder-controls .save-action{color:#fff;background:#2563eb;border-color:#1d4ed8}.builder-controls button:hover:not(:disabled){background:#0f172a;border-color:#0f172a;transform:translateY(-1px)}.builder-controls .secondary-action:hover:not(:disabled){background:#0d665e;border-color:#0a5b54}.builder-controls .save-action:hover:not(:disabled){background:#1d4ed8;border-color:#1e40af}.step-list{border-top:1px solid #edf1f6;gap:0;display:grid}.step-row{border-bottom:1px solid #edf1f6;grid-template-columns:32px minmax(112px,.75fr) minmax(180px,1.15fr) minmax(160px,.9fr) 34px;align-items:center;gap:8px;min-height:48px;display:grid}.step-index{color:#526074;background:#edf3f8;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.event-search{color:#6a778a;align-items:center;gap:7px;min-width:min(280px,100%);display:inline-flex}.event-search input{width:100%}.event-table th:nth-child(2),.event-table td:nth-child(2),.funnel-table th:nth-child(2),.funnel-table td:nth-child(2){width:28%}.new-users-table th:first-child,.new-users-table td:first-child,.new-users-table th:nth-child(7),.new-users-table td:nth-child(7){width:18%}.column-help{align-items:center;gap:4px;max-width:100%;display:inline-flex;position:relative}.table-help-button{background:#edf3f8;width:17px;height:17px;font-size:11px}.table-help-popover{text-align:left;width:min(280px,76vw);top:calc(100% + 7px);left:0}.table-help-popover strong{color:#172033;margin-bottom:3px;display:block}.user-id-button{color:#0f766e;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#edf3f8;border-radius:6px;max-width:100%;padding:4px 7px;font-size:12px;font-weight:750;overflow:hidden}.user-id-button:hover,.user-id-button[aria-expanded=true]{background:#d9ebe8}.event-count-button{color:#0f766e;cursor:pointer;background:#edf3f8;border-radius:6px;min-width:34px;padding:4px 8px;font-size:12px;font-weight:800}.event-count-button:hover{background:#d9ebe8}.modal-backdrop{z-index:20;background:#0f172a57;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.login-modal-backdrop{z-index:30}.login-dialog{background:#fff;border:1px solid #cfd8e3;border-radius:8px;gap:12px;width:min(420px,94vw);padding:18px;display:grid;box-shadow:0 24px 64px #0f172a3d}.login-dialog h2{color:#172033;margin:0;font-size:20px;line-height:1.2}.login-dialog p{color:#6a778a;margin:0;font-size:13px;line-height:1.5}.login-dialog label{gap:6px;display:grid}.login-dialog label span{color:#526074;font-size:12px;font-weight:800}.login-dialog input{color:#172033;background:#fff;border:1px solid #cfd8e3;border-radius:8px;width:100%;height:40px;padding:0 11px;font-size:13px}.login-dialog button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:38px;font-size:13px;font-weight:800;display:inline-flex}.event-detail-modal{background:#fff;border:1px solid #cfd8e3;border-radius:8px;width:min(1040px,96vw);max-height:min(720px,88vh);padding:16px;overflow:auto;box-shadow:0 24px 64px #0f172a3d}.event-detail-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.event-detail-header h2{color:#172033;margin:0;font-size:18px}.event-detail-header p{color:#6a778a;margin:5px 0 0;font-size:12px;font-weight:750}.event-detail-state{color:#6a778a;place-items:center;min-height:96px;font-size:13px;font-weight:750;display:grid}.user-events-table th:first-child,.user-events-table td:first-child{width:17%}.user-events-table th:nth-child(2),.user-events-table td:nth-child(2){width:22%}.user-events-table th:nth-child(3),.user-events-table td:nth-child(3){width:25%}.user-events-table td{vertical-align:top;white-space:normal;height:auto;padding:10px 8px;overflow:visible}.metadata-json{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:0;overflow:visible}.metadata-json code{color:#526074;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.icon-button{color:#0f766e;cursor:pointer;background:#edf3f8;border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid}.icon-button:hover{background:#d9ebe8}.up{color:#0f766e;font-weight:700}.down{color:#c2410c;font-weight:700}@media (width<=1120px){.admin-shell{grid-template-columns:1fr}.sidebar{z-index:2;flex-direction:row;align-items:center;gap:18px;min-width:0;padding:14px 18px;position:sticky;top:0;overflow-x:auto}.nav-list{min-width:max-content;display:flex}.side-status{min-width:164px;margin-top:0;margin-left:auto}.kpi-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.dashboard-grid,.bottom-grid,.dimensions-grid,.funnel-page-grid,.overview-grid{grid-template-columns:1fr}.step-row{grid-template-columns:30px minmax(110px,.85fr) minmax(160px,1.15fr) minmax(150px,.9fr) 34px}}@media (width<=760px){.content{padding:16px}.topbar{display:grid}.filter-bar{justify-content:stretch}.filter-bar label,.date-range-picker,.filter-bar>button{width:100%;min-width:0}.date-range-popover{width:min(100%,320px);left:0;right:auto}.builder-controls label,.builder-controls button{width:100%}.step-row{grid-template-columns:28px minmax(0,1fr) 34px;row-gap:8px;padding:8px 0}.step-row input[aria-label=步骤名称]{grid-column:2/3}.step-row input[aria-label=事件名],.step-row select[aria-label=筛选]{grid-column:2/4}.step-row .icon-button{grid-area:1/3}.kpi-grid{grid-template-columns:1fr}.kpi-card{min-height:104px}.chart-large,.chart-funnel{height:280px}.modal-backdrop{padding:12px}.event-detail-modal{width:100%;max-height:90vh}.side-status{display:none}}