@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,600&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--color-primary:#047857;--color-primary-dark:#064e3b;--color-primary-light:#0478571a;--color-primary-gradient:linear-gradient(135deg, #059669 0%, #047857 100%);--color-bg-ambient:linear-gradient(135deg, #f0fdfa 0%, #e0f2fe 100%);--color-glass-surface:#ffffffbf;--color-glass-sidebar:#064e3bf2;--color-glass-border:#fff9;--color-glass-border-dark:#ffffff1a;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-inverse:#f8fafc;--color-alert:#b91c1c;--color-alert-bg:#fee2e2;--color-ok:#15803d;--color-ok-bg:#dcfce7;--color-warning:#c2410c;--color-warning-bg:#ffedd5;--font-display:"Newsreader", serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-glass:0 8px 32px 0 #04785714;--shadow-hover:0 12px 40px 0 #04785726;--shadow-inner:inset 0 2px 4px 0 #ffffff4d;--nav-height:72px;--sidebar-width:260px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--color-bg-ambient);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0}h1,h2,h3,.display{font-family:var(--font-display);color:var(--color-primary-dark);letter-spacing:-.02em;margin:0;font-weight:600}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:1rem}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #04785766}70%{box-shadow:0 0 0 10px #04785700}to{box-shadow:0 0 #04785700}}.app-shell{min-height:100%;display:flex}.sidebar{display:none}.main-area{min-width:0;padding:24px 24px calc(var(--nav-height) + 32px);flex:1;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (width>=900px){.sidebar{width:var(--sidebar-width);background:var(--color-glass-sidebar);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--color-glass-border-dark);color:var(--color-text-inverse);z-index:100;flex-direction:column;height:100vh;padding:32px 20px;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #0000001a}.main-area{padding:40px 56px}.bottom-nav{display:none}}.topbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:12px;font-size:1.5rem;font-weight:600;display:flex}.brand-mark{background:var(--color-primary-gradient);border-radius:10px;flex-shrink:0;width:32px;height:32px;position:relative;box-shadow:0 4px 12px #0478574d}.brand-mark:before,.brand-mark:after{content:"";background:#fff;border-radius:2px;position:absolute}.brand-mark:before{width:3px;top:8px;bottom:8px;left:14.5px}.brand-mark:after{height:3px;top:14.5px;left:8px;right:8px}.sidebar .brand{color:#fff;margin-bottom:40px;padding:0 12px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:#ffffffb3;align-items:center;gap:14px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff1a;transform:translate(4px)}.sidebar-link.active{color:#fff;background:#ffffff26;box-shadow:inset 3px 0 #34d399}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:16px 12px}.sidebar-user{color:#fffc;font-size:.85rem;font-weight:500}.sidebar-logout{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:1px solid #fff3;width:100%;margin-top:12px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.sidebar-logout:hover{background:#ffffff1a;border-color:#fff6}.bottom-nav{height:var(--nav-height);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-glass-border);z-index:20;background:#ffffffd9;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000008}.bottom-nav a{color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.75rem;font-weight:500;transition:color .2s;display:flex}.bottom-nav a.active{color:var(--color-primary);font-weight:600}.bottom-nav .dot{opacity:.15;background:currentColor;border-radius:50%;width:22px;height:22px;transition:transform .2s}.bottom-nav a.active .dot{opacity:.25;transform:scale(1.1)}.card{background:var(--color-glass-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass), var(--shadow-inner);padding:24px;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:var(--shadow-hover), var(--shadow-inner)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.page-title{letter-spacing:-.03em;font-size:2rem}.page-subtitle{color:var(--color-text-muted);margin-top:6px;font-size:.95rem}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 4px #0000000d}.btn:active{transform:scale(.96)}.btn-primary{background:var(--color-primary-gradient);color:#fff;box-shadow:0 4px 12px #04785740,inset 0 1px 1px #fff3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #04785759,inset 0 1px 1px #fff3}.btn-ghost{color:var(--color-primary-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff80;border:1px solid #04785733}.btn-ghost:hover{background:#ffffffe6;border-color:#04785766;transform:translateY(-2px)}.btn-danger{background:var(--color-alert-bg);color:var(--color-alert)}.btn-danger:hover{background:#fecaca}.btn-block{width:100%}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.field input,.field select,.field textarea{border-radius:var(--radius-sm);color:var(--color-text);background:#fffc;border:1px solid #0000001a;padding:12px 16px;transition:all .2s;box-shadow:inset 0 1px 2px #00000005}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #04785726}.field-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.field-hint{color:var(--color-text-muted);font-size:.75rem}.checkbox-field{align-items:center;gap:10px;margin-bottom:20px;display:flex}.checkbox-field label{color:var(--color-text);font-size:.95rem;font-weight:500}.checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);border-radius:4px}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #0000000d}.badge-programada{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge-completada{background:var(--color-ok-bg);color:var(--color-ok)}.badge-en_curso{background:var(--color-warning-bg);color:var(--color-warning)}.badge-cancelada,.badge-no_show{color:#475569;background:#f1f5f9}.list-row{border-radius:var(--radius-sm);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:16px;padding:16px 12px;transition:all .2s;display:flex}.list-row:last-child{border-bottom:none}.list-row:hover{background:#fff9;transform:translate(4px);box-shadow:0 2px 8px #00000005}.list-title{color:var(--color-text);font-size:1.05rem;font-weight:600}.list-meta{color:var(--color-text-muted);margin-top:2px;font-size:.85rem}.tabs{border-bottom:1px solid #00000014;gap:8px;margin-bottom:24px;padding-bottom:2px;display:flex;overflow-x:auto}.tab-btn{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--color-text);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#00000005}.tab-btn.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.empty-state{text-align:center;color:var(--color-text-muted);border-radius:var(--radius-lg);background:#fff6;border:1px dashed #0000001a;padding:60px 20px}.vitals-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.vital-tile{background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-md);padding:16px;position:relative;overflow:hidden;box-shadow:0 4px 12px #064e3b66,inset 0 1px 1px #ffffff1a}.vital-tile.alert{background:#991b1b;box-shadow:0 4px 12px #991b1b66,inset 0 1px 1px #ffffff1a}.vital-label{text-transform:uppercase;letter-spacing:.08em;opacity:.8;font-size:.75rem;font-weight:600}.vital-value{font-family:var(--font-mono);margin-top:4px;font-size:1.8rem;font-weight:600;line-height:1.2}.vital-unit{opacity:.7;margin-left:4px;font-size:.75rem}.vital-tile:after{content:"";background:#34d399;border-radius:50%;width:10px;height:10px;position:absolute;top:16px;right:16px;box-shadow:0 0 8px #34d399}.vital-tile.alert:after{background:#f87171;animation:1.5s infinite pulseGlow;box-shadow:0 0 8px #f87171}.alert-banner{background:var(--color-alert-bg);color:var(--color-alert);border-radius:var(--radius-md);border:1px solid #b91c1c33;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;font-size:.95rem;font-weight:600;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:32px;display:grid}.kpi-card{border:1px solid var(--color-glass-border);background:linear-gradient(#ffffffe6 0%,#ffffffb3 100%);padding:24px;box-shadow:0 4px 16px #00000008}.kpi-value{font-family:var(--font-display);color:var(--color-primary-dark);font-size:2.5rem;font-weight:600}.kpi-label{color:var(--color-text-muted);margin-top:4px;font-size:.9rem;font-weight:500}.section-title{letter-spacing:-.01em;margin:36px 0 16px;font-size:1.2rem}.login-shell{background:linear-gradient(135deg,#022c22 0%,#064e3b 50%,#047857 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-shell:before,.login-shell:after{content:"";filter:blur(80px);z-index:0;border-radius:50%;position:absolute}.login-shell:before{background:#34d39933;width:400px;height:400px;top:-100px;left:-100px}.login-shell:after{background:#0284c733;width:500px;height:500px;bottom:-150px;right:-150px}.login-card{-webkit-backdrop-filter:blur(24px);z-index:10;background:#ffffffe6;border:1px solid #ffffff80;border-radius:24px;width:100%;max-width:420px;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn;box-shadow:0 24px 64px #0006,inset 0 2px 4px #ffffff80}.login-card .brand{color:var(--color-primary-dark);justify-content:center;margin-bottom:32px;font-size:1.8rem}.login-card .brand-mark{width:40px;height:40px}.login-card .brand-mark:before{width:4px;top:10px;bottom:10px;left:18px}.login-card .brand-mark:after{height:4px;top:18px;left:10px;right:10px}.login-title{text-align:center;margin-bottom:8px;font-size:2rem}.login-subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:32px;font-size:.95rem}.login-error{background:var(--color-alert-bg);color:var(--color-alert);border-radius:var(--radius-sm);border:1px solid #b91c1c33;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:500}.loading{text-align:center;color:var(--color-text-muted);padding:60px 20px;font-size:1.1rem}