:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.4,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--dur-instant:.12s;--dur-fast:.2s;--dur-normal:.32s;--dur-slow:.5s;--gradient-brand:linear-gradient(135deg,#22c55e 0%,#16a34a 40%,#059669 70%,#0d9488 100%);--gradient-brand-soft:linear-gradient(135deg,#22c55e24,#10b9810f);--gradient-surface:linear-gradient(165deg,#fff 0%,#f8fafc 55%,#f1f5f9 100%);--gradient-surface-hover:linear-gradient(165deg,#fff 0%,#f0fdf4 100%);--gradient-header:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);--gradient-sidebar:linear-gradient(165deg,#0a0f1a 0%,#0f172a 42%,#0c1a14 100%);--gradient-amber:linear-gradient(135deg,#fbbf24,#f59e0b);--gradient-blue:linear-gradient(135deg,#60a5fa,#3b82f6);--gradient-danger:linear-gradient(135deg,#f87171,#dc2626);--gradient-shine:linear-gradient(105deg,transparent 40%,#ffffff59 50%,transparent 60%);--transition-interactive:transform var(--dur-normal)var(--ease-out),box-shadow var(--dur-normal)var(--ease-out),background var(--dur-fast)var(--ease-smooth),border-color var(--dur-fast)var(--ease-smooth),color var(--dur-fast)ease,opacity var(--dur-fast)ease,filter var(--dur-fast)ease}.app-main{isolation:isolate;position:relative}.app-main:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(55% 45% at 15% 20%,#22c55e1c,#0000 55%),radial-gradient(50% 40% at 85% 15%,#3b82f617,#0000 50%),radial-gradient(45% 40% at 60% 90%,#10b98112,#0000 55%);animation:22s ease-in-out infinite alternate ambientDrift;position:fixed;inset:-10%}.app-main:after{content:"";pointer-events:none;z-index:0;background:var(--gradient-shine);opacity:0;animation:8s ease-in-out infinite shineSweep;position:fixed;inset:0}.app-topbar,.app-content{z-index:1;position:relative}@keyframes ambientDrift{0%{opacity:.9;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(2%,-1%)scale(1.02)}to{opacity:.95;transform:translate(-1%,2%)scale(1.01)}}@keyframes shineSweep{0%,75%,to{opacity:0;transform:translate(-30%)}85%{opacity:.4;transform:translate(30%)}}button,input,select,textarea,.chip,.gauge-btn,.monitor-card,.monitor-card-click,.kpi-card,.content-card,.panel,.stat-card,.hospital-chip,.auth-card,.modal-dialog,.sidebar-nav button,.sidebar-nav a.nav-link,.quick-link,.user-avatar,.mobile-menu-btn,.mobile-user-btn,.topbar-actions button,.alert-chip,code{transition:var(--transition-interactive)}button{position:relative;overflow:hidden}button:not(.ghost):not(.danger):not(.modal-close):not(.vital-card):not(.gauge-btn):not(.gauge-engine):not(.link-btn):not(.edit-btn):not(.monitor-alert-toast-view):not(.monitor-alert-toast-close):not(.asst-new):not(.asst-send):not(.asst-chip):not(.asst-menu-btn):not(.sidebar-nav button):not(.sidebar-nav a.nav-link):before{content:"";background:var(--gradient-shine);transition:transform var(--dur-slow)var(--ease-out);pointer-events:none;position:absolute;inset:0;transform:translate(-120%)}button:not(.ghost):not(.danger):not(.modal-close):not(.vital-card):not(.gauge-btn):not(.gauge-engine):not(.link-btn):not(.edit-btn):not(.monitor-alert-toast-view):not(.monitor-alert-toast-close):not(.asst-new):not(.asst-send):not(.asst-chip):not(.asst-menu-btn):not(.sidebar-nav button):not(.sidebar-nav a.nav-link):hover:before{transform:translate(120%)}button:not(.ghost):not(.danger):not(.modal-close):not(.vital-card):not(.gauge-btn):not(.gauge-engine):not(.link-btn):not(.edit-btn):not(.monitor-alert-toast-view):not(.monitor-alert-toast-close):not(.asst-new):not(.asst-send):not(.asst-chip):not(.asst-menu-btn):not(.sidebar-nav button):not(.sidebar-nav a.nav-link):hover{transform:translateY(-1px)}button:active{transform:translateY(0)scale(.98)}button.ghost:hover{background:var(--gradient-brand-soft);border-color:#22c55e59;transform:translateY(-1px)}.page-view{will-change:opacity,transform}.page-view.page-exit{animation:pageExitAnim var(--dur-fast)var(--ease-smooth)forwards;pointer-events:none}@keyframes pageExitAnim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.page-view.page-enter{opacity:0;transform:translateY(14px)}.page-view.page-enter-active{animation:pageEnterAnim var(--dur-slow)var(--ease-out)forwards}@keyframes pageEnterAnim{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.topbar-head .topbar-title,.topbar-head .topbar-sub{transition:opacity var(--dur-fast)var(--ease-smooth),transform var(--dur-fast)var(--ease-out)}.topbar-head-fade .topbar-title,.topbar-head-fade .topbar-sub{opacity:0;transform:translateY(6px)}#app.page-is-loading{position:relative}.sidebar-nav button.active,.sidebar-nav a.nav-link.active{transition:background var(--dur-normal)var(--ease-out),color var(--dur-fast)ease,border-color var(--dur-normal)ease}.motion-enter{animation:motionEnter var(--dur-slow)var(--ease-out)both;animation-delay:var(--motion-delay,0s)}@keyframes motionEnter{0%{opacity:0;filter:blur(2px);transform:translateY(14px)scale(.97)}to{opacity:1;filter:none;transform:none}}.app-content{animation:contentFade var(--dur-normal)var(--ease-out)}@keyframes contentFade{0%{opacity:0}to{opacity:1}}.app-sidebar{transition:transform var(--dur-normal)var(--ease-out),box-shadow var(--dur-normal)ease}.sidebar-backdrop{transition:opacity var(--dur-normal)var(--ease-smooth)}.sidebar-nav button,.sidebar-nav a.nav-link{transition:var(--transition-interactive)}.sidebar-nav button .nav-icon,.sidebar-nav a.nav-link .nav-icon{transition:transform var(--dur-fast)var(--ease-spring),background var(--dur-fast)ease,box-shadow var(--dur-fast)ease}.sidebar-nav button:hover .nav-icon,.sidebar-nav a.nav-link:hover .nav-icon{transform:scale(1.06)}.sidebar-nav button.active .nav-icon,.sidebar-nav a.nav-link.active .nav-icon{animation:iconPop var(--dur-normal)var(--ease-spring)}@keyframes iconPop{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}.brand-mark{animation:4s ease-in-out infinite alternate brandGlow}@keyframes brandGlow{0%{box-shadow:0 8px 24px #22c55e59}to{box-shadow:0 8px 32px #22c55e8c,0 0 40px #22c55e26}}.app-topbar{transition:box-shadow var(--dur-normal)ease,background var(--dur-normal)ease}.topbar-breadcrumb{transition:background var(--dur-fast)ease,transform var(--dur-fast)var(--ease-out)}.topbar-breadcrumb:hover{transform:translateY(-1px)}.topbar-title{background:linear-gradient(120deg,#0f172a 0%,#334155 50%,#15803d 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite alternate titleGradient}@keyframes titleGradient{0%{background-position:0%}to{background-position:100%}}.kpi-card{background:var(--gradient-surface)}.kpi-card:hover{background:var(--gradient-surface-hover)}.kpi-green .kpi-icon{background:linear-gradient(135deg,#dcfce7,#86efac)}.kpi-blue .kpi-icon{color:#475569!important;background:#f3f4f6!important}.kpi-amber .kpi-icon{background:linear-gradient(135deg,#fef3c7,#fcd34d)}.kpi-slate .kpi-icon{background:linear-gradient(135deg,#f1f5f9,#cbd5e1)}.kpi-icon{transition:transform var(--dur-normal)var(--ease-spring)}.kpi-card:hover .kpi-icon{transform:scale(1.08)rotate(-3deg)}.monitor-card{background:var(--gradient-surface)}.monitor-card:hover{background:var(--gradient-surface-hover)}.content-card{background:var(--gradient-surface)}.content-card-header{background:var(--gradient-header);transition:background var(--dur-fast)ease}.panel,.card-plain{background:var(--gradient-surface)}.stat-card{transition:var(--transition-interactive);background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 50%,#f8fafc 100%)}.stat-card:hover{background:linear-gradient(135deg,#dcfce7 0%,#f0fdf4 100%);transform:translateY(-3px)}.stat-card strong{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.chip,.chip-premium{transition:var(--transition-interactive)}.chip:hover,.chip-premium:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.monitor-summary .chip,.chip-premium.chip-accent{background:linear-gradient(135deg,#22c55e29,#10b98114)}.alert-chip{background:linear-gradient(135deg,#fee2e2e6,#fecaca99);animation:2.5s ease-in-out infinite alertPulse}@keyframes alertPulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef44441f}}.gauge-btn{background:#fff}.gauge-engine{box-shadow:none!important;background:#fff!important}.gauge-btn:hover{background:#fff!important}.gauge-status-alert.gauge-engine{box-shadow:none!important;background:var(--surface)!important;border-color:#fecaca!important}.gauge-fill{transition:stroke-dashoffset var(--dur-slow)var(--ease-out),stroke var(--dur-fast)ease,filter var(--dur-fast)ease,d .55s ease}.gauge-needle-group{transition:transform .65s cubic-bezier(.34,1.25,.64,1)}.gauge-status-ok .gauge-fill{stroke:url(#gaugeGradOk)}.gauge-status-warn .gauge-fill{stroke:url(#gaugeGradWarn)}.gauge-status-alert .gauge-fill{stroke:url(#gaugeGradAlert)}.gauge-btn:hover .gauge-fill{filter:drop-shadow(0 0 6px #22c55e73)}tbody tr{transition:background var(--dur-fast)ease,transform var(--dur-fast)var(--ease-out)}tbody tr:hover td{background:linear-gradient(90deg,#22c55e0f,#22c55e05)}tbody tr:hover{transform:scale(1.005)}thead th{background:var(--gradient-header)}input,select,textarea{transition:var(--transition-interactive),box-shadow var(--dur-fast)ease;background:linear-gradient(#fff,#fafafa)}input:hover,select:hover,textarea:hover{border-color:#22c55e59}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--accent-ring),0 4px 12px #22c55e1a;background:#fff;transform:translateY(-1px)}.modal-root:not(.hidden) .modal-backdrop{animation:backdropIn var(--dur-normal)ease both}.modal-root:not(.hidden) .modal-dialog{animation:modalIn var(--dur-normal)var(--ease-spring)both}.modal-root.hidden .modal-dialog{animation:none}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;filter:blur(4px);transform:translateY(20px)scale(.96)}to{opacity:1;filter:none;transform:none}}.modal-header{background:var(--gradient-header)}.modal-close:hover{color:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fecaca);transform:rotate(90deg)}.ui-spinner{animation:.7s linear infinite spin,2s ease-in-out infinite alternate spinnerGlow}@keyframes spinnerGlow{0%{box-shadow:0 0 #22c55e33}to{box-shadow:0 0 16px 4px #22c55e40}}.ui-loading p{animation:1.5s ease-in-out infinite pulseText}@keyframes pulseText{0%,to{opacity:.55}50%{opacity:1}}.auth-card{animation:authCardIn .6s var(--ease-out)both}@keyframes authCardIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}.auth-hero h2{background:linear-gradient(135deg,#fff 0%,#e2e8f0 50%,#6ee7b7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-feature-icon{transition:transform var(--dur-normal)var(--ease-spring),background var(--dur-fast)ease}.auth-feature:hover .auth-feature-icon{background:linear-gradient(135deg,#22c55e33,#10b9811a);transform:scale(1.1)}.monitor-card:before{transition:height var(--dur-fast)ease,opacity var(--dur-fast)ease}.monitor-card:hover:before{height:4px}.monitor-status{transition:var(--transition-interactive)}code{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}code:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.user-avatar:hover,.mobile-avatar:hover{box-shadow:0 4px 14px var(--premium-glow);transform:scale(1.08)}.gauge-status-nodata .gauge-fill{stroke:url(#gaugeGradIdle)}.svg-gradients{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.app-main:before,.app-main:after{animation:none}.motion-enter{opacity:1;filter:none;animation:none;transform:none}.page-view.page-exit,.page-view.page-enter,.page-view.page-enter-active{opacity:1!important;animation:none!important;transform:none!important}#app.page-is-loading:before{animation:none;display:none}.shimmer{background:#ececec!important;animation:none!important}}.global-loading{z-index:200;-webkit-backdrop-filter:blur(8px);animation:backdropIn var(--dur-normal)ease both;background:#0f172a59;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.global-loading.hidden{display:none!important}.global-loading-card{border-radius:var(--radius-xl,20px);cursor:pointer;min-width:min(220px,90vw);color:var(--ink);font-family:var(--font);background:linear-gradient(165deg,#fff 0%,#f0fdf4 55%,#ecfdf5 100%);border:none;flex-direction:column;align-items:center;gap:.85rem;padding:1.75rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0f172a33,inset 0 0 0 1px #22c55e1f}.global-loading-card:before{content:"";opacity:1;pointer-events:none;background:linear-gradient(135deg,#22c55e1f,#10b9810a);position:absolute;inset:0}.global-loading-card:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 28px 72px #0f172a38,0 0 0 2px #22c55e40}.global-loading-card:active{transform:scale(.98)}@keyframes spin{to{transform:rotate(360deg)}}.global-spinner{z-index:1;border:3px solid #16a34a;border-color:#16a34a #059669 #16a34a2e #16a34a2e;border-radius:50%;flex-shrink:0;width:40px;height:40px;animation:.7s linear infinite spin;position:relative}.page-spinner-view{justify-content:center;align-items:center;min-height:280px;display:flex}.global-loading-msg{color:#14532d;z-index:1;margin:0;font-size:.95rem;font-weight:700;position:relative}.page-spinner-wrap{flex-direction:column;justify-content:center;align-items:center;gap:.85rem;min-height:220px;padding:2.5rem 1rem;display:flex}.page-spinner-msg{color:var(--muted,#64748b);margin:0;font-size:.92rem;font-weight:650}@media (prefers-reduced-motion:reduce){.global-spinner{border-top-color:#16a34a;border-right-color:#16a34a;animation:none}}body.global-loading-active .app-content{pointer-events:none;user-select:none}body.global-loading-active .app-topbar{pointer-events:none}