:root{--color-primary: #0066cc;--color-primary-hover: #0052a3;--color-secondary: #6c757d;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-gray-50: #f8f9fa;--color-gray-100: #e9ecef;--color-gray-200: #dee2e6;--color-gray-300: #ced4da;--color-gray-400: #adb5bd;--color-gray-500: #6c757d;--color-gray-600: #495057;--color-gray-700: #343a40;--color-gray-800: #212529;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-xxl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-800);background-color:var(--color-gray-50)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-base)}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);outline:none;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}.dashboard-wizard{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.dashboard-wizard h1{margin-bottom:var(--spacing-lg)}.dashboard-wizard__content{margin-top:var(--spacing-xl)}.progress-bar{margin-bottom:var(--spacing-xl)}.progress-bar__track{height:8px;background-color:var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.progress-bar__fill{height:100%;background-color:var(--color-primary);transition:width var(--transition-base)}.progress-bar__label{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-600);text-align:center}.recipe-picker__filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.recipe-picker__filters input[type=text]{flex:1;min-width:0}.recipe-picker__filters select{min-width:200px}.recipe-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.recipe-card{background:white;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast)}.recipe-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.recipe-card--selected{border-color:var(--color-primary);background-color:#0066cc0d}.recipe-card__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.recipe-card__icon{font-size:var(--font-size-xl)}.recipe-card__title{flex:1;font-size:var(--font-size-lg);font-weight:600}.recipe-card__badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600}.recipe-card__description{color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.recipe-card__footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-gray-500)}.module-selector__section{margin-bottom:var(--spacing-xl)}.module-selector__section h3{margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.module-selector__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.module-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm)}.module-item input[type=checkbox]{margin-top:4px;cursor:pointer}.module-item input[type=checkbox]:disabled{cursor:not-allowed}.module-item__content{flex:1}.module-item__title{font-weight:600;margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.module-item__description{font-size:var(--font-size-sm);color:var(--color-gray-600)}.module-item__badge{padding:2px var(--spacing-sm);background-color:var(--color-info);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.layout-selector__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.layout-card{background:white;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast)}.layout-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.layout-card--selected{border-color:var(--color-primary);background-color:#0066cc0d}.layout-card__preview{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-sm);min-height:150px}.layout-card__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.layout-card__badge{padding:2px var(--spacing-sm);background-color:var(--color-success);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.layout-card__description{font-size:var(--font-size-sm);color:var(--color-gray-600)}.dashboard-preview__toolbar{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg)}.dashboard-preview__toolbar select{flex:1}.dashboard-preview__content{padding:var(--spacing-lg);background:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.dashboard-preview__controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.dashboard-preview__controls label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.save-dialog{max-width:600px;margin:0 auto}.save-dialog__field{margin-bottom:var(--spacing-lg)}.save-dialog__field label{display:block;font-weight:600;margin-bottom:var(--spacing-sm)}.save-dialog__field input,.save-dialog__field textarea{width:100%}.save-dialog__field textarea{min-height:100px;resize:vertical}.save-dialog__hint{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.save-dialog__error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.save-dialog__sharing{margin-bottom:var(--spacing-lg)}.save-dialog__sharing-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.save-dialog__success{text-align:center;padding:var(--spacing-xl)}.save-dialog__success-icon{font-size:48px;color:var(--color-success);margin-bottom:var(--spacing-md)}.save-dialog__success h2{color:var(--color-success);margin-bottom:var(--spacing-sm)}.overview-card{background:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.overview-card__icon{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.overview-card h3{font-size:var(--font-size-base);color:var(--color-gray-600);margin-bottom:var(--spacing-sm)}.overview-card__metric{font-size:var(--font-size-xxl);font-weight:700;margin-bottom:var(--spacing-sm)}.overview-card__trend{font-size:var(--font-size-sm);font-weight:600}.overview-card__trend--up{color:var(--color-success)}.overview-card__trend--down{color:var(--color-danger)}.overview-card--error{color:var(--color-danger);text-align:center;padding:var(--spacing-md)}.immediate-actions{background:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.immediate-actions h3{margin-bottom:var(--spacing-md)}.immediate-actions__list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.immediate-actions__item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm)}.immediate-actions__item--critical{background-color:#dc35451a;border-left:4px solid var(--color-danger)}.immediate-actions__item--high{background-color:#ffc1071a;border-left:4px solid var(--color-warning)}.immediate-actions__item--medium{background-color:#17a2b81a;border-left:4px solid var(--color-info)}.immediate-actions__links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.metric-chart{background:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.metric-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.metric-chart__header h3{margin:0}.metric-chart__bars{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-xs);height:200px;padding:var(--spacing-md) 0}.metric-chart__bar{flex:1;background-color:var(--color-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:all var(--transition-fast)}.metric-chart__bar:hover{background-color:var(--color-primary-hover);opacity:.8}.performance-rankings{background:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.performance-rankings h3{margin-bottom:var(--spacing-md)}.performance-rankings__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.performance-rankings__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.performance-rankings__item:hover{background-color:var(--color-gray-100)}.performance-rankings__rank{font-weight:700;color:var(--color-gray-500);min-width:32px}.performance-rankings__name{flex:1}.performance-rankings__value{font-weight:600}.performance-rankings__link{color:var(--color-primary);text-decoration:none}.performance-rankings__link:hover{text-decoration:underline}.benchmark-bar{background:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.benchmark-bar h3{margin-bottom:var(--spacing-lg)}.benchmark-bar__scores{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.benchmark-bar__track{position:relative;height:32px;background-color:var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.benchmark-bar__fill{height:100%;transition:width var(--transition-base)}.benchmark-bar__fill--good{background-color:var(--color-success)}.benchmark-bar__fill--average{background-color:var(--color-warning)}.benchmark-bar__fill--below{background-color:var(--color-danger)}.benchmark-bar__marker{position:absolute;top:0;height:100%;width:2px;background-color:var(--color-gray-800)}.benchmark-bar__marker:before{content:"▼";position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:12px;color:var(--color-gray-800)}.single-column-layout{display:flex;flex-direction:column;gap:var(--spacing-lg)}.two-column-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media (max-width: 768px){.two-column-layout{grid-template-columns:1fr}}.grid-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-lg)}@media (max-width: 768px){.grid-layout{grid-template-columns:1fr}.grid-layout>*{grid-column:1 / -1!important}}.step-navigation{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-200)}.step-navigation button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;transition:background-color var(--transition-fast)}.step-navigation button:hover:not(:disabled){background-color:var(--color-primary-hover)}.step-navigation button:disabled{background-color:var(--color-gray-300)}.step-navigation button:first-child{background-color:var(--color-gray-200);color:var(--color-gray-700)}.step-navigation button:first-child:hover:not(:disabled){background-color:var(--color-gray-300)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl)}.loading-state--small{padding:var(--spacing-md)}.loading-state--large{padding:var(--spacing-xxl)}.loading-state__spinner{margin-bottom:var(--spacing-md)}.loading-state__message{color:var(--color-gray-600);font-size:var(--font-size-sm)}.spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.error-boundary h2{color:var(--color-danger);margin-bottom:var(--spacing-md)}.error-boundary p{color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.error-boundary button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600}.error-boundary button:hover{background-color:var(--color-primary-hover)}.error-boundary__details{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-gray-100);border-radius:var(--radius-sm);text-align:left;font-family:monospace;font-size:var(--font-size-sm);max-width:600px;overflow-x:auto}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-gray-600)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}@media (max-width: 768px){.dashboard-wizard{padding:var(--spacing-md)}.recipe-picker__grid,.layout-selector__grid{grid-template-columns:1fr}.dashboard-preview__toolbar{flex-direction:column}}@media (max-width: 480px){:root{--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-xxl: 24px}.step-navigation{flex-direction:column}.step-navigation button{width:100%}}