:root{--color-stone-50: #FAFAF9;--color-stone-100: #F5F5F4;--color-stone-200: #E7E5E4;--color-stone-300: #D6D3D1;--color-stone-400: #A8A29E;--color-stone-500: #78716C;--color-stone-600: #57534E;--color-stone-700: #44403C;--color-stone-800: #292524;--color-stone-900: #1C1917;--color-slate-700: #334155;--color-slate-800: #1E293B;--color-slate-900: #0F172A;--color-slate-950: #020617;--color-teal-50: #F0FDFA;--color-teal-100: #CCFBF1;--color-teal-200: #99F6E4;--color-teal-300: #5EEAD4;--color-teal-400: #2DD4BF;--color-teal-500: #14B8A6;--color-teal-600: #0D9488;--color-teal-700: #0F766E;--color-teal-800: #115E59;--color-teal-900: #134E4A;--color-amber-50: #FFFBEB;--color-amber-100: #FEF3C7;--color-amber-200: #FDE68A;--color-amber-300: #FCD34D;--color-amber-400: #FBBF24;--color-amber-500: #F59E0B;--color-amber-600: #D97706;--color-amber-700: #B45309;--color-amber-800: #92400E;--color-amber-900: #78350F;--color-success: #10B981;--color-success-bg: #ECFDF5;--color-success-border: #A7F3D0;--color-success-text: #065F46;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-warning-border: #FDE68A;--color-warning-text: #92400E;--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-error-border: #FECACA;--color-error-text: #991B1B;--color-info: #0D9488;--color-info-bg: #F0FDFA;--color-info-border: #99F6E4;--color-info-text: #115E59;--surface-bg: var(--color-stone-50);--surface-card: #FFFFFF;--surface-border: #E5E5E3;--surface-hover: var(--color-stone-100);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .06);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .08);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--header-height: 56px;--sidebar-width: 280px;--z-sidebar: 20;--z-header: 30;--z-dropdown: 40;--z-overlay: 50;--z-toast: 100;--color-primary: var(--color-teal-600)}@media(max-width:640px){:root{--header-height: 48px;--sidebar-width: 260px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-stone-900);background-color:var(--surface-bg)}a{color:var(--color-teal-600);text-decoration:none}a:hover{color:var(--color-teal-700)}.navbar{display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-6);height:var(--header-height);background:var(--surface-card);border-bottom:1px solid var(--surface-border);position:sticky;top:0;z-index:var(--z-header)}.navbar__brand{font-size:var(--text-base);font-weight:700;color:var(--color-teal-700);white-space:nowrap}.navbar__links{display:flex;gap:var(--space-1);overflow-x:auto}.navbar__link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-stone-500);border-radius:var(--radius-md);text-decoration:none;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.navbar__link:hover{color:var(--color-stone-800);background:var(--surface-hover)}.navbar__link--active{color:var(--color-teal-700);background:var(--color-teal-50)}.dashboard{max-width:1200px;margin:0 auto;padding:var(--space-8)}.dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);gap:var(--space-4)}.dashboard__header-left{flex:1}.dashboard__title{font-size:var(--text-3xl);font-weight:700;color:var(--color-stone-900);margin-bottom:var(--space-2)}.dashboard__subtitle{font-size:var(--text-lg);color:var(--color-stone-500)}.dashboard__error{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-sm)}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-6)}.time-window-selector{display:flex;gap:var(--space-1);background:var(--color-stone-100);border-radius:var(--radius-lg);padding:var(--space-1)}.time-window-selector__btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-stone-600);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.time-window-selector__btn:hover{color:var(--color-stone-800)}.time-window-selector__btn--active{background:var(--surface-card);color:var(--color-stone-900);box-shadow:var(--shadow-sm)}.kpi-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal);cursor:pointer}.kpi-card:hover{box-shadow:var(--shadow-md)}.kpi-card--expanded{grid-column:1 / -1;box-shadow:var(--shadow-lg)}.kpi-card__header{display:flex;justify-content:space-between;align-items:center}.kpi-card__info{flex:1}.kpi-card__title{font-size:var(--text-lg);font-weight:600;color:var(--color-stone-800);margin-bottom:var(--space-1)}.kpi-card__metric-count{font-size:var(--text-xs);color:var(--color-stone-400)}.kpi-card__score-area{display:flex;align-items:center;gap:var(--space-3)}.kpi-card__score{font-size:var(--text-2xl);font-weight:700;min-width:48px;text-align:right}.kpi-card__score--green{color:var(--color-success)}.kpi-card__score--yellow{color:var(--color-warning)}.kpi-card__score--red{color:var(--color-error)}.kpi-card__details{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--surface-border);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.metric-detail{padding:var(--space-4);background:var(--surface-bg);border-radius:var(--radius-lg)}.metric-detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.metric-detail__name{font-size:var(--text-sm);font-weight:600;color:var(--color-stone-700)}.metric-detail__badge{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);min-width:32px;text-align:center}.metric-detail__badge--green{background:var(--color-success-bg);color:var(--color-success-text)}.metric-detail__badge--yellow{background:var(--color-warning-bg);color:var(--color-warning-text)}.metric-detail__badge--red{background:var(--color-error-bg);color:var(--color-error-text)}.metric-detail__value{font-size:var(--text-2xl);font-weight:700;color:var(--color-stone-900);margin-bottom:var(--space-1)}.metric-detail__description{font-size:var(--text-xs);color:var(--color-stone-400);line-height:1.4}.kpi-card--skeleton{cursor:default}.skeleton{background:linear-gradient(90deg,var(--color-stone-100) 25%,var(--color-stone-200) 50%,var(--color-stone-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton--title{width:60%;height:24px;margin-bottom:var(--space-3)}.skeleton--score{width:80px;height:40px;margin-bottom:var(--space-3)}.skeleton--text{width:40%;height:16px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.protected-route__loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.protected-route__spinner{width:32px;height:32px;border:3px solid var(--color-stone-200);border-top-color:var(--color-teal-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.protected-route__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);text-align:center}.protected-route__error h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4)}.protected-route__error p{color:var(--color-stone-500);max-width:400px}.team-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--transition-normal)}.team-card:hover{box-shadow:var(--shadow-md)}.team-card__name{font-size:var(--text-lg);font-weight:600;color:var(--color-stone-800);margin-bottom:var(--space-1)}.team-card__desc{font-size:var(--text-sm);color:var(--color-stone-500);margin-bottom:var(--space-3)}.team-card__stats{display:flex;gap:var(--space-4)}.team-card__stat{font-size:var(--text-xs);color:var(--color-stone-400)}.member-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:box-shadow var(--transition-normal)}.member-card:hover{box-shadow:var(--shadow-md)}.member-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.member-card__avatar{width:36px;height:36px;border-radius:50%;background:var(--color-teal-100);color:var(--color-teal-700);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600}.member-card__name{font-size:var(--text-sm);font-weight:600;color:var(--color-stone-800)}.member-card__stats{display:flex;gap:var(--space-6)}.member-card__stat{display:flex;flex-direction:column}.member-card__stat-value{font-size:var(--text-lg);font-weight:700;color:var(--color-stone-900)}.member-card__stat-label{font-size:var(--text-xs);color:var(--color-stone-400)}.team-summary{display:flex;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.team-summary__stat{display:flex;flex-direction:column;padding:var(--space-4) var(--space-6);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);min-width:140px}.team-summary__value{font-size:var(--text-2xl);font-weight:700;color:var(--color-stone-900)}.team-summary__label{font-size:var(--text-xs);color:var(--color-stone-400);margin-top:var(--space-1)}.section-title{font-size:var(--text-xl);font-weight:600;color:var(--color-stone-800);margin-bottom:var(--space-4)}.back-link{background:none;border:none;color:var(--color-teal-600);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;padding:0;margin-bottom:var(--space-2);display:block}.back-link:hover{color:var(--color-teal-700)}.contribution-graph{padding:var(--space-4);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);display:inline-block}.contributors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.contributor-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--transition-normal)}.contributor-card:hover{box-shadow:var(--shadow-md)}.contributor-card__avatar{width:36px;height:36px;border-radius:50%;background:var(--color-teal-100);color:var(--color-teal-700);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;flex-shrink:0}.contributor-card__name{font-size:var(--text-sm);font-weight:500;color:var(--color-stone-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__empty{text-align:center;padding:var(--space-16);color:var(--color-stone-400)}.dashboard__loading{color:var(--color-stone-400);padding:var(--space-8)}.settings-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--surface-border);margin-bottom:var(--space-6)}.settings-tab{padding:var(--space-3) var(--space-4);border:none;background:none;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-stone-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.settings-tab:hover{color:var(--color-stone-700)}.settings-tab--active{color:var(--color-teal-600);border-bottom-color:var(--color-teal-600)}.settings-content{min-height:300px}.settings-section{display:flex;flex-direction:column;gap:var(--space-4)}.settings-section__desc{font-size:var(--text-sm);color:var(--color-stone-500);margin-bottom:var(--space-2)}.settings-section__empty{color:var(--color-stone-400);font-size:var(--text-sm);padding:var(--space-4)}.integration-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-4)}.integration-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.integration-card__title{font-size:var(--text-base);font-weight:600}.integration-card__detail{font-size:var(--text-sm);color:var(--color-stone-500);margin-bottom:var(--space-3)}.integration-card__detail code{background:var(--color-stone-100);padding:.1em .4em;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.integration-form{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.integration-card__message{font-size:var(--text-sm);color:var(--color-teal-700);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-teal-50);border-radius:var(--radius-md)}.integration-card__error{font-size:var(--text-sm);color:var(--color-error-text);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-error-bg);border-radius:var(--radius-md)}.sync-progress{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.sync-step{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-stone-50)}.sync-step--running{background:var(--color-info-bg)}.sync-step--done{background:var(--color-success-bg)}.sync-step--error{background:var(--color-error-bg)}.sync-step__icon{font-size:var(--text-base);width:20px;text-align:center}.sync-step--running .sync-step__icon{animation:spin 1s linear infinite}.sync-step__name{font-weight:600;min-width:60px}.sync-step__detail{color:var(--color-stone-500)}.sync-step--done .sync-step__detail{color:var(--color-success-text)}.sync-step--error .sync-step__detail{color:var(--color-error-text)}.status-badge{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.status-badge--connected{background:var(--color-success-bg);color:var(--color-success-text)}.status-badge--disconnected{background:var(--color-stone-100);color:var(--color-stone-500)}.threshold-list{display:flex;flex-direction:column;gap:var(--space-2)}.threshold-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2);background:var(--surface-bg);border-radius:var(--radius-md)}.threshold-row__key{font-size:var(--text-sm);font-weight:500;min-width:200px;text-transform:capitalize}.threshold-row__input{font-size:var(--text-xs);color:var(--color-stone-500);display:flex;align-items:center;gap:var(--space-2)}.threshold-row__input input{width:60px;padding:var(--space-1) var(--space-2);border:1px solid var(--surface-border);border-radius:var(--radius-sm);font-size:var(--text-sm)}.team-create{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.team-management-list{display:flex;flex-direction:column;gap:var(--space-2)}.team-management-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md)}.team-management-item__info{display:flex;gap:var(--space-3);align-items:center}.team-management-item__name{font-weight:500}.team-management-item__count{font-size:var(--text-xs);color:var(--color-stone-400)}.btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn--primary{background:var(--color-teal-600);color:#fff}.btn--primary:hover{background:var(--color-teal-700)}.btn--primary:disabled{background:var(--color-stone-300);cursor:not-allowed}.btn--danger-sm{padding:var(--space-1) var(--space-3);background:var(--color-error-bg);color:var(--color-error-text);font-size:var(--text-xs)}.btn--danger-sm:hover{background:var(--color-error-border)}.input{padding:var(--space-2) var(--space-3);border:1px solid var(--surface-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);flex:1}.input:focus{outline:none;border-color:var(--color-teal-500);box-shadow:0 0 0 2px var(--color-teal-100)}.survey-banner{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.survey-banner__content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.survey-banner__text{font-size:var(--text-sm);color:var(--color-info-text)}.survey-banner__actions{display:flex;gap:var(--space-2);align-items:center}.survey-banner__dismiss{background:none;border:none;color:var(--color-stone-400);font-size:var(--text-xs);cursor:pointer}.survey-form{max-width:640px}.survey-question{margin-bottom:var(--space-6)}.survey-question__label{display:block;font-size:var(--text-base);font-weight:500;color:var(--color-stone-800);margin-bottom:var(--space-2)}.survey-question__required{color:var(--color-error);margin-left:var(--space-1)}.survey-question__textarea{width:100%;min-height:80px;padding:var(--space-3);border:1px solid var(--surface-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);resize:vertical}.survey-question__textarea:focus{outline:none;border-color:var(--color-teal-500)}.likert-input{display:flex;gap:var(--space-2)}.likert-input__btn{width:40px;height:40px;border:2px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-card);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--color-stone-600);cursor:pointer;transition:all var(--transition-fast)}.likert-input__btn:hover{border-color:var(--color-teal-400);color:var(--color-teal-600)}.likert-input__btn--selected{background:var(--color-teal-600);border-color:var(--color-teal-600);color:#fff}.survey-thanks{text-align:center;padding:var(--space-16)}.survey-thanks h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.survey-thanks p{color:var(--color-stone-500);margin-bottom:var(--space-6)}.survey-error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-2)}.repo-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--transition-normal)}.repo-card:hover{box-shadow:var(--shadow-md)}.repo-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.repo-card__name{font-size:var(--text-base);font-weight:600;color:var(--color-stone-800)}.repo-card__overall{font-size:var(--text-2xl);font-weight:700}.repo-card__overall--green{color:var(--color-success)}.repo-card__overall--yellow{color:var(--color-warning)}.repo-card__overall--red{color:var(--color-error)}.repo-card__scores{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.repo-card__sub{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.repo-card__sub-label{color:var(--color-stone-500)}.repo-score-badge{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.repo-score-badge--green{background:var(--color-success-bg);color:var(--color-success-text)}.repo-score-badge--yellow{background:var(--color-warning-bg);color:var(--color-warning-text)}.repo-score-badge--red{background:var(--color-error-bg);color:var(--color-error-text)}.repo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.repo-detail-scores,.repo-detail-quality{display:flex;flex-direction:column;gap:var(--space-4)}.score-bar{margin-bottom:var(--space-4)}.score-bar__header{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.score-bar__label{font-size:var(--text-sm);font-weight:500}.score-bar__value{font-size:var(--text-sm);font-weight:600}.score-bar__value--green{color:var(--color-success)}.score-bar__value--yellow{color:var(--color-warning)}.score-bar__value--red{color:var(--color-error)}.score-bar__track{height:8px;background:var(--color-stone-100);border-radius:var(--radius-full);overflow:hidden}.score-bar__fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.score-bar__fill--green{background:var(--color-success)}.score-bar__fill--yellow{background:var(--color-warning)}.score-bar__fill--red{background:var(--color-error)}.score-bar__desc{font-size:var(--text-xs);color:var(--color-stone-400);margin-top:var(--space-1)}.alerts-list{display:flex;flex-direction:column;gap:var(--space-3)}.alert-item{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-4);border-left:4px solid var(--color-stone-300)}.alert-item--critical{border-left-color:var(--color-error)}.alert-item--warning{border-left-color:var(--color-warning)}.alert-item--info{border-left-color:var(--color-info)}.alert-item__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.alert-item__severity{font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.alert-item__severity--critical{background:var(--color-error-bg);color:var(--color-error-text)}.alert-item__severity--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.alert-item__severity--info{background:var(--color-info-bg);color:var(--color-info-text)}.alert-item__metric{font-weight:500;text-transform:capitalize}.alert-item__time{font-size:var(--text-xs);color:var(--color-stone-400);margin-left:auto}.alert-item__body{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--color-stone-600)}.alert-item__acked{font-size:var(--text-xs);color:var(--color-success);font-weight:500}.report-actions{display:flex;gap:var(--space-2)}.reports-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-6);min-height:400px}.reports-list{display:flex;flex-direction:column;gap:var(--space-1);border-right:1px solid var(--surface-border);padding-right:var(--space-4)}.report-item{padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.report-item:hover{background:var(--surface-hover)}.report-item--selected{background:var(--color-teal-50)}.report-item__title{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-stone-800)}.report-item__date{font-size:var(--text-xs);color:var(--color-stone-400)}.report-preview{padding:var(--space-4)}.report-preview__empty{color:var(--color-stone-400);text-align:center;padding:var(--space-16)}.report-content pre{font-family:var(--font-sans);font-size:var(--text-sm);white-space:pre-wrap;line-height:1.6;color:var(--color-stone-700)}@media(max-width:640px){.dashboard{padding:var(--space-4)}.dashboard__header{flex-direction:column}.dashboard__grid,.kpi-card__details{grid-template-columns:1fr}.survey-banner__content{flex-direction:column;align-items:flex-start}}.dashboard__header-actions{display:flex;gap:var(--space-3);align-items:center}.dashboard__toggle{display:inline-flex;gap:var(--space-2);align-items:center;font-size:var(--text-sm);color:var(--color-stone-700);cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard__hero{display:flex;gap:var(--space-6);align-items:center;padding:var(--space-6);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-xl);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.dashboard__hero-text h2{margin:0 0 var(--space-2);font-size:var(--text-xl);color:var(--color-stone-900)}.dashboard__hero-text p{margin:0;color:var(--color-stone-600);max-width:52ch;font-size:var(--text-sm);line-height:1.5}.dashboard__hero-note{margin-top:var(--space-2);color:var(--color-warning-text)}.dashboard__sections{display:flex;flex-direction:column;gap:var(--space-5)}.dashboard__footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--surface-border);font-size:var(--text-xs);color:var(--color-stone-500)}.dashboard-section{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-5)}.dashboard-section__header{margin-bottom:var(--space-4)}.dashboard-section__title{margin:0 0 var(--space-1);font-size:var(--text-lg);color:var(--color-stone-900)}.dashboard-section__description{margin:0;color:var(--color-stone-600);font-size:var(--text-sm)}.dashboard-section__rows{display:flex;flex-direction:column;gap:var(--space-4)}.metric-row{padding:var(--space-3) 0;border-top:1px solid var(--surface-border)}.dashboard-section__rows>.metric-row:first-child{border-top:0;padding-top:0}.metric-row__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.metric-row__label{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--color-stone-900);font-size:var(--text-sm)}.metric-row__value{font-size:var(--text-xl);font-weight:700;color:var(--color-stone-900);font-variant-numeric:tabular-nums}.metric-row__band{padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.03em;background:var(--color-stone-100);color:var(--color-stone-700)}.metric-row__band[data-band=elite]{background:var(--color-success-bg);color:var(--color-success-text)}.metric-row__band[data-band=high]{background:var(--color-teal-50);color:var(--color-teal-900)}.metric-row__band[data-band=medium]{background:var(--color-warning-bg);color:var(--color-warning-text)}.metric-row__band[data-band=low]{background:var(--color-error-bg);color:var(--color-error-text)}.metric-row__baseline{color:var(--color-stone-600);font-size:var(--text-sm)}.metric-info{position:relative;display:inline-block}.metric-info__trigger{width:18px;height:18px;border-radius:var(--radius-full);border:1px solid var(--color-stone-300);background:var(--surface-card);color:var(--color-stone-600);font-size:11px;font-style:italic;font-weight:600;cursor:pointer;line-height:1}.metric-info__trigger:hover{background:var(--color-stone-100)}.metric-info__popover{position:absolute;top:calc(100% + 6px);left:0;width:320px;padding:var(--space-4);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.metric-info__popover dl{margin:0;display:grid;gap:var(--space-2)}.metric-info__popover dt{font-size:var(--text-xs);font-weight:700;color:var(--color-stone-500);text-transform:uppercase;letter-spacing:.04em}.metric-info__popover dd{margin:0 0 var(--space-2);color:var(--color-stone-800);font-size:var(--text-sm);line-height:1.5}.benchmark-bar{display:flex;flex-direction:column;gap:var(--space-2)}.benchmark-bar__legend{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-stone-600)}.benchmark-bar__legend-item{display:inline-flex;gap:4px;align-items:center}.benchmark-bar__legend-item--active{font-weight:700}.benchmark-bar__legend-swatch{width:10px;height:10px;border-radius:2px}.score-donut{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.score-donut__band{font-weight:700;font-size:var(--text-sm)}.distribution-strip{display:flex;flex-direction:column;gap:2px}.distribution-strip__range{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-stone-500)}.distribution-strip--empty{display:flex;align-items:center;justify-content:center;color:var(--color-stone-400);font-size:var(--text-xs)}.member-filter-chips{margin:0 0 var(--space-6);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.member-filter-chips__label{font-weight:600;color:var(--color-stone-800);margin-bottom:var(--space-3);font-size:var(--text-sm)}.member-filter-chips__hint{font-weight:400;color:var(--color-stone-500);font-size:var(--text-xs);margin-left:var(--space-2)}.member-filter-chips__row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.member-filter-chips__chip{padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--color-teal-500);background:var(--color-teal-50);color:var(--color-teal-900);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.member-filter-chips__chip:hover{background:var(--color-teal-100)}.member-filter-chips__chip--excluded{background:var(--color-stone-100);color:var(--color-stone-500);border-color:var(--color-stone-300);text-decoration:line-through}.member-filter-chips__clear{padding:4px 10px;border-radius:var(--radius-full);border:1px dashed var(--color-stone-400);background:transparent;color:var(--color-stone-600);font-size:var(--text-xs);cursor:pointer}.spec-hub-status{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-card);font-size:var(--text-sm)}.spec-hub-status--ok{border-left:4px solid var(--color-success)}.spec-hub-status--warn{border-left:4px solid var(--color-warning)}.spec-hub-status--error{border-left:4px solid var(--color-error)}.spec-hub-status__headline{margin-bottom:var(--space-3);color:var(--color-stone-900)}.spec-hub-status__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin:0}.spec-hub-status__grid dt{font-size:var(--text-xs);color:var(--color-stone-500);text-transform:uppercase;letter-spacing:.04em}.spec-hub-status__grid dd{margin:2px 0 0;font-size:var(--text-lg);font-weight:600;color:var(--color-stone-900);font-variant-numeric:tabular-nums}.spec-hub-status__error{margin-top:var(--space-3);color:var(--color-error-text);font-family:var(--font-mono);font-size:var(--text-xs)}.spec-hub-status__headline{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.spec-hub-status__sync{padding:6px 14px;border-radius:var(--radius-md);border:1px solid var(--color-teal-500);background:var(--color-teal-50);color:var(--color-teal-900);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.spec-hub-status__sync:hover:not(:disabled){background:var(--color-teal-100)}.spec-hub-status__sync:disabled{opacity:.5;cursor:not-allowed}.spec-hub-status__result{margin-top:var(--space-3);color:var(--color-stone-700);font-size:var(--text-sm)}.spec-hub-status__result code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-stone-100);padding:2px 6px;border-radius:var(--radius-sm)}