.patient-card{background:#fff;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014;min-height:200px;display:flex;flex-direction:column}.patient-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #007aff33}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bed-number{font-size:32px;font-weight:700;color:#000}.status-dot{width:24px;height:24px;border-radius:50%}.status-risk{background:#ff3b30;animation:pulse 1.5s ease-in-out infinite}.status-done{background:#34c759}.status-pending{background:transparent;border:3px solid #E5E5EA}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.card-body{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}.avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:12px}.patient-info{text-align:center}.patient-name{font-size:20px;font-weight:600;margin:0 0 8px;color:#000}.care-level{display:inline-block;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500}.care-level-normal{background:#e3f2fd;color:#1976d2}.care-level-special{background:#fff3e0;color:#f57c00}.care-level-vip{background:#f3e5f5;color:#7b1fa2}.ward-overview{padding:24px;background:#f5f5f5;min-height:100vh}.ward-header{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.floor-tabs{display:flex;gap:12px;margin-bottom:24px}.floor-tab{flex:1;padding:16px 24px;font-size:18px;font-weight:600;border:2px solid #E5E5EA;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;min-height:60px}.floor-tab.active{background:#007aff;color:#fff;border-color:#007aff}.task-stats{display:flex;align-items:center;justify-content:center;gap:24px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:14px;color:#8e8e93;margin-bottom:4px}.stat-value{font-size:32px;font-weight:700;color:#000}.stat-success{color:#34c759}.stat-pending{color:#ff9500}.stat-divider{width:1px;height:40px;background:#e5e5ea}.patient-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:24px}.quick-actions{position:fixed;bottom:32px;right:32px;display:flex;gap:16px}.action-btn{padding:16px 32px;font-size:18px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:60px;box-shadow:0 4px 12px #00000026}.action-btn.secondary{background:#fff;color:#007aff}.action-btn.emergency{background:#ff3b30;color:#fff}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.verification-modal{background:#fff;border-radius:24px;padding:40px;max-width:600px;width:90%;box-shadow:0 8px 32px #0003}.modal-title{font-size:28px;font-weight:700;text-align:center;margin:0 0 32px;color:#000}.patient-verification{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.large-avatar{width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:24px;border:4px solid #007AFF}.patient-details{width:100%}.detail-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #E5E5EA}.detail-row:last-child{border-bottom:none}.detail-label{font-size:18px;color:#8e8e93;font-weight:500}.detail-value{font-size:20px;color:#000;font-weight:600}.allergy-row{background:#fff3f3;padding:16px;border-radius:12px;margin-top:8px}.allergy-value{color:#ff3b30}.modal-actions{display:flex;flex-direction:column;gap:12px}.btn-primary,.btn-secondary{width:100%;padding:20px;font-size:20px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:60px}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover{background:#0051d5}.btn-secondary{background:#f5f5f5;color:#007aff}.btn-secondary:hover{background:#e5e5ea}.monitoring-panel{display:flex;gap:24px;padding:24px;background:#f5f5f5;min-height:100vh}.panel-left{flex:2;background:#fff;border-radius:16px;padding:32px}.panel-right{flex:1;background:#fff;border-radius:16px;padding:32px;display:flex;flex-direction:column}.panel-title{font-size:28px;font-weight:700;margin:0 0 24px;color:#000}.connecting-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{width:60px;height:60px;border:4px solid #E5E5EA;border-top-color:#007aff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.vitals-display{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.vital-card{background:#f9f9f9;border-radius:16px;padding:24px;text-align:center}.vital-label{font-size:16px;color:#8e8e93;margin-bottom:8px}.vital-value{font-size:64px;font-weight:700;color:#007aff;line-height:1}.vital-unit{font-size:18px;color:#8e8e93;margin-top:4px}.waveform{height:60px;margin-top:16px;border-radius:8px}.heart-wave{background:linear-gradient(90deg,#007aff,#5ac8fa);animation:wave 1.5s ease-in-out infinite}.spo2-bars{background:repeating-linear-gradient(90deg,#34C759 0px,#34C759 10px,transparent 10px,transparent 20px)}@keyframes wave{0%,to{opacity:.6}50%{opacity:1}}.notes-title{font-size:20px;font-weight:600;margin:0 0 16px;color:#000}.tag-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.tag-btn{padding:12px 24px;font-size:16px;border:2px solid #E5E5EA;border-radius:24px;background:#fff;cursor:pointer;transition:all .3s ease;min-height:48px}.tag-btn.selected{background:#007aff;color:#fff;border-color:#007aff}.voice-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:#f5f5f5;border:3px dashed #C7C7CC;border-radius:16px;cursor:pointer;transition:all .3s ease;margin-bottom:24px;min-height:120px}.voice-btn.recording{background:#ff3b30;border-color:#ff3b30;color:#fff}.mic-icon{font-size:48px;margin-bottom:8px}.voice-text{font-size:18px;font-weight:600}.complete-btn{width:100%;padding:20px;font-size:20px;font-weight:600;background:#007aff;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:60px;margin-top:auto}.complete-btn:disabled{background:#c7c7cc;cursor:not-allowed}.complete-btn:not(:disabled):hover{background:#0051d5}.care-task-list{padding:24px;background:#f5f5f5;min-height:100vh}.task-header{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.task-title{font-size:32px;font-weight:700;margin:0;color:#000}.risk-section,.tasks-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.section-title{font-size:24px;font-weight:600;margin:0 0 20px;color:#000}.risk-card{padding:20px;border-radius:12px;margin-bottom:12px}.risk-high{background:#ffe5e5;border-left:4px solid #FF3B30}.risk-medium{background:#fff3e0;border-left:4px solid #FF9500}.risk-low{background:#e3f2fd;border-left:4px solid #007AFF}.risk-header{display:flex;justify-content:space-between;align-items:center}.risk-type{font-size:20px;font-weight:700;color:#000}.risk-trend{font-size:16px;color:#8e8e93}.trend-down{color:#ff3b30}.trend-up{color:#34c759}.task-list{display:flex;flex-direction:column;gap:16px}.task-item{padding:20px;background:#f9f9f9;border-radius:12px;transition:all .3s ease}.task-checkbox{display:flex;align-items:center;cursor:pointer;position:relative}.task-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{width:32px;height:32px;border:3px solid #C7C7CC;border-radius:8px;margin-right:16px;flex-shrink:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.task-checkbox input:checked~.checkmark{background:#34c759;border-color:#34c759}.task-checkbox input:checked~.checkmark:after{content:"✓";color:#fff;font-size:20px;font-weight:700}.task-text{font-size:20px;color:#000;transition:all .3s ease}.task-text.completed{color:#8e8e93;text-decoration:line-through}.task-footer{position:fixed;bottom:0;left:0;right:0;padding:24px;background:#fff;box-shadow:0 -2px 8px #00000014}.complete-round-btn{width:100%;padding:24px;font-size:24px;font-weight:700;background:#007aff;color:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;min-height:72px}.complete-round-btn:disabled{background:#c7c7cc;cursor:not-allowed}.complete-round-btn:not(:disabled):hover{background:#0051d5;transform:translateY(-2px);box-shadow:0 4px 16px #007aff4d}.presentation-mode{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px;position:relative;color:#fff}.close-btn{position:absolute;top:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:#ffffff4d}.presentation-header{display:flex;align-items:center;gap:24px;margin-bottom:40px}.presentation-avatar{width:120px;height:120px;border-radius:50%;border:4px solid white;object-fit:cover}.presentation-info{flex:1}.presentation-name{font-size:48px;font-weight:700;margin:0 0 8px}.presentation-subtitle{font-size:24px;opacity:.9;margin:0}.health-score-card{background:#fff;border-radius:24px;padding:40px;margin-bottom:32px;display:flex;justify-content:center}.score-circle{position:relative;width:200px;height:200px}.score-circle svg{width:100%;height:100%}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-value{display:block;font-size:64px;font-weight:700;color:#34c759;line-height:1}.score-label{display:block;font-size:18px;color:#8e8e93;margin-top:8px}.trends-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.trend-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;text-align:center}.trend-label{font-size:16px;opacity:.9;margin-bottom:8px}.trend-value{font-size:36px;font-weight:700;margin-bottom:8px}.trend-status{font-size:14px;color:#34c759;background:#34c75933;padding:4px 12px;border-radius:12px;display:inline-block}.improvements-section{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:32px;margin-bottom:32px}.improvements-title{font-size:28px;font-weight:700;margin:0 0 24px}.improvements-list{display:flex;flex-direction:column;gap:16px}.improvement-item{display:flex;align-items:center;gap:16px;font-size:20px}.improvement-icon{width:32px;height:32px;background:#34c759;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doctor-note{background:#fff;border-radius:24px;padding:32px;display:flex;gap:24px;color:#000}.note-icon{font-size:64px;flex-shrink:0}.note-content{flex:1}.note-title{font-size:24px;font-weight:700;margin:0 0 12px;color:#007aff}.note-text{font-size:18px;line-height:1.6;color:#000;margin:0}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.settings-panel{background:#fff;border-radius:24px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E5EA}.settings-title{font-size:28px;font-weight:700;margin:0;color:#000}.close-settings-btn{width:40px;height:40px;border-radius:50%;background:#f5f5f5;border:none;font-size:20px;cursor:pointer;transition:all .3s ease}.close-settings-btn:hover{background:#e5e5ea}.settings-content{padding:24px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #E5E5EA}.setting-item:last-child{border-bottom:none}.setting-info{flex:1}.setting-label{font-size:18px;font-weight:600;margin:0 0 4px;color:#000}.setting-desc{font-size:14px;color:#8e8e93;margin:0}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#c7c7cc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#34c759}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.setting-divider{height:1px;background:#e5e5ea;margin:16px 0}.logout-btn{width:100%;padding:16px;margin-top:24px;font-size:18px;font-weight:600;background:#ff3b30;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#d70015}body.night-mode .settings-panel{background:#1c1c1e}body.night-mode .settings-title,body.night-mode .setting-label{color:#fff}body.night-mode .close-settings-btn{background:#2c2c2e;color:#fff}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f5f5;padding:24px}.error-content{background:#fff;border-radius:24px;padding:48px;max-width:600px;text-align:center;box-shadow:0 4px 16px #0000001a}.error-icon{font-size:80px;margin-bottom:24px}.error-title{font-size:32px;font-weight:700;margin:0 0 16px;color:#000}.error-message{font-size:18px;color:#8e8e93;margin:0 0 32px;line-height:1.6}.error-details{text-align:left;background:#f9f9f9;border-radius:12px;padding:16px;margin-bottom:24px}.error-details summary{cursor:pointer;font-weight:600;color:#007aff;margin-bottom:8px}.error-details pre{font-size:12px;color:#ff3b30;overflow-x:auto;margin:8px 0 0}.error-reload-btn{padding:16px 48px;font-size:18px;font-weight:600;background:#007aff;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.error-reload-btn:hover{background:#0051d5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}.app{min-height:100vh}button{font-family:inherit;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.98)}@media (hover: none) and (pointer: coarse){button,.patient-card,.task-checkbox{min-height:60px}}@media (prefers-color-scheme: dark){body.night-mode{background:#000;color:#fff}body.night-mode .patient-card,body.night-mode .ward-header,body.night-mode .verification-modal{background:#1c1c1e;color:#fff}body.night-mode .bed-number,body.night-mode .patient-name,body.night-mode .task-title{color:#fff}}.offline-banner{position:fixed;top:0;left:0;right:0;background:#ff9500;color:#fff;padding:12px;text-align:center;font-weight:600;z-index:9999;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.settings-fab{position:fixed;bottom:32px;left:32px;width:64px;height:64px;border-radius:50%;background:#fff;border:none;font-size:28px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:100}.settings-fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 16px #0003}.settings-fab:active{transform:scale(.95) rotate(90deg)}