@import url(https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap);@import url(https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@500,700,800&display=swap);:root{--color-bg-primary:#fafafa;--color-bg-secondary:#f4f4f5;--color-bg-card:#fff;--color-accent:#0d9488;--color-accent-light:#14b8a6;--color-accent-dark:#0f766e;--color-text-primary:#18181b;--color-text-secondary:#52525b;--color-text-muted:#a1a1aa;--color-border:#e4e4e7;--color-border-light:#f4f4f5;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#0284c7;--font-sans:"Satoshi",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Cabinet Grotesk","Satoshi",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 32px #00000014;--shadow-xl:0 20px 40px -15px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--transition-fast:150ms cubic-bezier(0.16,1,0.3,1);--transition-base:200ms cubic-bezier(0.16,1,0.3,1);--transition-slow:300ms cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;background:var(--color-bg-primary);color:#18181b;color:var(--color-text-primary);font-family:Satoshi,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);line-height:1.6;min-height:100dvh}code{background:#f4f4f5;background:var(--color-bg-secondary);border-radius:8px;border-radius:var(--radius-sm);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-family:var(--font-mono);font-size:.9em;padding:.2em .4em}h1,h2,h3,h4,h5,h6{font-family:Cabinet Grotesk,Satoshi,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2}:focus-visible{outline:2px solid #0d9488;outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:#0d9488;background:var(--color-accent);color:#fff}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e4e4e7;background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa;background:var(--color-text-muted)}.App{background:var(--color-bg-primary);min-height:100dvh}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-bg-card);background:#ffffffe6;border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:var(--space-3)}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-light) 100%);border-radius:var(--radius-md);color:#fff;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.logo-text h1{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.tagline{color:var(--color-text-muted);font-size:.75rem;font-weight:500;margin-top:2px}.header-right{align-items:center;display:flex;gap:var(--space-6)}.header-nav{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-1)}.header-nav,.nav-button{display:flex;gap:var(--space-2)}.nav-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.nav-button:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.nav-button.active{background:var(--color-bg-card);box-shadow:var(--shadow-sm);color:var(--color-accent)}.nav-button .nav-icon,.nav-button svg{height:18px;width:18px}.header-status{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-xl);display:flex;font-size:.8rem;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.status-indicator{animation:breathe 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.status-text{color:var(--color-text-secondary)}.header-user{align-items:center;display:flex;gap:var(--space-3)}.user-name{background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-3)}.logout-button{align-items:center;background:#dc262614;border:1px solid #dc262633;border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:.8rem;font-weight:600;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.logout-button:hover{background:#dc26261f;transform:translateY(-1px)}.logout-button:active{transform:translateY(0) scale(.98)}.loading-screen{align-items:center;background:var(--color-bg-primary);display:flex;justify-content:center;min-height:100dvh}.loading-content{text-align:center}.loading-logo{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-light) 100%);border-radius:var(--radius-xl);color:#fff;display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto var(--space-6);width:64px}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:32px;margin:0 auto var(--space-4);width:32px}.loading-content p{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.app-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.8rem;margin-top:var(--space-8);padding:var(--space-6);text-align:center}main{width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}button{cursor:pointer;font-family:var(--font-sans)}.btn-primary,button{transition:all var(--transition-fast)}.btn-primary{align-items:center;border:none;border-radius:var(--radius-md);display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{align-items:center;color:var(--color-text-primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--color-text-muted)}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards}@media (max-width:1024px){.header-nav{display:none}.header-content{padding:0 var(--space-4)}}@media (max-width:768px){.app-header{padding:var(--space-3) var(--space-4)}.logo-text h1{font-size:1.25rem}.header-status,.tagline{display:none}}.clinics-management{background:var(--color-bg-primary);margin:0 auto;max-width:900px;min-height:100dvh;padding:var(--space-6)}.clinics-management h2{color:var(--color-text-primary);font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-8);text-align:left}.clinics-list-view{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.add-clinic-btn{display:inline-flex;margin-bottom:var(--space-8)}.clinics-list{display:flex;flex-direction:column;gap:var(--space-3)}.no-clinics{font-size:.9375rem;padding:var(--space-12);text-align:center}.clinic-item-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-base)}.clinic-item-container:hover{box-shadow:var(--shadow-md)}.clinic-item{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6);transition:all var(--transition-base)}.clinic-item:hover{background:var(--color-bg-secondary);transform:translateX(4px)}.clinic-item.expanded{background:var(--color-accent);border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--color-accent);color:#fff}.clinic-item.expanded .clinic-name{color:#fff}.clinic-name{color:var(--color-text-primary);font-family:var(--font-sans);font-size:.9375rem;font-weight:600}.clinic-arrow{font-size:1rem;font-weight:600;opacity:.6;transition:transform var(--transition-base)}.clinic-item.expanded .clinic-arrow{opacity:1}.clinic-actions{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-top:none;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-6)}.btn-action{align-items:center;background:var(--color-bg-card);border:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-3);padding:var(--space-3) var(--space-5);text-align:left;transition:all var(--transition-base)}.btn-action:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:translateX(6px)}.btn-action svg{opacity:.7}.btn-action:hover svg{opacity:1}.btn-back{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.btn-back:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-text-primary)}.availability-view,.create-clinic,.documents-section,.edit-clinic{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.availability-view h3,.create-clinic h3,.edit-clinic h3{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-6);margin-top:0}.form-buttons{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-group label{color:var(--color-text-primary);font-size:.875rem;margin-bottom:var(--space-2)}.form-group input,.form-group select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.9375rem;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0d94881a}.btn-add,.btn-delete,.btn-primary,.btn-remove,.btn-secondary,.btn-upload{align-items:center;border:none;border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-sans);font-size:.8125rem;font-weight:600;height:42px;justify-content:center;padding:var(--space-3) var(--space-5);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--color-accent);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-add,.btn-upload{background:var(--color-success);box-shadow:0 4px 12px #05966933;color:#fff}.btn-add:hover,.btn-upload:hover{box-shadow:0 6px 16px #0596694d;transform:translateY(-2px)}.btn-delete,.btn-remove{background:var(--color-error);box-shadow:0 4px 12px #dc262633;color:#fff}.btn-delete:hover,.btn-remove:hover{box-shadow:0 6px 16px #dc26264d;transform:translateY(-2px)}.clinic-editor{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-5);padding:var(--space-6)}.clinic-editor h4{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-top:0}.availability-section,.blocks-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.availability-view .availability-section,.availability-view .blocks-section{margin-top:var(--space-5)}.availability-section h5,.blocks-section h5{border-bottom:2px solid var(--color-accent);color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-5);margin-top:0;padding-bottom:var(--space-2)}.availability-item,.block-item{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);transition:all var(--transition-base)}.availability-item:hover,.block-item:hover{box-shadow:var(--shadow-md)}.availability-item input,.availability-item select,.block-item input,.block-item select{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);flex:1 1;font-family:var(--font-sans);font-size:.875rem;height:42px;min-width:120px;outline:none;padding:var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.block-item input[type=text],.block-item select{min-width:150px}.block-item input[type=datetime-local]{flex:1.2 1;min-width:180px}.block-item select{-webkit-appearance:auto;appearance:auto;cursor:pointer;flex:1.5 1}.availability-item input:focus,.availability-item select:focus,.block-item input:focus,.block-item select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0d94881a}.availability-controls,.blocks-controls{border-top:1px solid var(--color-border);display:flex;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5)}.documents-management{max-width:100%}.documents-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-5)}.documents-header h3{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0}.upload-section{align-items:center;display:flex;gap:var(--space-4)}.file-input-wrapper{position:relative}.file-input-label{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;min-width:200px;padding:var(--space-3) var(--space-5);text-align:center;transition:all var(--transition-base)}.file-input-label:hover{background:var(--color-accent);border-color:var(--color-accent);border-style:solid;color:#fff}.no-clinic-selected{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center}.no-clinic-selected p{color:var(--color-text-secondary);font-size:1rem;margin:0}.documents-list h4{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-5)}.no-documents{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);padding:var(--space-8);text-align:center}.documents-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.document-card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-5);transition:all var(--transition-base)}.document-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.document-info{flex:1 1}.document-name{color:var(--color-text-primary);display:block;font-weight:600;margin-bottom:var(--space-1);transition:color var(--transition-fast);word-break:break-word}.document-name:hover{color:var(--color-accent)}.document-size{color:var(--color-text-muted);display:block;font-size:.75rem}.document-actions{align-items:center;display:flex;gap:var(--space-2)}.btn-download{background:var(--color-success);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #05966933;color:#fff;cursor:pointer;font-size:1rem;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.btn-download:hover{box-shadow:0 4px 12px #0596694d;transform:translateY(-2px)}.btn-delete{background:var(--color-error);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #dc262633;color:#fff;cursor:pointer;font-size:1rem;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.btn-delete:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.btn-upload:disabled{background:var(--color-text-muted);box-shadow:none;cursor:not-allowed;transform:none}.attendants-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.attendants-management{max-width:100%}.attendants-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);padding-bottom:var(--space-5)}.attendants-header h3{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0 0 var(--space-2) 0}.attendants-description{color:var(--color-text-secondary);font-size:.875rem;margin:0}.add-attendant-form{align-items:flex-end;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-5)}.add-attendant-form .form-group{flex:1 1;margin-bottom:0}.attendants-list h4{color:var(--color-text-primary);font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:var(--space-5)}.no-attendants{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);padding:var(--space-8);text-align:center}.attendants-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.attendant-card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5);transition:all var(--transition-base)}.attendant-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.attendant-info{align-items:center;display:flex;gap:var(--space-3)}.attendant-icon{color:var(--color-accent)}.attendant-phone{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.btn-remove-attendant{background:var(--color-error);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #dc262633;color:#fff;cursor:pointer;font-size:1rem;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.btn-remove-attendant:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}@media (max-width:768px){.clinics-management{padding:var(--space-4)}.clinics-management h2{font-size:1.5rem;text-align:center}.clinics-list-view{padding:var(--space-5)}.availability-item,.block-item{align-items:stretch;flex-direction:column}.block-item .btn-remove,.block-item input,.block-item select{min-width:0;min-width:auto;width:100%}.availability-controls,.blocks-controls,.documents-header{flex-direction:column}.documents-header{align-items:stretch;gap:var(--space-5)}.upload-section{flex-direction:column;gap:var(--space-3)}.documents-grid{grid-template-columns:1fr}.document-card{align-items:center;flex-direction:column;gap:var(--space-4);text-align:center}.document-actions{flex-direction:row;gap:var(--space-4);justify-content:center}.add-attendant-form{align-items:stretch;flex-direction:column}.attendants-grid{grid-template-columns:1fr}}.system-users-section{border-top:1px solid var(--color-border);margin-top:var(--space-10);padding-top:var(--space-8)}.system-users-header{margin-bottom:var(--space-5)}.system-users-header h4{color:var(--color-text-primary);font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:var(--space-2)}.system-users-description{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--space-4)}.no-system-users{background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-muted);padding:var(--space-5);text-align:center}.system-users-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.system-user-card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5);transition:all var(--transition-base)}.system-user-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.system-user-info{align-items:center;display:flex;gap:var(--space-3)}.system-user-icon{color:var(--color-accent)}.system-user-details{display:flex;flex-direction:column;gap:var(--space-1)}.system-user-phone{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.system-user-date{color:var(--color-text-muted);font-size:.75rem}.system-user-actions{display:flex;gap:var(--space-2)}.btn-reset-password{background:var(--color-warning);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #d9770633;color:#fff;cursor:pointer;font-size:1rem;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.btn-reset-password:hover{box-shadow:0 4px 12px #d977064d;transform:translateY(-2px)}.btn-remove-user{background:var(--color-error);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #dc262633;color:#fff;cursor:pointer;font-size:1rem;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.btn-remove-user:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:450px;padding:var(--space-8);width:90%}.modal-content h4{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:700}.modal-content .form-group,.modal-content h4{margin-bottom:var(--space-5)}.modal-content .form-group label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-2)}.modal-content .form-group input,.modal-content .form-group select{border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9375rem;padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast);width:100%}.modal-content .form-group input:focus,.modal-content .form-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0d94881a;outline:none}.modal-hint{background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.8125rem;margin-bottom:var(--space-5);padding:var(--space-3)}.modal-buttons{display:flex;gap:var(--space-3);justify-content:flex-end}.btn-secondary{font-weight:500}@media (max-width:768px){.system-user-card{align-items:center;flex-direction:column;gap:var(--space-4);text-align:center}.system-user-actions{justify-content:center}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}}.doctors-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.doctors-management{max-width:100%}.doctors-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);padding-bottom:var(--space-5)}.doctors-header h3{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0 0 var(--space-2) 0}.doctors-description{color:var(--color-text-secondary);font-size:.875rem;margin:0}.add-doctor-form{align-items:flex-end;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-5)}.add-doctor-form .form-group{flex:1 1;margin-bottom:0;min-width:200px}.doctors-list h4{color:var(--color-text-primary);font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:var(--space-5)}.no-doctors{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);padding:var(--space-8);text-align:center}.doctors-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.doctor-card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5);transition:all var(--transition-base)}.doctor-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.doctor-info{align-items:center;display:flex;gap:var(--space-4)}.doctor-icon{color:var(--color-accent)}.doctor-details{display:flex;flex-direction:column;gap:var(--space-1)}.doctor-name{color:var(--color-text-primary);font-size:1rem;font-weight:600}.doctor-specialty{color:var(--color-accent);font-size:.875rem;font-weight:500}.doctor-crm{color:var(--color-text-muted);font-size:.75rem}.btn-remove-doctor{background:var(--color-error);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #dc262633;color:#fff;cursor:pointer;font-size:1rem;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.btn-remove-doctor:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.btn-doctors{background:var(--color-accent)!important;box-shadow:0 2px 8px #0d94884d!important}.btn-doctors:hover{background:var(--color-accent-dark)!important;box-shadow:0 4px 12px #0d948866!important}@media (max-width:768px){.add-doctor-form{flex-direction:column}.add-doctor-form .form-group{width:100%}.doctor-card{align-items:center;gap:var(--space-4);text-align:center}.doctor-card,.doctor-info{flex-direction:column}}.doctor-actions{align-items:center;display:flex;gap:var(--space-2)}.btn-doctor-availability{background:var(--color-info);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #0284c733;color:#fff;cursor:pointer;font-size:.8125rem;padding:var(--space-2) var(--space-3);transition:all var(--transition-base);white-space:nowrap}.btn-doctor-availability:hover{box-shadow:0 4px 12px #0284c74d;transform:translateY(-2px)}.doctor-availability-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.doctor-availability-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);padding-bottom:var(--space-5);text-align:center}.doctor-availability-header h3{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.375rem;font-weight:700;margin-bottom:var(--space-2)}.doctor-specialty-info{color:var(--color-accent);font-size:.875rem;font-weight:500}.clinic-hours-reference{background:#0d94880d;border:1px solid #0d948833;border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5)}.clinic-hours-reference h5{color:var(--color-accent-dark);font-size:.875rem;font-weight:600;margin-bottom:var(--space-3)}.clinic-hours-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.clinic-hour-tag{background:var(--color-bg-card);border:1px solid #0d948833;border-radius:20px;color:var(--color-accent-dark);font-size:.75rem;padding:var(--space-1) var(--space-3)}.availability-mode-toggle{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.toggle-option{align-items:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);transition:all var(--transition-base)}.toggle-option:hover{background:var(--color-bg-secondary);border-color:var(--color-accent)}.toggle-option input[type=radio]{accent-color:var(--color-accent);height:18px;margin-top:4px;width:18px}.toggle-option input[type=radio]:checked+.toggle-label strong{color:var(--color-accent)}.toggle-label{display:flex;flex-direction:column;gap:var(--space-1)}.toggle-label strong{color:var(--color-text-primary);font-size:.9375rem}.toggle-label small{color:var(--color-text-secondary);font-size:.8125rem}.doctor-availability-list{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-5)}.doctor-availability-list h5{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--space-2)}.availability-warning{background:#d977061a;border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning);font-size:.8125rem;margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3)}.doctor-availability-list .availability-item{align-items:center;background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3)}.doctor-availability-list .availability-item input[type=time],.doctor-availability-list .availability-item select{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.875rem;padding:var(--space-3)}.doctor-availability-list .availability-item input[type=time]:focus,.doctor-availability-list .availability-item select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0d94881a;outline:none}.doctor-availability-list .availability-item select{min-width:150px}.time-separator{font-size:.875rem}.doctor-availability-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-5)}.btn-secondary{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.9375rem;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-text-primary)}@media (max-width:768px){.doctor-availability-list .availability-item{align-items:stretch;flex-direction:column}.doctor-availability-list .availability-item select{width:100%}.doctor-availability-actions{flex-direction:column}.toggle-option{padding:var(--space-3) var(--space-4)}}.availability-manager{background:var(--color-bg-primary);min-height:100dvh;padding-bottom:80px}.am-header{background:var(--color-accent);box-shadow:var(--shadow-lg);color:#fff;padding:var(--space-4) var(--space-5);position:-webkit-sticky;position:sticky;top:0;z-index:100}.am-header .btn-back{background:#ffffff26;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:.875rem;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.am-header .btn-back:hover{background:#ffffff40}.am-header h2{font-family:var(--font-display);font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin:0}.am-header .clinic-name{font-size:.875rem;margin:var(--space-1) 0 0;opacity:.8}.am-content{margin:0 auto;max-width:800px;padding:var(--space-4)}.loading{color:var(--color-text-muted);padding:var(--space-10);text-align:center}.entity-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3);overflow:hidden;transition:all var(--transition-base)}.entity-section.expanded{box-shadow:var(--shadow-md)}.entity-header{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-4);transition:background var(--transition-fast)}.entity-header:hover{background:var(--color-bg-secondary)}.entity-section.expanded .entity-header{border-bottom:1px solid var(--color-border)}.clinic-header{background:#0d94880d}.entity-section.expanded .clinic-header{background:var(--color-accent);color:#fff}.entity-info{align-items:center;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.entity-icon{color:var(--color-accent);flex-shrink:0;font-size:1.5rem}.entity-section.expanded .entity-icon{color:#fff}.entity-title{min-width:0}.entity-title h3{font-family:var(--font-sans);font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-subtitle{display:block;font-size:.75rem;opacity:.7}.entity-toggle{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.toggle-icon{font-size:.75rem;opacity:.6;transition:transform var(--transition-base)}.hours-summary{display:none}@media (min-width:600px){.hours-summary{flex-wrap:wrap;max-width:300px}.day-summary,.hours-summary{display:flex;gap:var(--space-1)}.day-summary{align-items:center;background:#0d94881a;border-radius:var(--radius-sm);font-size:.6875rem;padding:var(--space-1) var(--space-2)}.entity-section.expanded .day-summary{background:#fff3}.day-label{color:var(--color-accent-dark);font-weight:600}.entity-section.expanded .day-label{color:#fff}.hour-badge{background:var(--color-bg-card);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.625rem;padding:2px var(--space-2)}}.inherits-badge{background:#0596691a;border-radius:12px;color:var(--color-success);font-size:.6875rem;font-weight:500;padding:var(--space-1) var(--space-3)}.no-hours{color:var(--color-text-muted);font-size:.75rem}.entity-body{padding:var(--space-4)}.empty-message{background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--space-4);padding:var(--space-5);text-align:center}.hours-list{gap:var(--space-3);margin-bottom:var(--space-4)}.hour-item,.hours-list{display:flex;flex-direction:column}.hour-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-3);position:relative}@media (min-width:500px){.hour-item{align-items:center;flex-direction:row;gap:var(--space-3)}}.select-weekday{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-sans);font-size:.875rem;min-width:140px;padding:var(--space-3)}.select-weekday:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0d94881a;outline:none}.time-inputs{align-items:center;display:flex;flex:1 1;gap:var(--space-2)}.time-inputs input[type=time]{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-family:var(--font-sans);font-size:.875rem;min-width:100px;padding:var(--space-3)}.time-inputs input[type=time]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0d94881a;outline:none}.time-separator{color:var(--color-text-muted);font-size:.8125rem}.btn-remove-hour{align-items:center;background:#dc26261a;border:none;border-radius:50%;color:var(--color-error);cursor:pointer;display:flex;font-size:.875rem;height:28px;justify-content:center;position:absolute;right:var(--space-2);top:var(--space-2);transition:all var(--transition-fast);width:28px}@media (min-width:500px){.btn-remove-hour{flex-shrink:0;position:static}}.btn-remove-hour:hover{background:var(--color-error);color:#fff}.btn-add-hour{background:#0000;border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:var(--space-3);transition:all var(--transition-fast);width:100%}.btn-add-hour:hover{background:#0d94880d;border-color:var(--color-accent);color:var(--color-accent)}.inherit-toggle{align-items:center;background:#0d94880d;border:1px solid #0d94881a;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.inherit-toggle input{display:none}.toggle-slider{background:var(--color-border);border-radius:13px;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-slider,.toggle-slider:after{transition:all var(--transition-normal)}.toggle-slider:after{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:22px;left:2px;position:absolute;top:2px;width:22px}.inherit-toggle input:checked+.toggle-slider{background:var(--color-success)}.inherit-toggle input:checked+.toggle-slider:after{left:calc(100% - 24px)}.toggle-label{color:var(--color-text-primary);font-family:var(--font-sans);font-size:.875rem;font-weight:500}.doctors-divider{align-items:center;display:flex;gap:var(--space-3);margin:var(--space-6) 0 var(--space-4)}.doctors-divider:after,.doctors-divider:before{background:var(--color-border);content:"";flex:1 1;height:1px}.doctors-divider span{color:var(--color-text-muted);font-family:var(--font-sans);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.no-doctors-message{color:var(--color-text-secondary);padding:var(--space-8) var(--space-5);text-align:center}.no-doctors-message p{margin:0}.no-doctors-message .hint{color:var(--color-text-muted);font-size:.8125rem;margin-top:var(--space-2)}.am-footer{background:var(--color-bg-card);border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -4px 20px #00000014;left:0;padding:var(--space-4);position:fixed;right:0;z-index:100}.am-footer.has-changes{background:var(--color-accent)}.btn-save{border:none;border-radius:var(--radius-md);cursor:pointer;display:block;font-family:var(--font-sans);font-size:1rem;font-weight:600;margin:0 auto;max-width:800px;padding:var(--space-4) var(--space-6);transition:all var(--transition-fast);width:100%}.am-footer:not(.has-changes) .btn-save{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:default}.am-footer.has-changes .btn-save{background:var(--color-success);box-shadow:0 4px 15px #0596694d;color:#fff}.am-footer.has-changes .btn-save:hover:not(:disabled){box-shadow:0 6px 20px #05966966;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.7}@media (min-width:768px){.am-header{padding:var(--space-5) var(--space-10)}.am-header h2{font-size:1.625rem}.am-content{padding:var(--space-6)}.entity-section{margin-bottom:var(--space-4)}.entity-header{padding:var(--space-5)}.entity-body{padding:var(--space-6)}.hour-item{padding:var(--space-4)}.am-footer{padding:var(--space-5) var(--space-10)}}.blocks-section .entity-header{background:var(--color-error)}.blocks-section.expanded .entity-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.blocks-header{color:#fff}.blocks-header .entity-subtitle{color:#fffc}.blocks-list{display:flex;flex-direction:column;gap:var(--space-4)}.block-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.block-item:hover{border-color:var(--color-error);box-shadow:var(--shadow-md)}.block-row{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.block-row:last-of-type{margin-bottom:0}.block-label{color:var(--color-text-muted);font-family:var(--font-sans);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.block-input,.block-select{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.875rem;padding:var(--space-3);transition:all var(--transition-fast);width:100%}.block-input:focus,.block-select:focus{background:var(--color-bg-card);border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261a;outline:none}.block-reason{max-width:100%}.btn-remove-block{align-items:center;background:#dc26261a;border:none;border-radius:50%;color:var(--color-error);cursor:pointer;display:flex;font-size:.875rem;height:28px;justify-content:center;position:absolute;right:var(--space-3);top:var(--space-3);transition:all var(--transition-fast);width:28px}.btn-remove-block:hover{transform:scale(1.1)}.btn-add-block,.btn-remove-block:hover{background:var(--color-error);color:#fff}.btn-add-block{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-weight:600;margin-top:var(--space-4);padding:var(--space-3);transition:all var(--transition-fast);width:100%}.btn-add-block:hover{box-shadow:0 4px 15px #dc26264d;transform:translateY(-2px)}@media (min-width:768px){.block-item{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr 1fr 2fr;padding:var(--space-5);padding-right:50px}.block-row{margin-bottom:0}}.appointments-test{margin:0 auto;max-width:1200px;padding:20px}.test-tabs{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;margin-bottom:20px}.test-tabs button{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s;white-space:nowrap}.test-tabs button.active{background-color:#f8f9fa;border-bottom-color:#28a745;font-weight:700}.test-tabs button:hover{background-color:#f8f9fa}.test-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.test-section h3{border-bottom:1px solid #dee2e6;color:#495057;margin-top:0;padding-bottom:10px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#28a745;box-shadow:0 0 0 2px #28a74540;outline:none}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .3s}.btn-primary{background-color:#28a745;color:#fff}.btn-primary:hover{background-color:#218838}.btn-secondary{background-color:#6c757d;color:#fff;margin-left:10px}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.result-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-top:20px;padding:15px}.result-section h4{color:#495057;margin-top:0}.result-section pre{background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;font-size:12px;line-height:1.4;overflow-x:auto;padding:10px}.query-options{display:flex;flex-direction:column;gap:20px}.query-options .form-group{align-items:end;display:flex;gap:10px}.query-options .form-group label{margin-bottom:5px}.query-options .form-group input{flex:1 1;margin-bottom:0}.query-options .form-group button{flex-shrink:0;margin-bottom:0;margin-left:0}@media (max-width:768px){.test-tabs{flex-direction:column}.test-tabs button{text-align:left;width:100%}.form-grid{grid-template-columns:1fr}.query-options .form-group{align-items:stretch;flex-direction:column}.query-options .form-group button{margin-left:0;margin-top:10px}}.pendencies-management{background:#f8fafc;min-height:100vh;padding:24px}.pendencies-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.pendencies-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.pendencies-summary{align-items:center;display:flex;gap:16px}.total-count{background:#3b82f6;border-radius:20px}.refresh-button,.total-count{color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.refresh-button{background:#10b981;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.refresh-button:hover{background:#059669;transform:translateY(-2px)}.error,.loading{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#64748b;font-size:16px;height:200px}.error{color:#ef4444;flex-direction:column;gap:16px}.retry-button{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.retry-button:hover{background:#dc2626}.no-pendencies{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:48px 24px;text-align:center}.no-pendencies-icon{font-size:48px;margin-bottom:16px}.no-pendencies h3{color:#10b981;font-size:20px;font-weight:700;margin-bottom:8px}.no-pendencies p{color:#64748b;font-size:16px}.pendencies-list{display:flex;flex-direction:column;gap:16px}.pendency-card{background:#fff;border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .3s ease}.pendency-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.pendency-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.pendency-info h4{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 4px}.pendency-id{background:#e2e8f0;border-radius:4px;color:#64748b;font-size:12px;font-weight:600;padding:4px 8px}.pendency-actions{display:flex;gap:8px}.complete-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.complete-button:hover{background:#059669;transform:translateY(-1px)}.pendency-details{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:16px}.pendency-details h5{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.pendency-details p{word-wrap:break-word;color:#1e293b;font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.pendency-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:16px}.pendency-date{color:#64748b;font-size:14px;font-weight:500}.pendencies-help{margin-top:32px}.help-card{background:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.help-card h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 16px}.help-card ul{margin:0;padding-left:20px}.help-card li{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:8px}@media (max-width:768px){.pendencies-management{padding:16px}.pendencies-header{align-items:flex-start;flex-direction:column;gap:16px}.pendencies-summary{justify-content:space-between;width:100%}.pendency-header{align-items:flex-start;flex-direction:column;gap:12px}.pendency-actions{justify-content:flex-end;width:100%}.pendency-card{padding:16px}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pendency-card{animation:slideInFromTop .3s ease}.system-health{animation:fadeIn .5s ease;padding:1.5rem}.system-health.loading{align-items:center;color:#64748b;display:flex;font-size:1.2rem;justify-content:center;min-height:400px}.health-header{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 4px 20px #00000014;gap:2rem;margin-bottom:1.5rem;padding:1.5rem}.health-header,.overall-status{align-items:center;display:flex}.overall-status{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid;border-radius:12px;gap:1rem;padding:1rem 1.5rem}.overall-status .status-icon{font-size:2.5rem}.overall-status .status-info h2{color:#64748b;font-size:.9rem;letter-spacing:1px;margin:0;text-transform:uppercase}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-top:.5rem;padding:.4rem 1rem}.quick-stats{display:flex;flex:1 1;gap:1rem;justify-content:center}.stat-box{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:12px;display:flex;flex-direction:column;min-width:100px;padding:1rem 1.5rem}.stat-box.warning{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-box.error{background:linear-gradient(135deg,#fee2e2,#fecaca)}.stat-box.info{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.stat-box .stat-value{color:#1e293b;font-size:1.8rem;font-weight:800}.stat-box .stat-label{color:#64748b;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.refresh-btn{background:var(--color-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 4px 15px #0d94884d;transform:translateY(-2px)}.health-tabs{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.health-tabs button{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.health-tabs button:hover{background:#f1f5f9;color:#1e293b}.health-tabs button.active{background:var(--color-accent);box-shadow:0 4px 15px #0d948833;color:#fff}.health-tabs .badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .5rem}.tab-content{animation:fadeIn .3s ease}.services-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service-card{background:#fff;border-left:4px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000000d;padding:1.5rem;transition:all .3s ease}.service-card.healthy{border-left-color:#10b981}.service-card.degraded{background:linear-gradient(135deg,#fffbeb,#fff);border-left-color:#f59e0b}.service-card.unhealthy{background:linear-gradient(135deg,#fef2f2,#fff);border-left-color:#ef4444}.service-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.service-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.service-header .service-icon{font-size:1.5rem}.service-header h3{color:#1e293b;font-size:1.1rem;margin:0;text-transform:capitalize}.service-status{align-items:center;display:flex;gap:.75rem}.status-pill{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.3rem .8rem;text-transform:uppercase}.latency{color:#64748b;font-size:.85rem;font-weight:500}.service-message{color:#64748b;font-size:.9rem;margin:.75rem 0 0}.circuits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.circuit-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:1.5rem;transition:all .3s ease}.circuit-card.closed{border-top:4px solid #10b981}.circuit-card.open{background:linear-gradient(180deg,#fef2f2,#fff 20%);border-top:4px solid #ef4444}.circuit-card.half_open{background:linear-gradient(180deg,#fffbeb,#fff 20%);border-top:4px solid #f59e0b}.circuit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.circuit-header h3{color:#1e293b;font-size:1.1rem;margin:0}.state-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:.4rem 1rem}.circuit-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.circuit-stat{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;padding:.75rem}.circuit-stat .label{color:#64748b;font-size:.75rem;margin-bottom:.25rem}.circuit-stat .value{color:#1e293b;font-size:1.25rem;font-weight:700}.circuit-stat .value.success{color:#10b981}.circuit-stat .value.error{color:#ef4444}.reset-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.reset-btn:hover{box-shadow:0 4px 15px #f59e0b4d;transform:translateY(-2px)}.retry-section{display:flex;flex-direction:column;gap:1.5rem}.retry-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.retry-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:1.5rem}.retry-card h3{color:#1e293b;font-size:1.1rem;margin:0 0 1.5rem}.retry-stats-grid{display:flex;flex-wrap:wrap;gap:1rem}.retry-stat{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;min-width:80px;padding:1rem 1.5rem}.retry-stat.pending{background:linear-gradient(135deg,#fef3c7,#fde68a)}.retry-stat.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.retry-stat.dead_letter,.retry-stat.failed{background:linear-gradient(135deg,#fee2e2,#fecaca)}.retry-stat .count{color:#1e293b;font-size:1.5rem;font-weight:800}.retry-stat .status{color:#64748b;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.worker-status{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.worker-indicator{font-weight:600}.worker-indicator.running{color:#10b981}.worker-indicator.stopped{color:#ef4444}.pending-count{color:#64748b;font-size:.9rem}.process-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.process-btn:hover{box-shadow:0 4px 15px #3b82f64d;transform:translateY(-2px)}.alerts-section{min-height:300px}.no-alerts{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.no-alerts .icon{font-size:4rem;margin-bottom:1rem}.no-alerts h3{color:#065f46;margin:0 0 .5rem}.no-alerts p{color:#047857;margin:0}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-card{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.25rem;transition:all .3s ease}.alert-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.alert-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.alert-type{background:#f1f5f9;border-radius:6px;color:#475569;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.alert-severity{font-size:.8rem;font-weight:700}.alert-time{color:#94a3b8;font-size:.8rem;margin-left:auto}.alert-message{color:#1e293b;font-size:.95rem;line-height:1.5;margin:0}.alert-details{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.detail-item{background:#f8fafc;border-radius:4px;color:#64748b;font-size:.8rem;padding:.25rem .5rem}.detail-item strong{color:#475569}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.health-header{align-items:stretch;flex-direction:column}.quick-stats{justify-content:space-between}.retry-overview{grid-template-columns:1fr}}@media (max-width:768px){.quick-stats{flex-wrap:wrap}.stat-box{flex:1 1;min-width:80px}.health-tabs{flex-wrap:wrap}.health-tabs button{flex:1 1 45%}}.agent-flow-viewer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;min-height:100vh}.afv-header{background:linear-gradient(135deg,#0f3460,#16213e);border-bottom:1px solid #ffffff1a;padding:20px}.afv-header h2{font-size:22px;font-weight:700;margin:0}.afv-header .clinic-name{font-size:14px;margin:4px 0 0;opacity:.7}.afv-content{display:flex;flex-direction:column;height:calc(100vh - 80px)}@media (min-width:900px){.afv-content{flex-direction:row}}.interactions-panel{background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;max-height:40vh;overflow:hidden}@media (min-width:900px){.interactions-panel{border-bottom:none;border-right:1px solid #ffffff1a;max-height:none;width:350px}}.panel-header{align-items:center;background:#0003;display:flex;justify-content:space-between;padding:16px}.panel-header h3{font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.count-badge{background:#e94560;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.search-box{background:#0000001a;display:flex;gap:8px;padding:12px 16px}.search-box input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:10px 14px}.search-box input::placeholder{color:#ffffff80}.search-box input:focus{border-color:#e94560;outline:none}.btn-refresh{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;height:40px;transition:all .2s ease;width:40px}.btn-refresh:hover{background:#e94560;border-color:#e94560}.empty-panel,.loading-panel{color:#fff9;padding:30px;text-align:center}.empty-panel .hint{font-size:12px;margin-top:8px;opacity:.6}.interactions-list{flex:1 1;overflow-y:auto}.interaction-item{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:14px 16px;transition:all .2s ease}.interaction-item:hover{background:#ffffff0d}.interaction-item.selected{background:linear-gradient(135deg,#e94560,#0f3460)}.interaction-header{display:flex;justify-content:space-between;margin-bottom:8px}.interaction-header .phone{color:#00d9ff;font-size:12px;font-weight:600}.interaction-header .time{font-size:11px;opacity:.6}.interaction-preview .user-msg{color:#fffc;font-size:13px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interaction-meta{display:flex;gap:8px;margin-top:8px}.time-badge,.tools-badge{background:#ffffff1a;border-radius:10px;font-size:10px;padding:3px 8px}.tools-badge{color:#00d9ff}.time-badge{color:gold}.detail-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.loading-detail,.no-selection{align-items:center;color:#ffffff80;display:flex;flex:1 1;flex-direction:column;justify-content:center}.no-selection .icon{font-size:48px;margin-bottom:16px}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-top-color:#e94560;height:40px;margin-bottom:16px;width:40px}.detail-header{background:#0003;border-bottom:1px solid #ffffff1a;padding:16px 20px}.detail-header h3{font-size:16px;font-weight:600;margin:0 0 12px}.tools-used .label{color:#ffffff80;display:block;font-size:11px;margin-bottom:6px;text-transform:uppercase}.tools-list{display:flex;flex-wrap:wrap;gap:6px}.tool-chip{background:#00d9ff33;border-radius:12px;color:#00d9ff;font-size:11px;font-weight:500;padding:4px 10px}.flow-container{flex:1 1;overflow-y:auto;padding:20px}.no-flow{color:#ffffff80;padding:40px;text-align:center}.flow-diagram{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px}.flow-node{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:14px;padding:16px;width:100%}.node-icon{flex-shrink:0;font-size:24px}.node-content{flex:1 1;min-width:0}.node-label{color:#ffffff80;display:block;font-size:10px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.node-content p{font-size:14px;line-height:1.5;margin:0;word-break:break-word}.start-node{background:linear-gradient(135deg,#00d9ff33,#00d9ff0d);border-color:#00d9ff4d}.start-node .node-label{color:#00d9ff}.end-node{background:linear-gradient(135deg,#e9456033,#e945600d);border-color:#e945604d}.end-node .node-label{color:#e94560}.tool_call-node{background:linear-gradient(135deg,#ffd70026,#ffd7000d);border-color:#ffd7004d}.tool_call-node .node-label{color:gold}.tool-name{color:gold;font-size:15px;font-weight:600;margin-bottom:8px}.tool-args{background:#0003;border-radius:8px;font-size:12px;padding:10px 12px}.arg-item{display:flex;gap:8px;margin-bottom:4px}.arg-item:last-child{margin-bottom:0}.arg-key{color:#fff9;flex-shrink:0}.arg-value{color:#fff;word-break:break-all}.tool_result-node{background:linear-gradient(135deg,#2ecc7126,#2ecc710d);border-color:#2ecc714d}.tool_result-node .node-label{color:#2ecc71}.tool-result{background:#0003;border-radius:8px;color:#fffc;font-size:13px;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.flow-connector{align-items:center;display:flex;flex-direction:column;padding:8px 0}.connector-line{background:linear-gradient(180deg,#ffffff4d,#ffffff1a);height:20px;width:2px}.connector-arrow{color:#ffffff4d;font-size:10px}@media (min-width:768px){.afv-header{padding:24px 30px}.afv-header h2{font-size:26px}.flow-node{padding:20px}}.dashboard-container{background:var(--color-bg-primary);margin:0 auto;max-width:1400px;min-height:100dvh;padding:0}.dashboard-nav{-webkit-overflow-scrolling:touch;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-2);margin-bottom:var(--space-6);overflow-x:auto;padding:var(--space-4) var(--space-6)}.dashboard-nav::-webkit-scrollbar{display:none}.dashboard-nav button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast);white-space:nowrap}.dashboard-nav button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.dashboard-nav button.active{background:var(--color-accent);box-shadow:var(--shadow-md);color:#fff}.dashboard-nav button .nav-icon,.dashboard-nav button svg{height:18px;width:18px}.dashboard-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:320px 1fr;margin-bottom:var(--space-6);padding:0 var(--space-6)}.metric-cards{flex-direction:column}.metric-card,.metric-cards{display:flex;gap:var(--space-4)}.metric-card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-base)}.metric-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card:active{transform:translateY(0) scale(.99)}.metric-card:before{display:none}.count-card,.status-card,.time-card{background:var(--color-bg-card)}.metric-icon{align-items:center;border-radius:var(--radius-lg);display:inline-flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;width:56px}.time-icon{background:#0284c71a;color:var(--color-info)}.count-icon{background:#0596691a;color:var(--color-success)}.status-icon{background:#0d94881a;color:var(--color-accent)}.metric-content h3{color:var(--color-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0;text-transform:uppercase}.metric-value{color:var(--color-text-primary);font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:var(--space-2) 0 0 0}.chart-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6);position:relative}.chart-container:before{display:none}.charts-grid{grid-gap:var(--space-4);align-items:stretch;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-full{grid-column:1/-1}.chart-container h2{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin:0 0 var(--space-6) 0}.custom-tooltip{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4)}.custom-tooltip p{color:var(--color-text-secondary);font-size:.8rem;margin:var(--space-1) 0}.no-data{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;height:300px;justify-content:center;text-align:center}.no-data .empty-icon,.no-data svg{height:48px;margin-bottom:var(--space-4);opacity:.5;width:48px}.no-data p{margin:var(--space-1) 0}.error,.loading{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.875rem;height:50vh;justify-content:center;margin:0 var(--space-6)}.error{color:var(--color-error)}.refresh-button,.retry-button{background-color:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:var(--space-4);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.refresh-button:hover,.retry-button:hover{background-color:var(--color-accent-dark);transform:translateY(-1px)}.refresh-info{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex;font-size:.8rem;justify-content:space-between;margin:0 var(--space-6) var(--space-6);padding:var(--space-4) var(--space-6)}.clinic-selector-wrapper{margin:0 auto;max-width:600px;padding:var(--space-12) var(--space-6);text-align:center}.clinic-selector-wrapper h2{color:var(--color-text-primary);font-family:var(--font-display);margin-bottom:var(--space-2)}.clinic-selector-wrapper p{color:var(--color-text-muted);margin-bottom:var(--space-8)}.clinic-selector-list{display:flex;flex-direction:column;gap:var(--space-3)}.clinic-select-btn{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--space-3);padding:var(--space-5) var(--space-6);text-align:left;transition:all var(--transition-fast)}.clinic-select-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:translateX(4px)}.no-clinics{color:var(--color-text-muted);font-style:italic}@media (max-width:1024px){.dashboard-grid{gap:var(--space-4);grid-template-columns:1fr;padding:0 var(--space-4)}.metric-cards{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.dashboard-nav{gap:var(--space-2);padding:var(--space-3) var(--space-4)}.dashboard-nav button{font-size:.8rem;padding:var(--space-2) var(--space-4)}.dashboard-grid{padding:0 var(--space-4)}.metric-cards{grid-template-columns:1fr}.chart-container{padding:var(--space-4)}.refresh-info{flex-direction:column;gap:var(--space-3);margin:0 var(--space-4) var(--space-4);text-align:center}}.chat-viewer{background-color:#f0f2f5;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;height:calc(100vh - 60px)}.chat-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;min-width:300px;width:350px}.sidebar-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px}.sidebar-header h2{color:#1a1a1a;font-size:1.25rem;margin:0 0 12px}.clinic-selector{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.95rem;padding:10px 12px;transition:border-color .2s;width:100%}.clinic-selector:focus{border-color:#ec407a;outline:none}.chat-stats{background-color:#fce4ec;border-bottom:1px solid #f8bbd9;display:flex;gap:16px;padding:12px 16px}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-value{color:#c2185b;font-size:1.25rem;font-weight:600}.stat-label{color:#880e4f;font-size:.75rem}.search-form{border-bottom:1px solid #e0e0e0;padding:8px 16px}.search-input{background-color:#f0f2f5;border:none;border-radius:20px;font-size:.9rem;padding:10px 12px;width:100%}.search-input:focus{background-color:#e8e8e8;outline:none}.conversations-list{flex:1 1;overflow-y:auto}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .15s}.conversation-item:hover{background-color:#f5f5f5}.conversation-item.selected{background-color:#fce4ec}.conversation-avatar{align-items:center;background:linear-gradient(135deg,#ec407a,#f48fb1);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:600;height:48px;justify-content:center;width:48px}.conversation-info{flex:1 1;margin-left:12px;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-name{color:#1a1a1a;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#888;flex-shrink:0;font-size:.75rem;margin-left:8px}.conversation-preview{color:#666;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-sender{color:#ec407a}.conversation-badge{background-color:#e0e0e0;border-radius:12px;color:#666;font-size:.75rem;margin-left:8px;padding:2px 8px}.empty-state,.loading{align-items:center;color:#888;display:flex;flex-direction:column;height:200px;justify-content:center;padding:20px;text-align:center}.chat-messages-area{background-color:#e5ddd5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23d0d0d0' fill-opacity='.15' fill-rule='evenodd'/%3E%3C/svg%3E")}.chat-messages-area,.no-chat-selected{display:flex;flex:1 1;flex-direction:column}.no-chat-selected{align-items:center;color:#667781;justify-content:center}.no-chat-icon{font-size:4rem;margin-bottom:16px;opacity:.7}.no-chat-selected h3{font-weight:400;margin:0 0 8px}.no-chat-selected p{font-size:.9rem;margin:0}.messages-header{align-items:center;background-color:#f0f2f5;border-bottom:1px solid #ddd;display:flex;padding:12px 16px}.header-avatar{align-items:center;background:linear-gradient(135deg,#ec407a,#f48fb1);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.header-info{flex:1 1;margin-left:12px}.header-info h3{color:#1a1a1a;font-size:1rem;font-weight:500;margin:0}.header-phone{color:#667781;font-size:.8rem}.header-badge{margin-left:auto}.read-only-badge{background-color:#fff3cd;border-radius:16px;color:#856404;font-size:.75rem;font-weight:500;padding:4px 12px}.messages-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px}.date-separator{display:flex;justify-content:center;margin:16px 0}.date-separator span{background-color:#ffffffe6;border-radius:8px;box-shadow:0 1px 2px #0000001a;color:#667781;font-size:.75rem;padding:6px 12px;text-transform:capitalize}.message{display:flex;margin-bottom:4px;max-width:65%}.message-user{align-self:flex-end}.message-assistant{align-self:flex-start}.message-bubble{border-radius:8px;box-shadow:0 1px 1px #0000001a;padding:8px 12px;position:relative}.message-user .message-bubble{background-color:#dcf8c6;border-top-right-radius:0}.message-assistant .message-bubble{background-color:#fff;border-top-left-radius:0}.message-text{word-wrap:break-word;color:#1a1a1a;font-size:.9rem;line-height:1.4;margin:0 0 4px;white-space:pre-wrap}.message-time{color:#667781;float:right;font-size:.65rem;margin-left:8px;margin-top:4px}.messages-footer{background-color:#f0f2f5;border-top:1px solid #ddd;padding:12px 16px}.read-only-notice{align-items:center;background-color:#fff3cd;border-radius:8px;color:#856404;display:flex;font-size:.85rem;gap:8px;justify-content:center;padding:12px}.conversations-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#0000}.conversations-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.back-button{background:none;border:none;border-radius:8px;color:#ec407a;cursor:pointer;font-size:1rem;font-weight:500;margin-right:8px;padding:8px 12px;transition:background-color .2s}.back-button:hover{background-color:#ec407a1a}.chat-messages-area,.chat-sidebar.hidden{display:none}.chat-messages-area.visible,.chat-viewer:not(.chat-active) .chat-messages-area,.chat-viewer:not(.chat-active) .chat-sidebar{display:flex}@media (max-width:900px){.chat-sidebar{border-right:none;min-width:100%;width:100%}.chat-messages-area{width:100%}.chat-viewer.chat-active .chat-sidebar,.chat-viewer:not(.chat-active) .chat-messages-area{display:none}.chat-viewer.chat-active .chat-messages-area{display:flex}.message{max-width:85%}}@media (min-width:901px){.chat-sidebar{display:flex!important;min-width:300px;width:350px}.chat-messages-area{flex:1 1}.chat-messages-area,.chat-sidebar.hidden{display:flex!important}.back-button{display:none}}.login-container{align-items:center;background:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;padding:var(--space-6);position:relative}.login-container:before{background:radial-gradient(circle at 20% 20%,#0d948808 0,#0000 50%),radial-gradient(circle at 80% 80%,#0d948808 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.login-card{animation:slideUp .4s var(--ease-out);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-12) var(--space-10);position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:var(--space-8);text-align:center}.login-logo{align-items:center;color:var(--color-accent);display:flex;justify-content:center;margin-bottom:var(--space-4)}.login-logo svg{height:56px;width:56px}.login-header h1{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-2) 0}.login-header p{color:var(--color-text-muted);font-size:.875rem;margin:0}.login-form{gap:var(--space-5)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;letter-spacing:.01em}.form-group input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.9375rem;outline:none;padding:var(--space-3) var(--space-4);transition:all .2s var(--ease-out)}.form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0d94881a}.form-group input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.7}.form-group input::placeholder{color:var(--color-text-muted)}.login-button{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;gap:var(--space-2);justify-content:center;margin-top:var(--space-2);padding:var(--space-3) var(--space-6);transition:all .2s var(--ease-out)}.login-button:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 4px 12px #0d948840;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.login-error{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:var(--radius-md);color:#ef4444;display:flex;font-size:.875rem;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.login-error svg{flex-shrink:0}.login-footer{border-top:1px solid var(--color-border);margin-top:var(--space-8);padding-top:var(--space-6);text-align:center}.login-footer p{color:var(--color-text-muted);font-size:.75rem;margin:0}@media (max-width:480px){.login-card{padding:var(--space-8) var(--space-6)}.login-logo svg{height:48px;width:48px}.login-header h1{font-size:1.5rem}}
/*# sourceMappingURL=main.4296d6d1.css.map*/