:root{--c-bg:#f6f8fc;--c-surface:#ffffff;--c-surface-2:#f1f4f9;--c-surface-3:#e9eef6;--c-border:#e2e8f0;--c-border-strong:#cbd5e1;--c-text:#1f2733;--c-text-dim:#5f6b7a;--c-text-faint:#8a94a3;--c-accent:#1a73e8;--c-accent-weak:#e8f0fe;--c-good:#1e8e3e;--c-warn:#f29900;--c-bad:#d93025;--c-on-accent:#ffffff;--c-tip-bg:var(--c-text);--c-tip-fg:#ffffff;--m-pageviews:#1a73e8;--m-sessions:#1e8e3e;--m-clicks:#9334e6;--m-conversions:#e8710a;--m-persession:#12b5cb;--m-ctr:#d01884;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:40px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px rgba(60,64,67,0.08),0 1px 3px rgba(60,64,67,0.06);--shadow-md:0 1px 3px rgba(60,64,67,0.12),0 6px 16px rgba(60,64,67,0.1);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;color-scheme:light}[data-theme=dark]{--c-bg:#1b1d21;--c-surface:#26282c;--c-surface-2:#2f3237;--c-surface-3:#3a3d43;--c-border:#34373d;--c-border-strong:#4a4e55;--c-text:#e3e6ea;--c-text-dim:#a6adb8;--c-text-faint:#8b93a0;--c-accent:#8ab4f8;--c-accent-weak:rgba(138,180,248,0.16);--c-good:#81c995;--c-warn:#fdd663;--c-bad:#f28b82;--c-on-accent:#10233f;--c-tip-bg:#0f1115;--c-tip-fg:#e8ebef;--m-pageviews:#8ab4f8;--m-sessions:#81c995;--m-clicks:#d7aefb;--m-conversions:#fcad70;--m-persession:#78d9ec;--m-ctr:#ff8bcb;--shadow-sm:0 1px 2px rgba(0,0,0,0.45),0 1px 3px rgba(0,0,0,0.35);--shadow-md:0 1px 3px rgba(0,0,0,0.5),0 8px 20px rgba(0,0,0,0.45);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}html{height:100%}body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}a{color:var(--c-accent);text-decoration:none}a:focus-visible,a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.app-header{flex:none;position:-webkit-sticky;position:sticky;top:0;z-index:30;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--c-border);background:var(--c-surface);box-shadow:var(--shadow-sm)}.app-header,.app-header .brand{display:flex;align-items:center}.app-header .brand{gap:var(--space-3)}.app-header .brand-logo{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--c-accent),#4c8dff);color:var(--c-on-accent);font-weight:700;font-size:1rem}.app-header h1{font-size:1.05rem;margin:0;line-height:1.1}.app-header .brand-sub{color:var(--c-text-dim);font-size:.78rem}.app-header nav{display:flex;align-items:center;gap:var(--space-4);font-size:.88rem}.app-header nav a{color:var(--c-text-dim)}.app-header nav a:hover{color:var(--c-text)}.nav-button{border:1px solid var(--c-border);background:var(--c-surface-2);color:var(--c-text-dim);border-radius:8px;padding:6px 10px;font-size:.85rem}.nav-button:hover{color:var(--c-text);background:var(--c-surface-3)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px}.page-wrap{flex:1 1 auto;min-height:0;overflow:hidden;width:100%;max-width:1920px;margin:0 auto;padding:var(--space-5) var(--space-6)}.console-grid{display:grid;grid-template-columns:248px minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5);align-items:stretch;height:100%;min-height:0}.sidebar{position:-webkit-sticky;position:sticky;top:80px;display:flex;flex-direction:column;gap:2px}.sidebar .nav-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-faint);font-weight:600;padding:var(--space-2) var(--space-3) var(--space-1)}.nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 14px;border:none;border-radius:9px;background:transparent;color:var(--c-text-dim);font:inherit;font-size:.92rem;cursor:pointer;transition:background .12s,color .12s}.nav-item:hover{background:var(--c-surface-2);color:var(--c-text)}.nav-item.active{background:var(--c-accent-weak);color:var(--c-accent);font-weight:600}.nav-item .nav-icon{width:18px;height:18px;flex:none}.nav-item .nav-badge{margin-left:auto;font-size:.72rem;font-weight:600;background:var(--c-surface-3);color:var(--c-text-dim);border-radius:999px;padding:1px 7px}.nav-item.active .nav-badge{background:var(--c-surface);color:var(--c-accent)}.nav-group+.nav-group{margin-top:var(--space-4)}.content{min-width:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.content,.overview-main{min-height:0;gap:var(--space-5)}.overview-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:var(--space-5);align-items:start;flex:1 1 auto}.overview-main .overview-mixes{grid-template-columns:minmax(0,1fr);align-content:start}.overview-main .panel,.split-2{min-height:0}.split-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5);align-items:stretch;flex:1 1 auto}.split-2>.panel{align-self:start}.split-2 .table-wrap{max-height:100%;height:100%}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.section-title{font-size:1.3rem;font-weight:600;margin:0}.section-sub{color:var(--c-text-dim);font-size:.85rem;margin-top:2px}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:.74rem;color:var(--c-text-dim);font-weight:500}button,input,select,textarea{font:inherit;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}select{cursor:pointer}textarea{resize:vertical;min-height:96px}button{cursor:pointer}.login-shell{min-height:100%;display:grid;place-items:center}.login-form{width:min(100%,420px);display:flex;flex-direction:column;gap:var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.login-form h2{margin:0;font-size:1.35rem}.eyebrow{margin:0 0 var(--space-1);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.eyebrow,.login-field{color:var(--c-text-dim)}.login-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:.82rem;font-weight:600}.login-field input{width:100%;color:var(--c-text);font-weight:400}.primary-button{width:100%;border-color:var(--c-accent);background:var(--c-accent);color:var(--c-on-accent);font-weight:700}.primary-button:disabled{opacity:.7;cursor:wait}.form-error{margin:0;color:var(--c-bad);font-size:.86rem}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.panel-title{font-size:.98rem;font-weight:600;margin:0}.panel-sub{color:var(--c-text-dim);font-size:.8rem}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.admin-content{max-width:1320px;width:100%;margin:0 auto}.legal-owner-form{gap:var(--space-5)}.form-section,.legal-owner-form{display:flex;flex-direction:column}.form-section{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--c-border)}.form-section:first-child{padding-top:0;border-top:none}.form-section-title{font-size:.82rem;font-weight:700;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.04em}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.admin-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:.78rem;color:var(--c-text-dim);font-weight:600}.admin-field input,.admin-field textarea{width:100%;color:var(--c-text);font-weight:400}.admin-field input:disabled{opacity:.65;cursor:not-allowed}.check-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.check-row{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--c-text-dim);font-size:.86rem;font-weight:600}.check-row input{width:16px;height:16px;min-height:0;padding:0;flex:none;accent-color:var(--c-accent)}.missing-fields{display:flex;flex-wrap:wrap;gap:var(--space-2)}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.form-ok{color:var(--c-good);font-size:.86rem;font-weight:700}.data-truth{padding-bottom:var(--space-4)}.data-truth .panel-head{margin-bottom:var(--space-3)}.data-truth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.data-truth-item{border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface-2);padding:var(--space-3);min-width:0}.data-truth-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.data-truth-name{font-weight:700;font-size:.86rem}.data-truth-meta{display:flex;flex-wrap:wrap;gap:6px var(--space-2);margin-top:6px;color:var(--c-text-dim);font-size:.76rem}.data-truth-meta span:not(:last-child):after{content:"·";margin-left:var(--space-2);color:var(--c-text-faint)}.data-truth-item p{margin:7px 0 0;color:var(--c-text-dim);font-size:.8rem;line-height:1.35}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.kpi-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s,border-color .15s,transform .15s}button.kpi-card{text-align:left;cursor:pointer}.kpi-card:hover{box-shadow:var(--shadow-md)}button.kpi-card.selected{border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent) inset,var(--shadow-sm)}.kpi-label{display:flex;align-items:center;gap:7px;color:var(--c-text-dim);font-size:.8rem;font-weight:500}.kpi-value{font-size:1.75rem;font-weight:600;line-height:1.05;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-foot{display:flex;align-items:center;gap:var(--space-2);min-height:22px}.kpi-foot .muted{font-size:.76rem}.kpi-spark{margin-top:2px}.dot{width:10px;height:10px;border-radius:3px;flex:none;display:inline-block}.dot.s-pageviews{background:var(--m-pageviews)}.dot.s-sessions{background:var(--m-sessions)}.dot.s-clicks{background:var(--m-clicks)}.dot.s-conversions{background:var(--m-conversions)}.dot.s-persession{background:var(--m-persession)}.dot.s-ctr{background:var(--m-ctr)}.dot.seg-dot{border-radius:50%}.dot.seg-dot.good{background:var(--c-good)}.dot.seg-dot.warn{background:var(--c-warn)}.dot.seg-dot.bad{background:var(--c-bad)}.dot.seg-dot.neutral{background:var(--c-border-strong)}.delta{display:inline-flex;align-items:center;gap:3px;font-size:.78rem;font-weight:600;padding:1px 7px;border-radius:999px}.delta.up{color:var(--c-good);background:rgba(30,142,62,.12)}.delta.down{color:var(--c-bad);background:rgba(217,48,37,.12)}.delta.flat{color:var(--c-text-dim);background:var(--c-surface-2)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--c-border-strong);border-radius:999px;background:var(--c-surface);color:var(--c-text-dim);font-size:.85rem;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.chip.active,.chip:hover{background:var(--c-surface-2)}.chip.active{color:var(--c-text);border-color:var(--c-border-strong);font-weight:600}.chip:disabled{opacity:.45;cursor:not-allowed}.chip-dot{width:10px;height:10px;border-radius:50%;flex:none}.chip-dot.s-pageviews{background:var(--m-pageviews)}.chip-dot.s-sessions{background:var(--m-sessions)}.chip-dot.s-clicks{background:var(--m-clicks)}.chip-dot.s-conversions{background:var(--m-conversions)}.chip-dot.s-persession{background:var(--m-persession)}.chip-dot.s-ctr{background:var(--m-ctr)}.chart{width:100%}.chart svg{display:block;width:100%;height:auto}.chart .grid-line{stroke:var(--c-border);stroke-width:1}.chart .axis-text{fill:var(--c-text-faint);font-size:11px;font-family:var(--font)}.chart .axis-text.end{text-anchor:end}.chart .axis-text.mid{text-anchor:middle}.line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.kpi-spark .line{stroke-width:1.6}.line.s-pageviews{stroke:var(--m-pageviews)}.line.s-sessions{stroke:var(--m-sessions)}.line.s-clicks{stroke:var(--m-clicks)}.line.s-conversions{stroke:var(--m-conversions)}.line.s-persession{stroke:var(--m-persession)}.line.s-ctr{stroke:var(--m-ctr)}.area{stroke:none;opacity:.12}.area.s-pageviews{fill:var(--m-pageviews)}.area.s-sessions{fill:var(--m-sessions)}.area.s-clicks{fill:var(--m-clicks)}.area.s-conversions{fill:var(--m-conversions)}.area.s-persession{fill:var(--m-persession)}.area.s-ctr{fill:var(--m-ctr)}.hover-line{stroke:var(--c-border-strong);stroke-width:1;stroke-dasharray:3 3}.hover-dot{stroke:var(--c-surface);stroke-width:2}.hover-dot.s-pageviews{fill:var(--m-pageviews)}.hover-dot.s-sessions{fill:var(--m-sessions)}.hover-dot.s-clicks{fill:var(--m-clicks)}.hover-dot.s-conversions{fill:var(--m-conversions)}.hover-dot.s-persession{fill:var(--m-persession)}.hover-dot.s-ctr{fill:var(--m-ctr)}.hover-zone{fill:transparent}.tip-box{fill:var(--c-tip-bg)}.tip-text{fill:var(--c-tip-fg);font-size:11px;font-family:var(--font)}.tip-text.value{font-weight:700}.bar-track{fill:var(--c-surface-2)}.bar-fill{fill:var(--c-accent)}.bar-value{fill:var(--c-text-dim);font-size:11px;text-anchor:end}.bar-label,.bar-value{font-family:var(--font)}.bar-label{fill:var(--c-text);font-size:12px}.bars{display:flex;flex-direction:column}.bar-row{display:grid;grid-template-columns:minmax(96px,220px) minmax(0,1fr) 56px;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);height:34px}.bar-name{font-size:.86rem;color:var(--c-text)}.bar-meter{height:14px;border-radius:7px;background:var(--c-surface-2);overflow:hidden}.bar-meter-fill{display:block;height:100%;min-width:2px;background:var(--c-accent);border-radius:7px}.bar-num{text-align:right;font-size:.82rem;color:var(--c-text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.donut-track{fill:none;stroke:var(--c-surface-2)}.seg{fill:none;stroke-linecap:butt}.seg.good{stroke:var(--c-good)}.seg.warn{stroke:var(--c-warn)}.seg.bad{stroke:var(--c-bad)}.seg.neutral{stroke:var(--c-border-strong)}.donut-center-value{fill:var(--c-text);font-size:22px;font-weight:700}.donut-center-label,.donut-center-value{text-anchor:middle;font-family:var(--font)}.donut-center-label{fill:var(--c-text-dim);font-size:11px}.legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.legend-item{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--c-text-dim)}.gauge-track{stroke:var(--c-surface-2)}.gauge-arc,.gauge-track{fill:none;stroke-linecap:round}.gauge-arc.good{stroke:var(--c-good)}.gauge-arc.warn{stroke:var(--c-warn)}.gauge-arc.bad{stroke:var(--c-bad)}.gauge-value{fill:var(--c-text);font-size:20px;font-weight:700}.gauge-unit,.gauge-value{text-anchor:middle;font-family:var(--font)}.gauge-unit{fill:var(--c-text-dim);font-size:11px}.dist-wrap{height:14px;border-radius:7px;overflow:hidden;background:var(--c-surface-2)}.dist-wrap svg{display:block;width:100%;height:100%}.dist-seg.good{fill:var(--c-good)}.dist-seg.warn{fill:var(--c-warn)}.dist-seg.bad{fill:var(--c-bad)}.dist-seg.neutral{fill:var(--c-border-strong)}.table-wrap{overflow:auto;max-height:58vh;border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table-fill{flex:1 1;min-height:0;display:flex;align-items:flex-start}.table-fill>.table-wrap{max-height:100%;width:100%}table{width:100%;border-collapse:collapse;background:var(--c-surface)}td,th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border)}thead th{background:var(--c-surface-2);color:var(--c-text-dim);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;position:-webkit-sticky;position:sticky;top:0}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--c-surface-2)}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px var(--space-2);border-radius:999px;font-size:.74rem;font-weight:600;border:1px solid transparent}.badge.good{color:var(--c-good);background:rgba(30,142,62,.1)}.badge.warn{color:var(--c-warn);background:rgba(242,153,0,.12)}.badge.bad{color:var(--c-bad);background:rgba(217,48,37,.1)}.badge.neutral{background:var(--c-surface-2)}.badge.neutral,.muted{color:var(--c-text-dim)}.mono{font-family:var(--mono);font-size:.85rem}.truncate{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-tip{cursor:help;color:var(--c-text-faint);border-bottom:1px dotted var(--c-border-strong)}.skeleton{background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-surface-3) 37%,var(--c-surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}.skeleton.h-line{height:14px}.skeleton.h-kpi{height:104px;border-radius:var(--radius-lg)}.skeleton.h-chart{height:260px;border-radius:var(--radius-lg)}.skeleton.h-bar{height:200px;border-radius:var(--radius-lg)}.skeleton.w-half{width:50%}.skeleton.w-third{width:33%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);color:var(--c-text-dim)}.empty-state .empty-icon{width:44px;height:44px;opacity:.45}.empty-state h3{margin:0;font-size:1.02rem;color:var(--c-text)}.empty-state p{margin:0;max-width:440px;font-size:.88rem}.empty-hint{font-size:.8rem;background:var(--c-surface-2);border:1px solid var(--c-border);padding:var(--space-2) var(--space-3);border-radius:8px}.empty.empty-inline{padding:var(--space-6);text-align:center;color:var(--c-text-dim)}.app-footer{flex:none;border-top:1px solid var(--c-border);padding:var(--space-3) var(--space-6);color:var(--c-text-dim);font-size:.8rem;display:flex;gap:var(--space-4);flex-wrap:wrap;background:var(--c-surface)}.legal{max-width:760px;margin:0 auto}.legal h1{font-size:1.5rem}.legal h2{font-size:1.05rem;margin-top:var(--space-5)}.legal ul{padding-left:var(--space-5)}.legal-profile-public{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--c-border)}.legal-profile-list{display:grid;grid-template-columns:minmax(140px,.4fr) minmax(0,1fr);grid-gap:var(--space-2) var(--space-4);gap:var(--space-2) var(--space-4);margin:var(--space-3) 0}.legal-profile-list div{display:contents}.legal-profile-list dt{color:var(--c-text-dim);font-weight:700}.legal-profile-list dd{margin:0;overflow-wrap:anywhere}.legal-profile-status{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface-2);color:var(--c-text-dim);overflow-wrap:anywhere}.legal-profile-status.warn{border-color:rgba(242,153,0,.45);color:var(--c-warn)}.legal-profile-status.bad{border-color:rgba(217,48,37,.45);color:var(--c-bad)}.mobile-bar,.nav-backdrop,.nav-toggle{display:none}@media (max-width:1200px){.overview-main,.split-2{grid-template-columns:1fr}.split-2{grid-template-rows:none;flex:0 0 auto}.split-2 .table-wrap{height:auto;max-height:58vh}}@media (max-width:860px){.console-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;gap:var(--space-4)}.page-wrap{padding:var(--space-3) var(--space-4)}.content{gap:var(--space-4)}.app-header{padding:var(--space-2) var(--space-4);gap:var(--space-3)}.app-header h1{font-size:.98rem}.app-header .brand-sub{font-size:.72rem;max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header nav{gap:var(--space-2)}.mobile-bar{display:flex;align-items:center;gap:var(--space-3);position:-webkit-sticky;position:sticky;top:0;z-index:25;margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-4)) 0;padding:var(--space-2) var(--space-4);background:var(--c-surface);border-bottom:1px solid var(--c-border)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border:1px solid var(--c-border);border-radius:10px;background:var(--c-surface-2);color:var(--c-text)}.mobile-bar-title{font-weight:600;font-size:1rem}.sidebar{position:fixed;top:0;left:0;z-index:60;width:min(80vw,300px);height:100dvh;flex-direction:column;gap:4px;padding:var(--space-4) var(--space-3);background:var(--c-surface);border-right:1px solid var(--c-border);box-shadow:var(--shadow-md);transform:translateX(-100%);transition:transform .22s ease;overflow-y:auto}.sidebar.open{transform:translateX(0)}.nav-backdrop{display:block;position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.45)}.nav-item{min-height:46px;font-size:1rem}.toolbar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.toolbar .field{width:100%}.action-button,.ghost-button,.primary-button,input,select{min-height:44px}.table-fill{min-height:0}.table-wrap{border:none;box-shadow:none;border-radius:0}.table-wrap table,.table-wrap tbody,.table-wrap td,.table-wrap tr{display:block;width:100%}.table-wrap thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.table-wrap tr{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--shadow-sm);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-2)}.table-wrap td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:6px 0;border:none;text-align:right;white-space:normal;max-width:none;overflow:visible}.table-wrap td:before{content:attr(data-label);flex:none;font-weight:600;color:var(--c-text-dim);font-size:.8rem;text-align:left}.table-wrap td.truncate{text-overflow:clip;overflow-wrap:anywhere}.mail-read-actions{flex-wrap:wrap}.mail-section.is-reading .mail-status,.mail-section.is-reading .mail-tabs{display:none}.compose-actions{flex-direction:column-reverse}.compose-actions button{width:100%}.legal-profile-list{grid-template-columns:1fr}.legal-profile-list div{display:block}.legal-profile-list dt{margin-top:var(--space-2)}}.action-button{border-color:var(--c-accent);background:var(--c-accent);color:var(--c-on-accent);font-weight:600}.action-button:disabled{opacity:.7;cursor:wait}.ghost-button{background:var(--c-surface-2);border-color:var(--c-border-strong)}.toolbar .spacer{flex:1 1 auto}.lead-card{cursor:pointer}.lead-card:hover{border-color:var(--c-accent);box-shadow:var(--shadow-md)}.lead-scope{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.lead-scope p{margin:4px 0 0}.site-cell{display:flex;flex-direction:column;gap:2px;min-width:180px}.site-name{font-weight:700;color:var(--c-text)}.site-domain{color:var(--c-text-dim);font-size:.78rem;overflow-wrap:anywhere}.mail-tabs button{background:var(--c-surface-2)}.mail-tabs button.active{background:var(--c-accent-weak);color:var(--c-accent);font-weight:600;border-color:var(--c-accent)}.mail-section{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:var(--space-5)}.table-fill>.mail-list{overflow:auto}.table-fill>.mail-list,.table-fill>.mail-read{max-height:100%;width:100%}.mail-list{gap:var(--space-2)}.mail-card,.mail-list{display:flex;flex-direction:column}.mail-card{gap:4px;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:var(--space-3) var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);transition:border-color .12s ease,box-shadow .12s ease}.mail-card:hover{border-color:var(--c-accent);box-shadow:var(--shadow-md)}.mail-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.mail-card-who{font-weight:600;min-width:0}.mail-card-date{color:var(--c-text-dim);font-size:.78rem;white-space:nowrap}.mail-card-subject{color:var(--c-text-dim);font-size:.9rem}.mail-read{display:flex;flex-direction:column;min-height:0}.mail-read>.panel-head{flex:none}.mail-read-actions{display:flex;gap:var(--space-2);align-items:center}.mail-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.92rem;line-height:1.6;color:var(--c-text);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--space-4);flex:1 1;min-height:0;overflow:auto}.mail-body-empty{margin:0}.status-grid{display:flex;flex-wrap:wrap;gap:var(--space-5)}.status-item{display:flex;flex-direction:column;gap:2px}.status-item .k{font-size:.74rem;color:var(--c-text-dim)}.status-item .v{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.compose{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.compose input,.compose textarea{width:100%}.compose textarea{min-height:120px;resize:vertical}.compose-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.create-mail-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.credentials-panel{display:flex;flex-direction:column;gap:var(--space-3)}.credential-row{display:grid;grid-template-columns:120px minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--c-border)}.credential-row span{color:var(--c-text-dim);font-size:.82rem}.credential-row code{overflow-wrap:anywhere;white-space:normal}.static-card{cursor:default}.mail-account-field{margin-top:var(--space-3);max-width:520px}.sync-note{font-size:.8rem;color:var(--c-text-dim)}