@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{margin:0;padding:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.surgical-panel-container{display:flex;flex-direction:column;height:100vh;background-color:#f8fafc;color:#1e293b;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.surgical-panel-header{padding:15px 25px;background-color:#dcfce7;border-bottom:1px solid #bbf7d0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px #0000000d;position:relative}.progress-bar-container{position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#bbf7d0}.progress-bar-fill{height:100%;background-color:#16a34a;transition:width 1s linear}.surgical-panel-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:10px}.surgical-panel-controls{display:flex;gap:15px;align-items:center}.control-group{display:flex;align-items:center;gap:8px}.control-label{font-size:.9rem;color:#64748b}.date-input{background-color:#fff;border:1px solid #cbd5e1;color:#334155;padding:5px 10px;border-radius:4px}.loading-container{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.5rem;color:#64748b}.surgical-table{width:100%;border-collapse:separate;border-spacing:0;font-size:1.1rem}.surgical-table thead{background-color:#f1f5f9;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000000d}.surgical-table th{padding:12px 15px;text-align:left;font-weight:700;color:#475569;text-transform:uppercase;font-size:1.1rem;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.surgical-table tbody tr{background-color:#fff;transition:background-color .2s}.surgical-table tbody tr:nth-child(2n){background-color:#f8fafc}.surgical-table tbody tr:hover{background-color:#f1f5f9}.surgical-table td{padding:10px 15px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.col-sala{font-weight:800;font-size:1.5rem;color:#334155;text-align:center;width:80px}.col-time{font-weight:600;color:#475569;white-space:nowrap;width:100px}.col-patient{font-weight:700;color:#1e293b;font-size:1.3rem;width:22%}.patient-details{display:flex;gap:15px;margin-top:8px;font-size:1rem;color:#64748b;font-weight:500}.patient-detail-item{display:flex;align-items:center;gap:5px}.col-procedure{color:#334155;line-height:1.4}.procedure-meta{font-size:1rem;color:#64748b;margin-top:6px;font-weight:500}.cell-procedure{font-weight:600;display:block}.status-badge{padding:8px 16px;border-radius:50px;font-size:1rem;font-weight:700;text-transform:uppercase;text-align:center;display:inline-block;box-shadow:0 2px 4px #0000000d;min-width:120px}.status-green{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-amber{background-color:#fef3c7;color:#b45309;border:1px solid #fde68a}.status-red{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.status-gray{background-color:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}@keyframes blink-animation{0%{opacity:1;background-color:#fee2e2}50%{opacity:.8;background-color:#fecaca}to{opacity:1;background-color:#fee2e2}}.status-blink-red{color:#b91c1c;border:1px solid #fecaca;animation:blink-animation 1.5s infinite}@keyframes blink-alert{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.status-blink-alert{background-color:#fee2e2;color:#991b1b;border:2px solid #ef4444;animation:blink-alert 1s infinite;font-weight:800}.badge-alert{display:inline-block;background-color:#ef4444;color:#fff;padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:600;margin-top:5px;box-shadow:0 2px 4px #ef44444d}.lat-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.85rem;font-weight:700;color:#fff;margin-right:8px;box-shadow:0 2px 4px #0000001a}.lat-d{background-color:#3b82f6}.lat-e{background-color:#f59e0b}.lat-b{background-color:#8b5cf6}.col-next{font-weight:600;color:#64748b;text-align:center;width:140px}.next-status-item{font-size:.95rem;opacity:.8}.lock-screen-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#0f172a;color:#f8fafc}.lock-screen-box{background-color:#1e293b;padding:40px;border-radius:12px;box-shadow:0 10px 25px #00000080;text-align:center;width:450px}.lock-title{font-size:1.5rem;margin-bottom:20px;font-weight:600}.lock-input{width:100%;padding:15px;font-size:1.5rem;border:2px solid #334155;background-color:#0f172a;color:#fff;border-radius:8px;margin-bottom:20px;outline:none;box-sizing:border-box}.lock-input[type=password]{letter-spacing:5px;text-align:center}.lock-input:focus{border-color:#3b82f6}.lock-error{color:#ef4444;margin-bottom:15px;font-weight:500;min-height:24px}.lock-btn{background-color:#3b82f6;color:#fff;border:none;padding:12px 24px;font-size:1.1rem;border-radius:8px;cursor:pointer;width:100%;font-weight:600;transition:background .2s}.lock-btn:hover{background-color:#2563eb}