:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-danger-50: #fef2f2;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-info-50: #eff6ff;--color-info-500: #3b82f6;--color-info-600: #2563eb;--sal-verde: #16a34a;--sal-giallo: #ca8a04;--sal-rosso: #dc2626;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--sidebar-width: 280px;--header-height: 64px;--max-content-width: 1280px}*,*: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-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-gray-50);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary-600);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-primary{color:var(--color-primary-600)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-danger{color:var(--color-danger-600)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40}.sidebar-header{height:var(--header-height);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;gap:var(--spacing-3)}.sidebar-header h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.nav-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2);padding:0 var(--spacing-3)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);color:var(--color-gray-700);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.nav-item:hover{background:var(--color-gray-100);text-decoration:none}.nav-item svg{width:20px;height:20px;flex-shrink:0}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column}.main-header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);position:sticky;top:0;z-index:30}.page-content{flex:1;padding:var(--spacing-6);max-width:var(--max-content-width);width:100%;margin:0 auto}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.card-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-700)}.btn-secondary{background:#fff;color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-success{background:var(--color-success-600);color:#fff}.btn-success:hover:not(:disabled){background:var(--color-success-700)}.btn-danger{background:var(--color-danger-600);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-700)}.btn-ghost{background:transparent;color:var(--color-gray-600)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.btn-icon{padding:var(--spacing-2)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-1)}.form-label.required:after{content:" *";color:var(--color-danger-500)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-900);background:#fff;border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-gray-100);cursor:not-allowed}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-danger-500)}.form-textarea{min-height:120px;resize:vertical}.form-hint{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-gray-500)}.form-error{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-danger-600)}.form-radio-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-radio-group.horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-4)}.form-radio,.form-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-2);cursor:pointer}.form-radio input,.form-checkbox input{margin-top:4px;accent-color:var(--color-primary-600)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-700)}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-50);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-700)}.badge-danger{background:var(--color-danger-50);color:var(--color-danger-700)}.badge-sal-verde{background:#dcfce7;color:var(--sal-verde)}.badge-sal-giallo{background:#fef3c7;color:var(--sal-giallo)}.badge-sal-rosso{background:#fee2e2;color:var(--sal-rosso)}.steps{display:flex;align-items:center;margin-bottom:var(--spacing-6)}.step{display:flex;align-items:center;flex:1}.step-indicator{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.step.completed .step-indicator{background:var(--color-primary-600);color:#fff}.step.active .step-indicator{background:var(--color-primary-600);color:#fff;box-shadow:0 0 0 4px var(--color-primary-100)}.step.pending .step-indicator{background:var(--color-gray-200);color:var(--color-gray-500)}.step-content{margin-left:var(--spacing-3);flex:1}.step-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.step-line{flex:1;height:2px;background:var(--color-gray-200);margin:0 var(--spacing-2)}.step.completed+.step-line,.step-line.completed{background:var(--color-primary-600)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-gray-200)}.table th{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;background:var(--color-gray-50)}.table tbody tr:hover{background:var(--color-gray-50)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.stat-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);border:1px solid var(--color-gray-200)}.stat-label{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-1)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.stat-change{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.stat-change.positive{color:var(--color-success-600)}.stat-change.negative{color:var(--color-danger-600)}.alert{padding:var(--spacing-4);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3)}.alert-icon{flex-shrink:0}.alert-content{flex:1}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.alert-info{background:var(--color-info-50);border:1px solid var(--color-info-500);color:var(--color-primary-800)}.alert-success{background:var(--color-success-50);border:1px solid var(--color-success-500);color:var(--color-success-800)}.alert-warning{background:var(--color-warning-50);border:1px solid var(--color-warning-500);color:var(--color-warning-800)}.alert-danger{background:var(--color-danger-50);border:1px solid var(--color-danger-500);color:var(--color-danger-800)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);z-index:50}.modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-xl)}.modal-lg{max-width:800px}.modal-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-body{padding:var(--spacing-6)}.modal-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);display:flex;justify-content:flex-end;gap:var(--spacing-3)}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}@media(max-width:640px){.page-content{padding:var(--spacing-4)}.stats-grid{grid-template-columns:1fr}}.sidebar-overlay{position:fixed;inset:0;background:#0000004d;z-index:35;display:none}@media(max-width:1024px){.sidebar-overlay{display:block}}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40;transition:transform var(--transition-normal)}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-header{height:var(--header-height);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;gap:var(--spacing-3)}.sidebar-logo{color:var(--color-primary-600)}.sidebar-header h1{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.sidebar-nav{flex:1;padding:var(--spacing-4);overflow-y:auto}.nav-section{margin-bottom:var(--spacing-6)}.nav-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2);padding:0 var(--spacing-3)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.nav-item:hover{background:var(--color-gray-100);color:var(--color-gray-900);text-decoration:none}.nav-item.active{background:var(--color-primary-50);color:var(--color-primary-700)}.nav-item svg{flex-shrink:0}.nav-badge{margin-left:auto;background:var(--color-danger-500);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-full)}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid var(--color-gray-200)}.user-info{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500)}.user-details{display:flex;flex-direction:column}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.user-role{font-size:var(--font-size-xs);color:var(--color-gray-500)}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}@media(max-width:1024px){.main-content{margin-left:0}}.main-header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;padding:0 var(--spacing-6);position:sticky;top:0;z-index:30}.mobile-menu-btn{display:none}@media(max-width:1024px){.mobile-menu-btn{display:flex}}.header-spacer{flex:1}.header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.notification-btn{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--color-danger-500);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.user-menu-container{position:relative}.user-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-2);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;z-index:50}.user-menu-header{padding:var(--spacing-3) var(--spacing-4)}.user-menu-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.user-menu-role{display:block;font-size:var(--font-size-xs);color:var(--color-gray-500)}.user-menu-divider{height:1px;background:var(--color-gray-200)}.user-menu-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-4);background:none;border:none;font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;transition:background var(--transition-fast)}.user-menu-item:hover{background:var(--color-gray-50)}.user-menu-item.danger{color:var(--color-danger-600)}.page-content{flex:1;background:var(--color-gray-50)}.notifications-overlay{position:fixed;inset:0;background:#0000004d;z-index:45}.notifications-panel{position:fixed;top:0;right:0;bottom:0;width:360px;max-width:100%;background:#fff;box-shadow:var(--shadow-xl);z-index:50;display:flex;flex-direction:column}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-200)}.notifications-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.notifications-content{flex:1;overflow-y:auto}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--color-gray-400)}.notifications-empty p{margin-top:var(--spacing-2);color:var(--color-gray-500)}.dashboard{padding:var(--spacing-6);max-width:var(--max-content-width);margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6)}.dashboard-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.dashboard-subtitle{color:var(--color-gray-500);margin-top:var(--spacing-1)}.dashboard .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.stat-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-5);border:1px solid var(--color-gray-200);display:flex;align-items:flex-start;gap:var(--spacing-4);transition:all var(--transition-fast)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--color-gray-100)}.stat-card-content{flex:1}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-1)}.stat-card .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.stat-card .stat-change{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.stat-card .stat-change.positive{color:var(--color-success-600)}.stat-card .stat-change.negative{color:var(--color-danger-600)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.dashboard-section{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);overflow:hidden}.dashboard-section.full-width{grid-column:1 / -1}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-200)}.section-header h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.section-content{padding:var(--spacing-4)}.initiative-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.initiative-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.initiative-item:hover{background:var(--color-gray-50)}.initiative-info{flex:1;min-width:0}.initiative-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.initiative-fase{display:inline-block;margin-top:var(--spacing-1)}.initiative-progress{display:flex;align-items:center;gap:var(--spacing-2);width:120px}.initiative-progress .progress-bar{flex:1;height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.initiative-progress .progress-fill{height:100%;border-radius:var(--radius-full)}.initiative-progress .progress-label{font-size:var(--font-size-xs);color:var(--color-gray-500);min-width:32px}.initiative-arrow{color:var(--color-gray-400);flex-shrink:0}.risk-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.risk-alert-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.risk-alert-item:hover{background:var(--color-gray-50)}.risk-score{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#fff}.risk-info{flex:1}.risk-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.risk-category{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:capitalize}.phase-distribution{padding:var(--spacing-2)}.phase-bar{display:flex;height:24px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-4)}.phase-segment{transition:width var(--transition-slow)}.phase-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.legend-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-label{color:var(--color-gray-600)}.legend-value{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--color-gray-400);text-align:center}.empty-state p{margin-top:var(--spacing-2);color:var(--color-gray-500)}.empty-state.success{color:var(--color-success-400)}.empty-state.success p{color:var(--color-success-600)}@media(max-width:1024px){.dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:640px){.dashboard .stats-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:var(--spacing-4)}.dashboard-header .btn{width:100%}}.cruscotto-sal{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--color-gray-200)}.cruscotto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.cruscotto-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.cruscotto-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-1)}.sal-aging{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-gray-600)}.sal-aging.overdue{background:var(--color-warning-50);color:var(--color-warning-700)}.sal-aging-warning{font-weight:var(--font-weight-semibold)}.sal-progress{display:flex;align-items:center;gap:var(--spacing-3)}.sal-progress-bar{flex:1;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.sal-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.sal-progress-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);min-width:40px}.cruscotto-summary{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.summary-card{padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg)}.summary-card.main{padding:var(--spacing-5)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.summary-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.summary-value{display:flex;align-items:baseline;gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.value-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.value-suffix{font-size:var(--font-size-xl);color:var(--color-gray-500)}.trend-icon{margin-left:var(--spacing-2)}.trend-icon.up{color:var(--color-success-500)}.trend-icon.down{color:var(--color-danger-500)}.summary-stats{display:flex;flex-direction:column;gap:var(--spacing-3)}.summary-stat{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg);min-width:100px}.summary-stat .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.summary-stat .stat-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.sal-card{padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.sal-card:hover{background:var(--color-gray-100)}.sal-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.sal-card-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.sal-card-note{margin-top:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-600);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sal-card-stats{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-3)}.sal-stat{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-gray-500)}.sal-card-footer{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-200)}.sal-card-action{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.cruscotto-history h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.sal-timeline{display:flex;flex-direction:column}.sal-timeline-item{display:flex;gap:var(--spacing-4);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.sal-timeline-item:hover{background:var(--color-gray-50)}.sal-timeline-marker{display:flex;flex-direction:column;align-items:center;width:20px}.sal-timeline-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.sal-timeline-line{flex:1;width:2px;background:var(--color-gray-200);margin:var(--spacing-2) 0}.sal-timeline-content{flex:1;padding-bottom:var(--spacing-4)}.sal-timeline-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.sal-timeline-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.sal-timeline-progress{font-size:var(--font-size-sm);color:var(--color-gray-500)}.sal-timeline-note{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-gray-600);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cruscotto-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center;color:var(--color-gray-400)}.cruscotto-empty h3{margin-top:var(--spacing-4);font-size:var(--font-size-lg);color:var(--color-gray-700)}.cruscotto-empty p{margin-top:var(--spacing-2);margin-bottom:var(--spacing-4);color:var(--color-gray-500)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12);color:var(--color-gray-500)}@media(max-width:768px){.cruscotto-summary{grid-template-columns:1fr}.summary-stats{flex-direction:row}}.wizard-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:800px;margin:0 auto}.wizard-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center}.wizard-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.wizard-step-indicator{font-size:var(--font-size-sm);color:var(--color-gray-500);background:var(--color-gray-100);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full)}.wizard-container .steps{padding:var(--spacing-6);padding-bottom:0}.wizard-content{padding:var(--spacing-6);min-height:400px}.wizard-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);display:flex;justify-content:space-between;background:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.wizard-footer-left,.wizard-footer-right{display:flex;gap:var(--spacing-3)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.classificazione-options{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-2)}.classificazione-option{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.classificazione-option:hover{border-color:var(--color-gray-300)}.classificazione-option.selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.classificazione-option input{accent-color:var(--color-primary-600)}.divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-6) 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-gray-200)}.divider span{padding:0 var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500)}.criterio-item{margin-bottom:var(--spacing-5);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg)}.criterio-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.criterio-number{font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.criterio-nome{flex:1;font-weight:var(--font-weight-medium)}.criterio-punteggio{font-size:var(--font-size-sm);color:var(--color-gray-500)}.criterio-options{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.criterio-option{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.criterio-option:hover{border-color:var(--color-gray-300)}.criterio-option.selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.classificazione-esito{margin-top:var(--spacing-6);padding:var(--spacing-4);border-radius:var(--radius-lg);border:2px solid}.classificazione-esito.rilievo{background:#fef3c7;border-color:#f59e0b}.classificazione-esito.non-rilievo{background:var(--color-success-50);border-color:var(--color-success-500)}.esito-header{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.esito-risultato{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.classificazione-esito.rilievo .esito-risultato{color:#b45309}.classificazione-esito.non-rilievo .esito-risultato{color:var(--color-success-700)}.esito-motivazione{font-size:var(--font-size-sm);color:var(--color-gray-600)}.allegati-container{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4);border:2px dashed var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-gray-50)}.allegato-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.allegato-nome{flex:1;font-size:var(--font-size-sm)}.allegato-upload{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3);border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast)}.allegato-upload:hover{border-color:var(--color-primary-400);color:var(--color-primary-600);background:var(--color-primary-50)}.controlli-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-4)}.controllo-item{padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.controllo-item .obbligatorio{color:var(--color-danger-500)}.rischi-table{margin-top:var(--spacing-4)}.rischi-table .table{margin-bottom:var(--spacing-3)}.rischi-table .form-input,.rischi-table .form-select{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm)}.destinatari-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-2);margin-top:var(--spacing-2);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg)}