:root{--surface: #111415;--surface-dim: #111415;--surface-bright: #373a3b;--surface-container-lowest: #0c0f10;--surface-container-low: #191c1d;--surface-container: #1d2021;--surface-container-high: #272a2b;--surface-container-highest: #323536;--on-surface: #e1e3e4;--on-surface-variant: #c0cab2;--inverse-surface: #e1e3e4;--inverse-on-surface: #2e3132;--outline: #8a947f;--outline-variant: #404a38;--surface-tint: #82dd42;--primary: #ffffff;--on-primary: #173800;--primary-container: #9dfa5c;--on-primary-container: #357200;--primary-fixed: #9dfa5c;--primary-fixed-dim: #82dd42;--on-primary-fixed: #0a2000;--on-primary-fixed-variant: #245100;--secondary: #bfc9bb;--on-secondary: #2a3328;--secondary-container: #454e42;--on-secondary-container: #b5bfb0;--secondary-fixed: #dbe5d6;--secondary-fixed-dim: #bfc9bb;--on-secondary-fixed: #151e14;--on-secondary-fixed-variant: #40493e;--tertiary: #ffffff;--on-tertiary: #2f3131;--tertiary-container: #e2e2e2;--on-tertiary-container: #636565;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffdad6;--background: #111415;--on-background: #e1e3e4;--surface-variant: #323536;--lime-accent: #a1ff60;--mint-ghost: #f5ffef;--panel-border: rgba(138, 148, 127, .2);--panel-divider: rgba(255, 255, 255, .1);--focus-ring: rgba(159, 255, 96, .5);--font-heading: "Newsreader", "Times New Roman", serif;--font-body: "Inter", "Segoe UI", sans-serif;--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--unit: 8px;--container-max: 1280px;--gutter: 24px;--margin: 32px;--section-gap: clamp(56px, 7vw, 120px);color:var(--on-surface);background:var(--surface);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 0% 0%,rgba(48,58,57,.32) 0%,transparent 30%),radial-gradient(circle at 100% 12%,rgba(130,221,66,.16) 0%,transparent 34%),var(--background);color:var(--on-background)}a{color:inherit}button,input,select{font:inherit}#root{min-height:100vh}.diagonal-stripes,.diagonal-stripes-dark{background-image:repeating-linear-gradient(135deg,transparent,transparent 10px,rgba(255,255,255,.14) 10px,rgba(255,255,255,.14) 20px)}.diagonal-stripes-dark{background-image:repeating-linear-gradient(135deg,transparent,transparent 10px,rgba(0,0,0,.12) 10px,rgba(0,0,0,.12) 20px)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 0 0 8px transparent}}.app-shell{min-height:100vh;padding:clamp(16px,2.5vw,40px);background:linear-gradient(to bottom,rgba(255,255,255,.03),transparent 40%),var(--surface)}.app-shell__content,.page-stack{width:min(100%,var(--container-max));margin:0 auto;display:grid;gap:var(--section-gap);animation:rise-in .45s ease}.topbar{display:flex;justify-content:space-between;gap:var(--gutter);align-items:center;margin-bottom:20px;margin-inline:auto;width:min(100%,var(--container-max));padding:10px 14px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);background:linear-gradient(to right,#ffffff0a,#ffffff05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:12px;z-index:2}.topbar__brand{font-family:var(--font-heading);font-size:1.55rem;font-weight:600;line-height:1;color:var(--primary);text-decoration:none;letter-spacing:-.02em}.topbar__subtitle,.page-header__copy,.chart-card__header p,.metric-card__hint,.state-panel p,.lead-cell small,.login-card__intro{color:var(--on-surface-variant)}.topbar__subtitle{margin:6px 0 0;font-size:.85rem;font-weight:500}.topbar__actions{display:flex;align-items:center;gap:12px}.topbar__link{color:var(--on-surface-variant);text-decoration:none;font-weight:600;padding:8px 16px;border-radius:var(--radius-full);border:1px solid transparent;transition:color .2s ease,border-color .2s ease,background .2s ease}.topbar__link:hover{color:var(--on-surface)}.topbar__link--active{color:var(--on-primary);background:var(--lime-accent);border-color:transparent}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.page-header h1,.login-card h1{margin:0;color:var(--primary);font-family:var(--font-heading);letter-spacing:-.02em;line-height:.98}.page-header h1{font-size:clamp(2rem,4.2vw,3rem);margin-bottom:8px}.login-card h1{font-size:clamp(1.75rem,4vw,2.5rem)}.state-panel h2,.panel h2,.chart-card h3{margin:0;color:var(--primary);font-family:var(--font-heading);letter-spacing:-.01em;line-height:1.15}.panel h2{font-size:clamp(1.35rem,2.4vw,1.75rem)}.chart-card h3{font-size:1.35rem}.eyebrow{margin:0 0 10px;color:var(--primary-container);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em}.detail-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inline-link{color:var(--primary-container);text-decoration:none;font-weight:600}.inline-link:hover{text-decoration:underline}.metric-grid,.chart-grid{display:grid;gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card,.panel,.chart-card,.state-panel,.table-wrap,.login-card{background:var(--surface-container);border:1px solid var(--panel-border);border-radius:var(--radius-xl);color:var(--on-surface);animation:rise-in .45s ease}.metric-card{padding:20px;transition:transform .2s ease,border-color .2s ease}.metric-card:hover{transform:translateY(-2px);border-color:#ffffff47}.panel,.chart-card{padding:clamp(18px,4vw,28px)}.metric-card__label{margin:0;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.metric-card__value{margin:12px 0 10px;color:var(--primary);font-family:var(--font-heading);font-size:clamp(1.7rem,4vw,2.75rem);line-height:1;letter-spacing:-.02em}.metric-card__hint{margin:0;font-size:.86rem}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.toolbar__field{display:grid;gap:8px;min-width:180px}.toolbar__field--grow{flex:1 1 260px}.toolbar__field span,.toolbar__checkbox{color:var(--on-surface-variant);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.toolbar__checkbox{display:inline-flex;align-items:center;gap:10px;min-height:42px}.input,select.input{min-height:42px;border:1px solid rgba(255,255,255,.3);background:var(--surface-container-lowest);color:var(--on-surface);border-radius:var(--radius);padding:0 14px;font-weight:500;transition:border-color .2s ease,box-shadow .2s ease}.input:focus-visible,select.input:focus-visible{outline:none;border-color:var(--lime-accent);box-shadow:0 0 0 3px #a1ff6040}.input:hover,select.input:hover{border-color:#ffffff73}.button{border:0;border-radius:var(--radius-full);cursor:pointer;padding:12px 22px;background:var(--lime-accent);color:var(--on-primary);font-weight:700;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:hover:not(:disabled),.button:focus-visible{animation:glow-pulse .35s ease;box-shadow:0 0 0 1px var(--focus-ring),0 0 18px #a1ff6061}.button:disabled{cursor:not-allowed;opacity:.56}.button--ghost{color:var(--on-surface);background:transparent;border:1px solid var(--primary)}.button--ghost:hover:not(:disabled){background:#ffffff14;box-shadow:0 0 0 1px #a1ff6073,0 0 16px #a1ff6052}.button--primary{width:100%}.range-tabs{display:inline-flex;gap:4px;padding:6px;border-radius:var(--radius-full);background:var(--surface-container-low);border:1px solid var(--panel-border)}.range-tabs__button{border:0;border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);padding:10px 16px;cursor:pointer;font-weight:600;transition:color .15s ease,background .15s ease}.range-tabs__button:hover{color:var(--primary);background:#ffffff14}.range-tabs__button--active{background:var(--lime-accent);color:var(--on-primary)}.panel__header,.chart-card__header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}.chart-card__header p,.panel__header p{margin:6px 0 0;color:var(--on-surface-variant)}.table-wrap{overflow-x:auto;padding:16px}.data-table{width:100%;border-collapse:collapse;min-width:840px}.data-table th,.data-table td{padding:13px 10px;text-align:left;border-bottom:1px solid var(--panel-divider)}.data-table thead tr{border-bottom:1px solid var(--panel-border)}.data-table th{color:var(--on-surface-variant);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.data-table td{color:var(--on-surface);font-weight:500}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background:#ffffff05}.column-button,.row-link{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:left;font:inherit}.column-button{color:inherit;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:600}.column-button:hover,.row-link:hover{color:var(--lime-accent)}.row-link{display:grid;gap:4px;font-weight:700;color:var(--on-surface)}.row-link small,.lead-cell small{color:var(--on-surface-variant);font-weight:500}.lead-cell{display:grid;gap:4px}.crm-link{font-size:.76rem;font-weight:600;color:var(--lime-accent);text-decoration:none}.crm-link:hover{text-decoration:underline}.status-pill,.grade-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:6px 12px;border-radius:var(--radius-full);border:1px solid currentColor;color:var(--secondary);background:#ffffff05;font-size:.78rem;font-weight:600;letter-spacing:.02em}.status-pill--true,.grade-pill--excellent,.status-pill--excellent,.status-pill--open,.grade-pill--open{color:var(--on-primary-fixed);background:#9ff56033;border-color:#9ff5608c}.status-pill--false,.status-pill--unknown,.status-pill--inactive,.status-pill--client{color:var(--surface);background:#ffffff14;border-color:#fff3}.grade-pill--good,.status-pill--good{color:#9ce2a1;background:#9ce2a133;border-color:#9ce2a199}.grade-pill--needs_improvement,.status-pill--needs,.status-pill--needs-improvement{color:#d4dc8c;background:#d4dc8c33;border-color:#d4dc8c80}.grade-pill--critical{color:var(--error-container);background:#ffb4ab2e;border-color:#ffb4ab73}.bars-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:12px;align-items:end;min-height:220px;padding:12px 0}.bars-chart__group{display:grid;gap:8px;justify-items:center}.bars-chart__bars{height:190px;width:100%;display:flex;align-items:end;justify-content:center;gap:6px}.bars-chart__bar{width:14px;border-radius:var(--radius-full) var(--radius-full) 6px 6px}.bars-chart__bar--lead,.swatch--lead{background:var(--lime-accent)}.bars-chart__bar--responded,.swatch--responded{background:#66d0d0}.bars-chart__bar--open,.swatch--open{background:var(--error)}.bars-chart__label,.chart-card__summary-row,.chart-card__legend{font-size:.82rem;color:var(--on-surface-variant)}.chart-card__legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.swatch{display:inline-block;width:10px;height:10px;border-radius:var(--radius-full);margin-right:8px;vertical-align:middle}.swatch--median{background:var(--lime-accent)}.swatch--under30{background:#66d0d0}.line-chart{width:100%;height:auto;margin-top:10px}.line-chart rect{fill:var(--surface-container-lowest)}.line-chart__line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.line-chart__line--median{stroke:var(--lime-accent)}.line-chart__line--under30{stroke:#66d0d0}.chart-card__summary-grid{display:grid;gap:10px;margin-top:14px}.chart-card__summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.state-panel{display:grid;gap:10px;justify-items:start;padding:26px}.state-panel h2{font-size:1.5rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:var(--gutter);background:radial-gradient(circle at 0% 0%,rgba(48,58,57,.28) 0%,transparent 40%),var(--surface)}.login-card{width:min(560px,100%);padding:40px}.login-form{display:grid;gap:16px;margin-top:22px}.login-form label{display:grid;gap:8px}.login-form label>span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--on-surface-variant)}.form-error{color:var(--error);margin:0;font-weight:500}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;margin-top:12px;border-top:1px solid var(--panel-divider);color:var(--on-surface-variant);font-weight:500}@media (max-width: 900px){.topbar,.page-header{flex-direction:column;align-items:flex-start}.topbar{position:static;padding:12px}.panel,.chart-card,.login-card{padding:20px}.app-shell{padding:18px}.table-wrap{padding:10px}.metric-card{padding:16px}}