:root{--primary-color: #22c55e;--primary-color-hover: #16a34a;--bg-color: #f8fafc;--sidebar-bg: #ffffff;--card-bg: #ffffff;--input-bg: #f1f5f9;--hover-bg: #f1f5f9;--hover-bg-subtle: #f8fafc;--border-color: #e2e8f0;--border-color-strong: #cbd5e1;--text-primary: #0f172a;--text-secondary: #64748b;--text-on-primary: #0f172a;--status-green: #16a34a;--status-green-bg: #dcfce7;--status-yellow: #ca8a04;--status-yellow-bg: #fef9c3;--status-red: #dc2626;--status-red-bg: #fee2e2;--status-blue: #16a34a;--status-blue-bg: #dcfce7;--status-gray: #475569;--status-gray-bg: #e2e8f0}.dark-theme{--primary-color: #4ade80;--primary-color-hover: #22c55e;--bg-color: #0f172a;--sidebar-bg: #1e293b;--card-bg: #1e293b;--input-bg: #334155;--hover-bg: #334155;--hover-bg-subtle: #283446;--border-color: #334155;--border-color-strong: #475569;--text-primary: #ffffff;--text-secondary: #ffffff;--text-on-primary: #0f172a;--status-green: #4ade80;--status-green-bg: rgba(77, 222, 128, .15);--status-yellow: #facc15;--status-yellow-bg: rgba(250, 204, 21, .15);--status-red: #f87171;--status-red-bg: rgba(248, 113, 113, .15);--status-blue: #4ade80;--status-blue-bg: rgba(77, 222, 128, .15);--status-gray: #94a3b8;--status-gray-bg: rgba(148, 163, 184, .15)}body{font-family:Inter,Noto Sans,sans-serif;background-color:var(--bg-color);color:var(--text-primary)}h1,h2,h3{font-family:Lexend,sans-serif;color:var(--text-primary)}button,a,.sidebar-item,.report-card,.settings-card,.clients-table tbody tr,input,select,textarea{transition:all .2s ease-in-out}.dark-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d;border-radius:.75rem}.dark-input{background-color:var(--input-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:.65rem 1rem;border-radius:.5rem;width:100%}.dark-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,transparent);outline:none}.dark-input option{background-color:var(--card-bg);color:var(--text-primary)}.dark-input::placeholder{color:var(--text-secondary);opacity:.7}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color)}.sidebar-item{color:var(--text-secondary);font-weight:500}.sidebar-item:hover{background-color:var(--hover-bg);color:var(--text-primary)}.sidebar-item-active{background-color:var(--primary-color);color:var(--text-on-primary)!important;font-weight:600;box-shadow:0 4px 6px -1px color-mix(in srgb,var(--primary-color) 20%,transparent),0 2px 4px -2px color-mix(in srgb,var(--primary-color) 10%,transparent)}.sidebar-item-active .material-icons-outlined{color:var(--text-on-primary)!important}.quick-access-button{background-color:var(--primary-color);color:var(--text-on-primary);padding:.6rem 1.25rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:600;border:1px solid transparent;white-space:nowrap}.quick-access-button:hover{background-color:var(--primary-color-hover)}.quick-access-button .material-icons-outlined{color:var(--text-on-primary)}.dashboard-button-sm{padding:4px 12px;font-size:.75rem;border-radius:9999px;color:var(--text-on-primary);font-weight:600;border:1px solid transparent}.clients-table{width:100%;border-collapse:collapse}.clients-table th,.clients-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border-color)}.clients-table th{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600;letter-spacing:.05em;background-color:var(--bg-color)}.clients-table tbody tr:hover{background-color:var(--hover-bg)}.clients-table tbody tr:last-child td{border-bottom:none}.clients-table tbody tr:nth-child(2n){background-color:var(--hover-bg-subtle)}.clients-table tbody tr:nth-child(2n):hover{background-color:var(--hover-bg)}.table-action-button,.table-action-button-danger{background-color:transparent;color:var(--text-secondary);border:none;padding:.5rem;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.table-action-button:hover{background-color:var(--hover-bg);color:var(--primary-color)}.table-action-button-danger:hover{background-color:var(--hover-bg);color:var(--status-red)}.table-action-button-danger:disabled,.table-action-button:disabled{opacity:.4;cursor:not-allowed;background-color:transparent!important;color:var(--text-secondary)!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;display:flex;align-items:flex-start;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;padding:2rem 0}.modal-content{background-color:var(--card-bg);padding:2rem;border-radius:1rem;width:90%;max-width:600px;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.form-button-primary{background-color:var(--primary-color);color:var(--text-on-primary);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;border:none;box-shadow:0 1px 2px #0000000d}.form-button-primary:hover{background-color:var(--primary-color-hover)}.form-button-primary:disabled,.form-button-primary[disabled]{opacity:.6;cursor:not-allowed;background-color:var(--primary-color)!important}.form-button-secondary{background-color:var(--card-bg);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;border:1px solid var(--border-color-strong);display:inline-flex;align-items:center;justify-content:center}.form-button-secondary:hover{background-color:var(--hover-bg);border-color:var(--border-color-strong)}.form-field-group{display:flex;flex-direction:column;gap:.5rem}.form-field-group>label{font-weight:500;font-size:.875rem;color:var(--text-primary)}.calendar-day{color:var(--text-primary);font-weight:500}.calendar-day:hover{background-color:var(--hover-bg)}.calendar-day.is-today:not(.selected){border:1px solid var(--primary-color);color:var(--primary-color)}.calendar-day.selected{background-color:var(--primary-color);color:var(--text-on-primary);font-weight:700;border-color:var(--primary-color)}.appointment-card{background-color:var(--input-bg);border-radius:.75rem;padding:1rem;border:1px solid var(--border-color)}.appointment-card:hover{border-color:var(--border-color-strong);box-shadow:0 1px 3px #00000008}.status-badge,.status-activo-bg,.status-inactivo-bg,.status-pagada-bg,.status-pendiente-bg,.status-anulada-bg,.status-estable-bg,.status-observacion-bg,.status-critico-bg,.status-recuperandose-bg,.status-alta-bg{padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600;text-transform:capitalize;display:inline-block;white-space:nowrap;border:1px solid}.status-pagada-bg,.status-activo-bg,.status-estable-bg{background-color:var(--status-green-bg);color:var(--status-green);border-color:currentColor}.status-pendiente-bg,.status-observacion-bg{background-color:var(--status-yellow-bg);color:var(--status-yellow);border-color:currentColor}.status-critico-bg{background-color:var(--status-red-bg);color:var(--status-red);border-color:currentColor}.status-recuperandose-bg{background-color:var(--status-blue-bg);color:var(--status-blue);border-color:currentColor}.status-anulada-bg,.status-inactivo-bg,.status-alta-bg{background-color:var(--status-gray-bg);color:var(--status-gray);border-color:currentColor}.internment-tab{padding:.75rem 1rem;border-bottom:3px solid transparent;cursor:pointer;color:var(--text-secondary);font-weight:500}.internment-tab:hover{color:var(--text-primary);background-color:var(--hover-bg)}.internment-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.report-card,.settings-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;cursor:pointer;display:flex;flex-direction:column}.report-card:hover,.settings-card:hover{border-color:var(--primary-color);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--primary-color) 10%,transparent),0 2px 4px -2px color-mix(in srgb,var(--primary-color) 7%,transparent);transform:translateY(-2px)}.setting-section-title{font-size:1.125rem;font-weight:600;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.setting-input-group>label{font-weight:500;font-size:.875rem;color:var(--text-primary);margin-bottom:.5rem;display:block}.stock-low{color:#f59e0b;font-weight:700}.dark-theme .stock-low{color:#fcd34d}.dark-theme tr.bg-yellow-900\/10{background-color:#eab3081a!important}.report-row-clickable{cursor:pointer}.demo-mode-indicator{background-color:var(--status-yellow-bg);border:1px solid var(--status-yellow);color:var(--status-yellow);padding:.75rem;border-radius:.75rem;margin-bottom:1rem;font-size:.875rem}.demo-mode-indicator .material-icons-outlined{color:var(--status-yellow)}.demo-mode-indicator .time-display{font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.125rem;color:var(--text-primary);text-align:center;margin-top:.25rem;font-weight:600}.dark-theme .text-gray-300{color:var(--text-secondary)}.dark-theme .text-gray-400{color:var(--text-secondary);opacity:.8}.dark-theme .text-gray-500{color:var(--text-secondary);opacity:.6}.dark-theme .text-white{color:var(--text-primary)}.dark-theme .text-green-500{color:var(--status-green)}.dark-theme .text-red-500{color:var(--status-red)}.dark-theme .border-gray-300{border-color:var(--border-color-strong)}.dark-theme .appointment-card p{color:var(--text-primary)}.dark-theme .appointment-card .text-\[var\(--primary-color\)\]{color:var(--primary-color)}.dark-theme .appointment-card .text-gray-400{color:var(--text-secondary)}.dark-theme .modal-content .text-white{color:var(--text-primary)}.dark-theme .modal-content .text-gray-300{color:var(--text-secondary)}.dark-theme .modal-content .text-gray-400{color:var(--text-secondary);opacity:.8}.dark-theme .modal-content .text-gray-500{color:var(--text-secondary);opacity:.6}.dark-theme .settings-card .text-gray-400{color:var(--text-secondary)}.dark-theme .dashboard-button-sm{color:var(--text-on-primary)}.dark-theme .text-\[var\(--dark-text-primary\)\]{color:var(--text-primary)}.dark-theme .text-gray-300,.dark-theme .text-gray-400,.dark-theme .text-gray-500{color:var(--text-secondary)}.dark-theme footer{color:var(--text-secondary)}.dark-theme .setting-input-group .text-xs.text-gray-400{color:var(--text-secondary)}.dark-theme .setting-input-group label.text-gray-300{color:var(--text-primary)}.dark-theme .form-button-secondary.\!bg-\[var\(--primary-color\)\]{background-color:var(--primary-color)!important;color:var(--text-on-primary)!important}.dark-theme .modal-content .text-2xl.font-bold.text-\[var\(--primary-color\)\]{color:var(--primary-color)!important}.dark-theme .modal-content .text-\[var\(--primary-color\)\]{color:var(--primary-color)}