:root{--bg-dark:#080c14;--bg-card:#0f192db3;--bg-card-hover:#14233cd9;--border-glow:#64b4ff26;--border-subtle:#ffffff0f;--text-primary:#e8f4ff;--text-secondary:#7fa6c9;--text-muted:#4a6a8a;--accent-blue:#3d9eff;--accent-cyan:#00e5ff;--accent-green:#00e396;--accent-red:#ff4560;--accent-orange:#feb019;--accent-purple:#a855f7;--gradient-main:linear-gradient(135deg, #0a1628 0%, #0d1f3c 50%, #0a1628 100%);--shadow-card:0 8px 32px #00000080;--shadow-glow-blue:0 0 30px #3d9eff26;--shadow-glow-red:0 0 40px #ff456040;--radius-lg:20px;--radius-md:14px;--radius-sm:8px;--font:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-dark);height:100%}body{font-family:var(--font);color:var(--text-primary);background:var(--gradient-main);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#3d9eff0a 1px,#0000 1px),linear-gradient(90deg,#3d9eff0a 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.app-wrapper{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.header{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#080c1499;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:12px;display:flex}.header-brand .logo-icon{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 0 20px #3d9eff66}.header-brand h1{background:linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.header-brand span{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);font-size:.75rem;font-weight:400;display:block}.header-right{align-items:center;gap:16px;display:flex}.connection-status{border:1px solid;border-radius:50px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.connection-status.connected{color:var(--accent-green);background:#00e3961a;border-color:#00e3964d}.connection-status.disconnected{color:var(--accent-red);background:#ff45601a;border-color:#ff45604d}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.connected .status-dot{animation:2s infinite pulse-green}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 #00e39666}50%{opacity:.8;box-shadow:0 0 0 6px #00e39600}}.header-time{color:var(--text-secondary);font-size:.85rem;font-weight:500}.main-content{flex-direction:column;flex:1;gap:24px;padding:28px 32px;display:flex}.patient-bar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.patient-chip{border:1px solid var(--border-subtle);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;color:var(--text-secondary);border-radius:50px;align-items:center;gap:10px;padding:10px 18px;font-size:.85rem;font-weight:500;transition:all .25s;display:flex}.patient-chip.active,.patient-chip:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#3d9eff1f;box-shadow:0 0 16px #3d9eff26}.patient-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.vitals-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;transition:all .3s;position:relative;overflow:hidden}.glass-card:before{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 60%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-card), var(--shadow-glow-blue);transform:translateY(-2px)}.vital-card{flex-direction:column;gap:16px;display:flex}.vital-card.alert-active{animation:1.5s ease-in-out infinite alternate alert-pulse;box-shadow:var(--shadow-card), var(--shadow-glow-red)!important;border-color:#ff456066!important}@keyframes alert-pulse{0%{background:var(--bg-card)}to{background:#ff456014}}.vital-header{justify-content:space-between;align-items:center;display:flex}.vital-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.vital-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.78rem;font-weight:600}.vital-trend{border-radius:50px;padding:3px 8px;font-size:.75rem;font-weight:600}.vital-value-row{align-items:baseline;gap:6px;display:flex}.vital-value{letter-spacing:-2px;font-size:3.2rem;font-weight:800;line-height:1}.vital-unit{color:var(--text-secondary);font-size:1rem;font-weight:500}.vital-sublabel{color:var(--text-muted);margin-top:2px;font-size:.78rem}.vital-bpm .vital-icon-wrap{color:var(--accent-red);background:#ff456026}.vital-bpm .vital-value{color:var(--accent-red)}.vital-bpm .vital-trend{color:var(--accent-red);background:#ff456026}.vital-spo2 .vital-icon-wrap{color:var(--accent-blue);background:#3d9eff26}.vital-spo2 .vital-value{color:var(--accent-blue)}.vital-spo2 .vital-trend{color:var(--accent-blue);background:#3d9eff26}.vital-temp .vital-icon-wrap{color:var(--accent-orange);background:#feb01926}.vital-temp .vital-value{color:var(--accent-orange)}.vital-temp .vital-trend{color:var(--accent-orange);background:#feb01926}.vital-bar{background:#ffffff0f;border-radius:4px;width:100%;height:4px;overflow:hidden}.vital-bar-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.bottom-grid{grid-template-columns:1fr 420px;gap:20px;display:grid}.chart-panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-panel-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.chart-legend{gap:14px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.feedback-panel{flex-direction:column;gap:18px;display:flex}.feedback-panel-header{align-items:center;gap:10px;display:flex}.feedback-panel-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.messages-list{scrollbar-width:thin;scrollbar-color:var(--accent-blue) transparent;flex-direction:column;flex:1;gap:10px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.messages-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-track{background:0 0}.messages-list::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:4px}.message-bubble{border-radius:10px;padding:10px 14px;font-size:.82rem;line-height:1.5;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-bubble.doctor{color:var(--text-primary);background:#3d9eff1f;border:1px solid #3d9eff33;align-self:flex-end}.message-bubble.system{color:var(--text-secondary);background:#00e5ff14;border:1px solid #00e5ff26;font-size:.78rem;font-style:italic}.msg-time{color:var(--text-muted);margin-top:4px;font-size:.68rem}.feedback-form{flex-direction:column;gap:10px;display:flex}.feedback-presets{flex-wrap:wrap;gap:7px;display:flex}.preset-btn{cursor:pointer;border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0a;border-radius:50px;padding:5px 12px;font-size:.72rem;font-weight:600;transition:all .2s}.preset-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#3d9eff14}.feedback-input-wrap{gap:10px;display:flex}.feedback-textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);resize:none;background:#ffffff0a;outline:none;flex:1;height:60px;padding:10px 14px;font-size:.85rem;transition:border-color .2s}.feedback-textarea:focus{border-color:var(--accent-blue)}.feedback-textarea::placeholder{color:var(--text-muted)}.send-btn{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));border-radius:var(--radius-sm);cursor:pointer;color:#fff;border:none;justify-content:center;align-items:center;width:60px;font-size:1.1rem;transition:all .25s;display:flex;box-shadow:0 4px 15px #3d9eff59}.send-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #3d9eff80}.send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.emergency-banner{border-radius:var(--radius-md);background:#ff45601a;border:1px solid #ff456066;align-items:center;gap:16px;padding:16px 24px;animation:.8s ease-in-out infinite alternate banner-flash;display:flex}@keyframes banner-flash{0%{border-color:#ff45604d}to{border-color:#ff4560e6;box-shadow:0 0 30px #ff45604d}}.emergency-banner .icon{font-size:1.5rem}.emergency-banner p{color:var(--accent-red);font-size:1rem;font-weight:700}.emergency-banner small{color:#ff4560b3;font-size:.8rem}.no-data-overlay{text-align:center;color:var(--text-muted);padding:20px 0 10px}.no-data-overlay .big-icon{opacity:.4;margin-bottom:8px;font-size:2.5rem}.no-data-overlay p{font-size:.85rem}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding:16px;font-size:.75rem}@media (width<=1100px){.vitals-grid{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}}@media (width<=640px){.vitals-grid{grid-template-columns:1fr}.main-content{padding:16px}.header{padding:14px 16px}}