body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#171a4a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App,body{min-height:100vh}.app-header{background:linear-gradient(135deg,#171a4a,#2d3561);box-shadow:0 8px 32px #171a4a4d;color:#fff;overflow:hidden;padding:1.5rem 2rem;position:relative}.app-header:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="url(%23g)"/></svg>') no-repeat 50%;background-size:200px 200px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;position:relative;z-index:1}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:1rem}.logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2.5rem}.logo-text h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0;text-shadow:0 2px 10px #0000004d}.tagline{font-size:.85rem;font-weight:400;margin:.25rem 0 0;opacity:.8}.header-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:30px;display:flex;gap:.75rem;padding:.75rem 1.25rem}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.status-text{font-size:.9rem;font-weight:600}.app-footer{background:linear-gradient(135deg,#f5f7fa,#e2e8f0);color:#64748b;font-size:.85rem;margin-top:2rem;padding:1.5rem;text-align:center}main{margin:0 auto;max-width:1400px;width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}button{cursor:pointer;font-family:inherit;transition:all .2s ease}button:focus{outline:2px solid #3b82f6;outline-offset:2px}.fade-in{animation:fadeIn .6s ease forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.clinics-management{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.clinics-management h2{color:#171a4a;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.clinics-list-view{background:#fff;border-radius:12px;box-shadow:0 8px 25px #171a4a26;padding:30px}.add-clinic-btn{display:block;margin:0 auto 30px}.clinics-list{display:flex;flex-direction:column;gap:10px}.no-clinics{color:#6c757d;font-style:italic;padding:40px;text-align:center}.clinic-item-container{border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.clinic-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #171a4a1a;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:18px 24px;transition:all .3s ease}.clinic-item:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);transform:translateX(5px)}.clinic-item.expanded{background:linear-gradient(135deg,#171a4a,#2d3561);border-bottom-left-radius:0;border-bottom-right-radius:0;color:#fff}.clinic-item.expanded .clinic-name{color:#fff}.clinic-name{color:#171a4a;font-size:16px;font-weight:600}.clinic-arrow{font-size:18px;font-weight:700;transition:transform .3s ease}.clinic-actions{background:#fff;border:2px solid #171a4a1a;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:none;display:flex;flex-direction:column;gap:8px;padding:15px 24px}.btn-action{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:none;border-radius:8px;color:#171a4a;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;text-align:left;transition:all .3s ease}.btn-action:hover{background:linear-gradient(135deg,#171a4a,#2d3561);color:#fff;transform:translateX(10px)}.btn-back{align-items:center;background:#fff;border:2px solid #171a4a;border-radius:8px;color:#171a4a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 20px;transition:all .3s ease}.btn-back:hover{background:#171a4a;color:#fff}.availability-view,.create-clinic,.documents-section,.edit-clinic{background:#fff;border:1px solid #171a4a1a;border-radius:12px;box-shadow:0 8px 25px #171a4a26;padding:30px}.availability-view h3,.create-clinic h3,.edit-clinic h3{color:#171a4a;font-size:22px;margin-bottom:25px;margin-top:0}.form-buttons{display:flex;gap:15px;margin-top:25px}.form-group label{color:#171a4a;font-size:14px;margin-bottom:8px}.form-group input,.form-group select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#171a4a;box-shadow:0 0 0 3px #171a4a1a;transform:translateY(-1px)}.btn-add,.btn-delete,.btn-primary,.btn-remove,.btn-secondary,.btn-upload{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#171a4a,#2d3561);box-shadow:0 4px 15px #171a4a4d}.btn-primary:hover{box-shadow:0 6px 20px #171a4a66;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#6c757d,#545b62);box-shadow:0 4px 15px #6c757d4d}.btn-secondary:hover{box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.btn-add,.btn-upload{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff}.btn-add:hover,.btn-upload:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.btn-delete,.btn-remove{background:linear-gradient(135deg,#dc3545,#e83e8c);box-shadow:0 4px 15px #dc35454d;color:#fff}.btn-delete:hover,.btn-remove:hover{box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}.clinic-editor{background:#fff;border:2px solid #171a4a1a;border-radius:12px;margin-top:20px;padding:25px}.clinic-editor h4{color:#171a4a;font-size:20px;margin-top:0}.availability-section,.blocks-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #171a4a1a;border-radius:12px;margin-bottom:30px;padding:25px}.availability-view .availability-section,.availability-view .blocks-section{margin-top:20px}.availability-section h5,.blocks-section h5{border-bottom:2px solid #171a4a;color:#171a4a;font-size:18px;font-weight:700;margin-bottom:20px;margin-top:0;padding-bottom:8px}.availability-item,.block-item{align-items:center;background:#fff;border:1px solid #171a4a1a;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;gap:15px;margin-bottom:15px;padding:15px;transition:all .3s ease}.availability-item:hover,.block-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.availability-item input,.availability-item select,.block-item input{flex:1 1;min-width:120px}.availability-controls,.blocks-controls{border-top:2px solid #171a4a1a;display:flex;gap:15px;margin-top:20px;padding-top:20px}.documents-management{max-width:100%}.documents-header{align-items:flex-start;border-bottom:2px solid #171a4a1a;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.documents-header h3{color:#171a4a;font-size:24px;margin:0}.upload-section{align-items:center;display:flex;gap:15px}.file-input-wrapper{position:relative}.file-input-label{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);border:2px dashed #171a4a;border-radius:8px;color:#171a4a;cursor:pointer;display:inline-block;font-weight:600;min-width:200px;padding:12px 20px;text-align:center;transition:all .3s ease}.file-input-label:hover{background:linear-gradient(135deg,#171a4a,#2d3561);border-style:solid;color:#fff;transform:translateY(-2px)}.no-clinic-selected{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #171a4a4d;border-radius:12px;padding:50px;text-align:center}.no-clinic-selected p{color:#171a4a;font-size:18px;margin:0}.documents-list h4{color:#171a4a;font-size:20px;margin-bottom:20px}.no-documents{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #171a4a1a;border-radius:8px;color:#6c757d;font-style:italic;padding:30px;text-align:center}.documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.document-card{align-items:center;background:#fff;border:2px solid #171a4a1a;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.document-card:hover{border-color:#171a4a;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.document-info{flex:1 1}.document-name{color:#171a4a;display:block;font-weight:700;margin-bottom:5px;transition:color .3s ease;word-break:break-word}.document-name:hover{color:#2d3561;text-decoration:underline}.document-size{color:#6c757d;display:block;font-size:12px}.document-actions{align-items:center;display:flex;gap:10px}.btn-download{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.btn-download:hover{box-shadow:0 4px 15px #22c55e66;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.btn-delete:hover{box-shadow:0 4px 15px #ef444466;transform:translateY(-2px)}.btn-upload:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.attendants-section{background:#fff;border:1px solid #171a4a1a;border-radius:12px;box-shadow:0 8px 25px #171a4a26;padding:30px}.attendants-management{max-width:100%}.attendants-header{border-bottom:2px solid #171a4a1a;margin-bottom:25px;padding-bottom:20px}.attendants-header h3{color:#171a4a;font-size:24px;margin:0 0 10px}.attendants-description{color:#6c757d;font-size:14px;margin:0}.add-attendant-form{align-items:flex-end;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #171a4a1a;border-radius:12px;display:flex;gap:15px;margin-bottom:30px;padding:20px}.add-attendant-form .form-group{flex:1 1;margin-bottom:0}.attendants-list h4{color:#171a4a;font-size:18px;margin-bottom:20px}.no-attendants{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #171a4a1a;border-radius:8px;color:#6c757d;font-style:italic;padding:30px;text-align:center}.attendants-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.attendant-card{align-items:center;background:#fff;border:2px solid #171a4a1a;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;justify-content:space-between;padding:18px 20px;transition:all .3s ease}.attendant-card:hover{border-color:#171a4a;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.attendant-info{align-items:center;display:flex;gap:12px}.attendant-icon{font-size:24px}.attendant-phone{color:#171a4a;font-size:15px;font-weight:600}.btn-remove-attendant{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.btn-remove-attendant:hover{box-shadow:0 4px 15px #ef444466;transform:translateY(-2px)}@media (max-width:768px){.availability-item,.block-item{align-items:stretch;flex-direction:column}.availability-controls,.blocks-controls,.documents-header{flex-direction:column}.documents-header{align-items:stretch;gap:20px}.upload-section{flex-direction:column;gap:10px}.documents-grid{grid-template-columns:1fr}.document-card{align-items:center;flex-direction:column;gap:15px;text-align:center}.document-actions{flex-direction:row;gap:15px;justify-content:center}.add-attendant-form{align-items:stretch;flex-direction:column}.attendants-grid{grid-template-columns:1fr}}.appointments-test{margin:0 auto;max-width:1200px;padding:20px}.test-tabs{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;margin-bottom:20px}.test-tabs button{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s;white-space:nowrap}.test-tabs button.active{background-color:#f8f9fa;border-bottom-color:#28a745;font-weight:700}.test-tabs button:hover{background-color:#f8f9fa}.test-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.test-section h3{border-bottom:1px solid #dee2e6;color:#495057;margin-top:0;padding-bottom:10px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#28a745;box-shadow:0 0 0 2px #28a74540;outline:none}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .3s}.btn-primary{background-color:#28a745;color:#fff}.btn-primary:hover{background-color:#218838}.btn-secondary{background-color:#6c757d;color:#fff;margin-left:10px}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.result-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-top:20px;padding:15px}.result-section h4{color:#495057;margin-top:0}.result-section pre{background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;font-size:12px;line-height:1.4;overflow-x:auto;padding:10px}.query-options{display:flex;flex-direction:column;gap:20px}.query-options .form-group{align-items:end;display:flex;gap:10px}.query-options .form-group label{margin-bottom:5px}.query-options .form-group input{flex:1 1;margin-bottom:0}.query-options .form-group button{flex-shrink:0;margin-bottom:0;margin-left:0}@media (max-width:768px){.test-tabs{flex-direction:column}.test-tabs button{text-align:left;width:100%}.form-grid{grid-template-columns:1fr}.query-options .form-group{align-items:stretch;flex-direction:column}.query-options .form-group button{margin-left:0;margin-top:10px}}.pendencies-management{background:#f8fafc;min-height:100vh;padding:24px}.pendencies-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.pendencies-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.pendencies-summary{align-items:center;display:flex;gap:16px}.total-count{background:#3b82f6;border-radius:20px}.refresh-button,.total-count{color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.refresh-button{background:#10b981;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.refresh-button:hover{background:#059669;transform:translateY(-2px)}.error,.loading{border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#64748b;font-size:16px;height:200px}.error{flex-direction:column;gap:16px}.retry-button{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.retry-button:hover{background:#dc2626}.no-pendencies{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:48px 24px;text-align:center}.no-pendencies-icon{font-size:48px;margin-bottom:16px}.no-pendencies h3{color:#10b981;font-size:20px;font-weight:700;margin-bottom:8px}.no-pendencies p{color:#64748b;font-size:16px}.pendencies-list{display:flex;flex-direction:column;gap:16px}.pendency-card{background:#fff;border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .3s ease}.pendency-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.pendency-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.pendency-info h4{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 4px}.pendency-id{background:#e2e8f0;border-radius:4px;color:#64748b;font-size:12px;font-weight:600;padding:4px 8px}.pendency-actions{display:flex;gap:8px}.complete-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.complete-button:hover{background:#059669;transform:translateY(-1px)}.pendency-details{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:16px}.pendency-details h5{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.pendency-details p{word-wrap:break-word;color:#1e293b;font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.pendency-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:16px}.pendency-date{color:#64748b;font-size:14px;font-weight:500}.pendencies-help{margin-top:32px}.help-card{background:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.help-card h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 16px}.help-card ul{margin:0;padding-left:20px}.help-card li{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:8px}@media (max-width:768px){.pendencies-management{padding:16px}.pendencies-header{align-items:flex-start;flex-direction:column;gap:16px}.pendencies-summary{justify-content:space-between;width:100%}.pendency-header{align-items:flex-start;flex-direction:column;gap:12px}.pendency-actions{justify-content:flex-end;width:100%}.pendency-card{padding:16px}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pendency-card{animation:slideInFromTop .3s ease}.system-health{animation:fadeIn .5s ease;padding:1.5rem}.system-health.loading{align-items:center;color:#64748b;display:flex;font-size:1.2rem;justify-content:center;min-height:400px}.health-header{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 4px 20px #00000014;gap:2rem;margin-bottom:1.5rem;padding:1.5rem}.health-header,.overall-status{align-items:center;display:flex}.overall-status{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid;border-radius:12px;gap:1rem;padding:1rem 1.5rem}.overall-status .status-icon{font-size:2.5rem}.overall-status .status-info h2{color:#64748b;font-size:.9rem;letter-spacing:1px;margin:0;text-transform:uppercase}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-top:.5rem;padding:.4rem 1rem}.quick-stats{display:flex;flex:1 1;gap:1rem;justify-content:center}.stat-box{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:12px;display:flex;flex-direction:column;min-width:100px;padding:1rem 1.5rem}.stat-box.warning{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-box.error{background:linear-gradient(135deg,#fee2e2,#fecaca)}.stat-box.info{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.stat-box .stat-value{color:#1e293b;font-size:1.8rem;font-weight:800}.stat-box .stat-label{color:#64748b;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.refresh-btn{background:linear-gradient(135deg,#171a4a,#2d3561);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 4px 15px #171a4a4d;transform:translateY(-2px)}.health-tabs{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.health-tabs button{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.health-tabs button:hover{background:#f1f5f9;color:#1e293b}.health-tabs button.active{background:linear-gradient(135deg,#171a4a,#2d3561);box-shadow:0 4px 15px #171a4a33;color:#fff}.health-tabs .badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .5rem}.tab-content{animation:fadeIn .3s ease}.services-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service-card{background:#fff;border-left:4px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000000d;padding:1.5rem;transition:all .3s ease}.service-card.healthy{border-left-color:#10b981}.service-card.degraded{background:linear-gradient(135deg,#fffbeb,#fff);border-left-color:#f59e0b}.service-card.unhealthy{background:linear-gradient(135deg,#fef2f2,#fff);border-left-color:#ef4444}.service-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.service-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.service-header .service-icon{font-size:1.5rem}.service-header h3{color:#1e293b;font-size:1.1rem;margin:0;text-transform:capitalize}.service-status{align-items:center;display:flex;gap:.75rem}.status-pill{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.3rem .8rem;text-transform:uppercase}.latency{color:#64748b;font-size:.85rem;font-weight:500}.service-message{color:#64748b;font-size:.9rem;margin:.75rem 0 0}.circuits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.circuit-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:1.5rem;transition:all .3s ease}.circuit-card.closed{border-top:4px solid #10b981}.circuit-card.open{background:linear-gradient(180deg,#fef2f2,#fff 20%);border-top:4px solid #ef4444}.circuit-card.half_open{background:linear-gradient(180deg,#fffbeb,#fff 20%);border-top:4px solid #f59e0b}.circuit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.circuit-header h3{color:#1e293b;font-size:1.1rem;margin:0}.state-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:.4rem 1rem}.circuit-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.circuit-stat{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;padding:.75rem}.circuit-stat .label{color:#64748b;font-size:.75rem;margin-bottom:.25rem}.circuit-stat .value{color:#1e293b;font-size:1.25rem;font-weight:700}.circuit-stat .value.success{color:#10b981}.circuit-stat .value.error{color:#ef4444}.reset-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.reset-btn:hover{box-shadow:0 4px 15px #f59e0b4d;transform:translateY(-2px)}.retry-section{display:flex;flex-direction:column;gap:1.5rem}.retry-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.retry-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:1.5rem}.retry-card h3{color:#1e293b;font-size:1.1rem;margin:0 0 1.5rem}.retry-stats-grid{display:flex;flex-wrap:wrap;gap:1rem}.retry-stat{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;min-width:80px;padding:1rem 1.5rem}.retry-stat.pending{background:linear-gradient(135deg,#fef3c7,#fde68a)}.retry-stat.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.retry-stat.dead_letter,.retry-stat.failed{background:linear-gradient(135deg,#fee2e2,#fecaca)}.retry-stat .count{color:#1e293b;font-size:1.5rem;font-weight:800}.retry-stat .status{color:#64748b;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.worker-status{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.worker-indicator{font-weight:600}.worker-indicator.running{color:#10b981}.worker-indicator.stopped{color:#ef4444}.pending-count{color:#64748b;font-size:.9rem}.process-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.process-btn:hover{box-shadow:0 4px 15px #3b82f64d;transform:translateY(-2px)}.alerts-section{min-height:300px}.no-alerts{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.no-alerts .icon{font-size:4rem;margin-bottom:1rem}.no-alerts h3{color:#065f46;margin:0 0 .5rem}.no-alerts p{color:#047857;margin:0}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-card{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.25rem;transition:all .3s ease}.alert-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.alert-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.alert-type{background:#f1f5f9;border-radius:6px;color:#475569;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.alert-severity{font-size:.8rem;font-weight:700}.alert-time{color:#94a3b8;font-size:.8rem;margin-left:auto}.alert-message{color:#1e293b;font-size:.95rem;line-height:1.5;margin:0}.alert-details{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.detail-item{background:#f8fafc;border-radius:4px;color:#64748b;font-size:.8rem;padding:.25rem .5rem}.detail-item strong{color:#475569}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.health-header{align-items:stretch;flex-direction:column}.quick-stats{justify-content:space-between}.retry-overview{grid-template-columns:1fr}}@media (max-width:768px){.quick-stats{flex-wrap:wrap}.stat-box{flex:1 1;min-width:80px}.health-tabs{flex-wrap:wrap}.health-tabs button{flex:1 1 45%}}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:0}.dashboard-nav{background:linear-gradient(135deg,#171a4a,#2d3561);border-bottom:3px solid #ffffff1a;box-shadow:0 4px 20px #171a4a4d;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem 2rem}.dashboard-nav button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:12px;color:#fffc;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.dashboard-nav button:hover{background:#fff3;box-shadow:0 4px 15px #fff3;color:#fff;transform:translateY(-2px)}.dashboard-nav button.active{background:linear-gradient(135deg,#ffffff40,#ffffff26);border:2px solid #ffffff4d;box-shadow:0 4px 20px #ffffff4d;color:#fff}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr;margin-bottom:2rem;padding:0 2rem}.metric-cards{display:flex;flex-direction:column;gap:1.5rem}.metric-card{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #171a4a1a;border-radius:20px;box-shadow:0 8px 32px #171a4a1a;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,#171a4a,#2d3561,#4f46e5);content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card:hover{box-shadow:0 15px 40px #171a4a33;transform:translateY(-5px) scale(1.02)}.time-card{background:linear-gradient(135deg,#e0f2fe,#b3e5fc)}.time-card:before{background:linear-gradient(90deg,#0288d1,#03a9f4,#00bcd4)}.count-card{background:linear-gradient(135deg,#e8f5e8,#c8e6c9)}.count-card:before{background:linear-gradient(90deg,#388e3c,#4caf50,#66bb6a)}.status-card{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.status-card:before{background:linear-gradient(90deg,#f57c00,#ff9800,#ffb74d)}.metric-icon{align-items:center;border-radius:16px;box-shadow:0 8px 24px #0000001f;color:#0b102a;display:inline-flex;font-size:2rem;height:64px;justify-content:center;width:64px}.time-icon{background:linear-gradient(135deg,#7dd3fc,#0ea5e9)}.count-icon{background:linear-gradient(135deg,#a5d6a7,#43a047)}.status-icon{background:linear-gradient(135deg,#ffd8a8,#ff9800)}.metric-content h3{color:#171a4a;font-size:1rem;font-weight:600;letter-spacing:.8px;margin:0;text-transform:uppercase}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#171a4a,#2d3561);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:800;margin:.8rem 0 0}.chart-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #171a4a1a;border-radius:20px;box-shadow:0 8px 32px #171a4a1a;overflow:hidden;padding:2.5rem;position:relative}.charts-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-full{grid-column:1/-1}.chart-container:before{background:linear-gradient(90deg,#171a4a,#2d3561,#4f46e5);content:"";height:4px;left:0;position:absolute;right:0;top:0}.chart-container h2{color:#171a4a;font-size:1.8rem;font-weight:700;margin:0 0 2rem}.custom-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px}.custom-tooltip p{color:#374151;font-size:.875rem;margin:4px 0}.no-data{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:400px;justify-content:center}.no-data p{margin:.5rem 0;text-align:center}.error,.loading{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;color:#6b7280;display:flex;flex-direction:column;font-size:1.125rem;height:60vh;justify-content:center;margin:0 2rem}.error{color:#ef4444}.refresh-button,.retry-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.refresh-button:hover,.retry-button:hover{background-color:#2563eb}.refresh-info{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;margin:0 2rem;padding:1rem 2rem}@media (max-width:1024px){.dashboard-grid{gap:1.5rem;grid-template-columns:1fr}.metric-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.dashboard-nav{flex-direction:column;gap:.5rem;padding:1rem}.dashboard-nav button{font-size:14px;padding:10px 16px}.dashboard-grid{padding:0 1rem}.metric-cards{grid-template-columns:1fr}.chart-container{padding:1rem}.refresh-info{flex-direction:column;gap:1rem;margin:0 1rem;text-align:center}}
/*# sourceMappingURL=main.d81453d4.css.map*/