:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-900:#0f172a;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-600:#0d9488;--teal-700:#0f766e;--teal-900:#134e4a;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-600:#059669;--emerald-800:#065f46;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-600:#d97706;--amber-800:#92400e;--red-50:#fef2f2;--red-100:#fee2e2;--red-600:#dc2626;--red-800:#991b1b;--violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-600:#7c3aed;--violet-800:#5b21b6;--bg-page:var(--slate-50);--surface:#fff;--surface-muted:var(--slate-100);--border:var(--slate-200);--border-hover:var(--slate-300);--text-primary:var(--slate-900);--text-secondary:var(--slate-500);--text-muted:var(--slate-400);--focus-ring:0 0 0 3px var(--teal-50);--sidebar-width:240px;--topbar-height:56px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:15px}.metric{font-variant-numeric:tabular-nums;font-size:28px;font-weight:500}h1{font-size:24px;font-weight:500}h2{font-size:20px;font-weight:500}h3{font-size:16px;font-weight:500}.label{font-size:13px;font-weight:500}.caption{font-size:12px;font-weight:400}.mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}.input-wrapper{flex-direction:column;gap:4px;width:100%;display:flex}.input-label{color:var(--text-primary);font-size:13px;font-weight:500}.input-field{border:1px solid var(--border);border-radius:var(--radius-md);height:36px;color:var(--text-primary);background:var(--surface);width:100%;padding:0 12px;font-size:14px;transition:border-color .15s}.input-field:focus{border-color:var(--teal-600);box-shadow:var(--focus-ring);outline:none}.input-field--error{border-color:var(--red-600)}.input-field--warning{border-color:var(--amber-600)}.input-field::placeholder{color:var(--text-muted)}.input-helper{color:var(--text-secondary);font-size:12px}.input-error{color:var(--slate-900);background:var(--red-50);border:1px solid var(--red-100);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}textarea.input-field{resize:vertical;height:auto;min-height:80px;padding:8px 12px}.btn{border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--lg{height:44px;padding:0 20px;font-size:15px}.btn--primary{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}.btn--primary:hover:not(:disabled){background:var(--teal-700);border-color:var(--teal-700)}.btn--secondary{color:var(--slate-900);border-color:var(--slate-200);background:0 0}.btn--secondary:hover:not(:disabled){background:var(--slate-100)}.btn--danger{color:var(--red-600);border-color:var(--red-600);background:0 0}.btn--danger:hover:not(:disabled){background:var(--red-50)}.btn--ghost{color:var(--slate-500);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--slate-100)}.alert-banner{border-radius:var(--radius-md);align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.alert-banner--success{background:var(--emerald-50);color:var(--emerald-800);border:1px solid var(--emerald-100)}.alert-banner--warning{background:var(--amber-50);color:var(--amber-800);border:1px solid var(--amber-100)}.alert-banner--danger{background:var(--red-50);color:var(--red-800);border:1px solid var(--red-100)}.alert-banner--info{background:var(--teal-50);color:var(--teal-900);border:1px solid var(--teal-100)}.login-page{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:100%;max-width:320px;padding:32px 28px;display:flex}.login-logo{color:var(--teal-600);text-align:center;font-size:24px;font-weight:500}.login-form{flex-direction:column;gap:14px;display:flex}.login-hint{color:var(--text-muted);text-align:center;font-size:12px}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:400;text-decoration:none;transition:background .1s,color .1s;display:flex}.sidebar-nav-item:hover{background:var(--slate-100);color:var(--text-primary)}.sidebar-nav-item--active{background:var(--teal-50);color:var(--teal-700);font-weight:500}.sidebar-nav-item__icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.badge{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge--success{background:var(--emerald-50);color:var(--emerald-800)}.badge--warning{background:var(--amber-50);color:var(--amber-800)}.badge--danger{background:var(--red-50);color:var(--red-800)}.badge--accent{background:var(--teal-50);color:var(--teal-900)}.badge--neutral{background:var(--slate-100);color:var(--slate-500)}.badge--admin{background:var(--violet-50);color:var(--violet-800)}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-6);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-title{color:var(--text-primary);margin-bottom:var(--sp-4);font-size:16px;font-weight:500}.modal-body{gap:var(--sp-4);flex-direction:column;display:flex}.modal-footer{gap:var(--sp-2);margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border);justify-content:flex-end;display:flex}.data-table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;table-layout:fixed;width:100%}.data-table th{color:var(--text-secondary);background:var(--surface-muted);text-align:left;white-space:nowrap;padding:8px 12px;font-size:13px;font-weight:500}.data-table td{border-top:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:10px 12px;font-size:14px}.data-table tbody tr:hover{background:var(--slate-50)}.data-table-loading{text-align:center;color:var(--text-secondary);padding:32px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-state__headline{color:var(--text-primary);font-size:16px;font-weight:500}.empty-state__description{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.resident-card{padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:12px;transition:border-color .15s;display:flex}.resident-card:hover{border-color:var(--border-hover)}.resident-card__avatar{background:var(--teal-100);width:40px;height:40px;color:var(--teal-900);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.resident-card__info{flex:1;min-width:0}.resident-card__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.resident-card__caption{color:var(--text-secondary);margin-top:2px;font-size:13px}.resident-card__allergies{flex-wrap:wrap;flex-shrink:0;gap:4px;display:flex}.vitals-chart{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.vitals-chart{grid-template-columns:1fr}}.vitals-chart__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4)}.vitals-chart__title{color:var(--text-secondary);margin-bottom:var(--sp-2);font-size:13px;font-weight:500}.patient-layout{background:var(--bg-page);min-height:100vh;font-size:18px}.patient-topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 var(--sp-6);z-index:10;justify-content:space-between;align-items:center;height:60px;display:flex;position:sticky;top:0}.patient-topbar__logo{color:var(--teal-600);font-size:20px;font-weight:600}.patient-topbar__right{align-items:center;gap:var(--sp-4);display:flex}.patient-topbar__name{color:var(--text-secondary);font-size:15px}.patient-topbar__logout{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);background:0 0;min-height:48px;padding:10px 20px;font-size:15px}.patient-topbar__logout:hover{background:var(--surface-muted)}.patient-body{max-width:720px;padding:var(--sp-6) var(--sp-4);margin:0 auto}.patient-tabs{border-bottom:2px solid var(--border);margin-bottom:var(--sp-6);gap:4px;display:flex}.patient-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;min-height:48px;margin-bottom:-2px;padding:12px 20px;font-size:17px;font-weight:400}.patient-tab:hover{color:var(--text-primary)}.patient-tab--active{color:var(--teal-600);border-bottom-color:var(--teal-600);font-weight:500}.app-layout{height:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar__logo{color:var(--teal-600);border-bottom:1px solid var(--border);padding:20px 16px 16px;font-size:20px;font-weight:500}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--border);padding:0 var(--sp-6);z-index:9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__title{color:var(--text-primary);font-size:16px;font-weight:500}.topbar__right{align-items:center;gap:var(--sp-3);display:flex}.topbar__user{color:var(--text-secondary);font-size:13px}.page-content{width:100%;max-width:1200px;padding:var(--sp-6);flex:1;margin:0 auto}.page-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.shift-indicator{border-radius:var(--radius-sm);padding:3px 10px;font-size:12px;font-weight:500}.shift-indicator--morning{background:var(--emerald-50);color:var(--emerald-800)}.shift-indicator--evening{background:var(--teal-50);color:var(--teal-900)}.shift-indicator--night{background:var(--slate-100);color:var(--slate-500)}.vitals-field{flex-direction:column;gap:4px;display:flex}.vitals-field__input{min-height:44px;font-size:15px;height:44px!important}.vitals-field__previous{color:var(--text-secondary);font-size:12px}.vitals-field__out-of-range{color:var(--amber-800);font-size:12px;font-weight:500}