body{margin:0;padding:0;font-family:Arial,sans-serif}.modal-overlay[data-v-d56afc71]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-d56afc71]{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:95%;max-width:600px;max-height:90vh;overflow-y:auto;margin:0 10px}.modal-header[data-v-d56afc71]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2[data-v-d56afc71]{margin:0;font-size:1.25rem;color:#333}.close-button[data-v-d56afc71]{background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer}.close-button[data-v-d56afc71]:hover{color:#333}.modal-body[data-v-d56afc71]{padding:1.5rem}.form-group[data-v-d56afc71]{margin-bottom:1.5rem}label[data-v-d56afc71]{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-control[data-v-d56afc71]{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;transition:border-color .2s}textarea.form-control[data-v-d56afc71]{min-height:100px;resize:vertical}.form-control[data-v-d56afc71]:focus{border-color:#4caf50;outline:none}.form-control.is-invalid[data-v-d56afc71]{border-color:#f44336}.error-message[data-v-d56afc71]{color:#f44336;font-size:.875rem;margin-top:.25rem}.form-error[data-v-d56afc71]{background-color:#ffebee;padding:1rem;border-radius:4px;margin-bottom:1rem;color:#d32f2f;font-size:.875rem}.form-actions[data-v-d56afc71]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;flex-wrap:wrap}@media (max-width: 480px){.form-actions[data-v-d56afc71]{justify-content:center}.btn[data-v-d56afc71]{width:100%;margin-bottom:.5rem}}.btn[data-v-d56afc71]{padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-primary[data-v-d56afc71]{background-color:#4caf50;color:#fff}.btn-primary[data-v-d56afc71]:hover{background-color:#43a047}.btn-secondary[data-v-d56afc71]{background-color:#f5f5f5;color:#333}.btn-secondary[data-v-d56afc71]:hover{background-color:#e0e0e0}.predefined-participants[data-v-d56afc71]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.participant-option[data-v-d56afc71]{padding:.5rem 1rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s;flex:1 0 auto;text-align:center;min-width:120px}@media (max-width: 480px){.participant-option[data-v-d56afc71]{flex:1 0 100%;padding:.75rem 1rem}}.participant-option[data-v-d56afc71]:hover{background-color:#e0e0e0}.participant-option.selected[data-v-d56afc71]{background-color:#4caf50;color:#fff;border-color:#4caf50}.custom-option[data-v-d56afc71]{background-color:#f0f8ff;border:1px dashed #4CAF50;display:flex;align-items:center;justify-content:center}.plus-icon[data-v-d56afc71]{font-style:normal;margin-right:.5rem;font-size:1.2rem;font-weight:700}.custom-participant-form[data-v-d56afc71]{background-color:#f9f9f9;padding:1rem;border-radius:4px;margin-bottom:1rem}.btn-link[data-v-d56afc71]{background:none;border:none;color:#2196f3;padding:.5rem 0;text-decoration:underline;cursor:pointer;font-size:.9rem}.btn-link[data-v-d56afc71]:hover{color:#0b7dda;text-decoration:none}.back-to-predefined[data-v-d56afc71]{margin-top:.5rem;display:inline-block}:root{--color-background: #ffffff;--color-background-soft: #f8f8f8;--color-background-mute: #f2f2f2;--color-border: #e0e0e0;--color-border-hover: #d0d0d0;--color-heading: #333333;--color-text: #444444;--color-primary: #4CAF50;--color-primary-hover: #43A047;--color-secondary: #2196F3;--color-secondary-hover: #1976D2;--color-danger: #F44336;--color-danger-hover: #D32F2F}:root{--color-background: var(--color-background);--color-background-soft: var(--color-background-soft);--color-background-mute: var(--color-background-mute);--color-border: var(--color-border);--color-border-hover: var(--color-border-hover);--color-heading: var(--color-heading);--color-text: var(--color-text)}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Arial,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #4CAF50;--primary-color-dark: #43A047;--secondary-color: #2196F3;--secondary-color-dark: #1976D2;--danger-color: #F44336;--danger-color-dark: #D32F2F;--text-color: #333;--text-color-light: #666;--border-color: #e0e0e0;--background-color: #f5f5f5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--text-color);background-color:#fff}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-primary{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-color-dark);border-color:var(--primary-color-dark)}.btn-secondary{color:#fff;background-color:var(--secondary-color);border-color:var(--secondary-color)}.btn-secondary:hover{background-color:var(--secondary-color-dark);border-color:var(--secondary-color-dark)}.btn-danger{color:#fff;background-color:var(--danger-color);border-color:var(--danger-color)}.btn-danger:hover{background-color:var(--danger-color-dark);border-color:var(--danger-color-dark)}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}