:root{--color-primary:#1565c0;--color-primary-hover:#0d47a1;--color-primary-active:#0a3875;--color-primary-light:#eff6ff;--color-primary-link:#2563eb;--color-primary-focus:#3b82f6;--surface-canvas:#f8fafc;--surface-sidebar:#f9fafb;--surface-card:#fff;--surface-table-head:#f1f5f9;--surface-table-hover:#f8fafc;--surface-muted:#f1f5f9;--color-success:#15803d;--color-success-bg:#dcfce7;--color-success-border:#86efac;--color-warning:#b45309;--color-warning-bg:#fef3c7;--color-warning-border:#fcd34d;--color-danger:#b91c1c;--color-danger-bg:#fee2e2;--color-danger-border:#fca5a5;--color-info:#0369a1;--color-info-bg:#e0f2fe;--color-info-border:#7dd3fc;--border-subtle:#e2e8f0;--border-input:#d1d5db;--border-strong:#94a3b8;--border-focus:#2563eb;--text-headings:#0f172a;--text-section:#334155;--text-body:#1e293b;--text-secondary:#64748b;--text-placeholder:#94a3b8;--text-white:#fff;--font-family-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-2xs:10px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--line-height-tight:14px;--line-height-xs:16px;--line-height-sm:18px;--line-height-base:20px;--line-height-md:22px;--line-height-relaxed:24px;--line-height-heading:28px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--letter-spacing-tight:-.015em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--space-0:0px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--topbar-height:64px;--sidebar-width:256px;--patient-drawer-width:520px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-2xs:0 1px 2px 0 #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014, 0 1px 2px -1px #00000014;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #00000026, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--z-base:1;--z-sticky:20;--z-topbar:40;--z-sidebar:30;--z-dropdown:50;--z-drawer:60;--z-modal-backdrop:70;--z-modal:80;--z-toast:90}@media (width<=1023px){.app-sidebar{transition:transform .25s;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main{padding:var(--space-4);margin-left:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}:root{--color-primary:#1565c0;--color-primary-hover:#0d47a1;--color-primary-active:#0a3875;--color-primary-light:#eff6ff;--color-primary-link:#2563eb;--color-primary-focus:#3b82f6;--surface-canvas:#f8fafc;--surface-sidebar:#f9fafb;--surface-card:#fff;--surface-table-head:#f1f5f9;--surface-table-hover:#f8fafc;--surface-muted:#f1f5f9;--color-success:#15803d;--color-success-bg:#dcfce7;--color-success-border:#86efac;--color-warning:#b45309;--color-warning-bg:#fef3c7;--color-warning-border:#fcd34d;--color-danger:#b91c1c;--color-danger-bg:#fee2e2;--color-danger-border:#fca5a5;--color-info:#0369a1;--color-info-bg:#e0f2fe;--color-info-border:#7dd3fc;--border-subtle:#e2e8f0;--border-input:#d1d5db;--border-strong:#94a3b8;--border-focus:#2563eb;--text-headings:#0f172a;--text-section:#334155;--text-body:#1e293b;--text-secondary:#64748b;--text-placeholder:#94a3b8;--text-white:#fff;--font-family-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-2xs:10px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--line-height-tight:14px;--line-height-xs:16px;--line-height-sm:18px;--line-height-base:20px;--line-height-md:22px;--line-height-relaxed:24px;--line-height-heading:28px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--letter-spacing-tight:-.015em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--space-0:0px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--topbar-height:64px;--sidebar-width:256px;--patient-drawer-width:520px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-2xs:0 1px 2px 0 #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014, 0 1px 2px -1px #00000014;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #00000026, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--z-base:1;--z-sticky:20;--z-topbar:40;--z-sidebar:30;--z-dropdown:50;--z-drawer:60;--z-modal-backdrop:70;--z-modal:80;--z-toast:90}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;width:100%}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-topbar{height:var(--topbar-height);background-color:var(--surface-card);border-bottom:1px solid var(--border-subtle);z-index:var(--z-topbar);padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar-left{align-items:center;gap:var(--space-6);display:flex}.brand-badge{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.brand-logo-icon{border-radius:var(--radius-md);background-color:var(--color-primary-link);width:36px;height:36px;color:var(--text-white);font-weight:var(--font-weight-black);font-size:var(--font-size-lg);box-shadow:var(--shadow-2xs);justify-content:center;align-items:center;display:flex}.brand-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-headings);line-height:1.1}.brand-edition{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-success);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.topbar-search-trigger{align-items:center;gap:var(--space-3);width:320px;height:36px;padding:0 var(--space-3);background-color:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s;display:flex}.topbar-search-trigger:hover{background-color:var(--surface-muted);border-color:var(--border-input)}.kbd-shortcut{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-secondary);margin-left:auto;padding:2px 6px}.topbar-right{align-items:center;gap:var(--space-3);display:flex}.profile-pill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;border-left:1px solid var(--border-subtle);padding-left:var(--space-3);transition:background-color .15s;display:flex}.profile-pill:hover{background-color:var(--surface-muted)}.profile-avatar{border-radius:var(--radius-full);background-color:var(--text-section);width:32px;height:32px;color:var(--text-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.app-sidebar{top:var(--topbar-height);width:var(--sidebar-width);background-color:var(--surface-sidebar);border-right:1px solid var(--border-subtle);z-index:var(--z-sidebar);padding:var(--space-4) 0 var(--space-8) 0;position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar-group{margin-bottom:var(--space-4)}.sidebar-group-title{padding:var(--space-2) var(--space-5);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:var(--text-placeholder);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest)}.sidebar-nav-item{padding:9px var(--space-5);color:var(--text-section);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-left:3px solid #0000;justify-content:space-between;align-items:center;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover{color:var(--text-headings);background-color:#f1f5f9cc}.sidebar-nav-item.active{background-color:var(--color-primary-light);color:var(--color-primary-link);font-weight:var(--font-weight-semibold);border-left-color:var(--color-primary-link)}.sidebar-nav-item-content{align-items:center;gap:var(--space-3);display:flex}.sidebar-nav-icon{width:17px;height:17px;color:var(--text-secondary);transition:color .15s}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--color-primary-link)}.sidebar-item-badge{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);background-color:var(--border-subtle);color:var(--text-section);padding:1px 6px}.app-main{margin-top:var(--topbar-height);margin-left:var(--sidebar-width);min-height:calc(100vh - var(--topbar-height));padding:var(--space-6);background-color:var(--surface-canvas)}@media (width<=1023px){.app-sidebar{transition:transform .25s;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main{padding:var(--space-4);margin-left:0}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary-focus);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--text-white);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn-secondary{background-color:var(--surface-card);border:1px solid var(--border-input);color:var(--text-body);box-shadow:var(--shadow-2xs)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-muted);border-color:var(--border-strong)}.btn-setup{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border);border-radius:var(--radius-md);height:36px;padding:0 var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.btn-setup:hover:not(:disabled){background-color:#c7f9d4}.btn-danger{background-color:var(--color-danger);color:var(--text-white)}.btn-danger:hover:not(:disabled){background-color:#991b1b}.btn-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);padding:0}.btn-icon:hover:not(:disabled){background-color:var(--surface-muted);color:var(--text-body)}.btn-sm{height:30px;padding:0 var(--space-2-5);font-size:var(--font-size-xs)}.btn-lg{height:44px;padding:0 var(--space-6);font-size:var(--font-size-base)}.form-group{gap:var(--space-1-5);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-section);align-items:center;gap:var(--space-1);display:flex}.form-label .required{color:var(--color-danger)}.input-control{width:100%;height:38px;padding:0 var(--space-3);font-size:var(--font-size-base);color:var(--text-body);background-color:var(--surface-card);border:1px solid var(--border-input);border-radius:var(--radius-sm);box-shadow:var(--shadow-2xs);transition:border-color .15s,box-shadow .15s}.input-control::placeholder{color:var(--text-placeholder);font-size:var(--font-size-sm)}.input-control:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #2563eb26}.input-control:disabled,.input-control.readonly{background-color:var(--surface-muted);cursor:not-allowed;color:var(--text-secondary)}.input-control.abnormal{font-weight:var(--font-weight-bold);border:2px solid var(--color-danger)!important;background-color:var(--color-danger-bg)!important;color:var(--color-danger)!important}.select-control{width:100%;height:38px;padding:0 var(--space-3);font-size:var(--font-size-sm);color:var(--text-body);background-color:var(--surface-card);border:1px solid var(--border-input);border-radius:var(--radius-sm);box-shadow:var(--shadow-2xs);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px}.select-control:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #2563eb26}.textarea-control{width:100%;padding:var(--space-2-5) var(--space-3);font-size:var(--font-size-sm);color:var(--text-body);background-color:var(--surface-card);border:1px solid var(--border-input);border-radius:var(--radius-sm);box-shadow:var(--shadow-2xs);resize:vertical;min-height:80px}.textarea-control:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #2563eb26}.pill-group{background-color:var(--surface-muted);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);gap:2px;padding:3px;display:flex}.pill-option{text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;padding:6px 12px;transition:all .15s}.pill-option.active{background-color:var(--color-primary-link);color:var(--text-white);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-2xs)}.card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-headings)}.card-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.kpi-card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;display:flex}.kpi-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--text-secondary)}.kpi-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--text-headings);margin:var(--space-2) 0}.kpi-footer{font-size:var(--font-size-xs);color:var(--text-placeholder);align-items:center;gap:var(--space-2);display:flex}.badge{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);line-height:var(--line-height-tight);white-space:nowrap;padding:2px 8px;display:inline-flex}.badge-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.badge-neutral{background-color:var(--surface-muted);color:var(--text-section);border:1px solid var(--border-subtle)}.table-container{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-size-sm)}.data-table thead{background-color:var(--surface-table-head);border-bottom:1px solid var(--border-subtle)}.data-table th{padding:10px var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--text-section);white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background-color .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background-color:var(--surface-table-hover)}.data-table td{padding:12px var(--space-4);color:var(--text-body);vertical-align:middle}.table-cell-bold{font-weight:var(--font-weight-semibold);color:var(--text-headings)}.table-cell-mono{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);color:var(--color-primary-link)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--space-4);background-color:#0f172a99;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background-color:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);flex-direction:column;width:100%;max-width:600px;animation:.2s ease-out scaleIn;display:flex;overflow:hidden}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-5);max-height:calc(85vh - 120px);overflow-y:auto}.modal-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background-color:var(--surface-canvas);justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-drawer);background-color:#0f172a66;justify-content:flex-end;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.drawer-panel{background-color:var(--surface-card);width:100%;max-width:var(--patient-drawer-width);height:100%;box-shadow:var(--shadow-2xl);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex}.drawer-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.drawer-body{padding:var(--space-6);flex:1;overflow-y:auto}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background-color:var(--surface-canvas);justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}body{font-family:var(--font-family-sans);background-color:var(--surface-canvas);color:var(--text-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);min-height:100vh}.h1-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-headings);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-tight)}.h2-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-section);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.h3-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-body);line-height:var(--line-height-md)}.text-muted{color:var(--text-secondary);font-size:var(--font-size-sm)}.text-caption{color:var(--text-placeholder);font-size:var(--font-size-xs)}.font-mono{font-family:var(--font-family-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}