:root{color:#242424;font-synthesis:none;text-rendering:optimizelegibility;--blue:#0f6cbd;--blue-dark:#115ea3;--blue-light:#eff6fc;--teal:#0e7c78;--teal-light:#e7f7f5;--ink:#242424;--muted:#616161;--subtle:#8a8886;--line:#e1e4e8;--surface:#fff;--surface-alt:#fafafa;--danger:#c42b1c;--shadow-2:0 2px 5px #00000012;--shadow-8:0 8px 28px #19202e1a;--radius:14px;background:#f5f7fa;font-family:Segoe UI,Segoe UI Variable,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:radial-gradient(circle at 10% 0,#0f6cbd0f,#0000 30rem),#f5f7fa;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app-shell{min-height:100vh}.app-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e1e4e8e6;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;padding:0;font-size:19px;display:inline-flex}.brand strong{color:var(--blue)}.brand__mark{color:#fff;background:linear-gradient(140deg,#0f6cbd,#44a9df);border-radius:9px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 4px 12px #0f6cbd40}.main-tabs{gap:4px;height:100%;display:flex}.main-tabs button{height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 17px;display:inline-flex;position:relative}.main-tabs button:hover{color:var(--ink);background:#00000006}.main-tabs button.is-active{color:var(--blue);font-weight:600}.main-tabs button.is-active:after{background:var(--blue);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:14px;right:14px}.nav-count{background:var(--blue-light);border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;display:inline-grid}.privacy-status{color:#107c10;background:#f1faf1;border:1px solid #badbad;border-radius:999px;justify-self:end;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:600;display:inline-flex}main{width:min(1480px,100%);min-height:calc(100vh - 64px);margin:0 auto;padding:clamp(24px,4vw,52px)}.home-page{gap:30px;display:grid}.hero{color:#fff;min-height:250px;box-shadow:var(--shadow-8);background:radial-gradient(circle at 90% 20%,#40b0e673,#0000 22rem),linear-gradient(125deg,#0b3153 0%,#0f6cbd 64%,#1687bf 100%);border-radius:22px;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:40px;padding:clamp(32px,6vw,72px);display:grid;overflow:hidden}.hero__pill{background:#ffffff1c;border:1px solid #ffffff42;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.04em;max-width:770px;margin:18px 0 14px;font-size:clamp(34px,4.5vw,58px);line-height:1.05}.hero p{color:#fffc;max-width:720px;margin:0;font-size:16px;line-height:1.6}.hero__signal{justify-content:center;align-items:center;gap:9px;height:145px;display:flex;transform:skew(-7deg)}.hero__signal span{background:linear-gradient(#fff,#ffffff4d);border-radius:8px;width:clamp(12px,2vw,24px);box-shadow:0 0 24px #ffffff2e}.hero__signal span:first-child,.hero__signal span:nth-child(7){height:34px}.hero__signal span:nth-child(2),.hero__signal span:nth-child(6){height:70px}.hero__signal span:nth-child(3),.hero__signal span:nth-child(5){height:112px}.hero__signal span:nth-child(4){height:150px}.drop-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.drop-zone{border-radius:var(--radius);background:var(--surface);min-height:245px;box-shadow:var(--shadow-2);border:1px dashed #b5b9bd;grid-template-columns:auto 1fr;align-content:center;gap:18px 20px;padding:clamp(26px,4vw,46px);transition:all .15s;display:grid;position:relative}.drop-zone:after{pointer-events:none;content:"";border:1px solid #0000;border-radius:9px;position:absolute;inset:8px}.drop-zone:hover,.drop-zone.is-over{box-shadow:var(--shadow-8);border-style:solid;transform:translateY(-2px)}.drop-zone--blue:hover,.drop-zone--blue.is-over{border-color:var(--blue);background:var(--blue-light)}.drop-zone--teal:hover,.drop-zone--teal.is-over{border-color:var(--teal);background:var(--teal-light)}.drop-zone.is-over:after{border-color:currentColor}.drop-zone__icon{width:52px;height:52px;color:var(--blue);background:var(--blue-light);border-radius:13px;place-items:center;display:grid}.drop-zone--teal .drop-zone__icon{color:var(--teal);background:var(--teal-light)}.drop-zone h2{margin:4px 0 8px;font-size:24px}.drop-zone p{max-width:500px;color:var(--muted);margin:0;line-height:1.5}.drop-zone .button{grid-column:2;justify-self:start}.eyebrow{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.drop-zone--teal .eyebrow{color:var(--teal)}.button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:6px 14px;font-weight:600;display:inline-flex}.button:disabled{cursor:wait;opacity:.65}.button--secondary{background:#fff;border-color:#c7c7c7}.button--secondary:hover:not(:disabled){background:#f5f5f5}.workspace-files,.filter-panel,.chart-card,.table-card,.scope-bar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-2)}.workspace-files{padding:24px}.persistence-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-2);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:18px 20px;display:grid}.persistence-card__icon{width:40px;height:40px;color:var(--blue);background:var(--blue-light);border-radius:9px;place-items:center;display:grid}.persistence-card strong,.persistence-card span,.persistence-card small{display:block}.persistence-card span{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.45}.persistence-card__message{color:#835b00;margin-top:6px}.toggle-control{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle-control input{opacity:0;width:1px;height:1px;position:absolute}.toggle-control>span{background:#b3b3b3;border-radius:999px;width:38px;height:20px;margin:0;transition:all .15s;position:relative}.toggle-control>span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle-control input:checked+span{background:var(--blue)}.toggle-control input:checked+span:after{transform:translate(18px)}.toggle-control input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}.toggle-control input:disabled+span{opacity:.45}.toggle-control b{min-width:22px;font-size:12px}.section-heading,.panel-title,.chart-card__header,.table-card__header{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading h2,.panel-title h3,.chart-card__header h3,.table-card__header h3{margin:4px 0 0}.section-heading__actions{align-items:center;gap:12px;display:flex}.section-heading__actions>span{color:var(--muted);font-size:13px}.button--danger-subtle{color:var(--danger);background:#fff;border-color:#e8a39a}.button--danger-subtle:hover:not(:disabled){background:#fdf3f2}.file-list{gap:8px;margin-top:18px;display:grid}.file-row{background:var(--surface-alt);border:1px solid #0000;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:62px;padding:10px 12px;display:grid}.file-row:hover{border-color:var(--line)}.file-row>div:nth-child(2){min-width:0}.file-row strong,.file-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-row span{color:var(--muted);margin-top:3px;font-size:12px}.file-icon{width:38px;height:38px;color:var(--blue);background:var(--blue-light);border-radius:8px;place-items:center;display:grid}.file-icon--httperr{color:var(--teal);background:var(--teal-light)}.warning-badge{background:#fff4ce;border-radius:999px;padding:4px 8px;color:#835b00!important;font-size:11px!important}.empty-files{color:var(--muted);border:1px dashed var(--line);text-align:center;border-radius:9px;margin-top:18px;padding:28px}.dashboard{gap:18px;display:grid}.scope-bar{grid-template-columns:minmax(230px,1fr) minmax(260px,.7fr) minmax(280px,auto);align-items:end;gap:24px;padding:22px 24px;display:grid}.scope-bar h2{margin:4px 0 0;font-size:25px}.scope-select,.field,.field-group{gap:6px;display:grid}.scope-select span,.field>span,.field-group>span{color:var(--muted);font-size:12px;font-weight:600}input,select{width:100%;height:36px;color:var(--ink);background:#fff;border:1px solid #c7c7c7;border-radius:5px;padding:6px 10px}input:hover,select:hover{border-color:#8a8886}.day-picker{gap:6px;display:flex;overflow-x:auto}.day-picker button{height:36px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #d6d6d6;border-radius:5px;flex:none;padding:0 12px}.day-picker button.is-active{color:#fff;border-color:var(--blue);background:var(--blue)}.day-picker--wide{grid-column:2/-1;justify-content:flex-end}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{border:1px solid var(--line);background:var(--surface);min-height:112px;box-shadow:var(--shadow-2);border-radius:12px;align-items:flex-start;gap:13px;padding:18px;display:flex}.stat-card__icon{width:34px;height:34px;color:var(--blue);background:var(--blue-light);border-radius:8px;flex:none;place-items:center;display:grid}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 3px;font-size:22px;overflow:hidden}.stat-card small{color:var(--subtle);font-size:11px}.filter-panel{padding:20px 22px}.panel-title h3,.chart-card__header h3,.table-card__header h3{align-items:center;gap:8px;font-size:18px;display:flex}.filter-grid{grid-template-columns:repeat(5,minmax(150px,1fr));align-items:end;gap:12px;margin-top:18px;display:grid}.filter-grid--http{grid-template-columns:repeat(4,minmax(160px,1fr))}.field-group--wide{grid-column:span 2}.input-pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.advanced-filter{grid-column:span 2;grid-template-columns:1fr 1fr;align-items:end;gap:8px;display:grid}.multi-select{position:relative}.multi-select summary{cursor:pointer;background:#fff;border:1px solid #c7c7c7;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;height:36px;padding:0 10px;list-style:none;display:flex}.multi-select summary::-webkit-details-marker{display:none}.multi-select summary>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;display:flex;overflow:hidden}.multi-select summary b{color:#fff;background:var(--blue);border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;display:inline-grid}.multi-select[open] summary svg{transform:rotate(180deg)}.multi-select__menu{z-index:12;border:1px solid var(--line);width:max(100%,240px);max-height:280px;box-shadow:var(--shadow-8);background:#fff;border-radius:8px;padding:7px;position:absolute;top:calc(100% + 5px);left:0;overflow:auto}.check-option{cursor:pointer;border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;padding:5px 7px;display:grid}.check-option:hover{background:#f5f5f5}.check-option input{opacity:0;width:1px;height:1px;position:absolute}.check-box{color:#fff;border:1px solid #8a8886;border-radius:3px;place-items:center;width:17px;height:17px;display:grid}.check-option input:checked+.check-box{border-color:var(--blue);background:var(--blue)}.check-option__value{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.count-badge{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.text-button{width:100%;color:var(--blue);cursor:pointer;background:0 0;border:0;padding:7px;font-size:12px}.empty-option{color:var(--muted);margin:5px;font-size:12px}.icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;place-items:center;width:32px;height:32px;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--line);background:#f5f5f5}.icon-button:disabled{color:#c7c7c7;cursor:default}.chart-card{padding:20px 22px 10px}.chart-hint{color:var(--muted);font-size:11px}.chart-container{height:330px;margin-top:12px}.chart-empty{height:240px;color:var(--muted);place-items:center;display:grid}.table-card{overflow:hidden}.table-card__header{padding:20px 22px 16px}.pagination{align-items:center;gap:4px;display:flex}.pagination>span{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:8px;font-size:12px}.table-scroll{border-top:1px solid var(--line);max-height:560px;position:relative;overflow:auto}table{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%;font-family:Consolas,Cascadia Mono,monospace;font-size:11px}th,td{text-align:left;text-overflow:ellipsis;border-bottom:1px solid #eee;border-right:1px solid #f0f0f0;max-width:360px;padding:9px 11px;overflow:hidden}th{z-index:2;color:#424242;background:#f7f7f7;font-family:Segoe UI,sans-serif;font-weight:600;position:sticky;top:0}tbody tr{cursor:pointer}tbody tr:hover td{background:var(--blue-light)}tbody tr.is-selected td{color:#0b3153;background:#dceffc}.table-empty{color:var(--muted);text-align:center;padding:50px}.empty-dashboard{min-height:420px;color:var(--muted);text-align:center;place-content:center;justify-items:center;display:grid}.empty-dashboard svg{color:var(--blue)}.empty-dashboard h2{color:var(--ink);margin:16px 0 5px}.empty-dashboard p{margin:0}.dashboard-loading{min-height:420px;color:var(--muted);place-items:center;display:grid}.workspace-overlay{z-index:100;pointer-events:none;border:2px dashed var(--blue);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#eff6fced;border-radius:18px;place-items:center;display:grid;position:fixed;inset:12px}.workspace-overlay>div{color:var(--blue);justify-items:center;gap:10px;display:grid}.workspace-overlay strong{font-size:24px}.workspace-overlay span{color:var(--muted)}.error-toast{z-index:110;color:#5d130c;width:min(520px,100vw - 48px);box-shadow:var(--shadow-8);background:#fdf3f2;border:1px solid #e8a39a;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:16px;display:grid;position:fixed;bottom:24px;right:24px}.error-toast>svg{color:var(--danger)}.error-toast p{margin:5px 0 0;font-size:12px;line-height:1.4}.spin{animation:1s linear infinite spin}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.hero{grid-template-columns:1fr}.hero__signal{display:none}.scope-bar{grid-template-columns:1fr 1fr}.scope-bar>div:first-child{grid-column:1/-1}.day-picker--wide{grid-column:1/-1;justify-content:flex-start}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid,.filter-grid--http{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=760px){.app-header{grid-template-columns:1fr auto;gap:8px;height:auto;padding:10px 16px 0}.main-tabs{grid-area:2/1/auto/-1;justify-content:center;width:100%;height:46px}.main-tabs button{height:46px;padding:0 12px}.privacy-status{font-size:0}main{padding:18px 14px 30px}.hero{min-height:0;padding:32px 24px}.hero h1{font-size:34px}.drop-grid{grid-template-columns:1fr}.drop-zone{grid-template-columns:1fr;min-height:0}.drop-zone .button{grid-column:1}.file-row,.persistence-card{grid-template-columns:auto minmax(0,1fr) auto}.persistence-card>.button{grid-column:2/-1;justify-self:start}.warning-badge{display:none!important}.scope-bar{grid-template-columns:1fr}.scope-bar>*,.day-picker--wide{grid-column:1}.stat-grid,.filter-grid,.filter-grid--http{grid-template-columns:1fr}.field-group--wide,.advanced-filter{grid-column:1}.advanced-filter{grid-template-columns:1fr}.section-heading,.panel-title,.chart-card__header,.table-card__header{align-items:flex-start}.chart-hint{display:none}.table-card__header{flex-direction:column}.chart-container{height:280px}}