:root{--color-sidebar: #2D3748;--color-sidebar-active: #4A5568;--color-accent: #F7A83B;--color-accent-hover: #e6992a;--color-text: #1A1A1A;--color-text-light: #A0A0A0;--color-text-sidebar: #FFFFFF;--color-text-sidebar-inactive: #A0A0A0;--color-bg: #FFFFFF;--color-bg-secondary: #F5F5F5;--color-bg-hover: #F3F4F4;--color-bg-pill: #E0E0E0;--color-border: #E5E5E5;--color-border-light: #F0F0F0;--sidebar-width: 280px;--header-height: 60px;--tab-max-width: 1400px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 12px;--radius-circle: 50%;--color-score-high: #22a06b;--color-score-medium-high: #36b37e;--color-score-medium: #57d9a3;--color-score-low: #ffab00;--color-positive: #22a06b;--color-negative: #de350b;--color-neutral: #6b7280;--color-chart-grid: #E5E7EB;--color-chart-tick: #9CA3AF;--color-chart-label: #374151;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-bg);font-size:14px;line-height:1.5;overflow:hidden}#app{height:100vh;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.sidebar{background-color:var(--color-sidebar);color:var(--color-text-sidebar)}.sidebar-item{color:var(--color-text-sidebar-inactive);transition:all .2s}.sidebar-item:hover{background-color:#ffffff0d}.sidebar-item.active{background-color:var(--color-sidebar-active);color:var(--color-text-sidebar)}.btn-primary{background-color:var(--color-accent);color:#fff;padding:10px 20px;border-radius:6px;font-weight:500;transition:background-color .2s}.btn-primary:hover{background-color:var(--color-accent-hover)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;padding:24px;transition:box-shadow .2s}.card:hover{box-shadow:0 2px 8px #0000001a}.tab-button{padding:8px 16px;border-radius:6px;color:var(--color-text-light);font-weight:500;font-size:13px;transition:all .2s;background:none;border:none;cursor:pointer}.tab-button:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.tab-button.active{background-color:var(--color-accent);color:#fff}.text-muted{color:var(--color-text-light)}.text-sidebar{color:var(--color-text-sidebar)}.pill{background-color:var(--color-bg-pill);color:var(--color-text);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.btn-secondary{background-color:var(--color-bg);color:var(--color-text);padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;font-weight:500;font-size:14px;transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background-color:var(--color-bg-hover);border-color:var(--color-accent)}.control-select{padding:6px 12px;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg);color:var(--color-text);font-size:14px;cursor:pointer;transition:border-color .2s}.control-select:hover{border-color:var(--color-accent)}.control-select:focus{outline:none;border-color:var(--color-accent)}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.complete{background-color:var(--color-bg-pill);color:var(--color-text)}input[type=checkbox],input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent)}.checkbox-item,.radio-item{display:flex;align-items:center;gap:8px;margin:8px 0;cursor:pointer;font-size:14px;color:var(--color-text)}.checkbox-item:hover,.radio-item:hover{color:var(--color-text)}.checkbox-group,.radio-group{margin-left:15px;display:flex;flex-direction:column;gap:4px}.page-heading{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.tab-heading{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.tab-content{max-width:var(--tab-max-width)}.tab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3xl)}.tab-header-info{flex:1}.tab-header-actions{display:flex;gap:var(--spacing-md);align-items:center;flex-shrink:0}.tab-description{color:var(--color-text-light);font-size:var(--font-size-base);margin-top:var(--spacing-xs)}.tab-section{margin-bottom:var(--spacing-3xl)}.tab-section:last-child{margin-bottom:0}.section-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.section-description{color:var(--color-text-light);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.subsection-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.btn-small{padding:6px 12px;font-size:var(--font-size-sm)}.btn-large{padding:12px 24px;font-size:var(--font-size-lg)}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.3px}.form-input,.form-select,.form-textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text);transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent)}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.badge-default{background-color:var(--color-bg-pill);color:var(--color-text)}.badge-accent{background-color:var(--color-accent);color:#fff}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#e8f4fd;color:#1565c0;border:1px solid #BBDEFB}.badge-clickable{cursor:pointer;transition:all .2s}.badge-clickable:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.card-compact{padding:var(--spacing-lg)}.card-clickable{cursor:pointer;transition:all .2s}.card-clickable:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-start{display:flex;justify-content:flex-start;align-items:center}.flex-column{display:flex;flex-direction:column}.flex-gap-xs{gap:var(--spacing-xs)}.flex-gap-sm{gap:var(--spacing-sm)}.flex-gap-md{gap:var(--spacing-md)}.flex-gap-lg{gap:var(--spacing-lg)}.flex-gap-xl{gap:var(--spacing-xl)}.dropdown-menu{position:absolute;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.dropdown-item{display:block;width:100%;text-align:left;padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text);transition:background-color .2s;font-size:var(--font-size-base);border:none;background:none;cursor:pointer}.dropdown-item:hover{background-color:var(--color-bg-hover)}.dropdown-item.active{background-color:var(--color-bg-secondary);font-weight:var(--font-weight-medium);color:var(--color-accent)}.dropdown-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-xs) 0}.empty-state{padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;color:var(--color-text-light);font-size:var(--font-size-base)}.empty-state-small{padding:var(--spacing-lg);text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm);font-style:italic;background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.clickable{cursor:pointer;transition:all .2s ease}.clickable:hover{transform:translateY(-1px)}.clickable-subtle:hover{background-color:var(--color-bg-hover)}.list-item{padding:var(--spacing-md);border-radius:var(--radius-md);transition:all .2s ease}.list-item:hover{background-color:var(--color-bg-hover)}.list-item.active{background-color:var(--color-bg-secondary);font-weight:var(--font-weight-medium)}.icon-xs{font-size:14px}.icon-sm{font-size:16px}.icon-md{font-size:20px}.icon-lg{font-size:24px}.icon-xl{font-size:32px}.icon-2xl{font-size:48px}.text-positive{color:var(--color-positive)}.text-negative{color:var(--color-negative)}.text-neutral{color:var(--color-neutral)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.data-table th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--color-border);font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-bg-secondary)}.data-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);color:var(--color-text)}.data-table tbody tr:hover{background:var(--color-bg-hover)}.tabular-nums{font-variant-numeric:tabular-nums}.progress-bar{height:8px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-sm);transition:width .3s ease}.list-page{padding:var(--spacing-3xl);max-width:800px;margin:0 auto}.list-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3xl)}.list-page-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.list-page-subtitle{margin:0;font-size:var(--font-size-base);color:var(--color-text-light)}.item-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.item-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.item-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00000014}.item-icon{font-size:32px;flex-shrink:0}.item-info{flex:1;min-width:0}.item-name{margin:0 0 4px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.item-meta{margin:0;font-size:var(--font-size-sm);color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta .meta-separator{margin:0 6px}.item-actions{display:flex;gap:var(--spacing-sm);align-items:center}.item-edit-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--color-text-light);background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all .2s}.item-edit-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-bg)}.item-go-btn{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-light);padding:var(--spacing-xs);cursor:pointer;transition:color .2s}.item-go-btn:hover{color:var(--color-accent)}.inline-edit-form{width:100%}.inline-edit-fields{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.inline-edit-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.new-item-form{background:var(--color-bg);border:2px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.new-item-form .form-title{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.new-item-form .form-fields{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.not-found{padding:var(--spacing-4xl);text-align:center;color:var(--color-text-light)}.not-found h2{margin:0 0 var(--spacing-sm) 0;color:var(--color-text)}.not-found p{margin:0}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}body.contribution-fullscreen .app-header,body.contribution-fullscreen .app-sidebar{display:none!important}body.contribution-fullscreen .app-body{height:100vh}body.contribution-fullscreen .app-main{width:100%}