*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app{padding:20px}.app-header{text-align:center;margin-bottom:1em;color:#fff}.app-header h1{font-size:2.5rem;margin-bottom:10px;font-weight:300}.app-header p{font-size:1.1rem;opacity:.9}.clickable-title,.clickable-subtitle{cursor:pointer;transition:opacity .2s}.clickable-title:hover,.clickable-subtitle:hover{opacity:.8}.editable-title{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:2.5rem;font-weight:300;padding:8px 16px;text-align:center;width:100%;max-width:600px;margin:0 auto}.editable-title:focus{outline:none;border-color:#fff9;background:rgba(255,255,255,.15)}.editable-subtitle{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:1.1rem;padding:6px 12px;text-align:center;width:100%;max-width:500px;margin:0 auto}.editable-subtitle:focus{outline:none;border-color:#fff9;background:rgba(255,255,255,.15)}.management-controls{display:flex;justify-content:end;margin-bottom:20px}.collapse-all-button{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;-webkit-user-select:none;user-select:none}.collapse-all-button:hover{background:rgba(255,255,255,.25);border-color:#ffffff80;transform:translateY(-1px)}.collapse-all-button:active{transform:translateY(0)}.management-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}@media (max-width: 768px){.management-section{grid-template-columns:1fr;gap:20px}.app{padding:15px}.app-header h1{font-size:2rem}}.manager-container{background:white;padding:1em;border-radius:12px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.collapsible-content{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}.collapsible-content.collapsed{max-height:0;opacity:0;transform:translateY(-10px);margin-top:0;margin-bottom:0}.collapsible-content.expanded{max-height:1000px;opacity:1;transform:translateY(0)}.manager-container h2{margin-bottom:20px;color:#4a5568;font-weight:600}.input-group{display:flex;gap:10px;margin-top:1em;margin-bottom:1em}.input-group input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.input-group input:focus{outline:none;border-color:#667eea}.input-group button{padding:12px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.input-group button:hover{background:#5a67d8}.items-list{list-style:none}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:8px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.list-item span{font-weight:500}.item-actions{display:flex;gap:8px}.edit-btn,.delete-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.edit-btn{background:#4299e1;color:#fff}.edit-btn:hover{background:#3182ce}.delete-btn{background:#f56565;color:#fff}.delete-btn:hover{background:#e53e3e}.edit-input-group{flex:1}.edit-input-group input{width:100%;padding:8px 12px;border:2px solid #667eea;border-radius:6px;font-size:14px;font-weight:500}.clickable-section-label{cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.clickable-section-label:hover{color:#667eea}.editable-section-label{background:#f7fafc;border:2px solid #667eea;border-radius:6px;color:#4a5568;font-size:1.25rem;font-weight:600;padding:8px 12px;width:100%;margin-bottom:20px}.editable-section-label:focus{outline:none;border-color:#5a67d8;background:white}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h2{margin-bottom:0}.collapse-toggle{background:#e2e8f0;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:all .2s;-webkit-user-select:none;user-select:none;min-width:40px;height:36px;display:flex;align-items:center;justify-content:center}.collapse-toggle:hover{background:#cbd5e0;color:#2d3748}.collapse-toggle:active{transform:translateY(1px)}.results-section{background:white;padding:30px;border-radius:12px;box-shadow:0 8px 32px #0000001a}.results-section h2{margin-bottom:25px;color:#4a5568;font-weight:600}.empty-state{text-align:center;padding:60px 20px;color:#718096;font-size:1.1rem}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.results-table{width:100%;border-collapse:collapse;background:white}.results-table th,.results-table td{padding:16px;text-align:center;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.results-table th:last-child,.results-table td:last-child{border-right:none}.results-table tbody tr:last-child td{border-bottom:none}.option-header,.option-cell{text-align:left;background:#f7fafc;color:#4a5568;position:sticky;left:0;z-index:1}.participant-header{background:#edf2f7;font-weight:600;color:#4a5568;min-width:120px}.summary-header{background:#e2e8f0;font-weight:600;color:#4a5568;min-width:140px}.status-cell{background:#fafafa;vertical-align:middle;text-align:center;display:table-cell}.results-table tbody tr:hover .status-cell{background:#f0f4f8}.results-table tbody tr:hover .option-cell{background:#edf2f7}.summary-cell{background:#f8fafc;padding:12px 8px;vertical-align:middle}.summary-content{display:flex;gap:8px;justify-content:center;align-items:center}.summary-item{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;min-width:32px;justify-content:center}.summary-yes{background:rgba(72,187,120,.1);color:#2f855a}.summary-no{background:rgba(245,101,101,.1);color:#c53030}.summary-unknown{background:rgba(160,174,192,.1);color:#4a5568}.summary-icon{font-size:10px}.summary-count{font-size:12px;font-weight:700}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable:hover{background:#e2e8f0}.summary-sort-container{display:flex;gap:8px;justify-content:center;align-items:center}.sort-button{cursor:pointer;padding:4px 6px;border-radius:4px;font-size:12px;font-weight:600;transition:background-color .2s;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:2px}.sort-button:hover{background:rgba(0,0,0,.1)}@media (max-width: 768px){.results-section{padding:20px 15px}.results-table th,.results-table td{padding:12px 8px;font-size:14px}.participant-header{min-width:100px}}.status-toggle{width:30px;height:30px;border:none;border-radius:50%;cursor:pointer;font-weight:700;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;justify-self:center;box-shadow:0 2px 4px #0000001a}.status-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.status-toggle:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.status-on{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.status-on:hover{background:linear-gradient(135deg,#38a169,#2f855a)}.status-off{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.status-off:hover{background:linear-gradient(135deg,#e53e3e,#c53030)}.status-unknown{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.status-unknown:hover{background:linear-gradient(135deg,#718096,#4a5568)}.status-icon{font-size:18px;line-height:1}