input[type=tel]{background-color:var(--input-bg-color);color:var(--text-color);border:1px solid var(--input-border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.9rem;width:100%;box-sizing:border-box;transition:var(--transition);font-family:inherit}input[type=tel]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #4361ee33}body.dark-theme input[type=tel]{background-color:var(--input-bg-color);color:var(--text-color);border-color:var(--input-border-color)}.controls-container{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;background-color:var(--body-bg);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.mode-selector{border-bottom:2px solid var(--gray-300);display:flex}.mode-button{background-color:transparent;border:none;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;padding:var(--spacing-sm) var(--spacing-md);font-weight:500;color:var(--text-muted);cursor:pointer;text-align:center;margin:0 2px -2px 0;border-bottom:3px solid transparent;transition:var(--transition);display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.95rem}.mode-button:hover{background-color:transparent;border-color:transparent}.mode-button.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.mode-button:hover:not(.active){color:var(--text-color);border-bottom-color:var(--gray-400)}.data-management{display:flex;gap:var(--spacing-sm);padding-bottom:2px}.mode-section{display:none;background-color:var(--card-bg);padding:var(--spacing-lg);border-radius:0 var(--border-radius) var(--border-radius) var(--border-radius);box-shadow:var(--box-shadow-sm);border:1px solid var(--border-color);border-top:none}.mode-section.active{display:block}.section-header{display:flex;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-200)}.section-icon{font-size:1.5em;color:var(--primary);margin-right:var(--spacing-sm);line-height:1}.section-header h2{margin-bottom:0;padding-bottom:0;border-bottom:none;color:var(--gray-800);font-weight:600;font-size:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-grid .form-group label{display:inline-flex;align-items:baseline;gap:var(--spacing-xs)}.form-icon{color:var(--text-muted);font-size:.9em;width:1.1em;text-align:center}.company-group{display:flex;align-items:flex-end;gap:5px}.company-group input{flex-grow:1}#reset-company{padding:var(--spacing-sm)}#last-attendee-info{margin-top:var(--spacing-lg)}#last-attendee-info h3{margin:0 0 var(--spacing-sm) 0;font-size:1.1rem;display:flex;align-items:center;gap:var(--spacing-sm)}#generated-id{font-weight:600;background-color:var(--card-bg);padding:2px 6px;border-radius:var(--border-radius-sm);border:1px solid var(--gray-200);font-family:monospace}.status-message{padding:var(--spacing-sm) var(--spacing-md);font-size:.9em;border-radius:var(--border-radius-sm);text-align:center;margin-top:var(--spacing-sm);background-color:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-basis:100%}.status-message.success{background-color:#d1f7e5;border-color:#a4e6c3;color:#0a6b3d}.status-message.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.status-message.info{background-color:#e7f3ff;border-color:#b6d7f8;color:#0c5dad}.status-message.warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.attendee-list-manage,.attendee-list-attendance{max-height:450px;overflow-y:auto;border:1px solid var(--gray-200);padding:var(--spacing-sm);background-color:var(--card-bg);border-radius:var(--border-radius-sm)}.attendee-list-manage{margin-top:var(--spacing-md)}.management-list-area{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.management-list-area .section-header{margin-bottom:var(--spacing-sm);border-bottom:none;padding-bottom:0}.management-list-area>p{font-size:.9em;color:var(--text-muted);margin-bottom:var(--spacing-md)}.empty-list-message{color:var(--text-muted);font-style:italic;text-align:center;padding:var(--spacing-lg)}.attendee-item{background-color:var(--card-bg);border:1px solid var(--gray-200);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.9rem;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);transition:var(--transition)}.attendee-item:hover{background-color:var(--gray-100)}.attendee-details{flex-grow:1;display:flex;flex-direction:column;gap:2px}.attendee-details strong{font-size:1rem;font-weight:600;color:var(--text-color)}.attendee-details span{font-size:.88rem;color:var(--text-muted);line-height:1.4;display:inline-flex;align-items:center;gap:5px}.attendee-details span i{font-size:.9em;width:1em;text-align:center}.attendee-id{font-weight:500;color:var(--text-color);background-color:var(--gray-200);padding:2px 6px;border-radius:var(--border-radius-sm);display:inline-block;margin-top:var(--spacing-xs);font-size:.8rem;font-family:monospace}.attendee-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.attendance-input{margin-bottom:var(--spacing-lg);display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--gray-200)}.attendance-input label{font-weight:500;margin-right:5px;display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-bottom:0}#attendance-id-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);font-size:1.1rem;width:150px;text-align:center;background-color:var(--input-bg-color);color:var(--text-color)}#attendance-id-input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 2px #4361ee33}.reset-button{margin-left:auto}.attendance-columns{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.attendance-column{flex:1;background-color:var(--gray-100);padding:var(--spacing-lg);border:1px solid var(--gray-200);border-radius:var(--border-radius);min-height:300px;display:flex;flex-direction:column}.attendance-column h3{margin-top:0;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);color:var(--gray-800);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.1rem}.attendance-column h3 i{font-size:1.1em;color:var(--text-muted)}.attendee-list-attendance{background-color:var(--card-bg);flex-grow:1}#edit-attendee-form .form-group{margin-bottom:var(--spacing-md)}#edit-attendee-form .form-group label{display:inline-flex;align-items:baseline;gap:var(--spacing-xs)}.app-modal-text{margin-bottom:var(--spacing-md);line-height:1.7;color:var(--text-muted)}.app-modal-text strong{color:var(--text-color);font-weight:600}.warning-text{color:var(--warning)!important}body.dark-theme .mode-section{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .controls-container{background-color:var(--body-bg)}body.dark-theme .attendee-item{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .attendee-item:hover{background-color:var(--gray-200)}body.dark-theme .attendee-id{background-color:var(--gray-300);color:var(--text-color)}body.dark-theme .attendance-column{background-color:var(--gray-100);border-color:var(--border-color)}body.dark-theme .attendee-list-manage,body.dark-theme .attendee-list-attendance{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme #attendance-id-input{background-color:var(--input-bg-color);color:var(--text-color);border-color:var(--input-border-color)}body.dark-theme .status-message.success{background-color:#1a3a2a;color:#7edba7;border-color:#2a5a3e}body.dark-theme .status-message.error{background-color:#3a1a1e;color:#ff8a95;border-color:#5a2a30}body.dark-theme .status-message.info{background-color:#1a2f4a;color:#8cc4ff;border-color:#2a4a6e}body.dark-theme .status-message.warning{background-color:#3a3020;color:#ffd166;border-color:#5a4a30}body.dark-theme #generated-id{background-color:var(--gray-200);border-color:var(--border-color);color:var(--text-color)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.attendance-columns{flex-direction:column;gap:var(--spacing-md)}.reset-button{margin-left:0;width:100%;margin-top:var(--spacing-sm)}.mode-selector{width:100%;justify-content:center;margin-bottom:var(--spacing-sm)}.data-management{width:100%;justify-content:center;margin-top:var(--spacing-xs);gap:var(--spacing-sm)}.mode-section{border-radius:var(--border-radius);border-top:1px solid var(--border-color);margin-top:var(--spacing-md)}.section-header h2{font-size:1.3rem}}@media (max-width: 480px){.mode-button{padding:var(--spacing-sm);font-size:.85rem;gap:var(--spacing-xs)}.data-management button{flex-grow:1}.attendee-item{flex-direction:column;align-items:flex-start}.attendee-actions{margin-top:var(--spacing-sm);width:100%;justify-content:flex-end}.attendance-input{padding-bottom:var(--spacing-sm)}.section-header{flex-direction:column;align-items:flex-start;gap:5px}.section-icon{margin-right:0;margin-bottom:5px}.section-header h2{font-size:1.2rem}}