@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #0a0e14;--color-bg-elevated: #111720;--color-surface: #161d29;--color-surface-hover: #1c2535;--color-text: #f1f5f9;--color-text-secondary: #8b9cb3;--color-text-muted: #5c6b82;--color-border: #1e2a3b;--color-border-light: #2a3a50;--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-hover: #2563eb;--color-primary-soft: rgba(59, 130, 246, .15);--color-primary-glow: rgba(59, 130, 246, .25);--color-success: #22c55e;--color-success-soft: rgba(34, 197, 94, .15);--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-soft: rgba(239, 68, 68, .15);--color-info: #06b6d4;--color-info-soft: rgba(6, 182, 212, .15);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #14b8a6 100%);--gradient-surface: linear-gradient(180deg, rgba(255,255,255,.03) 0%, transparent 100%);--gradient-glow: radial-gradient(ellipse at 50% 0%, var(--color-primary-glow) 0%, transparent 50%);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.4);--shadow-glow: 0 0 40px var(--color-primary-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}:root.light-theme,.light-theme{--color-bg: #f8fafc;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-border-light: #cbd5e1;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-hover: #1d4ed8;--color-primary-soft: rgba(37, 99, 235, .1);--color-primary-glow: rgba(37, 99, 235, .15);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--gradient-surface: linear-gradient(180deg, rgba(0,0,0,.02) 0%, transparent 100%)}.sinapsis{--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #0a0e14;--color-bg-elevated: #111720;--color-surface: #161d29;--color-surface-hover: #1c2535;--color-text: #f1f5f9;--color-text-secondary: #8b9cb3;--color-text-muted: #5c6b82;--color-border: #1e2a3b;--color-border-light: #2a3a50;--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-hover: #2563eb;--color-primary-soft: rgba(59, 130, 246, .15);--color-primary-glow: rgba(59, 130, 246, .25);--color-success: #22c55e;--color-success-soft: rgba(34, 197, 94, .15);--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-soft: rgba(239, 68, 68, .15);--color-info: #06b6d4;--color-info-soft: rgba(6, 182, 212, .15);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #14b8a6 100%);--gradient-surface: linear-gradient(180deg, rgba(255,255,255,.03) 0%, transparent 100%);--gradient-glow: radial-gradient(ellipse at 50% 0%, var(--color-primary-glow) 0%, transparent 50%);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.4);--shadow-glow: 0 0 40px var(--color-primary-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}.sinapsis.light-theme{--color-bg: #f8fafc;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-border-light: #cbd5e1;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-hover: #1d4ed8;--color-primary-soft: rgba(37, 99, 235, .1);--color-primary-glow: rgba(37, 99, 235, .15);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--gradient-surface: linear-gradient(180deg, rgba(0,0,0,.02) 0%, transparent 100%)}.sinapsis{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sinapsis *{font-family:var(--font-primary)}.sinapsis h1,.sinapsis h2,.sinapsis h3,.sinapsis h4{font-weight:700;letter-spacing:-.02em}.sinapsis h1{font-size:2rem;line-height:1.2}.sinapsis h2{font-size:1.25rem;line-height:1.3}.sinapsis h3{font-size:1rem;line-height:1.4}.sinapsis .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;position:relative;overflow:hidden;transition:all .2s ease}.sinapsis .card:before{content:"";position:absolute;inset:0;background:var(--gradient-surface);pointer-events:none}.sinapsis .card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.sinapsis .card-glow{position:relative}.sinapsis .card-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--gradient-glow);opacity:0;transition:opacity .3s ease;pointer-events:none}.sinapsis .card-glow:hover:after{opacity:1}.sinapsis .stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;position:relative;overflow:hidden;transition:all .25s ease}.sinapsis .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .25s ease}.sinapsis .stat-card:hover:before{opacity:1}.sinapsis .stat-card .stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft);color:var(--color-primary);margin-bottom:.75rem}.sinapsis .stat-card .stat-value{font-size:2rem;font-weight:800;letter-spacing:-.03em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sinapsis .stat-card .stat-label{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.25rem}.sinapsis .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.sinapsis .btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px var(--color-primary-glow)}.sinapsis .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--color-primary-glow)}.sinapsis .btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.sinapsis .btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-light)}.sinapsis .btn-ghost{background:transparent;color:var(--color-text-secondary)}.sinapsis .btn-ghost:hover{background:var(--color-primary-soft);color:var(--color-primary)}.sinapsis .btn-sm{padding:.375rem .75rem;font-size:.75rem}.sinapsis .badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.sinapsis .badge-primary{background:var(--color-primary-soft);color:var(--color-primary)}.sinapsis .badge-success{background:var(--color-success-soft);color:var(--color-success)}.sinapsis .badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.sinapsis .badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.sinapsis .event-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.sinapsis .event-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-light)}.sinapsis .event-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sinapsis .event-dot.primera{background:var(--color-primary)}.sinapsis .event-dot.control{background:var(--color-success)}.sinapsis .event-dot.interpretacion{background:var(--color-warning)}.sinapsis .event-dot.cancelled{background:var(--color-danger)}.sinapsis .patient-card{display:flex;align-items:center;justify-content:space-between;padding:.875rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.sinapsis .patient-card:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.sinapsis .patient-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff}.sinapsis .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--color-border);border-radius:var(--radius-md);overflow:hidden}.sinapsis .calendar-header-cell{padding:.75rem .5rem;text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);text-transform:uppercase;letter-spacing:.05em}.sinapsis .calendar-cell{min-height:100px;padding:.5rem;background:var(--color-bg-elevated);transition:background .15s ease}.sinapsis .calendar-cell:hover{background:var(--color-surface-hover)}.sinapsis .calendar-cell.today{background:var(--color-primary-soft)}.sinapsis .calendar-cell.other-month{opacity:.4}.sinapsis .calendar-day-number{font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.sinapsis .calendar-cell.today .calendar-day-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full)}.sinapsis .calendar-event{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;margin-bottom:.25rem;font-size:.6875rem;border-radius:var(--radius-sm);background:var(--color-surface);border-left:3px solid var(--color-primary);cursor:pointer;transition:all .15s ease}.sinapsis .calendar-event:hover{background:var(--color-surface-hover)}.sinapsis .calendar-event.control{border-left-color:var(--color-success)}.sinapsis .calendar-event.interpretacion{border-left-color:var(--color-warning)}.sinapsis .calendar-event.cancelled{border-left-color:var(--color-danger);opacity:.6}.sinapsis .task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);transition:background .15s ease}.sinapsis .task-item:hover{background:var(--color-surface-hover)}.sinapsis .task-checkbox{width:18px;height:18px;border-radius:6px;border:2px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.sinapsis .task-checkbox:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.sinapsis .task-checkbox.checked{background:var(--gradient-primary);border-color:transparent}.sinapsis .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sinapsis .section-title{font-size:.9375rem;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.sinapsis .section-title-icon{width:20px;height:20px;color:var(--color-primary)}.sinapsis header{background:var(--color-bg-elevated)!important;border-color:var(--color-border)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sinapsis #sinapsis-sidebar{background:var(--color-bg-elevated)!important;border-color:var(--color-border)!important}.sinapsis input[type=text],.sinapsis input[type=email],.sinapsis input[type=number],.sinapsis input[type=date],.sinapsis input[type=datetime-local],.sinapsis input[type=search],.sinapsis select,.sinapsis textarea{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--color-text);font-size:.875rem;outline:none;transition:all .2s ease}.sinapsis input::-moz-placeholder,.sinapsis textarea::-moz-placeholder{color:var(--color-text-muted)}.sinapsis input::placeholder,.sinapsis textarea::placeholder{color:var(--color-text-muted)}.sinapsis input:focus,.sinapsis textarea:focus,.sinapsis select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.sinapsis .view-toggle{display:inline-flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.25rem}.sinapsis .view-toggle button{padding:.375rem .875rem;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.sinapsis .view-toggle button:hover{color:var(--color-text)}.sinapsis .view-toggle button.active{background:var(--color-primary);color:#fff}.sinapsis .legend{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 0}.sinapsis .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.sinapsis .legend-dot{width:10px;height:10px;border-radius:50%}.sinapsis .notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-danger);border-radius:50%;border:2px solid var(--color-bg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sinapsis .animate-fadeIn{animation:fadeIn .3s ease forwards}.sinapsis .animate-pulse{animation:pulse 2s infinite}.sinapsis .stagger-1{animation-delay:.05s}.sinapsis .stagger-2{animation-delay:.1s}.sinapsis .stagger-3{animation-delay:.15s}.sinapsis .stagger-4{animation-delay:.2s}.sinapsis ::-webkit-scrollbar{width:6px;height:6px}.sinapsis ::-webkit-scrollbar-track{background:var(--color-bg)}.sinapsis ::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}.sinapsis ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sinapsis .bottom-nav{background:var(--color-bg-elevated)!important;border-color:var(--color-border)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sinapsis .bg-white\/5,.sinapsis .bg-white\/_5{background:var(--color-surface)!important}.sinapsis .border-white\/10,.sinapsis .border-white\/_10{border-color:var(--color-border)!important}.sinapsis .border-white\/20,.sinapsis .border-white\/_20{border-color:var(--color-border-light)!important}.sinapsis .text-white,.sinapsis .text-white\/90,.sinapsis .text-white\/_90,.sinapsis .text-white\/80,.sinapsis .text-white\/_80{color:var(--color-text)!important}.sinapsis .text-white\/70,.sinapsis .text-white\/_70,.sinapsis .text-white\/60,.sinapsis .text-white\/_60{color:var(--color-text-secondary)!important}.sinapsis .bg-fx-dark,.sinapsis .bg-fx-dark\/80,.sinapsis .bg-fx-dark\/90,.sinapsis .bg-fx-dark\/_80,.sinapsis .bg-fx-dark\/_90{background:var(--color-bg)!important}.sinapsis .bg-white\/10,.sinapsis .bg-white\/_10{background:var(--color-surface-hover)!important}.sinapsis .bg-sky-400{background:var(--color-primary)!important}.sinapsis .bg-emerald-400{background:var(--color-success)!important}.sinapsis .bg-amber-400{background:var(--color-warning)!important}.sinapsis .bg-rose-400{background:var(--color-danger)!important}.sinapsis .text-sky-300,.sinapsis .text-blue-400{color:var(--color-primary)!important}.sinapsis .text-gray-300,.sinapsis .text-gray-400,.sinapsis .text-gray-500{color:var(--color-text-secondary)!important}.sinapsis .bg-slate-900,.sinapsis .bg-slate-900\/85{background:var(--color-bg-elevated)!important}.sinapsis .border-slate-800{border-color:var(--color-border)!important}