@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #197398;--primary-light: #4a9abd;--primary-dark: #0d5470;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--surface-elevated: rgba(255, 255, 255, .7);--glass-bg: rgba(255, 255, 255, .25);--text-main: #1f2937;--text-secondary: #4b5563;--text-light: #f3f4f6;--bg-color: #f3f4f6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-main: "Outfit", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}a{text-decoration:none;color:inherit}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000000d}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.spin-slow{animation:spin 3s linear infinite}.sidebar{width:260px;background-color:#fff;border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:50;box-shadow:4px 0 24px #00000005}.sidebar-header{padding:32px 24px}.logo-text{font-family:var(--font-main);font-size:20px;font-weight:700;color:var(--primary-dark);letter-spacing:-.5px;line-height:1.2}.logo-accent{color:var(--primary)}.sidebar-nav{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--text-secondary);transition:all .2s ease;font-weight:500;font-size:15px;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background-color:#f8fafc;color:var(--primary)}.nav-item.active{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #19739833}.nav-group{display:flex;flex-direction:column;gap:4px;width:100%}.nav-children{display:flex;flex-direction:column;gap:4px;padding-left:12px;width:100%}.nav-item.sub-item{font-size:14px;padding:10px 16px;border-left:1px solid #e2e8f0;border-radius:0 12px 12px 0}.nav-item.sub-item.active{background-color:#f1f5f9;color:var(--primary);border-left-color:var(--primary);box-shadow:none;font-weight:600}.nav-icon{flex-shrink:0}.nav-item.whatsapp-web-item .nav-icon,.nav-item.whatsapp-web-item:hover .nav-icon{color:#128c7e}.nav-item.whatsapp-web-item.active .nav-icon{color:#fff}.sidebar-footer{padding:24px;border-top:1px solid rgba(0,0,0,.05)}.logout-btn:hover{background-color:#fee2e2;color:var(--error)}@media(max-width:768px){.sidebar{width:72px}.sidebar-header{padding:24px 0;display:flex;justify-content:center}.logo-text{font-size:0;width:32px;height:32px;background:var(--primary);border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center}.logo-text:before{content:"G";font-size:20px;color:#fff;font-weight:700}.sidebar-nav{padding:0 8px;align-items:center}.nav-item{justify-content:center;padding:12px;width:48px;height:48px}.nav-label{display:none}.sidebar-footer{padding:16px 8px;display:flex;justify-content:center}}.app-layout{display:flex;min-height:100vh;background-color:var(--bg-color)}.main-content{flex:1;margin-left:260px;min-width:0;position:relative}.content-container{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}@media(max-width:1024px){.content-container{padding:var(--spacing-md)}}@media(max-width:768px){.main-content{margin-left:72px}}.access-denied-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2rem;text-align:center;position:relative;overflow:hidden}.access-denied-page:before,.access-denied-page:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 8s ease-in-out infinite}.access-denied-page:before{width:400px;height:400px;background:linear-gradient(135deg,#e94560,#ff6b6b);top:-100px;right:-100px;animation-delay:0s}.access-denied-page:after{width:300px;height:300px;background:linear-gradient(135deg,#0f3460,#533483);bottom:-50px;left:-50px;animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.access-denied-content{position:relative;z-index:1;max-width:500px}.lock-icon-container{position:relative;width:140px;height:140px;margin:0 auto 2rem}.lock-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(145deg,#e9456026,#e945600d);border:2px solid rgba(233,69,96,.3);display:flex;align-items:center;justify-content:center;animation:pulse-ring 2s ease-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lock-circle svg{color:#e94560;filter:drop-shadow(0 0 20px rgba(233,69,96,.4))}@keyframes pulse-ring{0%{box-shadow:0 0 #e9456066}70%{box-shadow:0 0 0 20px #e9456000}to{box-shadow:0 0 #e9456000}}.error-code{font-size:5rem;font-weight:800;background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 0 40px rgba(233,69,96,.3);letter-spacing:-2px}.access-denied-title{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.access-denied-description{color:#ffffffb3;font-size:1.05rem;line-height:1.7;margin-bottom:2.5rem}.permission-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.permission-info p{color:#fff9;font-size:.9rem;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.permission-info svg{color:#ffc107}.access-denied-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-home{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#e94560,#d63e55);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px #e945604d}.btn-home:hover{transform:translateY(-2px);box-shadow:0 8px 30px #e9456066;background:linear-gradient(135deg,#f05070,#e94560)}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .3s ease}.btn-back:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.access-denied-page .user-info{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#ffffff0d;border-radius:50px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#533483,#0f3460);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.user-details{text-align:left}.user-name{color:#ffffffe6;font-size:.875rem;font-weight:500;margin:0}.user-email{color:#ffffff80;font-size:.75rem;margin:0}@media(max-width:600px){.error-code{font-size:3.5rem}.access-denied-title{font-size:1.4rem}.access-denied-description{font-size:.95rem}.access-denied-actions{flex-direction:column}.btn-home,.btn-back{width:100%;justify-content:center}.access-denied-page .user-info{position:relative;bottom:auto;left:auto;transform:none;margin-top:3rem}}.settings-page{padding:24px;max-width:1200px;margin:0 auto}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:32px}.settings-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.settings-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary-color)}.icon-wrapper{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-icon{background-color:#3b82f61a;color:#3b82f6}.role-icon{background-color:#10b9811a;color:#10b981}.card-content{flex:1}.card-content h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.card-content p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.action-icon{color:var(--text-secondary);opacity:.5;transition:transform .2s ease}.settings-card:hover .action-icon{transform:translate(4px);opacity:1;color:var(--primary-color)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-container{background:#fff;border-radius:20px;width:90%;max-width:650px;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.05)}.modal-title{font-size:20px;font-weight:700;color:var(--text-main)}.modal-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:#f1f5f9;color:var(--text-main)}.modal-content{padding:24px;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px}.feedback-icon{margin-bottom:16px}.feedback-icon.success{color:#16a34a}.feedback-icon.error{color:#dc2626}.feedback-icon.warning{color:#f59e0b}.feedback-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 8px}.feedback-message{color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.5}.feedback-actions{display:flex;gap:12px;justify-content:center;width:100%}.btn-primary{background-color:var(--primary);color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;transition:all .2s;border:none;cursor:pointer;min-width:100px}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background-color:#fff;color:var(--text-secondary);border:1px solid #e2e8f0;padding:10px 24px;border-radius:8px;font-weight:500;transition:all .2s;cursor:pointer}.btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1}.roles-page{width:100%}.roles-page .page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.roles-page .title-area,.roles-page .actions-area{display:flex;align-items:center;gap:12px}.roles-page .count-badge{background:var(--primary-light);color:#fff;font-size:14px;font-weight:700;padding:2px 10px;border-radius:99px}.roles-page .search-box{position:relative;display:flex;align-items:center}.roles-page .search-box .search-icon{position:absolute;left:12px;color:var(--text-secondary)}.roles-page .search-box input{height:44px;padding-left:40px;padding-right:16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);min-width:250px;font-family:var(--font-main)}.roles-page .search-box input:focus{outline:none;border-color:var(--primary)}.roles-page .new-professional-btn{height:44px;padding:0 20px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 6px #19739833;transition:all .2s}.roles-page .new-professional-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.roles-page .table-container{background:#fff;border-radius:20px;padding:24px;overflow-x:auto}.roles-page .data-table{width:100%;border-collapse:collapse}.roles-page .data-table th{text-align:left;padding:16px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid #f1f5f9}.roles-page .data-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.roles-page .data-table tr:last-child td{border-bottom:none}.role-name-cell{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--text-main)}.role-name-cell svg{color:var(--primary)}.monospace-cell{font-family:monospace;font-size:.85em;color:var(--text-secondary);background:#f1f5f9;padding:4px 8px;border-radius:6px}.icon-btn.edit{color:var(--primary);border-color:#e0f2fe}.icon-btn.edit:hover{color:var(--primary-dark);border-color:var(--primary);background-color:#e0f2fe}.roles-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background:#fff;border-radius:20px}.roles-page .error-container{text-align:center;padding:48px;background:#fff;border-radius:20px}.roles-page .error-container button{margin-top:16px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer}@media(max-width:768px){.roles-page .page-header-row{flex-direction:column;align-items:stretch}.roles-page .title-area{justify-content:space-between}.roles-page .actions-area{flex-direction:column;align-items:stretch}.roles-page .search-box,.roles-page .search-box input{width:100%}.roles-page .new-professional-btn{width:100%;justify-content:center}}.create-role-page{width:100%}.create-role-page .page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.create-role-page .title-area{display:flex;align-items:center;gap:12px}.create-role-page .title-area h2{margin:0;font-size:24px;font-weight:700}.role-form{background:#fff;border-radius:16px;padding:0;display:flex;flex-direction:column;gap:0}.role-form .form-section{padding:24px;border-bottom:1px solid #e2e8f0}.role-form .form-section:last-of-type{border-bottom:none}.role-form .form-section h3{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 16px}.role-form .section-description{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.role-form .form-group{margin-bottom:16px}.role-form .form-group:last-child{margin-bottom:0}.role-form .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.role-form .form-group input,.role-form .form-group textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.role-form .form-group input:focus,.role-form .form-group textarea:focus{outline:none;border-color:var(--primary)}.role-form .form-group small{display:block;margin-top:6px;color:var(--text-secondary);font-size:12px}.role-form textarea{resize:vertical;min-height:80px}.role-form .permissions-grid{display:flex;flex-direction:column;gap:20px}.role-form .permission-group{display:flex;flex-direction:column;gap:10px}.role-form .group-title{font-size:13px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin:0;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.role-form .permission-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.role-form .permission-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.role-form .permission-item:hover{border-color:var(--primary);background:#f0f9ff}.role-form .permission-item.selected{border-color:var(--primary);background:#e0f2fe}.role-form .checkbox-wrapper{position:relative;flex-shrink:0}.role-form .checkbox-wrapper input{position:absolute;opacity:0;width:0;height:0}.role-form .checkbox-custom{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s}.role-form .permission-item.selected .checkbox-custom{background:var(--primary);border-color:var(--primary);color:#fff}.role-form .permission-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.role-form .permission-name{background:#fff;padding:2px 8px;border-radius:4px;font-size:13px;color:var(--text-main);display:inline-block;width:fit-content}.role-form .permission-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.role-form .selected-count{margin-top:16px;padding:10px 16px;background:#e0f2fe;border-radius:8px;font-size:13px;font-weight:500;color:var(--primary)}.role-form .loading-permissions,.role-form .no-permissions{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;background:#f8fafc;border-radius:10px;color:var(--text-secondary)}.role-form .form-actions{padding:20px 24px;background:#f8fafc;border-radius:0 0 16px 16px;display:flex;justify-content:flex-end}.role-form .save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.role-form .save-btn:hover:not(:disabled){background:var(--primary-dark)}.role-form .save-btn:disabled{opacity:.7;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:80px 20px 20px}.add-permissions-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.add-permissions-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.add-permissions-modal .modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-main)}.add-permissions-modal .close-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:6px;transition:all .2s}.add-permissions-modal .close-btn:hover{background:#f1f5f9;color:var(--text-main)}.add-permissions-modal .modal-body{flex:1;overflow-y:auto;padding:24px}.add-permissions-modal .loading-container,.add-permissions-modal .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.add-permissions-modal .permissions-list{display:flex;flex-direction:column;gap:24px}.add-permissions-modal .permission-group{display:flex;flex-direction:column;gap:12px}.add-permissions-modal .group-title{font-size:13px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin:0;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.add-permissions-modal .permission-items{display:flex;flex-direction:column;gap:8px}.add-permissions-modal .permission-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.add-permissions-modal .permission-item:hover{border-color:var(--primary);background:#f0f9ff}.add-permissions-modal .permission-item.selected{border-color:var(--primary);background:#e0f2fe}.add-permissions-modal .checkbox-wrapper{position:relative;flex-shrink:0}.add-permissions-modal .checkbox-wrapper input{position:absolute;opacity:0;width:0;height:0}.add-permissions-modal .checkbox-custom{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s}.add-permissions-modal .permission-item.selected .checkbox-custom{background:var(--primary);border-color:var(--primary);color:#fff}.add-permissions-modal .permission-info{display:flex;flex-direction:column;gap:4px;flex:1}.add-permissions-modal .permission-name{background:#fff;padding:2px 8px;border-radius:4px;font-size:13px;color:var(--text-main);display:inline-block;width:fit-content}.add-permissions-modal .permission-desc{font-size:13px;color:var(--text-secondary)}.add-permissions-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.add-permissions-modal .cancel-btn{padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.add-permissions-modal .cancel-btn:hover{background:#f1f5f9;color:var(--text-main)}.add-permissions-modal .add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.add-permissions-modal .add-btn:hover:not(:disabled){background:var(--primary-dark)}.add-permissions-modal .add-btn:disabled{opacity:.6;cursor:not-allowed}.role-details-page{width:100%}.role-details-page .page-header{margin-bottom:32px}.role-details-page .page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.role-details-page .title-area{display:flex;align-items:center;gap:16px}.role-details-page .action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.role-details-page .action-btn:hover{background:#f8fafc;color:var(--primary);border-color:var(--primary)}.role-details-page .action-btn.edit{border-color:#e2e8f0}.role-details-page .action-btn.edit:hover{color:var(--primary);border-color:var(--primary);background:#f0f9ff}.role-details-page .role-name{font-size:28px;font-weight:700;color:var(--text-main);margin:0}.role-details-page .role-id-badge{display:inline-flex;align-items:center;gap:8px}.role-details-page .role-id-badge .label{font-size:13px;color:var(--text-secondary)}.role-details-page .role-id-badge code{background:#f1f5f9;padding:4px 10px;border-radius:6px;font-size:12px;color:var(--text-main)}.role-details-page .tabs-container{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.role-details-page .tab-btn{background:none;border:none;padding:12px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s}.role-details-page .tab-btn:hover{color:var(--text-main)}.role-details-page .tab-btn.active{color:var(--primary)}.role-details-page .tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary)}.role-details-page .tab-content{min-height:300px}.role-details-page .settings-card{background:#fff;border-radius:16px;padding:24px}.role-details-page .settings-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:start}.role-details-page .form-group{margin-bottom:0}.role-details-page .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.role-details-page .readonly-value{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:var(--text-main)}.role-details-page .permissions-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.role-details-page .permissions-description{flex:1;font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.role-details-page .add-permissions-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.role-details-page .add-permissions-btn:hover{background:var(--primary-dark)}.role-details-page .empty-permissions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;background:#fff;border-radius:16px;text-align:center}.role-details-page .empty-permissions svg{color:#cbd5e1;margin-bottom:16px}.role-details-page .empty-permissions p{color:var(--text-secondary);margin-bottom:20px}.role-details-page .table-container{background:#fff;border-radius:16px;padding:24px;overflow-x:auto}.role-details-page .data-table{width:100%;border-collapse:collapse}.role-details-page .data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9}.role-details-page .data-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:14px}.role-details-page .data-table tr:last-child td{border-bottom:none}.role-details-page .permission-name{background:#f1f5f9;padding:4px 10px;border-radius:6px;font-size:13px;color:var(--text-main)}.role-details-page .icon-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.role-details-page .icon-btn:hover{background:#f1f5f9;color:var(--primary);border-color:var(--primary)}.role-details-page .icon-btn.delete{color:#ef4444;border-color:#fee2e2}.role-details-page .icon-btn.delete:hover{color:#dc2626;border-color:#dc2626;background-color:#fef2f2}.role-details-page .icon-btn:disabled{opacity:.5;cursor:not-allowed}.role-details-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;background:#fff;border-radius:16px}.role-details-page .loading-container.small{padding:48px}.role-details-page .error-container{text-align:center;padding:64px;background:#fff;border-radius:16px}.role-details-page .error-container button{margin-top:16px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer}@media(max-width:768px){.role-details-page .permissions-header{flex-direction:column}.role-details-page .add-permissions-btn{width:100%;justify-content:center}}.users-page{width:100%}.users-page .page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.users-page .title-area,.users-page .actions-area{display:flex;align-items:center;gap:12px}.users-page .count-badge{background:var(--primary-light);color:#fff;font-size:14px;font-weight:700;padding:2px 10px;border-radius:99px}.users-page .search-box{position:relative;display:flex;align-items:center}.users-page .search-box .search-icon{position:absolute;left:12px;color:var(--text-secondary)}.users-page .search-box input{height:44px;padding-left:40px;padding-right:16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);min-width:250px;font-family:var(--font-main)}.users-page .search-box input:focus{outline:none;border-color:var(--primary)}.users-page .filter-btn{height:44px;width:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.users-page .filter-btn:hover{background:#f8fafc;color:var(--primary)}.users-page .filter-btn.active{background:#e0f2fe;color:var(--primary);border-color:var(--primary)}.users-page .new-professional-btn{height:44px;padding:0 20px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 6px #19739833;transition:all .2s}.users-page .new-professional-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.users-page .filter-panel{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.users-page .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.users-page .filter-header h3{font-size:16px;font-weight:600;color:var(--text-main)}.users-page .close-filters{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px}.users-page .close-filters:hover{background:#f1f5f9;color:var(--text-main)}.users-page .filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.users-page .filter-group{display:flex;flex-direction:column;gap:6px}.users-page .filter-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.users-page .filter-group select{height:40px;padding:0 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:13px;width:100%;color:var(--text-main)}.users-page .filter-group select:focus{outline:none;border-color:var(--primary)}.users-page .filter-actions-row{display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.users-page .clear-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #cbd5e1;background:#fff;color:var(--text-secondary);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.users-page .clear-filters-btn:hover{background:#f1f5f9;color:var(--text-main)}.users-page .table-container{background:#fff;border-radius:20px;padding:24px;overflow-x:auto}.users-page .data-table{width:100%;border-collapse:collapse}.users-page .data-table th{text-align:left;padding:16px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid #f1f5f9}.users-page .data-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.users-page .data-table tr:last-child td{border-bottom:none}.user-info-cell{display:flex;align-items:center;gap:12px}.avatar-circle{width:40px;height:40px;border-radius:50%;background:#e0f2fe;color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;overflow:hidden}.avatar-circle img{width:100%;height:100%;object-fit:cover}.user-details{display:flex;flex-direction:column}.user-username{font-size:12px;color:var(--text-secondary)}.email-cell{display:flex;align-items:center;gap:6px}.verified-badge{color:#15803d;font-weight:700;font-size:.9em}.status-badge.blocked{background:#fee2e2;color:#b91c1c}.icon-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.icon-btn:hover{background:#f1f5f9;color:var(--primary);border-color:var(--primary)}.icon-btn.delete{color:#ef4444;border-color:#fee2e2}.icon-btn.delete:hover{color:#dc2626;border-color:#dc2626;background-color:#fef2f2}.users-page .pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination-controls button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;padding:0 12px;width:auto}.pagination-controls button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#f8fafc}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background:#fff;border-radius:20px}.error-container{text-align:center;padding:48px;background:#fff;border-radius:20px}.error-container button{margin-top:16px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer}.empty-cell{text-align:center;padding:48px!important;color:var(--text-secondary);font-style:italic}@media(max-width:768px){.users-page .page-header-row{flex-direction:column;align-items:stretch}.users-page .title-area{justify-content:space-between}.users-page .actions-area{flex-direction:column;align-items:stretch}.users-page .search-box,.users-page .search-box input{width:100%}.users-page .new-professional-btn{width:100%;justify-content:center}}.create-user-page{padding:24px;max-width:900px;margin:0 auto}.user-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:32px}.form-section h3{margin-bottom:20px;color:var(--text-primary);font-size:1.1rem;border-bottom:1px solid var(--border-color);padding-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.checkbox-group{display:flex;align-items:center;padding-top:32px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.role-card{border:1px solid var(--border-color);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;background-color:var(--input-bg)}.role-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.role-card.selected{border-color:var(--primary-color);background-color:#3b82f60d}.role-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.role-card p{margin:0;font-size:.85em;color:var(--text-secondary);padding-left:24px}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.specialties-page{width:100%;padding:24px;max-width:1400px;margin:0 auto}.search-box input{height:44px;padding-left:40px;padding-right:16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);min-width:250px;font-family:var(--font-main);font-size:14px}.search-box svg{position:absolute;left:12px;color:var(--text-secondary)}.new-btn{height:44px;padding:0 20px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 6px #19739833;transition:all .2s}.data-table-container{background:#fff;border-radius:20px;padding:24px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000001a}.data-table th{text-align:left;padding:16px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid #f1f5f9;text-transform:uppercase}.data-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:var(--text-main);font-size:14px}.actions-cell{display:flex;gap:8px;align-items:center}.action-btn.delete:hover{color:#dc2626;border-color:#dc2626;background-color:#fef2f2}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;color:var(--text-secondary)}.error-state{color:var(--error)}.retry-btn{margin-top:16px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer}.professionals-page{width:100%}.filter-btn{height:44px;width:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f8fafc;color:var(--primary)}.table-container{background:#fff;border-radius:20px;padding:24px;overflow-x:auto;position:relative;z-index:1}.user-cell{display:flex;align-items:center;gap:12px;height:100%}.user-avatar{width:40px;height:40px;border-radius:50%;background:#e0f2fe;color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-info{display:flex;flex-direction:column;justify-content:center}.user-name{font-weight:600;color:var(--text-main)}.user-type{font-size:12px;color:var(--text-secondary)}.specialty-badge{display:inline-block;padding:4px 10px;background:#f1f5f9;border-radius:8px;font-size:12px;color:var(--text-secondary);font-weight:500;margin-right:4px}.contact-item,.location-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}@media(max-width:768px){.page-header-row{flex-direction:column;align-items:stretch}.title-area{justify-content:space-between}.actions-area{flex-direction:column;align-items:stretch}.search-box,.search-box input{width:100%}.new-professional-btn{width:100%;justify-content:center}.filter-btn{display:none}}.filter-btn.active{background:#e0f2fe;color:var(--primary);border-color:var(--primary)}.filter-panel{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;overflow:visible;position:relative;z-index:100}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.filter-header h3{font-size:16px;font-weight:600;color:var(--text-main)}.close-filters{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px}.close-filters:hover{background:#f1f5f9;color:var(--text-main)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;overflow:visible}.filter-group{display:flex;flex-direction:column;gap:6px;overflow:visible}.filter-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.filter-group input,.filter-group select{height:40px;padding:0 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:13px;width:100%;color:var(--text-main)}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary)}.filter-actions-row{display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.clear-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #cbd5e1;background:#fff;color:var(--text-secondary);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#f1f5f9;color:var(--text-main)}.no-data{text-align:center;padding:48px!important;color:var(--text-secondary);font-style:italic}.user-social{font-size:11px;color:var(--text-secondary);font-style:italic;display:block}.row-actions{display:flex;gap:8px;align-items:center}.action-btn.delete{color:#ef4444;border-color:#fee2e2;background-color:#fff}.access-denied-container{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:24px}.access-denied-card{background:#fff;border-radius:24px;padding:48px;max-width:480px;width:100%;text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.access-denied-icon-wrapper{margin-bottom:24px}.access-denied-icon-bg{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;position:relative}.access-denied-icon-bg:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,#fecaca,#fca5a5);opacity:.3;z-index:-1}.access-denied-icon{color:#dc2626}.access-denied-content{margin-bottom:32px}.access-denied-code{display:inline-block;font-size:14px;font-weight:700;color:#dc2626;background:#fee2e2;padding:4px 12px;border-radius:99px;margin-bottom:16px;letter-spacing:1px}.access-denied-title{font-size:28px;font-weight:700;color:var(--text-main);margin-bottom:12px;line-height:1.2}.access-denied-message{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0}.access-denied-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.access-denied-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.access-denied-btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 6px #19739833}.access-denied-btn.primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 10px #19739840}.access-denied-btn.secondary{background:#fff;color:var(--text-secondary);border:1px solid #e2e8f0}.access-denied-btn.secondary:hover{background:#f8fafc;color:var(--text-main);border-color:#cbd5e1}.access-denied-help{padding-top:24px;border-top:1px solid #f1f5f9}.access-denied-help p{font-size:13px;color:var(--text-secondary);margin:0}@media(max-width:480px){.access-denied-card{padding:32px 24px}.access-denied-title{font-size:24px}.access-denied-actions{flex-direction:column}.access-denied-btn{width:100%;justify-content:center}}.create-professional-page{max-width:1000px;margin:0 auto;padding-bottom:80px}.professional-form{display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000000d}.section-title{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.section-header .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-group select.multi-select{height:auto;padding:12px}.items-list{display:flex;flex-direction:column;gap:12px}.item-row{display:flex;gap:12px;align-items:center}.type-select{width:150px;height:48px;padding:0 12px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc}.item-row input{flex:1;height:48px;padding:0 16px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc}.add-item-btn{display:flex;align-items:center;gap:6px;color:var(--primary);background:#e0f2fe;border:none;padding:8px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.add-item-btn:hover{background:var(--primary-light);color:#fff}.remove-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #fee2e2;background:#fff1f2;color:#ef4444;border-radius:12px;cursor:pointer;transition:all .2s}.remove-btn:hover{background:#fee2e2}.checkbox-header{display:flex;align-items:center;gap:12px;padding-bottom:0}.checkbox-header input[type=checkbox]{width:20px;height:20px;cursor:pointer}.mb-0{margin-bottom:0!important;border-bottom:none!important;padding-bottom:0!important}.mt-4{margin-top:24px}.form-actions{display:flex;justify-content:flex-end;margin-top:16px}.save-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.item-row{flex-direction:column;align-items:stretch;background:#f8fafc;padding:16px;border-radius:12px}.type-select{width:100%}.remove-btn{width:100%;margin-top:8px}}.date-picker-container{position:relative;width:100%}.date-picker-input{position:relative;display:flex;align-items:center;gap:.5rem;cursor:pointer}.date-picker-input .form-input{cursor:pointer;padding-left:2rem;padding-right:2rem}.date-picker-icon{position:absolute;left:.5rem;color:#64748b;pointer-events:none}.date-picker-clear{position:absolute;right:.5rem;background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.date-picker-clear:hover{background-color:#f1f5f9;color:#475569}.date-picker-dropdown{position:absolute;top:calc(100% + .25rem);left:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:1rem;z-index:9999;min-width:280px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.date-picker-month{font-weight:600;font-size:.875rem;color:#1e293b;text-transform:capitalize}.date-picker-nav{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;line-height:1}.date-picker-nav:hover{background-color:#f1f5f9;color:#1e293b}.date-picker-calendar{width:100%}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.date-picker-weekday{text-align:center;font-size:.75rem;font-weight:600;color:#64748b;padding:.25rem}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.date-picker-day{aspect-ratio:1;border:none;background:none;font-size:.875rem;color:#1e293b;cursor:pointer;border-radius:6px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;position:relative}.date-picker-day:not(.empty):hover{background-color:#f1f5f9}.date-picker-day.today{font-weight:600;color:#3b82f6}.date-picker-day.today:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:#3b82f6}.date-picker-day.selected{background-color:#3b82f6;color:#fff;font-weight:600}.date-picker-day.selected:hover{background-color:#2563eb}.date-picker-day.selected.today:after{background-color:#fff}.date-picker-day.empty{cursor:default}.select-template-modal{max-width:480px;width:90vw}.select-template-content{padding:8px 0}.patient-info-header{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;margin-bottom:20px;border:1px solid #bae6fd}.patient-info-header .patient-name{font-size:15px;font-weight:600;color:#0c4a6e}.patient-info-header .patient-id{font-size:12px;color:#0369a1}.step-content{display:flex;flex-direction:column;gap:16px}.step-description{font-size:14px;color:#64748b;margin:0}.back-button{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;cursor:pointer;transition:all .2s ease;width:fit-content}.back-button:hover{background:#e2e8f0}.selected-phone-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;font-size:13px;color:#166534}.selected-phone-info strong{font-weight:600}.phone-list,.template-list{display:flex;flex-direction:column;gap:8px}.phone-option,.template-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.phone-option:hover,.template-option:hover{background:#f8fafc;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.phone-icon,.template-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:10px;color:#fff;flex-shrink:0}.phone-details,.template-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.phone-label,.template-name{font-size:14px;font-weight:600;color:#1e293b}.phone-number,.template-type{font-size:12px;color:#64748b}.arrow-icon{color:#94a3b8;flex-shrink:0;transition:transform .2s ease}.phone-option:hover .arrow-icon,.template-option:hover .arrow-icon{color:var(--primary);transform:translate(2px)}.no-phones-warning,.no-templates-warning{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;text-align:center;color:#94a3b8}.no-phones-warning span,.no-templates-warning span{font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;color:var(--primary)}.loading-state span{font-size:14px;color:#64748b}.loading-state .animate-spin{animation:spin 1s linear infinite}.table-loading,.table-error,.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#fff;border-radius:20px;color:var(--text-secondary);min-height:200px}.table-error{color:var(--danger)}.spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.table-container{background:#fff;border-radius:20px;padding:24px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.data-table th{text-align:left;padding:16px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid #f1f5f9;background:transparent}.data-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:.875rem;color:var(--text-main)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f8fafc}.item-inactive{opacity:.6}.status-badge{padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;min-width:80px}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{background:#fee2e2;color:#b91c1c}.type-badge{padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;min-width:100px;text-transform:uppercase}.type-badge.type-CONSULTA{background:#dbeafe;color:#1e40af}.type-badge.type-EXAME{background:#e9d5ff;color:#7c3aed}.type-badge.type-PROCEDIMENTO{background:#fef3c7;color:#d97706}.type-badge.type-DESCONHECIDO{background:#f3f4f6;color:#6b7280}.row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.action-btn:hover{background:#f1f5f9;color:var(--primary);border-color:var(--primary)}.action-btn.delete{color:#ef4444;border-color:#fee2e2}.action-btn.delete:hover{color:#dc2626!important;border-color:#dc2626!important;background-color:#fef2f2!important}.truncate-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.count-badge{background:var(--primary-light);color:#fff;font-size:14px;font-weight:700;padding:2px 10px;border-radius:99px;margin-left:8px}.schedule-details-page{width:100%}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0}.page-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:4px}.actions-area{display:flex;align-items:center;gap:12px}.search-box{position:relative;display:flex;align-items:center}.search-box .search-icon{position:absolute;left:12px;color:var(--text-secondary)}.search-box input{height:44px;padding-left:40px;padding-right:16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);min-width:250px;font-family:var(--font-main)}.search-box input:focus{outline:none;border-color:var(--primary)}.filter-select{height:44px;padding:0 40px 0 16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none}.filter-select:focus{outline:none;border-color:var(--primary)}.btn-icon{height:44px;width:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f8fafc;color:var(--primary)}.new-item-btn{height:44px;padding:0 20px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 6px #19739833;transition:all .2s}.new-item-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}@media(max-width:768px){.page-header-row,.actions-area{flex-direction:column;align-items:stretch}.search-box input,.filter-select,.new-item-btn{width:100%}.new-item-btn{justify-content:center}}.preparos-page{padding:var(--spacing-lg)}.orientation-preview{display:block;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary);font-size:.875rem}.badge-count{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--primary-light, rgba(25, 115, 152, .1));color:var(--primary);border-radius:12px;font-size:.75rem;font-weight:500}.badge-empty{color:var(--text-muted)}.form-field{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-input-field{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-input-field:hover{border-color:#94a3b8}.form-input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1973981a}.form-textarea-field{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;resize:vertical;min-height:120px;font-family:inherit;background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-textarea-field:hover{border-color:#94a3b8}.form-textarea-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1973981a}.submit-btn{width:100%;justify-content:center;margin-top:var(--spacing-md)}.selector-container{border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-md);background:var(--bg-secondary, #f8fafc)}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.selector-label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary)}.selector-add-btn{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s}.selector-add-btn:hover{background:var(--primary-dark, #145a78)}.selector-empty{color:var(--text-muted);font-size:.875rem;margin:0}.selected-items-list{display:flex;flex-wrap:wrap;gap:8px}.selected-item{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem}.selected-item .item-name{color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-item .item-meta{color:var(--text-muted);font-size:.75rem}.item-remove-btn{display:flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .2s}.item-remove-btn:hover{background:#ef44441a;color:#ef4444}.selector-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.selector-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.selector-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.selector-modal-header h3{margin:0;font-size:1.125rem;font-weight:600}.modal-close-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .2s}.modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.selector-modal-search{display:flex;align-items:center;gap:8px;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color)}.selector-modal-search input{flex:1;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;outline:none;font-size:.9375rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}.selector-modal-search input:hover{border-color:#94a3b8}.selector-modal-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1973981a}.selector-modal-search input::placeholder{color:#94a3b8}.selector-modal-search svg{color:var(--text-muted)}.selector-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-md);min-height:200px}.selector-loading,.selector-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:200px;color:var(--text-muted)}.selector-items-grid{display:flex;flex-direction:column;gap:8px}.selector-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.selector-item:hover{border-color:var(--primary);background:var(--primary-light, rgba(25, 115, 152, .05))}.selector-item.selected{border-color:var(--primary);background:var(--primary-light, rgba(25, 115, 152, .1))}.selector-item-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.selector-item.selected .selector-item-checkbox{background:var(--primary);border-color:var(--primary);color:#fff}.selector-item>svg{color:var(--text-muted);flex-shrink:0}.selector-item-info{flex:1;min-width:0}.selector-item-name{display:block;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-item-meta{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.selector-modal-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color)}.selector-modal-pagination button{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.selector-modal-pagination button:hover:not(:disabled){background:var(--bg-tertiary, #e2e8f0)}.selector-modal-pagination button:disabled{opacity:.5;cursor:not-allowed}.selector-modal-pagination span{font-size:.875rem;color:var(--text-secondary)}.selector-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-secondary, #f8fafc);border-radius:0 0 12px 12px}.selected-count{font-size:.875rem;color:var(--text-secondary)}.selector-confirm-btn{padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.selector-confirm-btn:hover{background:var(--primary-dark, #145a78)}.filter-toggle-btn{display:flex;align-items:center;justify-content:center;padding:10px;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.filter-toggle-btn:hover{background:var(--bg-tertiary, #e2e8f0);color:var(--text-primary)}.filter-toggle-btn.active{background:var(--primary-light, rgba(25, 115, 152, .1));border-color:var(--primary);color:var(--primary)}.schedule-details-form{display:flex;flex-direction:column;gap:24px;background:#fff;padding:32px;border-radius:16px;box-shadow:0 1px 3px #0000000d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.required{color:var(--danger);margin-left:2px}.form-input,.form-select,.form-textarea{height:48px;padding:0 16px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;font-size:14px;color:var(--text-main);transition:all .2s;width:100%}.form-textarea{height:auto;min-height:120px;padding:16px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);background:#fff}.hint-text{font-size:.75rem;color:var(--text-secondary)}.form-actions-footer{display:flex;justify-content:flex-end;margin-top:16px;padding-top:24px;border-top:1px solid #f1f5f9}.save-btn{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;height:52px;padding:0 32px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 4px 12px #1973984d;transition:all .2s}.save-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}.spinner-sm{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.create-schedule-details-page{padding:2rem;max-width:1000px;margin:0 auto}.page-header-simple{display:flex;align-items:center;gap:16px;margin-bottom:32px}.page-header-simple h1{font-size:1.75rem;font-weight:700;color:var(--text-main)}.action-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.action-btn:hover{background:#f8fafc;color:var(--primary);border-color:var(--primary)}.form-container{padding-top:0}.hero-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:24px;padding:48px;color:#fff;position:relative;overflow:hidden;box-shadow:0 12px 32px -8px #1973984d}.hero-content{position:relative;z-index:2}.hero-greeting{font-size:32px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:12px}.wave-emoji{animation:wave 2.5s infinite;transform-origin:70% 70%;display:inline-block}.hero-date{font-size:18px;opacity:.9;font-weight:500;margin-bottom:4px}.hero-subtitle{font-size:16px;opacity:.8}.hero-decoration{position:absolute;inset:0;z-index:1;pointer-events:none}.circle{border-radius:50%;position:absolute;background:#ffffff1a}.circle-1{width:300px;height:300px;top:-100px;right:-50px}.circle-2{width:200px;height:200px;bottom:-50px;right:150px}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.stat-card{background:#fff;border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;gap:20px;transition:transform .2s ease,box-shadow .2s ease}.stat-header{display:flex;justify-content:space-between;align-items:flex-start}.stat-icon-wrapper{padding:12px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-icon-wrapper.primary{background:#1973981a;color:var(--primary)}.stat-icon-wrapper.success{background:#10b9811a;color:var(--success)}.stat-icon-wrapper.warning{background:#f59e0b1a;color:var(--warning)}.stat-icon-wrapper.error{background:#ef44441a;color:var(--error)}.stat-trend{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;padding:4px 8px;border-radius:99px}.stat-trend.up{background:#10b9811a;color:var(--success)}.stat-trend.down{background:#ef44441a;color:var(--error)}.stat-value{font-size:32px;font-weight:700;color:var(--text-main);line-height:1;margin-bottom:4px;letter-spacing:-1px}.stat-title{font-size:15px;font-weight:500;color:var(--text-secondary)}.quick-actions-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:18px;font-weight:600;color:var(--text-main)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.quick-action-card{background:#fff;border-radius:16px;padding:16px;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:12px;cursor:pointer;width:100%;text-align:left;transition:all .2s ease}.quick-action-card:hover{background:#fff;border-color:var(--action-color)}.action-icon-wrapper{width:44px;height:44px;border-radius:12px;background-color:var(--action-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 6px -1px #0000001a}.action-label{font-weight:600;font-size:15px;color:var(--text-main);line-height:1.2}.trend-chart-container{background:#fff;border-radius:20px;padding:24px;width:100%;height:400px;display:flex;flex-direction:column;gap:20px}.chart-title{font-size:18px;font-weight:600;color:var(--text-main)}.chart-wrapper{flex:1;width:100%;min-height:0}.activity-timeline{background:#fff;border-radius:20px;padding:24px;height:fit-content}.timeline-title{font-size:18px;font-weight:600;margin-bottom:24px;color:var(--text-main)}.timeline-list{display:flex;flex-direction:column}.timeline-item{display:flex;gap:16px;padding-bottom:24px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-line-container{display:flex;flex-direction:column;align-items:center}.timeline-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;flex-shrink:0}.timeline-icon.success{background:#10b9811a;color:var(--success)}.timeline-icon.warning{background:#f59e0b1a;color:var(--warning)}.timeline-icon.info{background:#3b82f61a;color:#3b82f6}.timeline-icon.neutral{background:#6b72801a;color:#6b7280}.timeline-line{width:2px;background-color:#e5e7eb;flex:1;margin-top:4px;margin-bottom:-4px}.timeline-content{padding-top:4px}.timeline-text{font-size:14px;font-weight:500;color:var(--text-main);margin-bottom:4px}.timeline-time{font-size:12px;color:#9ca3af}.home-page{display:flex;flex-direction:column;gap:32px}.home-grid{display:grid;grid-template-columns:1fr 320px;gap:32px}.main-column{display:flex;flex-direction:column;gap:32px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.side-column{display:flex;flex-direction:column;gap:24px}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1280px){.home-grid{grid-template-columns:1fr}}.whatsapp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.header-title-section{display:flex;align-items:center;gap:12px}.page-title{font-size:24px;font-weight:700;color:var(--text-main)}.header-actions{display:flex;flex-direction:row-reverse;align-items:center;gap:12px}.search-row{display:flex;align-items:center;gap:12px}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none}.search-input{height:44px;padding-left:40px;padding-right:16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff;font-family:var(--font-main);font-size:14px;min-width:240px;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--primary)}.icon-btn{height:44px;width:44px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#f8fafc;color:var(--primary)}.new-btn{height:44px;padding:0 20px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 6px #19739833;transition:all .2s}.new-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}@media(max-width:768px){.whatsapp-header{flex-direction:column;align-items:stretch;gap:24px}.header-title-section{justify-content:space-between}.header-actions{width:100%;align-items:stretch;flex-direction:column}.search-row{width:100%}.search-wrapper{flex:1}.search-input{width:100%;min-width:0}}.instance-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #0000000d;position:relative;transition:all .3s ease}.status-bar{height:6px;width:100%}.status-bar.success{background-color:var(--success)}.status-bar.error{background-color:var(--error)}.card-content{padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.avatar-wrapper{position:relative;width:80px;height:80px;border-radius:50%;border:4px solid var(--bg-color);box-shadow:0 4px 10px #0000001a;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.avatar-placeholder{color:#cbd5e1}.status-dot-avatar{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:50%;border:3px solid white}.status-dot-avatar.success{background-color:var(--success)}.status-dot-avatar.error{background-color:var(--error)}.info-section{display:flex;flex-direction:column;gap:4px}.instance-name{font-size:18px;font-weight:700;color:var(--text-main);display:flex;align-items:center;justify-content:center;gap:6px}.star-icon{color:var(--warning);font-size:16px}.instance-phone{font-size:14px;color:var(--text-secondary)}.badges-section{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.status-badge,.api-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.status-badge.success{background:#10b9811a;color:var(--success)}.status-badge.error{background:#ef44441a;color:var(--error)}.dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.api-badge{background:#f3f4f6;color:var(--text-secondary);border:1px solid rgba(0,0,0,.05)}.stats-row{display:flex;justify-content:center;gap:16px;font-size:13px;color:var(--text-secondary);width:100%}.stat-item{display:flex;align-items:center;gap:6px}.stat-val{font-weight:500}.divider{height:1px;width:100%;background:linear-gradient(to right,transparent,rgba(0,0,0,.1),transparent);margin:4px 0}.actions-row{display:flex;gap:12px;justify-content:center}.action-btn{width:40px;height:40px;border-radius:10px;border:none;background:#f8fafc;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.action-btn.delete:hover{background:var(--error)}.text-red{color:var(--error)}.status-sidebar{background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:24px;height:fit-content}.sidebar-title{font-size:18px;font-weight:600;color:var(--text-main);text-align:center}.chart-container{position:relative;height:200px;min-height:200px;min-width:200px;width:100%}.chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.total-val{font-size:32px;font-weight:700;color:var(--text-main);line-height:1}.total-label{font-size:14px;color:var(--text-secondary)}.status-legend{display:flex;justify-content:center;gap:16px;font-size:14px;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.success{background:var(--success)}.legend-dot.error{background:var(--error)}.alerts-section{display:flex;flex-direction:column;gap:12px}.alerts-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.alert-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;font-size:14px;font-weight:500}.alert-item.warning{background:#f59e0b1a;color:var(--text-main)}.alert-item.warning svg{color:var(--warning)}.alert-item.error{background:#ef44441a;color:var(--text-main)}.alert-item.error svg{color:var(--error)}.qr-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.qr-wrapper{padding:16px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(0,0,0,.05)}.qr-image{width:250px;height:250px;object-fit:contain}.qr-placeholder{width:250px;height:250px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px}.qr-instructions{display:flex;flex-direction:column;gap:12px;max-width:80%}.instruction-step{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-secondary);text-align:left}.step-num{width:24px;height:24px;background:var(--primary-light);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.refresh-timer{font-size:14px;color:var(--warning);font-weight:500;display:flex;align-items:center;gap:8px}.whatsapp-page{display:flex;flex-direction:column}.whatsapp-grid{display:grid;grid-template-columns:1fr 320px;gap:32px}.instances-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.instances-column{flex:1}.status-column{display:flex;flex-direction:column}@media(max-width:1280px){.whatsapp-grid{grid-template-columns:1fr}}.create-instance-page{max-width:800px;margin:0 auto}.title-area{display:flex;align-items:center;gap:12px}.title{font-size:24px;font-weight:700;color:var(--text-main)}.form-container{background:#fff;border-radius:20px;padding:32px 32px 24px}.instance-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;flex:1}.form-row{display:flex;gap:20px}label{font-size:14px;font-weight:600;color:var(--text-secondary)}.form-input,.form-select{height:48px;padding:0 16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#f8fafc;font-family:var(--font-main);font-size:15px;color:var(--text-main);transition:all .2s;width:100%}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #1973981a}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:24px;border-top:1px solid rgba(0,0,0,.05)}.save-btn{height:44px;padding:0 24px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.save-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.cancel-btn{height:44px;padding:0 24px;background:#fff;color:var(--text-secondary);border:1px solid rgba(0,0,0,.1);border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f1f5f9;color:var(--text-main)}@media(max-width:640px){.form-row{flex-direction:column;gap:20px}}.send-message-page{max-width:1000px;margin:0 auto;padding:24px}.send-message-content{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start;margin-top:20px}.message-form{display:flex;flex-direction:column;gap:24px}.form-textarea{width:100%;padding:16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#f8fafc;font-family:var(--font-main);font-size:15px;color:var(--text-main);resize:vertical;transition:all .2s;min-height:120px}.form-textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #1973981a}.input-hint{font-size:12px;color:var(--text-secondary);margin-top:4px;display:block}.no-instances-warning{margin-top:8px;display:flex;align-items:center;gap:6px;color:var(--error);font-size:13px}.page-header{grid-column:1 / -1;margin-bottom:0}.preview-section{background:#fff;border-radius:20px;padding:24px;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23197398' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.preview-header{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:600;margin-bottom:20px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.message-preview{background:#dcf8c6;padding:12px 16px;border-radius:0 12px 12px;box-shadow:0 2px 4px #0000001a;max-width:100%;position:relative}.preview-text{font-size:15px;color:#111b21;white-space:pre-wrap;word-wrap:break-word;padding-bottom:4px}.preview-placeholder{color:#0006;font-style:italic;font-size:14px}.preview-time{font-size:11px;color:#00000073;display:block;text-align:right;margin-top:4px}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:900px){.send-message-content{grid-template-columns:1fr}}.message-input-wrapper{position:relative;width:100%}.emoji-trigger-btn{position:absolute;bottom:12px;right:12px;background-color:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;width:36px;height:36px;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;padding:0;appearance:none;-webkit-appearance:none}.emoji-trigger-btn:hover{background-color:#f8fafc;color:var(--primary);border-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.emoji-trigger-btn:active{transform:translateY(0)}.emoji-picker-wrapper{display:flex;justify-content:center}.send-template-page{max-width:1100px;margin:0 auto;padding:24px}.send-template-content{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start;margin-top:20px}.template-form{display:flex;flex-direction:column;gap:24px}.form-section{padding:24px;border-radius:16px}.form-section h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:10px}.form-section h3 svg{color:var(--primary)}.template-info-card{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#1973980d,#19739805);border-radius:12px;border:1px solid rgba(25,115,152,.1);margin-bottom:20px}.template-info-card .template-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff}.template-info-card .template-details{flex:1}.template-info-card .template-name{font-size:16px;font-weight:600;color:#1e293b}.template-info-card .template-type{font-size:13px;color:#64748b;margin-top:2px}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tag-input-group{display:flex;flex-direction:column;gap:6px}.tag-input-group label{font-size:13px;font-weight:500;color:#475569;display:flex;align-items:center;gap:6px}.tag-input-group label code{font-size:11px;background:#f1f5f9;color:var(--primary);padding:2px 6px;border-radius:4px}.tag-input-group input{height:44px;padding:0 14px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px;outline:none;transition:all .2s}.tag-input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1973981a}.tag-input-group .tag-description{font-size:11px;color:#94a3b8}.preview-section{position:sticky;top:24px;height:fit-content}.preview-section h3{font-size:14px;font-weight:600;color:#64748b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.preview-wrapper{height:400px;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 10px 25px -5px #0000001a}.send-method-info{margin-top:16px;padding:12px 16px;background:#f8fafc;border-radius:10px;font-size:12px;color:#64748b;text-align:center}.send-method-info strong{color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}@media(max-width:900px){.send-template-content,.tags-grid{grid-template-columns:1fr}.preview-section{position:static}}.automatic-sends-page{width:100%}.page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.title-area,.actions-area{display:flex;align-items:center;gap:12px}.count-badge{background:var(--primary-light);color:#fff;font-size:14px;font-weight:700;padding:2px 10px;border-radius:99px}.new-professional-btn{height:44px;padding:0 20px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 6px #19739833;transition:all .2s}.new-professional-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.table-container{background:#fff;border-radius:20px;padding:24px;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:16px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid #f1f5f9}.data-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.badge{padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.badge-success{background:#dcfce7;color:#15803d}.badge-warning{background:#fef3c7;color:#b45309}.badge-neutral{background:#f1f5f9;color:#475569}.action-buttons{display:flex;gap:8px;align-items:center}.action-button{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.action-button:hover{background:#f1f5f9;color:var(--primary);border-color:var(--primary)}.action-button.delete-button{color:#ef4444;border-color:#fee2e2}.action-button.delete-button:hover{color:#dc2626;border-color:#dc2626;background-color:#fef2f2}.action-button.trigger-button{color:#f59e0b;border-color:#fef3c7}.action-button.trigger-button:hover{color:#d97706;border-color:#d97706;background-color:#fffbeb}.empty-state{text-align:center;padding:64px 24px;background:#fff;border-radius:20px}.empty-state-icon{margin-bottom:16px;color:var(--text-secondary)}.empty-state h3{font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:14px}.pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9}.page-info{font-size:14px;color:var(--text-secondary)}.pagination-controls{display:flex;gap:8px}.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:18px}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#f8fafc}.page-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.page-header-row{flex-direction:column;align-items:stretch}.title-area{justify-content:space-between}.actions-area{flex-direction:column;align-items:stretch}.new-professional-btn{width:100%;justify-content:center}}.create-automatic-send-page{max-width:900px;margin:0 auto;padding-bottom:80px}.page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.title-area{display:flex;align-items:center;gap:16px}.title-area h2{font-size:1.75rem;font-weight:700;color:var(--text-main);margin:0}.title-area .subtitle{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.back-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.back-btn:hover{background:#f8fafc;color:var(--primary);border-color:var(--primary)}.automatic-send-form{display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;padding:28px;border-radius:16px;box-shadow:0 1px 3px #0000000d}.section-title{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{height:48px;padding:0 16px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;font-size:14px;color:var(--text-main);transition:all .2s}.form-group select{padding-right:40px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);background:#fff}.form-group input::placeholder{color:#94a3b8}.helper-text{font-size:12px;color:var(--text-secondary);margin-top:-4px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.cancel-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--text-secondary);border:1px solid #e2e8f0;height:48px;padding:0 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--text-main)}.save-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border:none;height:48px;padding:0 28px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #1973984d;transition:all .2s}.save-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.save-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.test-connection-page{max-width:1000px;margin:0 auto}.content-grid{display:grid;grid-template-columns:350px 1fr;gap:24px}.panel-title{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.05)}.control-panel,.results-panel{background:#fff;border-radius:20px;padding:24px;min-height:400px}.action-area{margin-top:24px;margin-bottom:32px}.run-test-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s}.run-test-btn:hover:not(.disabled){background:var(--primary-dark);transform:translateY(-1px)}.run-test-btn.disabled{opacity:.7;cursor:not-allowed}.info-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:16px;display:flex;gap:12px;color:#1e3a8a;font-size:13px;line-height:1.5}.info-icon{flex-shrink:0;color:var(--primary)}.status-overview{display:flex;align-items:center;gap:20px;padding:20px;background:#f8fafc;border-radius:16px;margin-bottom:24px}.status-indicator{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#94a3b8}.status-indicator.success{background:#d1fae5;color:#10b981}.status-indicator.error{background:#fee2e2;color:#ef4444}.status-indicator.running{background:#dbeafe;color:#3b82f6}.status-text{flex:1;display:flex;flex-direction:column;gap:4px}.status-text .label{font-size:13px;color:var(--text-secondary);font-weight:500}.status-text .value{font-size:18px;font-weight:700;color:var(--text-main)}.status-text .value.success{color:#10b981}.status-text .value.error{color:#ef4444}.status-text .value.running{color:#3b82f6}.latency-box{text-align:right}.latency-val{display:block;font-size:20px;font-weight:800;color:var(--text-main)}.latency-label{font-size:12px;color:var(--text-secondary)}.steps-list{display:flex;flex-direction:column;gap:12px}.step-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:12px;border:1px solid rgba(0,0,0,.05);transition:all .3s}.step-item.success{background:#f0fdf4;border-color:#bbf7d0}.step-item.error{background:#fef2f2;border-color:#fecaca}.step-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#cad5e1}.step-item.success .step-icon{color:#10b981}.step-item.error .step-icon{color:#ef4444}.step-info{flex:1;display:flex;justify-content:space-between;align-items:center}.step-name{font-weight:500;font-size:14px;color:var(--text-main)}.step-message{font-size:13px;color:var(--text-secondary)}.spinner-mini{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.empty-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#94a3b8;gap:16px;min-height:200px}.placeholder-state{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8}@media(max-width:768px){.content-grid{grid-template-columns:1fr}}.telehealth-modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0f172af2,#1e293bfa);display:flex;align-items:center;justify-content:center;z-index:9999;animation:telehealthFadeIn .3s ease-out}.telehealth-modal-container{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;width:95%;max-width:600px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;animation:telehealthSlideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.telehealth-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:28px 32px;position:relative;overflow:hidden}.telehealth-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.telehealth-header-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.telehealth-icon-wrapper{width:56px;height:56px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;animation:telehealthPulse 2s ease-in-out infinite}.telehealth-icon-wrapper svg{color:#fff}.telehealth-header-text h2{color:#fff;font-size:22px;font-weight:700;margin:0 0 4px}.telehealth-header-text p{color:#ffffffd9;font-size:14px;margin:0}.telehealth-close-btn{position:absolute;top:16px;right:16px;background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}.telehealth-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.telehealth-content{padding:28px 32px}.telehealth-patient-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:20px 24px;margin-bottom:24px;border:1px solid rgba(0,0,0,.05)}.telehealth-patient-name{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 4px}.telehealth-patient-social-name{font-size:14px;color:#64748b;margin:0 0 16px;font-style:italic}.telehealth-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.telehealth-info-item{display:flex;align-items:flex-start;gap:10px}.telehealth-info-icon{width:32px;height:32px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px #00000014}.telehealth-info-icon svg{color:#3b82f6}.telehealth-info-text{display:flex;flex-direction:column}.telehealth-info-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.telehealth-info-value{font-size:14px;font-weight:600;color:#334155}.telehealth-actions{display:flex;flex-direction:column;gap:12px}.telehealth-btn-primary{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #3b82f659}.telehealth-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f673}.telehealth-btn-primary:active{transform:translateY(0)}.telehealth-btn-secondary{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:14px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.telehealth-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}@keyframes telehealthFadeIn{0%{opacity:0}to{opacity:1}}@keyframes telehealthSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes telehealthPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:640px){.telehealth-modal-container{width:100%;max-width:none;border-radius:24px 24px 0 0;position:absolute;bottom:0}.telehealth-info-grid{grid-template-columns:1fr}.telehealth-header,.telehealth-content{padding:24px}}.storage-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.storage-table{width:100%;border-collapse:collapse}.storage-table thead{background:linear-gradient(180deg,#19739814,#19739805)}.storage-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:2px solid rgba(25,115,152,.1)}.storage-table td{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;vertical-align:middle;transition:background-color .15s ease}.storage-table tbody tr{transition:all .15s ease}.storage-table tbody tr:hover{background-color:#19739808}.storage-table tbody tr:last-child td{border-bottom:none}.storage-file-info{display:flex;align-items:center;gap:1rem}.storage-file-icon-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;transition:transform .2s ease}.storage-table tbody tr:hover .storage-file-icon-wrapper{transform:scale(1.05)}.storage-file-icon-wrapper.image{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:#3b82f6}.storage-file-icon-wrapper.pdf{background:linear-gradient(135deg,#ef444426,#ef44440d);color:#ef4444}.storage-file-icon-wrapper.document{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#22c55e}.storage-file-icon-wrapper.spreadsheet{background:linear-gradient(135deg,#10b98126,#10b9810d);color:#10b981}.storage-file-icon-wrapper.default{background:linear-gradient(135deg,#6b728026,#6b72800d);color:#6b7280}.storage-file-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.storage-file-name{font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.storage-file-meta{font-size:.75rem;color:#9ca3af}.storage-extension-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#1973981a;color:#197398;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-radius:6px}.storage-folder-cell{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.storage-folder-cell svg{opacity:.6}.storage-size-cell{font-weight:500;color:#374151;font-size:.875rem}.storage-date-cell{font-size:.875rem;color:#6b7280}.storage-actions-cell{text-align:right;white-space:nowrap}.storage-action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;cursor:pointer;margin-left:.5rem;transition:all .2s ease}.storage-action-btn:first-child{margin-left:0}.storage-action-btn.download{background:linear-gradient(135deg,#1973981a,#1973980d);color:#197398}.storage-action-btn.download:hover{background:linear-gradient(135deg,#19739833,#1973981a);transform:translateY(-2px);box-shadow:0 4px 12px #19739833}.storage-action-btn.delete{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#ef4444}.storage-action-btn.delete:hover{background:linear-gradient(135deg,#ef444433,#ef44441a);transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.storage-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.storage-empty-state{text-align:center;padding:4rem 2rem;background:#fff}.storage-empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1973981a,#19739805);border-radius:20px;color:#197398}.storage-empty-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.storage-empty-description{color:#6b7280;font-size:.875rem}.storage-upload-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.storage-upload-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.storage-upload-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;background:linear-gradient(135deg,#19739814,#19739805);border-bottom:1px solid rgba(25,115,152,.1)}.storage-upload-header-content{display:flex;align-items:center;gap:.75rem}.storage-upload-header-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#197398,#4a9abd);border-radius:12px;color:#fff}.storage-upload-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.storage-upload-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#0000000d;border:none;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .2s ease}.storage-upload-close-btn:hover{background:#0000001a;color:#1f2937}.storage-upload-body{padding:1.75rem;background:#fff}.storage-upload-form-group{margin-bottom:1.5rem}.storage-upload-label{display:block;margin-bottom:.625rem;font-weight:600;font-size:.875rem;color:#1f2937}.storage-upload-dropzone{position:relative;border:2px dashed #d1d5db;border-radius:16px;padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:all .25s ease;background:linear-gradient(135deg,rgba(25,115,152,.02) 0%,transparent 100%)}.storage-upload-dropzone:hover{border-color:#197398;background:linear-gradient(135deg,#1973980f,#19739805)}.storage-upload-dropzone.has-file{border-color:#22c55e;border-style:solid;background:linear-gradient(135deg,#22c55e14,#22c55e05)}.storage-upload-hidden-input{display:none}.storage-upload-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer}.storage-upload-dropzone-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#19739826,#1973980d);border-radius:16px;color:#197398;transition:transform .2s ease}.storage-upload-dropzone:hover .storage-upload-dropzone-icon{transform:scale(1.05)}.storage-upload-dropzone.has-file .storage-upload-dropzone-icon{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#22c55e}.storage-upload-dropzone-text{font-size:.9375rem;color:#6b7280}.storage-upload-dropzone-text strong{color:#197398;font-weight:600}.storage-upload-dropzone.has-file .storage-upload-dropzone-text{color:#16a34a;font-weight:500}.storage-upload-input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;background-color:#f8fafc;color:#1f2937;font-size:.9375rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.storage-upload-input:hover{background-color:#f1f5f9}.storage-upload-input:focus{border-color:#197398;outline:none;background-color:#fff;box-shadow:0 0 0 4px #1973981a,0 1px 2px #0000000a}.storage-upload-input::placeholder{color:#9ca3af}.storage-upload-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#dc2626;border-radius:10px;margin-bottom:1rem;font-size:.875rem;font-weight:500}.storage-upload-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;background:#f9fafb;border-top:1px solid #e5e7eb}.storage-upload-btn-cancel{padding:.75rem 1.5rem;border:2px solid #d1d5db;border-radius:10px;background-color:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease}.storage-upload-btn-cancel:hover{background-color:#f3f4f6;border-color:#9ca3af}.storage-upload-btn-submit{padding:.75rem 1.75rem;border:none;border-radius:10px;background:linear-gradient(135deg,#197398,#4a9abd);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #1973984d}.storage-upload-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #19739866}.storage-upload-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.storage-page-container{padding:2rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 4rem)}.storage-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.storage-header-content{flex:1}.storage-page-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#197398,#4a9abd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;letter-spacing:-.025em}.storage-page-subtitle{font-size:1rem;color:#6b7280;margin:0;display:flex;align-items:center;gap:.5rem}.storage-page-subtitle svg{opacity:.7}.storage-btn-upload{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#197398,#4a9abd);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #19739859}.storage-btn-upload:hover{transform:translateY(-2px);box-shadow:0 8px 25px #19739873}.storage-btn-upload:active{transform:translateY(0)}.storage-filters-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:2rem;border:1px solid rgba(0,0,0,.04)}.storage-filter-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}@media(max-width:900px){.storage-filter-row{grid-template-columns:1fr 1fr}}@media(max-width:600px){.storage-filter-row{grid-template-columns:1fr}.storage-page-header{flex-direction:column;align-items:stretch}.storage-btn-upload{justify-content:center}}.storage-input-wrapper{position:relative;display:flex;align-items:center}.storage-input-icon{position:absolute;left:1rem;color:#9ca3af;pointer-events:none;transition:color .2s}.storage-input-wrapper:focus-within .storage-input-icon{color:#197398}.storage-input,.storage-select{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:12px;background-color:#f8fafc;color:#1f2937;font-size:.9375rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.storage-input:hover,.storage-select:hover{background-color:#f1f5f9}.storage-input:focus,.storage-select:focus{border-color:#197398;outline:none;background-color:#fff;box-shadow:0 0 0 4px #1973981a,0 1px 2px #0000000a}.storage-input::placeholder{color:#9ca3af}.storage-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem;cursor:pointer}.storage-stats-bar{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.storage-stat-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#19739814,#19739805);border-radius:12px;border:1px solid rgba(25,115,152,.1)}.storage-stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#197398,#4a9abd);border-radius:10px;color:#fff}.storage-stat-info{display:flex;flex-direction:column}.storage-stat-value{font-size:1.25rem;font-weight:700;color:#1f2937}.storage-stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.storage-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;color:#6b7280}.storage-spinner{width:48px;height:48px;border:4px solid rgba(25,115,152,.1);border-radius:50%;border-top-color:#197398;animation:storageSpin .8s linear infinite;margin-bottom:1.5rem}@keyframes storageSpin{to{transform:rotate(360deg)}}.storage-loading-state p{font-size:1rem;font-weight:500}.storage-error-banner{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#dc2626;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(239,68,68,.2);font-weight:500}.storage-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;margin-top:1rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d}.storage-pagination-info{color:#6b7280;font-size:.875rem;font-weight:500}.storage-pagination-info strong{color:#1f2937}.storage-pagination-controls{display:flex;gap:.5rem}.storage-pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #e5e7eb;border-radius:10px;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s ease}.storage-pagination-btn:hover:not(:disabled){background-color:#197398;border-color:#197398;color:#fff;transform:translateY(-1px)}.storage-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.messages-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.messages-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;width:90vw;max-width:900px;height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.messages-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#075e54;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.messages-modal-title{display:flex;align-items:center;gap:12px}.messages-modal-title h3{margin:0;font-size:16px;font-weight:600}.phone-number{font-size:13px;opacity:.85}.messages-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.messages-modal-close:hover{background:#ffffff1a}.messages-scroll-area{flex:1;overflow-y:auto;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-color:#e5ddd5;padding:20px;display:flex;flex-direction:column;gap:8px}.messages-loading,.messages-error,.messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:300px;color:#667781}.messages-error{color:#dc2626}.retry-btn{padding:10px 20px;border-radius:8px;border:none;background:#3b82f6;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.retry-btn:hover{background:#2563eb}.loading-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;font-size:14px;color:#667781}.load-more-trigger{display:flex;justify-content:center;padding:16px 0}.load-more-btn{padding:8px 16px;border-radius:20px;border:none;background:#ffffffe6;color:#075e54;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s}.load-more-btn:hover{background:#fff;box-shadow:0 2px 6px #00000026}.date-separator{display:flex;align-items:center;gap:12px;margin:16px 0}.date-separator-line{flex:1;height:1px;background:#0000001a}.date-separator-text{padding:6px 12px;background:#e1f5feeb;border-radius:8px;font-size:12px;font-weight:500;color:#667781;box-shadow:0 1px 2px #00000014}.message-bubble-wrapper{display:flex;margin:4px 0}.message-bubble-wrapper.from-me{justify-content:flex-end}.message-bubble-wrapper.from-them{justify-content:flex-start}.message-bubble{max-width:65%;min-width:350px;padding:6px 7px 8px 9px;border-radius:7.5px;box-shadow:0 1px .5px #00000021;position:relative;word-wrap:break-word}.message-bubble.received{background:#fff}.message-bubble.sent{background:#dcf8c6}.sender-name{font-size:12px;font-weight:600;color:#075e54;margin-bottom:4px}.message-content{font-size:14.2px;line-height:19px;color:#111b21;margin-bottom:4px}.message-text{font-size:14.2px;line-height:19px;color:#111b21}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.message-time{font-size:11px;color:#111b2180;line-height:15px}.edited-label{font-size:11px;font-style:italic;color:#111b2180;margin-right:4px}.message-bubble.received:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-top:0px solid transparent;border-right:10px solid #ffffff;border-bottom:12px solid transparent}.message-bubble.sent:before{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-top:0px solid transparent;border-left:10px solid #dcf8c6;border-bottom:12px solid transparent}.media-bubble{max-width:320px;min-width:350px}.message-image,.message-video{display:block;width:100%;max-width:300px;border-radius:8px;cursor:pointer}.media-caption{padding:8px 0 4px;font-size:14px;white-space:pre-wrap;word-break:break-word;color:#111b21}.media-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:#667781;background:#00000008;border-radius:8px}.video-duration{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#111b2180;margin-right:8px}.audio-bubble{display:flex;flex-direction:column;gap:8px;min-width:350px}.message-audio{width:100%;height:36px}.document-bubble{display:flex;flex-direction:column;gap:8px;min-width:350px}.document-preview{display:flex;align-items:center;gap:12px;padding:12px;background:#00000008;border-radius:8px}.document-icon{font-size:32px;flex-shrink:0}.document-info{flex:1;min-width:0}.document-name{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111b21}.document-size,.document-pages{font-size:12px;color:#667781;margin-top:2px}.download-btn{background:none;border:none;cursor:pointer;color:#667781;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.download-btn:hover{background:#0000000d;color:#075e54}.location-bubble{max-width:350px;min-width:350px;overflow:hidden}.location-map{margin:-6px -7px 8px -9px}.map-preview{display:block;width:100%;border-radius:7.5px 7.5px 0 0}.location-info{padding:0 4px}.location-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:14px;color:#111b21}.location-address{font-size:13px;color:#667781;margin-bottom:8px;line-height:1.4}.location-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#027eb5;text-decoration:none}.location-link:hover{text-decoration:underline}.contact-bubble{display:flex;flex-direction:column;min-width:350px}.contact-card{display:flex;align-items:center;gap:12px;padding:12px;background:#00000008;border-radius:8px}.contact-avatar{width:48px;height:48px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;color:#667781;flex-shrink:0}.contact-info{flex:1;min-width:0}.contact-name{font-weight:500;font-size:14px;color:#111b21}.contact-phone{display:flex;align-items:center;gap:4px;font-size:13px;color:#667781;margin-top:2px}.sticker-bubble{background:none!important;box-shadow:none!important;padding:0!important;position:relative;min-width:auto!important}.sticker-bubble:before{display:none!important}.sticker-image{display:block;max-width:150px;max-height:150px}.sticker-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.sticker-time{font-size:11px;color:#667781;background:#ffffffe6;padding:2px 6px;border-radius:10px;box-shadow:0 1px 2px #0000001a}.sticker-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:#667781}.poll-bubble{display:flex;flex-direction:column;min-width:350px}.poll-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;color:#667781}.poll-question{font-weight:500;font-size:15px;margin-bottom:12px;color:#111b21}.poll-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.poll-option{display:flex;align-items:center;gap:10px;padding:10px;background:#00000008;border-radius:6px;font-size:14px;color:#111b21}.poll-radio{width:18px;height:18px;border:2px solid #667781;border-radius:50%;flex-shrink:0}.poll-footer-info{font-size:12px;color:#667781;margin-bottom:8px}.response-bubble{display:flex;flex-direction:column;min-width:350px}.quoted-message{display:flex;gap:0;padding:0;background:#025144;border-radius:6px;margin-bottom:6px;overflow:hidden}.quoted-bar{width:4px;background:#06cf9c;flex-shrink:0}.quoted-content{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;font-size:13px;color:#ffffffd9;line-height:1.4;flex:1;min-width:0}.quoted-media-indicator{display:flex;align-items:center;color:#ffffffb3;flex-shrink:0}.message-bubble.received .quoted-message{background:#0000000f}.message-bubble.received .quoted-bar{background:#25d366}.message-bubble.received .quoted-content,.message-bubble.received .quoted-media-indicator{color:#667781}.selected-option{display:flex;align-items:center;gap:6px;font-size:14px;color:#111b21}.selected-check{color:#25d366;font-weight:600;font-size:14px;flex-shrink:0}.response-content{display:flex;align-items:center;gap:8px;padding:12px;background:#25d3661a;border-radius:8px;margin-bottom:4px;font-size:14px;color:#111b21}.message-bubble.revoked{opacity:.85}.revoked-bubble{display:flex;flex-direction:column;gap:4px;min-width:350px}.revoked-content{display:flex;align-items:center;gap:8px;font-style:italic;color:#667781}.revoked-text{flex:1;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.messages-scroll-area::-webkit-scrollbar{width:6px}.messages-scroll-area::-webkit-scrollbar-track{background:#0000000d}.messages-scroll-area::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.messages-scroll-area::-webkit-scrollbar-thumb:hover{background:#0000004d}@media(max-width:768px){.message-bubble{min-width:250px;max-width:80%}.messages-modal-container{width:100vw;height:100vh;border-radius:0}}.buttons-bubble{display:flex;flex-direction:column;gap:0;min-width:350px}.buttons-content{padding:0}.buttons-text{font-size:14.2px;line-height:19px;color:#111b21}.buttons-list{display:flex;flex-direction:column;gap:1px;margin:8px -7px -8px -9px;border-top:1px solid rgba(0,0,0,.1)}.interactive-button{display:flex;align-items:center;justify-content:center;padding:12px 16px;font-size:14px;font-weight:500;color:#027eb5;background:transparent;cursor:default;border-top:1px solid rgba(0,0,0,.06)}.interactive-button:first-child{border-top:none}.template-bubble{display:flex;flex-direction:column;gap:0;min-width:350px}.template-content{padding:0}.template-text{font-size:14.2px;line-height:19px;color:#111b21}.login-page-bg{font-family:Inter,sans-serif;background-color:#f0f9ff;min-height:100vh;display:flex;justify-content:center;align-items:center;color:#0f172a}.app-container.login-page-bg{padding:1rem;box-sizing:border-box;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.main-card-wrapper{background-color:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;align-items:center;padding:3rem;max-width:440px;width:100%;border:1px solid #e2e8f0;animation:fadeInScale .6s ease-out forwards}.text-primary{color:#197398}.main-title{font-size:2rem;font-weight:700;color:#197398;text-align:center;margin-bottom:.5rem;line-height:1.2}.subtitle{font-size:1rem;color:#64748b;text-align:center;margin-bottom:2.5rem}.login-form{width:100%;display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.input-group label{font-size:.875rem;font-weight:600;color:#334155}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#94a3b8;pointer-events:none}.input-field{width:100%;padding:.875rem 1rem .875rem 2.8rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;color:#1e293b;background-color:#fff;transition:all .2s}.input-field:focus{border-color:#197398;box-shadow:0 0 0 3px #1973981a;outline:none}.input-field::placeholder{color:#94a3b8}.button{width:100%;padding:1rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s;margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em}.button.login{background-color:#197398;color:#fff;box-shadow:0 4px 6px -1px #19739833}.button.login:hover{background-color:#0d5470;transform:translateY(-2px);box-shadow:0 10px 15px -3px #1973984d}.forgot-password{text-align:center;margin-top:1.5rem}.forgot-password a{color:#197398;font-size:.875rem;text-decoration:none;font-weight:500;transition:color .2s}.forgot-password a:hover{color:#0d5470;text-decoration:underline}.auth-note{margin-top:2rem;font-size:.75rem;color:#64748b;text-align:center;line-height:1.5;padding:1rem;background-color:#f1f5f9;border-radius:8px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state,.error-state{display:flex;justify-content:center;align-items:center;height:100vh}.loading-spinner{color:#197398}.loading-spinner svg{animation:spin 1s linear infinite}.error-alert{width:100%;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;color:#dc2626}.error-alert svg{flex-shrink:0;margin-top:2px}.error-alert-content{display:flex;flex-direction:column;gap:.125rem}.error-alert-title{font-size:.8125rem;font-weight:600}.error-alert-message{font-size:.75rem;opacity:.9}.button:disabled{opacity:.7;cursor:not-allowed}.button-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.spin{animation:spin 1s linear infinite}.input-field:disabled{background-color:#f1f5f9;cursor:not-allowed}