.receptionists-page{padding:var(--spacing-lg);max-width:100%;background:var(--background);width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0}@media (max-width:768px){.receptionists-page{padding:var(--spacing-sm);height:100%;min-height:100vh;min-height:100dvh}}@media (max-width:480px){.receptionists-page{padding:var(--spacing-xs)}}.receptionists-page>.tabs-container{flex:1 1;min-height:0;display:flex;flex-direction:column}.receptionists-page-loading{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--textSecondary)}.receptionists-tab-panel{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;min-height:0}@media (max-width:768px){.receptionists-tab-panel{gap:var(--spacing-md)}}.receptionists-content-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1 1}.receptionists-tab-header{display:flex;flex-direction:column;gap:var(--spacing-md);flex-shrink:0}@media (max-width:768px){.receptionists-tab-header{gap:var(--spacing-sm)}}.receptionists-tab-title h1{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--text)}.receptionists-tab-title p{margin:0;color:var(--textSecondary);font-size:var(--font-size-sm)}@media (max-width:768px){.receptionists-tab-title h1{font-size:var(--font-size-xl)}.receptionists-tab-title p{font-size:var(--font-size-xs)}}.receptionists-tab-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}@media (max-width:768px){.receptionists-tab-actions{flex-direction:column;width:100%}.receptionists-tab-actions>*{width:100%}.receptionists-search-input-wrapper{width:100%;max-width:100%;order:-1}}@media (min-width:768px){.receptionists-tab-header{flex-direction:row;align-items:center;justify-content:space-between}.receptionists-tab-actions{justify-content:flex-end}}.receptionists-search-input-wrapper{position:relative;display:flex;align-items:center;min-width:250px}.receptionists-search-icon{position:absolute;left:var(--spacing-sm);width:18px;height:18px;color:var(--textSecondary);pointer-events:none}.receptionists-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-sm) * 2 + 18px);font-size:var(--font-size-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);transition:border-color .2s,box-shadow .2s}.receptionists-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.receptionists-search-input::placeholder{color:var(--textSecondary)}.receptionists-page-add-btn{display:flex;align-items:center;gap:var(--spacing-xs)}.receptionists-page-add-icon{width:18px;height:18px}.receptionist-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (max-width:768px){.receptionist-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}}@media (max-width:480px){.receptionist-stats{grid-template-columns:1fr}}.receptionist-stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.receptionist-stat-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.receptionist-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.receptionist-stat-icon-total{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.receptionist-stat-icon-active{background:rgba(34,197,94,.1);color:#22c55e}.receptionist-stat-icon-inactive{background:rgba(239,68,68,.1);color:#ef4444}.receptionist-stat-info{display:flex;flex-direction:column;gap:2px}.receptionist-stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text);line-height:1}.receptionist-stat-label{font-size:var(--font-size-sm);color:var(--textSecondary)}.receptionists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);align-items:start}@media (max-width:768px){.receptionists-grid{grid-template-columns:1fr}}.receptionist-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:var(--spacing-md);height:-moz-fit-content;height:fit-content;align-self:start}.receptionist-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.receptionist-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md)}.receptionist-info{flex:1 1;min-width:0}.receptionist-role{font-size:var(--font-size-sm);color:var(--textSecondary);margin:0}.receptionist-menu-wrapper{position:relative}.receptionist-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--textSecondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.receptionist-menu-trigger:hover{background:var(--background);color:var(--text)}.receptionist-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:100;overflow:hidden}.receptionist-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text);font-size:var(--font-size-sm);cursor:pointer;transition:background .2s;text-align:left}.receptionist-menu-item:hover{background:var(--background)}.receptionist-menu-item-danger{color:#ef4444}.receptionist-menu-item-danger:hover{background:rgba(239,68,68,.1)}.receptionist-card-body{padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.receptionist-contact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.receptionist-contact-item{display:flex;align-items:center;gap:var(--spacing-sm)}.receptionist-contact-icon{width:16px;height:16px;color:var(--textSecondary);flex-shrink:0}.receptionist-contact-text{font-size:var(--font-size-sm);color:var(--textSecondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receptionist-card-footer{display:flex;justify-content:flex-end;padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.receptionist-status{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full)}.receptionist-status-active{background:rgba(34,197,94,.1);color:#22c55e}.receptionist-status-inactive{background:rgba(239,68,68,.1);color:#ef4444}.receptionists-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg)}.receptionists-empty-icon{width:64px;height:64px;margin-bottom:var(--spacing-md);color:var(--textSecondary)}.receptionists-empty-icon svg{width:100%;height:100%}.receptionists-empty h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg);font-weight:600;color:var(--text)}.receptionists-empty p{margin:0 0 var(--spacing-lg);font-size:var(--font-size-sm);color:var(--textSecondary)}.receptionists-empty-btn{display:flex;align-items:center;gap:var(--spacing-xs)}.receptionists-empty-btn-icon{width:18px;height:18px}.receptionist-form-container{max-width:600px;margin:0 auto;padding:var(--spacing-lg)}.receptionist-form-header{margin-bottom:var(--spacing-lg)}.receptionist-form-title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xl);font-weight:600;color:var(--text)}.receptionist-form-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--textSecondary)}.receptionist-form-error{padding:var(--spacing-md)}.receptionist-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width:640px){.receptionist-form-grid{grid-template-columns:1fr}}.receptionist-form-label svg{color:var(--textSecondary)}.receptionist-form-input{transition:border-color .2s,box-shadow .2s}.receptionist-form-input::placeholder{color:var(--textSecondary)}.receptionist-form-input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.receptionist-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.receptionist-modal-overlay{inset:0;padding:var(--spacing-md)}.receptionist-modal{max-width:500px;overflow:auto}.receptionist-modal-sm{max-width:400px}.receptionist-modal-header{align-items:center;padding:var(--spacing-md) var(--spacing-lg)}.receptionist-modal-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text)}.receptionist-modal-title-icon{width:24px;height:24px}.receptionist-modal-title-icon-danger{color:#ef4444}.receptionist-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--textSecondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.receptionist-modal-close:hover{background:var(--background);color:var(--text)}.receptionist-modal-body{padding:var(--spacing-lg)}.receptionist-modal-text{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text)}.receptionist-modal-warning{margin:0;font-size:var(--font-size-sm);color:var(--textSecondary)}.receptionist-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border)}.receptionist-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.receptionist-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.receptionist-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.receptionist-modal-title h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text);margin:0;margin-bottom:var(--spacing-xs)}.receptionist-modal-title p{font-size:var(--font-size-sm);color:var(--textSecondary);margin:0}.receptionist-modal-close{flex-shrink:0}.receptionist-modal-form{display:flex;flex-direction:column;flex:1 1;min-height:0}.receptionist-form-content{padding:var(--spacing-lg);flex:1 1;overflow-y:auto}.receptionist-form-error{padding:var(--spacing-sm) var(--spacing-md);background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.receptionist-form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md)}.receptionist-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.receptionist-form-group-full{grid-column:1/-1}.receptionist-form-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--text)}.receptionist-form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:border-color .2s;background:var(--surface);color:var(--text)}.receptionist-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.receptionist-form-input-error{border-color:#ef4444}.receptionist-form-input-disabled{background:var(--background);color:var(--textSecondary);cursor:not-allowed}.receptionist-form-field-error{font-size:var(--font-size-xs);color:#ef4444}.receptionist-form-hint{font-size:var(--font-size-xs);color:var(--textSecondary)}.receptionist-modal-actions{padding:var(--spacing-lg);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--spacing-sm);background:var(--surface)}.receptionist-form-tabs{overflow:hidden}.receptionist-form-tabs,.receptionist-form-tabs .tabs-container{flex:1 1;min-height:0;display:flex;flex-direction:column}.receptionist-form-tabs .tabs-content{flex:1 1;min-height:0;overflow-y:auto;padding:var(--spacing-lg)}.receptionist-form-section{margin-bottom:var(--spacing-lg)}.receptionist-form-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.receptionist-settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md)}.receptionist-settings-card-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.receptionist-settings-card-info{flex:1 1;min-width:200px}.receptionist-settings-card-title{font-weight:500;color:var(--text);margin:0 0 var(--spacing-xs) 0}.receptionist-settings-card-description{font-size:var(--font-size-sm);color:var(--textSecondary);margin:0}.receptionist-settings-card-actions{display:flex;gap:var(--spacing-sm)}.receptionist-modal-inline-wrapper{position:relative}.receptionist-modal-inline,.receptionist-modal-inline-wrapper{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.receptionist-modal-inline{max-width:100%;border-radius:0;box-shadow:none;border:none;margin:0}.receptionist-modal-inline .receptionist-modal-form{flex:1 1;display:flex;flex-direction:column;overflow:hidden;padding:0}.receptionist-modal-inline .receptionist-form-content{flex:1 1;min-height:0;display:flex;flex-direction:column}.receptionist-modal-inline .receptionist-modal-actions{flex-shrink:0;border-top:1px solid var(--border);padding:var(--spacing-lg);background:var(--surface)}@media (max-width:768px){.receptionist-modal-overlay{padding:var(--spacing-md)}.receptionist-modal{max-height:95vh}.receptionist-form-content,.receptionist-modal-actions,.receptionist-modal-header{padding:var(--spacing-md)}.receptionist-form-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.receptionist-modal-inline .receptionist-modal-actions{padding:var(--spacing-md)}}@media (max-width:480px){.receptionist-modal-actions{flex-direction:column-reverse}.receptionist-modal-actions>*{width:100%;justify-content:center}}