.analytics-content{max-width:1540px;padding:18px 22px 40px}.analytics-top-link{height:36px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:11px;text-decoration:none}.analytics-top-link svg{width:15px}.analytics-hero{min-height:177px;border-radius:14px;border:1px solid #294047;background:radial-gradient(circle at 86% 25%,#2c4248,transparent 31%),linear-gradient(115deg,#14242b,#15252b);padding:28px 33px;color:#f4f5f4;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden}.analytics-eyebrow,.analytics-kicker{font-size:10px;letter-spacing:.13em;font-weight:700}.analytics-eyebrow{color:#91b0b7}.analytics-hero h1{font-size:25px;letter-spacing:-.045em;margin:11px 0 8px}.analytics-hero p{font-size:12px;color:#bdcacc;line-height:1.7;margin:0}.hero-symbol{width:113px;height:113px;flex:none;border-radius:50%;border:1px solid #60787b;display:grid;place-items:center;box-shadow:0 0 0 20px #ffffff0b,0 0 0 40px #ffffff06}.hero-symbol svg{width:46px;height:46px;color:#d4bf9d;stroke-width:1.3}.analytics-notice{display:flex;align-items:flex-start;gap:7px;margin:12px 2px 17px;color:var(--muted);font-size:10px;line-height:1.6}.analytics-notice svg{width:14px;height:14px;flex:none;margin-top:1px}.analytics-period{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}.analytics-kicker{color:var(--accent)}.analytics-period h2,.panel-top h2,.reconcile-heading h2{font-size:17px;letter-spacing:-.03em;margin:5px 0 3px}.analytics-period p,.panel-top p,.reconcile-heading p{color:var(--muted);font-size:11px;line-height:1.5;margin:0}.period-buttons{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:8px}.period-buttons button{border:0;border-radius:6px;background:transparent;padding:8px 11px;color:var(--muted);font-size:10px;white-space:nowrap;cursor:pointer}.period-buttons button.is-active{background:var(--surface);box-shadow:0 1px 4px #0001;color:var(--text)}.analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.analytics-metrics article{min-width:0;padding:16px 17px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.analytics-metrics span,.analytics-metrics strong,.analytics-metrics small{display:block}.analytics-metrics span{font-size:10px;color:var(--muted)}.analytics-metrics strong{font-size:20px;letter-spacing:-.04em;margin:8px 0 4px}.analytics-metrics small{font-size:9px;color:var(--muted)}.analytics-metrics .featured{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.analytics-metrics .featured strong{color:var(--accent)}.analytics-metrics .attention{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 20%,var(--line))}.analytics-metrics .attention strong{color:var(--warning)}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(275px,.62fr);gap:12px}.analytics-chart-panel,.analytics-breakdown,.reconcile-panel{min-width:0;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.analytics-chart-panel,.analytics-breakdown{padding:19px}.panel-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.chart-legend{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;white-space:nowrap}.chart-legend i,.legend-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#678ab8}.chart-value{display:flex;align-items:baseline;gap:9px;margin-top:18px}.chart-value strong{font-size:23px;letter-spacing:-.04em}.chart-value span{color:var(--muted);font-size:10px}.bar-chart{height:257px;margin-top:17px;padding:0 0 4px;display:flex;align-items:stretch;gap:9px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--line) calc(25% - 1px),var(--line) 25%);background-size:100% calc(100% - 24px);background-repeat:no-repeat}.bar-group{min-width:0;flex:1;display:grid;grid-template-rows:1fr 20px;justify-items:center;gap:5px}.bar-space{width:100%;min-height:0;display:flex;align-items:end;justify-content:center}.bar-fill{width:min(100%,42px);min-height:5px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#7f9bc6,#5779ae);position:relative}.bar-fill:hover{background:linear-gradient(180deg,#9eafd1,#6382b9)}.bar-fill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bar-group span{font-size:9px;color:var(--muted);white-space:nowrap}.chart-foot{border-top:1px solid var(--line);margin-top:10px;padding-top:12px;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.chart-foot a,.reconcile-heading>a{color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:5px;white-space:nowrap}.chart-foot svg,.reconcile-heading>a svg{width:13px;height:13px}.breakdown-ring{width:160px;height:160px;border-radius:50%;margin:24px auto 19px;display:grid;place-items:center;background:conic-gradient(#7191bc 0 100%);position:relative}.breakdown-ring:before{content:"";position:absolute;inset:21px;border-radius:50%;background:var(--surface)}.breakdown-ring>div{position:relative;text-align:center}.breakdown-ring strong,.breakdown-ring span{display:block}.breakdown-ring strong{font-size:23px;letter-spacing:-.04em}.breakdown-ring span{font-size:10px;color:var(--muted);margin-top:3px}.breakdown-list{display:grid;gap:12px}.breakdown-list>div{display:flex;justify-content:space-between;gap:8px;font-size:10px}.breakdown-list span{display:flex;align-items:center;gap:7px;color:var(--muted)}.breakdown-list strong{font-size:10px}.legend-dot.future{background:var(--surface-3)}.breakdown-note{margin:15px 0 0;border-top:1px solid var(--line);padding-top:11px;color:var(--muted);font-size:9px;line-height:1.6}.reconcile-panel{margin-top:13px;overflow:hidden}.reconcile-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px}.reconcile-heading>a{font-size:10px}.reconcile-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 19px 17px}.reconcile-summary>div{border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;align-items:center;gap:9px;min-width:0}.summary-icon{width:34px;height:34px;border-radius:9px;flex:none;display:grid;place-items:center}.summary-icon svg{width:17px}.summary-icon.confirmed{background:var(--success-soft);color:var(--success)}.summary-icon.reviewing{background:var(--warning-soft);color:var(--warning)}.summary-icon.separate{background:var(--surface-2);color:var(--muted)}.reconcile-summary span:not(.summary-icon),.reconcile-summary strong{display:block}.reconcile-summary span:not(.summary-icon){font-size:10px;color:var(--muted)}.reconcile-summary strong{font-size:15px;margin-top:3px}.reconcile-table-head,.reconcile-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(90px,.65fr) minmax(85px,.65fr) minmax(80px,.5fr);gap:9px;align-items:center}.reconcile-table-head{background:var(--surface-2);padding:10px 19px;color:var(--muted);font-size:9px}.reconcile-row{padding:11px 19px;min-height:60px;border-top:1px solid var(--line);font-size:10px}.reconcile-row>strong{font-size:10px}.reconcile-person{display:flex;align-items:center;gap:9px;min-width:0}.reconcile-person .initial{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;font-size:10px}.initial.blue{background:#e7edf7;color:#5b7aab}.initial.green{background:#e5f2ea;color:#4e8a64}.initial.amber{background:#f7eddd;color:#a17737}.reconcile-person strong,.reconcile-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reconcile-person small{color:var(--muted);font-size:9px;margin-top:2px}.reconcile-row em{width:max-content;font-style:normal;border-radius:6px;padding:5px 7px;font-size:9px;white-space:nowrap}.reconcile-row em.review{background:var(--warning-soft);color:var(--warning)}.reconcile-row em.confirmed{background:var(--success-soft);color:var(--success)}.reconcile-footer{display:flex;align-items:flex-start;gap:7px;border-top:1px solid var(--line);padding:12px 19px;color:var(--muted);font-size:9px;line-height:1.6}.reconcile-footer svg{width:14px;height:14px;flex:none}.analytics-top-link:hover,.chart-foot a:hover,.reconcile-heading>a:hover{text-decoration:underline}
:root[data-resolved-theme="dark"] .initial.blue{background:#293447;color:#98b3dd}:root[data-resolved-theme="dark"] .initial.green{background:#23372b;color:#9cceab}:root[data-resolved-theme="dark"] .initial.amber{background:#392f21;color:#dab980}
@media(max-width:1220px){.analytics-content{padding:15px}.analytics-grid{grid-template-columns:minmax(0,1.25fr) minmax(250px,.72fr)}.analytics-metrics article{padding:14px}.analytics-metrics strong{font-size:17px}}
@media(max-width:1020px){.analytics-grid{grid-template-columns:1fr}.analytics-breakdown{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center}.analytics-breakdown .panel-top{grid-column:1}.breakdown-ring{grid-column:2;grid-row:1/3;width:130px;height:130px;margin:0}.breakdown-list{grid-column:3;grid-row:1/3}.breakdown-note{grid-column:1/-1;margin:0}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.analytics-top-link{width:36px;padding:0;justify-content:center}.analytics-top-link span{display:none}.analytics-content{padding:10px 10px 30px}.analytics-hero{min-height:171px;padding:22px 20px}.analytics-hero h1{font-size:21px}.analytics-hero p{font-size:11px}.hero-symbol{display:none}.analytics-metrics{gap:7px}.analytics-metrics article{padding:12px}.analytics-chart-panel,.analytics-breakdown{padding:15px}.analytics-breakdown{display:block}.breakdown-ring{width:140px;height:140px;margin:18px auto}.breakdown-note{margin-top:13px}.reconcile-heading{padding:15px}.reconcile-summary{padding:0 15px 13px}.reconcile-table-head,.reconcile-row{padding-inline:15px}.reconcile-footer{padding-inline:15px}}
@media(max-width:500px){.analytics-period{align-items:start;flex-direction:column}.period-buttons{width:100%}.period-buttons button{flex:1}.analytics-metrics strong{font-size:16px}.analytics-metrics small{font-size:9px}.chart-value strong{font-size:20px}.bar-chart{height:230px;gap:5px}.bar-group span{font-size:8px}.reconcile-heading{align-items:start;flex-direction:column}.reconcile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.reconcile-summary>div:last-child{grid-column:1/-1}.reconcile-table-head{display:none}.reconcile-row{grid-template-columns:1fr auto;gap:5px}.reconcile-person{grid-column:1;grid-row:1/3}.reconcile-row>span{display:none}.reconcile-row>strong{grid-column:2;grid-row:1;text-align:right}.reconcile-row em{grid-column:2;grid-row:2;justify-self:end}}