:root{--bg:#f9f8f6;--bg-tint:#0c0a0905;--bg-tint-2:#0c0a090d;--bg-tint-3:#0c0a0914;--ink:#0c0a09;--ink-soft:#5e5a55;--ink-mute:#9c9a96;--ink-faint:#c1c0bd;--border:#0c0a091a;--border-strong:#0c0a092e;--border-soft:#0c0a090f;--status-good:#617949;--status-active:#bd7f28;--status-issue:#ab2b2b;--status-idle:#9c9a96;--alert-urgent:#ab2b2b;--alert-warning:#bd7f28;--alert-info:#42728a;--delta-up:#617949;--delta-down:#ab2b2b;--sans:"DM Sans", -apple-system, system-ui, sans-serif;--serif:Georgia, "Times New Roman", Times, serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:13px}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;font-weight:400;line-height:1.5}body{min-height:100vh;position:relative}ul{list-style:none}body:before{content:"";opacity:.03;pointer-events:none;z-index:1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink);font-weight:300;line-height:1.05}button{cursor:pointer;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}.shell{z-index:2;flex-direction:column;min-height:100vh;display:flex;position:relative}.header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:18px 56px;display:flex}.brand{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-mark{justify-content:center;align-items:center;width:30px;height:30px;display:flex}.brand-mark svg{width:100%;height:100%}.brand-name{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);font-size:18px;font-weight:500;line-height:20px}.brand-name em{font-style:italic}.brand-divider{color:var(--ink-mute);margin:0 11px 0 5px;font-size:16px;font-weight:300}.company-switch{border:1px solid var(--border);color:var(--ink);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;transition:background .2s;display:inline-flex}.company-switch:hover{background:var(--bg-tint-2)}.company-switch .label-id{letter-spacing:.04em;font-weight:500}.company-switch .label-sep{color:var(--ink-mute);margin:0 1px}.company-switch .label-name{color:var(--ink-soft);font-size:12px}.company-switch .chev{color:var(--ink-mute);margin-left:3px;font-size:9px}.header-right{align-items:center;gap:14px;display:flex}.live-indicator{color:var(--ink-soft);border:1px solid var(--border);border-radius:2px;align-items:center;gap:7px;padding:6px 11px;font-size:11px;display:inline-flex}.live-indicator .dot{background:var(--status-good);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 #84a57966}50%{opacity:.7;box-shadow:0 0 0 4px #84a57900}}.signout-btn{border:1px solid var(--border-strong);color:var(--ink);cursor:pointer;background:0 0;border-radius:2px;align-items:center;padding:9px 11px;transition:background .12s,border-color .12s;display:inline-flex}.signout-btn:hover{background:var(--bg-tint-2);border-color:var(--ink-soft)}.signout-btn svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:13px;height:13px}.alerts{width:100%;max-width:1440px;margin:0 auto;padding:14px 56px 0}.alerts-grid{flex-direction:column;gap:6px;display:flex}.alert{border:1px solid var(--border);background:var(--bg-tint);color:var(--ink);border-radius:2px;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.alert .alert-icon{border-radius:50%;flex-shrink:0;width:5px;height:5px}.alert.urgent{border-left:2px solid var(--alert-urgent)}.alert.urgent .alert-icon{background:var(--alert-urgent)}.alert.warning{border-left:2px solid var(--alert-warning)}.alert.warning .alert-icon{background:var(--alert-warning)}.alert.info{border-left:2px solid var(--alert-info)}.alert.info .alert-icon{background:var(--alert-info);animation:2s ease-in-out infinite live-pulse}.alert .alert-title{color:var(--ink);font-weight:500}.alert .alert-detail{color:var(--ink-soft);margin-left:4px}.alert .alert-action{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);cursor:pointer;font-size:10px;font-family:var(--sans);background:0 0;border:none;margin-left:auto;transition:color .15s}.alert .alert-action:hover{color:var(--ink)}.alert-dismiss{color:var(--ink-mute);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1;transition:color .15s}.alert-dismiss:hover{color:var(--ink)}.layout{flex:1;grid-template-columns:176px 1fr;gap:48px;width:100%;max-width:1440px;margin:0 auto;padding:0 56px 56px;display:grid}.rail{align-self:start;padding-top:32px;position:sticky;top:0}.rail-section{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);align-items:center;gap:10px;margin-top:24px;margin-bottom:10px;font-size:10px;font-weight:500;display:flex}.rail-section:before{content:"";background:var(--ink-soft);width:18px;height:1px;display:block}.rail-section.first{margin-top:0}.rail-list{flex-direction:column;gap:1px;list-style:none;display:flex}.rail-item{color:var(--ink-soft);cursor:pointer;border-radius:2px;justify-content:space-between;align-items:baseline;margin-left:-10px;padding:6px 10px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.rail-item:hover{color:var(--ink);background:var(--bg-tint)}.rail-item.active{color:var(--ink);background:var(--bg-tint-3);font-weight:500}.rail-item.disabled{color:var(--ink-faint);cursor:not-allowed}.rail-item.disabled:hover{color:var(--ink-faint);background:0 0}.rail-item .count{color:var(--ink-mute);font-variant-numeric:tabular-nums;font-size:11px}.rail-item.active .count{color:var(--ink-soft)}.main{min-width:0;padding-top:32px}.section{margin-bottom:32px}.section.first{margin-top:0}.section:last-child{margin-bottom:0}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);align-items:center;gap:10px;margin-bottom:14px;font-size:10px;font-weight:500;display:flex}.section-label:before{content:"";background:var(--ink-soft);width:18px;height:1px}.section-label .meta{color:var(--ink-mute);margin-left:4px;font-weight:400}.section-label .right{color:var(--ink-mute);text-transform:none;letter-spacing:0;margin-left:auto;font-size:11px;font-weight:400}.subsection-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:18px 0 10px;font-size:10px;font-weight:500}.subsection-label:first-child{margin-top:0}.subsection-label .meta{text-transform:none;letter-spacing:0;color:var(--ink-mute);margin-left:4px;font-weight:400}.kpi-grid{border:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.kpi-grid-5{border:1px solid var(--border);grid-template-columns:repeat(5,1fr);gap:0;display:grid}.kpi{border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:0 0;padding:14px 14px 12px;transition:background .15s;position:relative}.kpi:hover{background:var(--bg-tint)}.kpi.drillable{cursor:pointer}.kpi.drillable:hover{background:var(--bg-tint-2)}.kpi.drillable:after{content:"→";color:var(--ink-faint);font-size:12px;transition:color .15s;position:absolute;top:14px;right:14px}.kpi.drillable:hover:after{color:var(--ink-soft)}.kpi-grid .kpi:nth-child(4n){border-right:none}.kpi-grid .kpi:nth-last-child(-n+4):nth-child(4n+1),.kpi-grid .kpi:nth-last-child(-n+4):nth-child(4n+1)~.kpi{border-bottom:none}.kpi-grid-5 .kpi:nth-child(5n){border-right:none}.kpi-grid-5 .kpi:nth-last-child(-n+5){border-bottom:none}.kpi-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:8px;font-size:10px;font-weight:500;line-height:1}.kpi-value{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin-bottom:6px;font-size:23px;font-weight:300;line-height:1;display:flex}.kpi-value .unit{font-family:var(--serif);color:var(--ink-soft);font-size:13px;font-style:italic;font-weight:400}.kpi-value.dim{color:var(--ink-mute)}.sparkline{opacity:.55;width:100%;height:22px;margin-bottom:7px;display:block}.sparkline polyline{fill:none;stroke:var(--ink-soft);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.sparkline.up polyline{stroke:var(--delta-up)}.sparkline.down polyline{stroke:var(--delta-down)}.sparkline.dim polyline{stroke:var(--ink-mute);stroke-dasharray:2 2}.sparkline .dot-end{fill:currentColor}.sparkline.up .dot-end{fill:var(--delta-up)}.sparkline.down .dot-end{fill:var(--delta-down)}.sparkline.dim .dot-end{fill:var(--ink-mute)}.kpi-delta{color:var(--ink-soft);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:11px;display:flex}.kpi-delta .arrow{font-size:9px}.kpi-delta.up{color:var(--delta-up)}.kpi-delta.down{color:var(--delta-down)}.kpi-delta.flat{color:var(--ink-mute)}.kpi-delta .vs{color:var(--ink-mute);margin-left:2px}.table{border-collapse:collapse;border:1px solid var(--border);font-variant-numeric:tabular-nums;width:100%}.table thead th{text-align:left;font-family:var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);background:var(--bg-tint);border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:10px 12px;font-size:10px;font-weight:500}.table thead th.right{text-align:right}.table thead th .header-sub{color:var(--ink-mute);text-transform:none;letter-spacing:.02em;margin-top:3px;font-size:9px;font-weight:400;display:block}.table tbody tr{border-bottom:1px solid var(--border-soft);transition:background .15s}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background:var(--bg-tint)}.table td{vertical-align:middle;color:var(--ink);padding:12px;font-size:13px}.table td.right{text-align:right}.table td.dim{color:var(--ink-mute)}.table td.num{font-variant-numeric:tabular-nums}.table td.label-cell{color:var(--ink-soft);font-size:12px}.table td .sub-caption{color:var(--ink-mute);letter-spacing:0;text-transform:none;margin-top:2px;font-size:10px;font-weight:400;display:block}.table .bar-cell{padding:8px 12px}.table .bar{background:var(--bg-tint-2);height:6px;position:relative}.table .bar-fill{background:var(--ink);position:absolute;top:0;bottom:0;left:0}.user-cell{flex-direction:column;gap:2px;display:flex}.user-cell .name{font-family:var(--serif);color:var(--ink);font-size:14px;font-weight:400;line-height:1.1}.user-cell .handle{color:var(--ink-mute);letter-spacing:.02em;font-size:10px}.status{color:var(--ink-soft);align-items:center;gap:7px;font-size:11px;display:inline-flex}.status .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status.good .dot{background:var(--status-good)}.status.active .dot{background:var(--status-active);animation:2.2s ease-in-out infinite pulse}.status.issue .dot{background:var(--status-issue)}.status.idle .dot{background:var(--status-idle)}@keyframes pulse{0%,to{box-shadow:0 0 #be823266}50%{box-shadow:0 0 0 4px #be823200}}.funnel{border:1px solid var(--border)}.funnel-row{border-bottom:1px solid var(--border-soft);grid-template-columns:200px 1fr 100px 80px;align-items:center;gap:14px;padding:12px 16px;display:grid}.funnel-row:last-child{border-bottom:none}.funnel-row:hover{background:var(--bg-tint)}.funnel-label{color:var(--ink);font-size:13px}.funnel-label .sub{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px;display:block}.funnel-bar{background:var(--bg-tint-2);height:7px;position:relative;overflow:hidden}.funnel-bar-fill{background:var(--ink);transition:width .4s;position:absolute;top:0;bottom:0;left:0}.funnel-num{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:16px;font-weight:500}.funnel-conv{color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.funnel-conv.dim{color:var(--ink-mute)}.pipeline{border:1px solid var(--border);grid-template-columns:repeat(5,1fr);gap:0;margin-bottom:16px;display:grid}.pipe-stage{border-right:1px solid var(--border-soft);cursor:pointer;padding:14px;transition:background .15s;position:relative}.pipe-stage:hover{background:var(--bg-tint)}.pipe-stage:last-child{border-right:none}.pipe-stage .stage-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:7px;font-size:10px;font-weight:500}.pipe-stage .stage-num{font-family:var(--serif);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-bottom:3px;font-size:23px;font-weight:300;line-height:1}.pipe-stage .stage-conv{color:var(--ink-mute);font-variant-numeric:tabular-nums;font-size:10px}.pill{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);color:var(--ink-soft);border-radius:2px;padding:2px 7px;font-size:10px;font-weight:500;display:inline-block}.pill.free{color:var(--ink-soft)}.pill.pro{color:var(--ink);border-color:var(--ink)}.pill.comped{color:var(--status-active);border-color:#bd7f2866}.cost-chart{border:1px solid var(--border);flex-direction:column;gap:6px;padding:16px;display:flex}.cost-row{grid-template-columns:200px 1fr 80px;align-items:center;gap:12px;padding:6px 0;display:grid}.cost-row .cost-name{color:var(--ink);font-size:12px}.cost-row .cost-name .sub{color:var(--ink-mute);margin-top:1px;font-size:10px;display:block}.cost-row .cost-bar{background:var(--bg-tint-2);height:8px;position:relative}.cost-row .cost-bar-fill{background:var(--ink);position:absolute;top:0;bottom:0;left:0}.cost-row .cost-amount{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);font-size:13px}.cost-row .cost-amount .pct{color:var(--ink-mute);margin-top:1px;font-size:10px;display:block}.section-caption{color:var(--ink-mute);margin-top:10px;font-size:11px;font-style:italic}.empty{border:1px solid var(--border);text-align:center;padding:44px 32px}.empty .empty-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);margin-bottom:14px;font-size:10px;font-weight:500}.empty .empty-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:10px;font-size:22px;font-weight:300}.empty .empty-title em{font-style:italic}.empty .empty-desc{font-family:var(--serif);color:var(--ink-soft);max-width:420px;margin:0 auto;font-size:13px;line-height:1.55}.app-footer{border-top:1px solid var(--border-soft);width:100%;max-width:1440px;color:var(--ink-mute);justify-content:space-between;align-items:center;margin:0 auto;padding:22px 56px;font-size:11px;display:flex}.app-footer .right{gap:10px;display:flex}.app-footer a{color:var(--ink-mute);cursor:pointer;transition:opacity .2s}.app-footer a:hover{opacity:.6}.drill-overlay{z-index:200;background:#0c0a0966;justify-content:center;align-items:center;padding:40px;display:none;position:fixed;inset:0}.drill-overlay.active{animation:.2s ease-out fade-in;display:flex}.drill-modal{background:var(--bg);border:1px solid var(--border-strong);width:100%;max-width:800px;max-height:90vh;padding:32px 36px;overflow-y:auto;box-shadow:0 20px 60px #0003}.drill-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.drill-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:8px;font-size:10px;font-weight:500}.drill-title{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink);font-size:28px;font-weight:300;line-height:1}.drill-title em{font-style:italic;font-weight:400}.drill-close{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--ink-soft);background:0 0;border-radius:2px;flex-shrink:0;font-family:inherit;font-size:16px;line-height:1;transition:all .15s}.drill-close:hover{background:var(--bg-tint-2);color:var(--ink);border-color:var(--ink)}.drill-section{margin-bottom:22px}.drill-section:last-child{margin-bottom:0}.drill-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);align-items:center;gap:10px;margin-bottom:12px;font-size:10px;font-weight:500;display:flex}.drill-section-label:before{content:"";background:var(--ink-soft);width:18px;height:1px}.drill-prose{font-family:var(--serif);color:var(--ink-soft);font-size:14px;font-style:italic;line-height:1.55}.drill-prose strong{color:var(--ink);font-weight:500}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
