@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:left;box-sizing:border-box;border-inline:none;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#118ab2;--primary-dark:#0e6e8f;--primary-light:#f0f7fc;--secondary:#2a9d8f;--bg-app:#f7fafc;--bg-panel:#fff;--border:#d1d7de;--border-light:#e9edf2;--text-main:#006d77;--text-muted:#52748a;--accent-warn:#e9c46a;--accent-danger:#d62828;--accent-success:#57cc99;--row-hover:#f0f7f7;--row-selected:#a8dadc;--flag-h-bg:#fee2e2;--flag-l-bg:#fdf8e2;--header-bg:linear-gradient(90deg, #003b4a 0%, #005b66 55%, #007c83 100%);--header-border:#003b4a;--brand-bg:linear-gradient(135deg, #003b4a 0%, #006d77 100%);--brand-border:#7ae7d8;--brand-shadow:#003b4a40;--ribbon-active-bg:#fff;--ribbon-active-text:#004653;--ribbon-active-indicator:#00bfa6;--sidebar-bg:#004653;--sidebar-hover:#007c83;--sidebar-active:#0096a6;--statusbar-bg:#003865;--statusbar-border:#00223e;--statusbar-text:#d9ecff}[data-theme=medical-blue]{--header-bg:linear-gradient(90deg, #004080 0%, #06c 55%, #4da3ff 100%);--header-border:#004080;--brand-bg:linear-gradient(135deg, #036 0%, #06c 100%);--brand-border:#4da3ff;--brand-shadow:#0066cc4d;--ribbon-active-bg:#fff;--ribbon-active-text:#06c;--ribbon-active-indicator:#06c;--sidebar-bg:#004080;--sidebar-hover:#06c;--sidebar-active:#2563eb;--statusbar-bg:#002b54;--statusbar-border:#001a33;--statusbar-text:#eaf4ff;--bg-app:#f0f7ff;--panel-header-bg:linear-gradient(90deg, #e3f2fd 0%, #eaf4ff 100%);--panel-header-text:#06c;--th-bg:#e3f2fd;--th-text:#004080;--primary:#06c;--text-main:#004080}[data-theme=enterprise-navy]{--header-bg:linear-gradient(90deg, #0b3954 0%, #087e8b 55%, #5bc0be 100%);--header-border:#0b3954;--brand-bg:linear-gradient(135deg, #0b3954 0%, #087e8b 100%);--brand-border:#5bc0be;--brand-shadow:#0b395459;--ribbon-active-bg:#fff;--ribbon-active-text:#0b3954;--ribbon-active-indicator:#087e8b;--sidebar-bg:#0b3954;--sidebar-hover:#087e8b;--sidebar-active:#1d9a9c;--statusbar-bg:#051c2b;--statusbar-border:#020c13;--statusbar-text:#f1f5f9;--bg-app:#f1f5f9;--panel-header-bg:linear-gradient(90deg, #e0f2f1 0%, #f1f5f9 100%);--panel-header-text:#0b3954;--th-bg:#e0f2f1;--th-text:#0b3954;--primary:#087e8b;--text-main:#0b3954}[data-theme=lab-biochem]{--header-bg:linear-gradient(90deg, #0d47a1 0%, #1565c0 55%, #29b6f6 100%);--header-border:#0d47a1;--brand-bg:linear-gradient(135deg, #0d47a1 0%, #1565c0 100%);--brand-border:#29b6f6;--brand-shadow:#1565c059;--ribbon-active-bg:#fff;--ribbon-active-text:#1565c0;--ribbon-active-indicator:#29b6f6;--sidebar-bg:#0d47a1;--sidebar-hover:#1565c0;--sidebar-active:#1976d2;--statusbar-bg:#0a2e6b;--statusbar-border:#051a3e;--statusbar-text:#e3f2fd;--bg-app:#f4f8fd;--panel-header-bg:linear-gradient(90deg, #e3f2fd 0%, #edf7ff 100%);--panel-header-text:#1565c0;--th-bg:#e3f2fd;--th-text:#0d47a1;--primary:#1565c0;--text-main:#0d47a1}[data-theme=lab-micro]{--header-bg:linear-gradient(90deg, #3a4545 0%, #596666 55%, #8a9a9a 100%);--header-border:#3a4545;--brand-bg:linear-gradient(135deg, #3a4545 0%, #596666 100%);--brand-border:#c7d0ce;--brand-shadow:#59666659;--ribbon-active-bg:#fff;--ribbon-active-text:#3a4545;--ribbon-active-indicator:#596666;--sidebar-bg:#3a4545;--sidebar-hover:#596666;--sidebar-active:#6e7d7d;--statusbar-bg:#273030;--statusbar-border:#181f1f;--statusbar-text:#f3f6f5;--bg-app:#f3f6f5;--panel-header-bg:linear-gradient(90deg, #c7d0ce 0%, #f3f6f5 100%);--panel-header-text:#2d3737;--th-bg:#c7d0ce;--th-text:#2d3737;--primary:#596666;--text-main:#2d3737}[data-theme=lab-parasite]{--header-bg:linear-gradient(90deg, #1b5e20 0%, #2e7d32 55%, #9ccc65 100%);--header-border:#1b5e20;--brand-bg:linear-gradient(135deg, #1b5e20 0%, #2e7d32 100%);--brand-border:#9ccc65;--brand-shadow:#2e7d3259;--ribbon-active-bg:#fff;--ribbon-active-text:#1b5e20;--ribbon-active-indicator:#9ccc65;--sidebar-bg:#1b5e20;--sidebar-hover:#2e7d32;--sidebar-active:#388e3c;--statusbar-bg:#0f3813;--statusbar-border:#071c0a;--statusbar-text:#f1f8e9;--bg-app:#f5faf4;--panel-header-bg:linear-gradient(90deg, #f1f8e9 0%, #f9fdf5 100%);--panel-header-text:#2e7d32;--th-bg:#f1f8e9;--th-text:#1b5e20;--primary:#2e7d32;--text-main:#1b5e20}[data-theme=lab-hematology]{--header-bg:linear-gradient(90deg, #7a3f49 0%, #b76e79 55%, #d7a0ac 100%);--header-border:#7a3f49;--brand-bg:linear-gradient(135deg, #7a3f49 0%, #b76e79 100%);--brand-border:#ebc5cc;--brand-shadow:#b76e7959;--ribbon-active-bg:#fff;--ribbon-active-text:#7a3f49;--ribbon-active-indicator:#b76e79;--sidebar-bg:#7a3f49;--sidebar-hover:#b76e79;--sidebar-active:#c4838f;--statusbar-bg:#52272e;--statusbar-border:#33151a;--statusbar-text:#fff4f6;--bg-app:#fff4f6;--panel-header-bg:linear-gradient(90deg, #ebc5cc 0%, #fff4f6 100%);--panel-header-text:#7a3f49;--th-bg:#ebc5cc;--th-text:#612d36;--primary:#b76e79;--text-main:#3d292c}[data-theme=lab-histo]{--header-bg:linear-gradient(90deg, #4e2712 0%, #8d4e32 55%, #d98c3f 100%);--header-border:#4e2712;--brand-bg:linear-gradient(135deg, #4e2712 0%, #8d4e32 100%);--brand-border:#d98c3f;--brand-shadow:#8d4e3259;--ribbon-active-bg:#fff;--ribbon-active-text:#8d4e32;--ribbon-active-indicator:#d98c3f;--sidebar-bg:#4e2712;--sidebar-hover:#8d4e32;--sidebar-active:#a05a3a;--statusbar-bg:#2b150a;--statusbar-border:#140a04;--statusbar-text:#fdf8f5;--bg-app:#faf6f3;--panel-header-bg:linear-gradient(90deg, #fdf5e6 0%, #fffbf5 100%);--panel-header-text:#8d4e32;--th-bg:#fdf5e6;--th-text:#4e2712;--primary:#8d4e32;--text-main:#4e2712}[data-theme=dashboard-dark]{--header-bg:linear-gradient(90deg, #0f172a 0%, #1e293b 55%, #0284c7 100%);--header-border:#0f172a;--brand-bg:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--brand-border:#38bdf8;--brand-shadow:#0f172a66;--ribbon-active-bg:#1e293b;--ribbon-active-text:#38bdf8;--ribbon-active-indicator:#38bdf8;--sidebar-bg:#1e293b;--sidebar-hover:#334155;--sidebar-active:#0284c7;--statusbar-bg:#090d16;--statusbar-border:#030712;--statusbar-text:#94a3b8;--bg-app:#0f172a;--bg-panel:#1e293b;--border:#334155;--text-main:#f1f5f9;--text-muted:#94a3b8;--panel-header-bg:linear-gradient(90deg, #1e293b 0%, #334155 100%);--panel-header-text:#38bdf8;--th-bg:#1e293b;--th-text:#38bdf8;--primary:#0284c7}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);color:var(--text-main);flex-direction:column;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;line-height:1.4;display:flex;overflow:hidden}.labconn-menubar{background:var(--header-bg);color:#fff;z-index:10;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--header-border);justify-content:space-between;align-items:center;height:80px;padding:0 24px 0 0;display:flex;box-shadow:0 3px 10px #0003}.brand{background:var(--brand-bg);border-right:4px solid var(--brand-border);z-index:2;width:345px;min-width:345px;height:100%;box-shadow:4px 0 12px var(--brand-shadow);border-bottom-right-radius:40px 25px;align-items:center;padding:0 14px;display:flex;position:relative}.ribbon-tabs{align-items:flex-end;gap:4px;height:100%;margin-left:12px;display:flex}.ribbon-tab-btn{color:#ffffffe6;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px 12px 0 0;align-items:center;height:48px;padding:0 16px;font-family:Segoe UI,Roboto,Inter,sans-serif;font-size:13.5px;font-weight:600;transition:all .15s;display:flex;position:relative}.ribbon-tab-btn:hover{color:#fff;background:#ffffff14}.ribbon-tab-btn.active{background:var(--ribbon-active-bg);color:var(--ribbon-active-text);font-weight:700}.ribbon-tab-btn.active:after{content:"";background:var(--ribbon-active-indicator);border-radius:2px;height:3px;position:absolute;bottom:0;left:12px;right:12px}.user-auth-bar{flex-shrink:0;align-items:center;gap:12px;display:flex}.user-profile-info{text-align:left;flex-direction:column;max-width:180px;line-height:1.25;display:flex}#currentUserName{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}#currentUserRole{white-space:nowrap;align-self:flex-start;margin-top:2px}.sidebar{background:var(--sidebar-bg);flex-direction:column;width:260px;min-width:260px;display:flex}.sidebar-item{color:#fff;border-radius:8px;align-items:center;height:48px;margin:6px 12px;padding:0 16px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.sidebar-item:hover{background:var(--sidebar-hover)}.sidebar-item.active{background:var(--sidebar-active)}.ribbon-toolbar{background:#fff;border-bottom:1px solid #e9edf2;align-items:center;gap:16px;min-height:64px;padding:6px 16px;display:none;box-shadow:0 1px 3px #00000008}.ribbon-toolbar.active{display:flex}.ribbon-group{align-items:center;gap:8px;display:flex}.ribbon-item{cursor:pointer;color:#004d5a;background:#fff;border:1px solid #d1d7de;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:86px;height:54px;padding:6px 12px;text-decoration:none;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000f}.ribbon-item:hover{background:#008290;border-color:#008290;box-shadow:0 2px 6px #00829040;color:#fff!important}.ribbon-item.active{box-shadow:0 2px 6px #008ea059;color:#fff!important;background:#008ea0!important;border-color:#008ea0!important}.ribbon-item.active .ribbon-text,.ribbon-item.active .ribbon-icon,.ribbon-item:hover .ribbon-text,.ribbon-item:hover .ribbon-icon{color:#fff!important}.ribbon-icon{justify-content:center;align-items:center;margin-bottom:4px;font-family:Segoe UI Emoji,Segoe UI Symbol,Apple Color Emoji,Noto Color Emoji,sans-serif;font-size:18px;line-height:1;transition:color .15s;display:flex}.ribbon-text{text-align:center;letter-spacing:.2px;font-size:13px;font-weight:700;line-height:1.25}.labconn-toolbar{border-bottom:1px solid var(--border);background:#f0f4f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:6px 12px;display:none}.toolbar-group{align-items:center;gap:8px;display:flex}.btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #94a3b8;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn:hover{color:#005f66;background:#f7fafc;border-color:#52748a}.btn:active{background:#e9edf2}.btn.primary{background:var(--primary);border-color:var(--primary-dark);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.success{background:var(--accent-success);color:#fff;border-color:#1f7a6e}.btn.success:hover{background:#1f7a6e}.btn.danger{background:var(--accent-danger);color:#fff;border-color:#b21e1e}.btn.danger:hover{background:#b21e1e}#btnNewReception{color:#fff!important;background:#0077b6!important;border-color:#0077b6!important}#btnNewReception:hover{background:#005b96!important;border-color:#005b96!important}#btnRefresh{color:#fff!important;background:#2a9d8f!important;border-color:#2a9d8f!important}#btnRefresh:hover{background:#1f7a6e!important;border-color:#1f7a6e!important}#btnValidateSelected{color:#fff!important;background:#00a878!important;border-color:#00a878!important}#btnValidateSelected:hover{background:#008f66!important;border-color:#008f66!important}#btnUnvalidateSelected{color:#fff!important;background:#f4a261!important;border-color:#f4a261!important}#btnUnvalidateSelected:hover{background:#e7924f!important;border-color:#e7924f!important}#btnDeleteSelected{color:#fff!important;background:#d62828!important;border-color:#d62828!important}#btnDeleteSelected:hover{background:#b21e1e!important;border-color:#b21e1e!important}.btn.small{padding:4px 8px;font-size:11px}.shortcut-key{color:#334155;background:#e9edf2;border:1px solid #d1d7de;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.btn.primary .shortcut-key,.btn.success .shortcut-key,.btn.danger .shortcut-key{color:#fff;background:#00000040;border-color:#0000}.workspace{flex:1;padding:8px;overflow:hidden}.workspace>.panel{display:none!important}.workspace>.panel.active{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex!important}.sys-subpanel{height:100%;display:none}.sys-subpanel.active{flex-direction:column;gap:8px;height:100%;display:flex}.split-container{grid-template-columns:minmax(370px,430px) 1fr;gap:6px;height:100%;display:grid;overflow:hidden}.split-left{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;flex-direction:column;width:100%;min-width:350px;max-width:480px;display:flex;overflow-y:auto;box-shadow:0 1px 3px #0000000d;overflow-x:hidden!important}.split-left .data-table-wrap{overflow-x:hidden!important}#worklistTable_results,#worklistTable_reception{table-layout:fixed!important;width:100%!important}#workSearch_results,#workSearch_validated{border-radius:5px;font-weight:500;height:34px!important;padding:6px 10px!important;font-size:13.5px!important}.split-right{grid-template-rows:auto 1fr;gap:6px;height:100%;display:grid;overflow:hidden}.panel-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.panel-header{background:var(--panel-header-bg,linear-gradient(90deg, #f7fafc 0%, #f7fafc 100%));color:var(--panel-header-text,#006d77);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.panel-body{flex:1;padding:8px;overflow:auto}.data-table-wrap{border-top:1px solid var(--border-light);background:var(--bg-panel);flex:1;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--th-bg,#f7fafc);color:var(--th-text,#334155);border-bottom:2px solid var(--border);text-align:left;z-index:5;white-space:nowrap;padding:5px 8px;font-weight:700;position:sticky;top:0}td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e9edf2;padding:4px 8px}tbody tr:nth-child(2n){background:#f7fafc}tbody tr:hover{background:var(--row-hover);cursor:pointer}tbody tr.selected{font-weight:600;background:var(--row-selected)!important}.flag-badge{text-align:center!important;box-sizing:border-box!important;border-radius:6px!important;min-width:85px!important;padding:4px 12px!important;font-size:13px!important;font-weight:600!important;display:inline-block!important}.flag-H{color:#b42318!important;background:#ffe0d6!important;border:1px solid #e76f51!important}.flag-L{color:#8a5700!important;background:#fff0c2!important;border:1px solid #f4b942!important}.flag-N{color:#176b3a!important;background:#d9f2e3!important;border:1px solid #52b788!important}.status-badge{border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.status-PENDING{color:#b45309;background:#fdf8e2}.status-COMPLETED{color:#0e6e8f;background:#e0f1fa}.status-VALIDATED{color:#15803d;background:#dcfce7}.form-grid{gap:8px;display:grid}.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:1fr 1fr 1fr}.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}label{color:#334155;flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}input,select,textarea{color:var(--text-main);background:#fff;border:1px solid #d1d7de;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #005a9c26}.checkbox-grid{background:#f7fafc;border:1px solid #d1d7de;border-radius:4px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;max-height:110px;padding:8px;display:grid;overflow-y:auto}.check-item{cursor:pointer;flex-direction:row;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.check-item input{cursor:pointer}.filter-bar{border-bottom:1px solid var(--border-light);background:#f7fafc;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.filter-bar input,.filter-bar select{padding:4px 8px;font-size:13px}.labconn-statusbar{background:var(--statusbar-bg);height:28px;color:var(--statusbar-text);border-top:1px solid var(--statusbar-border);z-index:10;justify-content:space-between;align-items:center;padding:0 12px;font-size:11px;display:flex}.status-left,.status-right{align-items:center;gap:16px;display:flex}.status-item{align-items:center;gap:6px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 4px #22c55e}.status-dot.offline{background:#d62828;box-shadow:0 0 4px #d62828}.notification-center{position:relative}.notification-center.connection-offline>#btnNotifications{box-shadow:0 0 0 2px #d628282e;background:#d6282852!important;border-color:#fca5a5!important}.notification-badge{color:#fff;text-align:center;background:#d62828;border-radius:10px;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.notification-dropdown{z-index:1200;border:1px solid var(--border);width:min(380px,100vw - 24px);max-height:min(480px,100vh - 80px);color:var(--text-main);background:#fff;border-radius:8px;position:absolute;top:42px;right:0;overflow:hidden;box-shadow:0 12px 32px #0f172a33}.notification-dropdown.hidden{display:none}.notification-heading{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.notification-connection{font-size:11px;font-weight:600}.notification-connection.online{color:#15803d}.notification-connection.offline{color:#b91c1c}.notification-list{max-height:420px;overflow-y:auto}.notification-item,.notification-empty{border-bottom:1px solid #eef2f6;padding:11px 14px;font-size:12px}.notification-item.unread{background:#eff8ff}.notification-item-title{color:#164e63;font-weight:700}.notification-item-detail{color:#475569;overflow-wrap:anywhere;margin-top:4px}.notification-item-time{color:#64748b;margin-top:5px;font-size:10px}.notification-empty{color:#64748b;text-align:center}.modal{z-index:50;background:#0f172aa6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;inset:0}.modal.hidden,.toast.hidden{display:none}.modal-card{background:#fff;border-radius:6px;flex-direction:column;width:min(1000px,95vw);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #0000004d}.modal-header{color:#fff;background:#118ab2;justify-content:space-between;align-items:center;padding:10px 16px;font-size:15px;font-weight:700;display:flex}.modal-body{flex:1;padding:16px;overflow:auto}.modal-footer{border-top:1px solid var(--border-light);background:#f7fafc;justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.detail-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.detail-item{background:#f7fafc;border:1px solid #e9edf2;border-radius:4px;padding:8px}.detail-item b{color:#52748a;margin-bottom:2px;font-size:11px;display:block}.toast{color:#fff;z-index:100;background:#005f66;border-left:4px solid #22c55e;border-radius:4px;padding:10px 16px;font-size:13px;font-weight:600;position:fixed;bottom:38px;right:16px;box-shadow:0 4px 12px #0003}.toast.error{border-left-color:#d62828}.callout{white-space:pre-wrap;word-break:break-all;background:#f7fafc;border-left:4px solid #52748a;border-radius:4px;margin:8px 0;padding:10px 12px;font-family:monospace;font-size:13px}.callout.warning{color:#854d0e;background:#fefce8;border-left-color:#eab308;font-family:inherit}.metrics-grid{grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;margin-bottom:12px;display:grid}.metric-card{border:1px solid var(--border);border-top:3px solid var(--primary);background:#fff;border-radius:4px;padding:12px;box-shadow:0 1px 2px #0000000d}.metric-card span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.metric-card strong{color:var(--primary-dark);margin-top:4px;font-size:24px;display:block}@media (width>=1600px){.split-container{grid-template-columns:420px 1fr}.split-left{max-width:450px}}@media (width<=1366px){.split-container{grid-template-columns:390px 1fr;gap:6px}.split-left{min-width:310px;max-width:450px}.filter-bar input,.filter-bar select,.filter-bar button{padding:6px 8px!important;font-size:12.5px!important}.inline-result-input{width:105px!important;max-width:105px!important;height:34px!important;font-size:15px!important}}@media (width<=1024px){.labconn-menubar{flex-wrap:nowrap;gap:8px;height:80px;padding:0 16px 0 0}.ribbon-tabs{width:auto;margin-left:8px}.user-auth-bar{margin-left:auto}.split-container{grid-template-columns:360px 1fr}.split-left{min-width:290px;max-width:400px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.split-container{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;overflow-y:auto}.split-left{width:100%;min-width:100%;max-width:100%;max-height:280px}.split-right{width:100%;height:auto}.metrics-grid{grid-template-columns:1fr}.data-table-wrap{overflow-x:auto!important}}.inline-result-input:disabled{color:#16324f;cursor:not-allowed;background:0 0}.test-highlight{animation:1.5s testHighlightAnim}@keyframes testHighlightAnim{0%{background:#fdf8e2}to{background:0 0}}.config-sub-nav{display:none}.config-sub-btn{color:#475569;cursor:pointer;background:#f7fafc;border:1px solid #d1d7de;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.config-sub-btn:hover{color:#005b66;background:#e8f5f8;border-color:#7ae7d8}.config-sub-btn.active{background:linear-gradient(135deg,#005b66 0%,#004653 100%);border-color:#003b4a;box-shadow:0 3px 8px #00465333;color:#fff!important}#testSearchDropdown li{cursor:pointer;color:#334155;border-bottom:1px solid #f7fafc;padding:10px 14px;font-size:13px}#testSearchDropdown li:last-child{border-bottom:none}#testSearchDropdown li:hover,#testSearchDropdown li.active{color:#005b66;background:#e8f5f8;font-weight:700}.role-badge{text-transform:uppercase!important;letter-spacing:.5px!important;border-radius:4px!important;padding:6px 8px!important;font-size:12.5px!important;font-weight:700!important;display:inline-block!important}.role-admin,.role-ADMIN{color:#854d0e!important;background:#fdf8e2!important;border:1px solid #fde047!important}.role-validator,.role-bacsi,.role-BACSI{color:#1f7a6e!important;background:#dcfce7!important;border:1px solid #86efac!important}.role-technician,.role-ktv,.role-KTV{color:#0e6e8f!important;background:#dbeafe!important;border:1px solid #93c5fd!important}.role-receptionist,.role-tiepnhan,.role-TIEPNHAN{color:#6b21a8!important;background:#f3e8ff!important;border:1px solid #d8b4fe!important}.role-guest{color:#475569!important;background:#f7fafc!important;border:1px solid #d1d7de!important}body.is-non-admin .ribbon-tab-btn[onclick*=config],body.is-non-admin .ribbon-tab-btn[data-ribbon=config],body.is-non-admin #ribbon-config,body.is-non-admin .ribbon-item[data-module^=config-],body.is-non-admin .config-sub-btn,body.is-non-admin .config-sub-nav,body.is-non-admin section[id^=config-]{display:none}.split-left,.split-right,.data-table-wrap,#patientSearchContainer,.panel-body,.tab-content,.workspace-container{background-color:#f7f9fa!important}body{color:#263238!important;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:14px!important;line-height:1.5!important}th{color:#005b73!important;background:#eaf3f7!important;border-bottom:2px solid #cfd8dc!important;padding:8px 12px!important;font-family:Inter,Segoe UI,Roboto,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.5!important}td{color:#263238!important;border-bottom:1px solid #dce4e8!important;padding:6px 12px!important;font-family:Inter,Segoe UI,Roboto,sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:1.5!important}td:nth-child(6){color:#455a64!important;font-size:14px!important;font-weight:400!important}tr.selected td{color:#004d40!important;background-color:#e0f2f1!important}td b,td strong{color:#005b73!important;font-family:Inter,Segoe UI,Roboto,sans-serif!important;font-size:15px!important;font-weight:600!important}#machineResultsBody td:nth-child(3),#machineResultsBody_validated td:nth-child(3){color:#1e293b!important;white-space:normal!important;word-break:break-word!important;font-size:14.5px!important;font-weight:600!important}.result-cell-wrap{vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}.flag-slot{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:20px;min-width:20px;height:32px;margin-left:8px;display:inline-flex}.inline-result-input{box-sizing:border-box;text-align:center;transition:all .15s ease-in-out;color:#1e293b!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:4px!important;width:82px!important;max-width:82px!important;height:32px!important;padding:3px 6px!important;font-family:Inter,Segoe UI,Roboto,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.4!important;box-shadow:0 1px 2px #00000008!important}.inline-result-input:focus{background:#fff!important;border-color:#006b8f!important;outline:none!important;box-shadow:0 0 0 2px #006b8f33!important}.inline-result-input:disabled{cursor:default;color:#1e293b!important;background:#fff!important;border:1px solid #cbd5e1!important}.inline-result-input.input-flag-H{color:#dc2626!important;background:#fff!important;border:1px solid #f87171!important;font-weight:700!important}.inline-result-input.input-flag-H:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262633!important}.inline-result-input.input-flag-H:disabled{cursor:default;color:#dc2626!important;background:#fff!important;border:1px solid #f87171!important;font-weight:700!important}.inline-result-input.input-flag-L{color:#2563eb!important;background:#dbeafe!important;border:1px solid #93c5fd!important;font-weight:700!important}.inline-result-input.input-flag-L:focus{border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb33!important}.inline-result-input.input-flag-L:disabled{cursor:default;color:#2563eb!important;background:#dbeafe!important;border:1px solid #93c5fd!important;font-weight:700!important}.inline-unit-input,.inline-ref-input{text-align:center;box-sizing:border-box;transition:border-color .12s,background .12s,box-shadow .12s;color:#334155!important;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:4px!important;height:30px!important;padding:2px 5px!important;font-family:Inter,Segoe UI,Roboto,sans-serif!important;font-size:14px!important;font-weight:500!important}.inline-unit-input{width:100px!important}.inline-ref-input{width:125px!important}.inline-unit-input:not(:disabled):hover,.inline-ref-input:not(:disabled):hover{background:#f8fafc!important;border-color:#cbd5e1!important}.inline-unit-input:not(:disabled):focus,.inline-ref-input:not(:disabled):focus{background:#fff!important;border-color:#0e7490!important;outline:none!important;box-shadow:0 0 0 2px #0e74901f!important}.result-static-text{color:#334155;white-space:nowrap;font-size:14px;font-weight:500;line-height:30px;display:inline-block}.result-static-value{color:#1e293b;text-align:center;min-width:40px;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;line-height:30px;display:inline-block}.result-static-value.input-flag-H{color:#dc2626!important;font-weight:700!important}.result-static-value.input-flag-L{color:#2563eb!important;font-weight:700!important}.flag-arrow{-webkit-user-select:none;user-select:none;vertical-align:middle;font-size:16px;font-weight:800;line-height:1;display:inline-block}.flag-arrow-h{color:#dc2626!important}.flag-arrow-l{color:#2563eb!important}tr.row-flag-H td{background-color:#fff8f6!important}tr.row-flag-L td{background-color:#fffcf2!important}tr.row-flag-H.selected td,tr.row-flag-L.selected td{color:#004d40!important;background-color:#e0f2f1!important}#receptionForm{grid-template-columns:1fr 1fr!important;gap:16px!important;width:100%!important;height:100%!important;min-height:520px!important;display:grid!important}#receptionForm .reception-left-col,#receptionForm .reception-right-col{box-sizing:border-box!important;width:100%!important;min-width:0!important}.stats-dashboard-panel{box-sizing:border-box;background-color:#f8fafc;height:100%;padding:16px;overflow-y:auto}.stats-dashboard-container{flex-direction:column;gap:16px;max-width:1600px;margin:0 auto;display:flex}.stats-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #0000000a}.stats-filter-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.stats-filter-group{flex-direction:column;flex:1;gap:4px;min-width:130px;display:flex}.stats-filter-group label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:11.5px;font-weight:700}.stats-input,.stats-select{color:#1e293b;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;height:38px;padding:0 10px;font-size:13px;font-weight:600;transition:all .2s}.stats-input:focus,.stats-select:focus{background-color:#fff;border-color:#118ab2;box-shadow:0 0 0 3px #118ab226}.stats-filter-actions{align-items:center;gap:8px;display:flex}.stats-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#118ab2,#0e6e8f);border:none;border-radius:6px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 4px #118ab233}.stats-btn-excel{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:6px;height:38px;padding:0 14px;font-size:13px;font-weight:700}.stats-btn-print{color:#334155;cursor:pointer;white-space:nowrap;background:#e2e8f0;border:none;border-radius:6px;height:38px;padding:0 14px;font-size:13px;font-weight:700}.stats-quick-presets{border-top:1px dashed #e2e8f0;align-items:center;gap:6px;padding-top:8px;display:flex}.preset-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.preset-btn:hover,.preset-btn.active{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.kpi-grid-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=1400px){.kpi-grid-row{grid-template-columns:repeat(4,1fr)}}@media (width<=1100px){.kpi-grid-row{grid-template-columns:repeat(2,1fr)}}.kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:space-between;padding:14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.kpi-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 12px -2px #118ab226}.kpi-card:before{content:"";background:#118ab2;height:3px;position:absolute;top:0;left:0;right:0}.kpi-card.card-primary:before{background:#118ab2}.kpi-card.card-success:before{background:#10b981}.kpi-card.card-warning:before{background:#f59e0b}.kpi-card.card-purple:before{background:#8b5cf6}.kpi-card.card-indigo:before{background:#6366f1}.kpi-card.card-emerald:before{background:#059669}.kpi-card.card-danger:before{background:#ef4444}.kpi-card.card-critical:before{background:#dc2626}.kpi-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.kpi-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.kpi-title{color:#334155;font-size:13px;font-weight:700}.kpi-body{margin-bottom:8px}.kpi-value-row{align-items:baseline;gap:4px;display:flex}.kpi-value{color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:800}.kpi-unit{color:#64748b;font-size:13px;font-weight:600}.kpi-subtext{color:#dc2626;margin-top:2px;font-size:11px;font-weight:600}.kpi-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:6px;font-size:11px;display:flex}.growth-badge{color:#059669;align-items:center;gap:2px;font-size:11px;font-weight:700;display:inline-flex}.growth-badge.bad{color:#dc2626}.growth-badge.good,.growth-badge.up{color:#059669}.growth-badge.down{color:#dc2626}.kpi-arrow{opacity:0;font-size:12px;transition:opacity .2s}.kpi-card:hover .kpi-arrow{opacity:1}.charts-grid-row{grid-template-columns:1.2fr 1fr 1.1fr;gap:14px;display:grid}@media (width<=1200px){.charts-grid-row{grid-template-columns:1fr}}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:16px;display:flex;box-shadow:0 1px 3px #00000008}.chart-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:8px;display:flex}.chart-title{color:#1e293b;font-size:14px;font-weight:700}.chart-subtitle{color:#64748b;font-size:11.5px;font-weight:500}.chart-empty{text-align:center;color:#94a3b8;padding:40px;font-size:13px}.chart-svg-container{flex-direction:column;width:100%;display:flex}.line-chart-svg{width:100%;height:160px;overflow:visible}.chart-x-labels{color:#64748b;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.donut-content-row{align-items:center;gap:16px;display:flex}.donut-svg-wrap{flex-shrink:0;width:140px;height:140px;position:relative}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center-text strong{color:#0f172a;font-size:16px;font-weight:800}.donut-center-text small{color:#64748b;font-size:10px}.donut-legend{flex-direction:column;flex:1;gap:8px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-bullet{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-info{justify-content:space-between;align-items:center;width:100%;font-size:12px;display:flex}.legend-name{color:#334155;font-weight:600}.legend-val{color:#0f172a;font-weight:700}.top-tests-list{flex-direction:column;gap:8px;display:flex}.top-test-row{flex-direction:column;gap:2px;display:flex}.test-info-label{align-items:center;gap:6px;font-size:12px;display:flex}.test-rank{color:#94a3b8;width:20px;font-size:10.5px;font-weight:700}.test-code{color:#0e6e8f}.test-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.test-bar-container{background:#f1f5f9;border-radius:4px;align-items:center;gap:8px;height:16px;display:flex;position:relative;overflow:hidden}.test-bar-fill{background:linear-gradient(90deg,#118ab2,#06d6a0);border-radius:4px;height:100%;transition:width .4s}.test-count-badge{color:#334155;margin-left:auto;padding-right:6px;font-size:10.5px;font-weight:700}.operations-grid-row{grid-template-columns:1.1fr 1fr 1fr;gap:14px;display:grid}@media (width<=1200px){.operations-grid-row{grid-template-columns:1fr}}.stats-panel-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:16px;display:flex;box-shadow:0 1px 3px #00000008}.panel-card-header{border-bottom:1px solid #f1f5f9;margin-bottom:12px;padding-bottom:8px}.panel-card-title{color:#1e293b;font-size:14px;font-weight:700}.panel-table-wrap{overflow-x:auto}.stats-table{border-collapse:collapse;width:100%;font-size:12.5px}.stats-table th{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-weight:700}.stats-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:9px 10px}.tat-badge{color:#0369a1;background:#e0f2fe;border-radius:12px;padding:3px 8px;font-size:11.5px;font-weight:700}.inst-badge{border-radius:12px;padding:3px 8px;font-size:11.5px;font-weight:700}.inst-badge.online{color:#15803d;background:#dcfce7}.inst-badge.idle{color:#b45309;background:#fef3c7}.inst-badge.offline{color:#dc2626;background:#fee2e2}.dept-progress-wrap{align-items:center;gap:8px;display:flex}.dept-progress-bar{background:#118ab2;border-radius:4px;min-width:4px;height:8px}.dept-progress-text{color:#64748b;min-width:35px;font-size:11px;font-weight:700}.alerts-list{flex-direction:column;gap:8px;display:flex}.alert-item-row{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .15s;display:flex}.alert-item-row:hover{border-color:#cbd5e1;transform:translate(2px)}.alert-item-row.danger{background:#fef2f2;border-color:#fecaca}.alert-item-row.warning{background:#fffbeb;border-color:#fde68a}.alert-item-row.info{background:#f0fdf4;border-color:#bbf7d0}.alert-left{align-items:center;gap:8px;display:flex}.alert-icon{font-size:16px}.alert-title{color:#1e293b;font-size:13px;font-weight:600}.alert-right{align-items:center;gap:8px;display:flex}.alert-count-badge{border-radius:12px;padding:2px 8px;font-size:11.5px;font-weight:700}.alert-count-badge.danger{color:#fff;background:#dc2626}.alert-count-badge.warning{color:#fff;background:#f59e0b}.alert-count-badge.success{color:#fff;background:#10b981}.alert-count-badge.info{color:#fff;background:#0284c7}.alert-arrow{color:#94a3b8;font-size:11px}.device-status-bottom-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 18px;display:flex;box-shadow:0 1px 3px #00000008}.status-instruments-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-label{color:#475569;font-size:12px;font-weight:700}.instrument-status-chip{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background:#10b981;box-shadow:0 0 0 2px #10b98133}.status-dot.idle{background:#f59e0b}.status-dot.offline{background:#ef4444}.status-state-text{color:#64748b;font-size:11px}.status-controls-group{align-items:center;gap:12px;display:flex}.last-sync-text{color:#64748b;font-size:12px}.auto-refresh-toggle{color:#334155;cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.btn-mini-refresh{cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;font-size:12px}.drilldown-modal-box{background:#fff;border-radius:12px;flex-direction:column;width:90vw;max-width:1200px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003}.drilldown-modal-header{color:#fff;background:linear-gradient(90deg,#118ab2,#0e6e8f);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-title-group{align-items:center;gap:12px;display:flex}.header-title-group h3{color:#fff;margin:0;font-size:16px}.count-badge{background:#ffffff40;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.drilldown-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.drilldown-search-input{border:1px solid #cbd5e1;border-radius:6px;flex:1;height:36px;padding:0 12px;font-size:13px}.btn-excel-small{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:6px;height:36px;padding:0 14px;font-size:12.5px;font-weight:700}.drilldown-table-container{flex:1;padding:0;overflow-y:auto}.drilldown-table{border-collapse:collapse;width:100%;font-size:13px}.drilldown-table th{color:#334155;text-align:left;z-index:1;background:#f1f5f9;border-bottom:2px solid #cbd5e1;padding:10px 12px;font-weight:700;position:sticky;top:0}.drilldown-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:10px 12px}.clickable-row:hover{cursor:pointer;background-color:#f0f9ff}.progress-pill{color:#0369a1;background:#e0f2fe;border-radius:10px;padding:2px 8px;font-size:11.5px;font-weight:700}.tat-time-pill{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:600}.status-pill{border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700}.status-pill.validated{color:#15803d;background:#dcfce7}.status-pill.completed{color:#0369a1;background:#e0f2fe}.status-pill.pending{color:#b45309;background:#fef3c7}.drilldown-modal-footer{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;font-size:12px;display:flex}.mock-dashboard-container{box-sizing:border-box;background-color:#f1f5f9;flex-direction:column;gap:10px;height:100%;padding:10px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-y:auto}.stats-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;box-shadow:0 1px 2px #00000008}.stats-filter-inner{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.filter-item{flex-direction:column;flex:1;gap:3px;min-width:105px;display:flex}.filter-item label{color:#64748b;font-size:11px;font-weight:600}.filter-input-date,.filter-select{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:5px;outline:none;height:31px;padding:0 7px;font-size:11.5px;font-weight:600}.filter-input-date:focus,.filter-select:focus{border-color:#088395}.filter-buttons{align-items:center;gap:6px;margin-left:auto;display:flex}.btn-filter-action{cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:4px;height:31px;padding:0 10px;font-size:11.5px;font-weight:600;display:inline-flex}.btn-filter-primary{color:#fff;background:#088395;border:1px solid #088395}.btn-filter-primary:hover{background:#0a4d68}.btn-filter-white{color:#334155;background:#fff;border:1px solid #cbd5e1}.btn-filter-white:hover{background:#f8fafc}.text-green{color:#10b981}.mock-kpi-row{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}@media (width<=1280px){.mock-kpi-row{grid-template-columns:repeat(4,1fr)}}.mock-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;justify-content:space-between;padding:8px 10px;transition:all .15s ease-in-out;display:flex;box-shadow:0 1px 2px #00000005}.mock-kpi-card:hover{border-color:#088395;transform:translateY(-1px);box-shadow:0 3px 6px #0883951a}.kpi-card-top{align-items:center;gap:6px;margin-bottom:4px;display:flex}.kpi-circle-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.kpi-card-title{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.kpi-card-middle{align-items:baseline;gap:3px;margin-bottom:3px;display:flex}.kpi-main-number{color:#0f172a;letter-spacing:-.3px;font-size:18px;font-weight:800}.kpi-main-unit{color:#0f172a;font-size:11px;font-weight:700}.kpi-card-bottom{border-top:1px solid #f1f5f9;padding-top:3px}.kpi-trend{align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.trend-green{color:#059669}.trend-red{color:#dc2626}.trend-label{color:#94a3b8;font-weight:500}.mock-grid-row-3{grid-template-columns:1.25fr 1fr 1.2fr;gap:10px;display:grid}@media (width<=1100px){.mock-grid-row-3{grid-template-columns:1fr}}.mock-panel-box{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;padding:10px 12px;display:flex;box-shadow:0 1px 2px #00000005}.mock-panel-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.header-left{align-items:center;gap:6px;display:flex}.panel-icon{font-size:13px}.panel-title{color:#0f172a;font-size:12.5px;font-weight:700}.select-mini{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:4px;height:22px;padding:0 4px;font-size:10.5px;font-weight:600}.mock-chart-container{flex-direction:column;display:flex}.svg-line-chart{width:100%;height:140px}.chart-legend-row{color:#64748b;justify-content:center;align-items:center;gap:5px;margin-top:2px;font-size:10.5px;display:flex}.legend-dot-line{background:#088395;width:14px;height:2px;display:inline-block;position:relative}.legend-dot-line:after{content:"";background:#088395;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;left:4px}.donut-body-layout{align-items:center;gap:12px;display:flex}.donut-chart-side{flex-shrink:0;width:125px;height:125px;position:relative}.donut-relative-wrap{width:100%;height:100%;position:relative}.donut-svg-graphic{width:100%;height:100%;transform:rotate(-90deg)}.donut-middle-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-sum{color:#0f172a;font-size:14px;font-weight:800}.donut-label{color:#64748b;font-size:9.5px}.donut-legend-side{flex-direction:column;flex:1;gap:5px;display:flex}.legend-row-item{align-items:center;gap:6px;font-size:11px;display:flex}.legend-sq{border-radius:2px;flex-shrink:0;width:8px;height:8px}.legend-lbl{color:#334155;flex:1;font-weight:500}.legend-num{color:#0f172a;font-weight:700}.legend-num small{color:#64748b;font-weight:400}.top-bars-body{flex-direction:column;gap:5px;display:flex}.bar-row-item{align-items:center;gap:8px;font-size:11px;display:flex}.bar-name-col{color:#334155;white-space:nowrap;text-overflow:ellipsis;width:125px;font-weight:600;overflow:hidden}.bar-graph-col{flex:1;align-items:center;gap:6px;display:flex}.bar-track{background:#f1f5f9;border-radius:3px;flex:1;height:11px;overflow:hidden}.bar-fill-blue{background:#088395;border-radius:3px;height:100%}.bar-value-text{color:#0f172a;text-align:right;min-width:32px;font-size:10.5px;font-weight:700}.bar-axis-row{color:#94a3b8;justify-content:space-between;margin-top:2px;padding-left:133px;font-size:9.5px;display:flex}.table-responsive-wrap{overflow-x:auto}.mock-table{border-collapse:collapse;width:100%;font-size:11.5px}.mock-table th{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:6px 8px;font-weight:700}.mock-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:6px 8px}.pill-status{border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.dept-progress-container{align-items:center;gap:6px;display:flex}.dept-progress-fill{background:#088395;border-radius:3px;min-width:4px;height:6px}.dept-pct-num{color:#475569;font-size:10.5px;font-weight:700}.mock-alerts-list{flex-direction:column;gap:4px;display:flex}.mock-alert-row{cursor:pointer;border-bottom:1px solid #f8fafc;border-radius:4px;justify-content:space-between;align-items:center;padding:5px 6px;transition:background .12s;display:flex}.mock-alert-row:hover{background:#f8fafc}.alert-row-left{align-items:center;gap:6px;display:flex}.alert-row-icon{font-size:13px}.alert-row-text{color:#334155;font-size:11.5px;font-weight:500}.alert-badge-num{border-radius:10px;padding:1px 7px;font-size:10.5px;font-weight:800}.badge-danger{color:#dc2626;background:#fee2e2}.badge-success{color:#15803d;background:#dcfce7}.badge-warning{color:#d97706;background:#fef3c7}.mock-device-footer{background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 12px;font-size:11.5px;display:flex;box-shadow:0 1px 2px #00000005}.footer-left-status{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-title-lbl{color:#475569;font-weight:700}.device-chip{color:#334155;align-items:center;gap:5px;font-weight:500;display:flex}.dot-green{background:#10b981;border-radius:50%;width:7px;height:7px}.footer-right-controls{color:#64748b;align-items:center;gap:12px;display:flex}.auto-toggle{cursor:pointer;color:#334155;align-items:center;gap:4px;font-weight:600;display:flex}.stats-classic-panel{box-sizing:border-box;background-color:#f8fafc;height:100%;padding:16px 20px;overflow-y:auto}.stats-classic-container{flex-direction:column;gap:16px;max-width:1680px;margin:0 auto;display:flex}.stats-row-3{grid-template-columns:1.15fr 1fr 1.25fr;gap:16px;display:grid}@media (width<=1200px){.stats-row-3{grid-template-columns:1fr}}.classic-panel-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:16px 18px;display:flex;box-shadow:0 1px 3px #00000008}.classic-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;display:flex}.header-title-left{align-items:center;gap:8px;display:flex}.card-header-icon{font-size:14px}.card-header-text{color:#1e293b;font-size:13.5px;font-weight:700}.header-badge-sub{color:#64748b;font-size:11.5px;font-weight:600}.classic-chart-body{width:100%;height:180px}.classic-svg-line{width:100%;height:100%}.classic-donut-layout{align-items:center;gap:20px;padding-top:6px;display:flex}.donut-graphic-box{flex-shrink:0;width:140px;height:140px;position:relative}.donut-circle-wrapper{width:100%;height:100%;position:relative}.donut-svg-main{width:100%;height:100%;transform:rotate(-90deg)}.donut-center-badge{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.center-bold-num{color:#0f172a;font-size:18px;font-weight:800}.center-sub-lbl{color:#64748b;font-size:10px;font-weight:500}.donut-legend-box{flex-direction:column;flex:1;gap:10px;display:flex}.donut-legend-row{align-items:center;gap:8px;font-size:12px;display:flex}.legend-circle-bullet{border-radius:50%;flex-shrink:0;width:9px;height:9px}.legend-cat-title{color:#334155;flex:1;font-weight:600}.legend-pct-val{color:#0f172a;font-weight:700}.legend-pct-val small{color:#64748b;font-weight:400}.classic-bars-body{flex-direction:column;gap:7px;display:flex}.classic-bar-item{flex-direction:column;gap:2px;display:flex}.bar-label-line{align-items:center;gap:6px;font-size:11.5px;display:flex}.rank-num{color:#94a3b8;width:18px;font-size:11px;font-weight:700}.test-code-bold{color:#0e7490;font-weight:700}.test-name-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.bar-track-line{background:#f1f5f9;border-radius:3px;align-items:center;gap:8px;height:12px;display:flex;position:relative}.bar-fill-gradient{background:#10b981;border-radius:3px;height:100%;transition:width .3s}.bar-count-num{color:#0f172a;margin-left:auto;padding-right:6px;font-size:11px;font-weight:700}.classic-table-wrap{overflow-x:auto}.classic-table{border-collapse:collapse;width:100%;font-size:12.5px}.classic-table th{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-weight:700}.classic-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:8px 10px}.inst-name-title{color:#0f172a;font-weight:700}.inst-conn-subtitle{color:#64748b;font-size:10.5px}.tat-pill-text{color:#0369a1;background:#e0f2fe;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700}.pill-badge-state{border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-online{color:#15803d;background:#dcfce7}.badge-offline{color:#dc2626;background:#fee2e2}.dot-bullet{background:currentColor;border-radius:50%;width:6px;height:6px}.dept-bar-flex{align-items:center;gap:8px;display:flex}.dept-bar-pill{background:#0284c7;border-radius:4px;min-width:4px;height:8px}.dept-bar-label{color:#64748b;min-width:35px;font-size:11px;font-weight:700}.classic-alerts-list{flex-direction:column;gap:8px;display:flex}.classic-alert-row{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.classic-alert-row:hover{background:#f1f5f9;border-color:#cbd5e1}.classic-alert-row.row-danger{background:#fef2f2;border-color:#fecaca}.classic-alert-row.row-info{background:#f0fdf4;border-color:#bbf7d0}.alert-circle-icon{margin-right:8px;font-size:14px}.alert-title-name{color:#1e293b;font-size:12.5px;font-weight:600}.alert-row-right{align-items:center;gap:8px;display:flex}.alert-badge-pill{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.pill-green{color:#fff;background:#10b981}.pill-danger{color:#fff;background:#ef4444}.pill-info{color:#fff;background:#0284c7}.alert-arrow-point{color:#94a3b8;font-size:11px}.stats-detail-container{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;gap:10px;height:100%;padding:10px 16px;overflow-y:auto}.detail-top-title-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;display:flex;box-shadow:0 1px 3px #00000005}.detail-top-title-bar .title-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail-top-title-bar .title-icon{font-size:18px}.detail-top-title-bar h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.btn-toggle-filter{color:#1e293b;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-toggle-filter:hover{color:#0f172a;background:#e2e8f0}.compact-filter-badge-summary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-left:10px;padding:4px 10px;font-size:11.5px;display:flex}.compact-filter-badge-summary .highlight-tag{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:1px 6px;font-weight:700}.compact-filter-badge-summary .kpi-mini{color:#0e7490;border-left:1px solid #cbd5e1;padding-left:8px;font-weight:600}.btn-export-excel-green{color:#059669;cursor:pointer;background:#fff;border:1px solid #10b981;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.btn-export-excel-green:hover{background:#ecfdf5}.detail-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;box-shadow:0 1px 3px #00000005}.detail-filter-inner{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.detail-presets-group{background:#f1f5f9;border-radius:6px;gap:2px;padding:3px;display:flex}.detail-preset-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.detail-preset-btn:hover{color:#0f172a}.detail-preset-btn.active{color:#fff;background:#0284c7;box-shadow:0 1px 2px #0000001a}.filter-item-detail{flex-direction:column;gap:4px;display:flex}.filter-item-detail label{color:#64748b;font-size:11px;font-weight:600}.detail-input-date,.detail-select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;height:32px;padding:0 10px;font-size:12px}.detail-input-date:focus,.detail-select:focus{border-color:#0284c7}.detail-filter-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.btn-detail-primary{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 16px;font-size:12.5px;font-weight:600;transition:background .2s;display:inline-flex}.btn-detail-primary:hover{background:#0369a1}.btn-detail-white{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:12.5px;font-weight:600;transition:background .2s;display:inline-flex}.btn-detail-white:hover{background:#f8fafc}.detail-summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=1024px){.detail-summary-grid{grid-template-columns:repeat(2,1fr)}}.detail-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex;box-shadow:0 1px 3px #00000005}.detail-kpi-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bg-blue-light{background:#e0f2fe}.bg-cyan-light{background:#e0f7fa}.bg-indigo-light{background:#eef2ff}.bg-emerald-light{background:#d1fae5}.detail-kpi-icon{font-size:16px}.detail-kpi-text-wrap{flex-direction:column;display:flex}.detail-kpi-label{color:#64748b;margin-bottom:0;font-size:11px;font-weight:600}.detail-kpi-val-row{align-items:baseline;gap:5px;display:flex}.detail-kpi-number{color:#0f172a;font-size:17px;font-weight:800}.detail-kpi-unit{color:#94a3b8;font-size:11px;font-weight:600}.detail-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000005}.detail-tab-navigation{background:#fff;border-bottom:1px solid #e2e8f0;gap:24px;padding:0 16px;display:flex}.detail-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 4px;font-size:13.5px;font-weight:600;transition:all .2s}.detail-tab-btn:hover{color:#0284c7}.detail-tab-btn.active{color:#0284c7;border-bottom-color:#0284c7;font-weight:700}.patient-list-container{flex-direction:column;display:flex}.patient-list-search-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:8px;padding:12px 16px;display:flex}.patient-search-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;flex:1;max-width:420px;height:32px;padding:0 12px;font-size:12px}.patient-search-input:focus{border-color:#0284c7}.btn-search-submit{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:6px;height:32px;padding:0 14px;font-size:12px;font-weight:600}.detail-table-wrapper{min-height:280px;overflow-x:auto}.detail-data-table{border-collapse:collapse;width:100%;font-size:12.5px}.detail-data-table th{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-weight:700}.detail-data-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:9px 14px}.clickable-detail-row{cursor:pointer}.clickable-detail-row:hover{background:#f0f9ff}.category-pill{color:#475569;background:#f1f5f9;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.btn-view-link{color:#0369a1;cursor:pointer;background:#e0f2fe;border:none;border-radius:5px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .2s}.btn-view-link:hover{background:#bae6fd}.btn-view-order{color:#15803d;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:5px;padding:4px 10px;font-size:11.5px;font-weight:700}.btn-view-order:hover{background:#dcfce7}.detail-empty-state{text-align:center;color:#94a3b8;padding:36px 20px;font-size:13px;font-style:italic}.detail-pagination-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.pagination-info{color:#64748b;font-size:12px;font-weight:600}.pagination-controls{align-items:center;gap:4px;display:flex}.page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;min-width:28px;height:28px;padding:0 6px;font-size:12px;font-weight:600}.page-btn:hover:not(:disabled){background:#f1f5f9}.page-btn.active{color:#fff;background:#0284c7;border-color:#0284c7}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-dots{color:#94a3b8;padding:0 4px;font-size:12px}.patient-order-modal-box{background:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:720px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #0003}.patient-order-modal-header{background:#088395;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.patient-order-info-strip{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px;padding:10px 18px;font-size:12px;display:flex}.info-chip span{color:#64748b;margin-right:4px}.patient-order-table-wrap{max-height:400px;padding:12px 18px;overflow-y:auto}.patient-order-table{border-collapse:collapse;width:100%;font-size:12px}.patient-order-table th{text-align:left;color:#475569;background:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:8px 10px}.patient-order-table td{border-bottom:1px solid #f1f5f9;padding:8px 10px}.patient-order-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:10px 18px;display:flex}.active-drill-chip-bar{background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;display:flex}.chip-lead-text{color:#0369a1;font-size:12px;font-weight:700}.drill-filter-tag{color:#0c4a6e;background:#fff;border:1px solid #7dd3fc;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;display:inline-flex}.drill-filter-tag button{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px;font-weight:800}.drill-filter-tag button:hover{color:#dc2626}.btn-clear-all-chips{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:4px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600}.btn-clear-all-chips:hover{background:#0369a1}.machine-results-workspace{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;gap:12px;height:100%;padding:14px 18px;overflow-y:auto}.machine-header-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.machine-title-left{align-items:center;gap:12px;display:flex}.machine-icon{font-size:26px}.machine-title-left h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.machine-sub{color:#64748b;font-size:11.5px}.machine-toolbar-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #00000008}.machine-presets-row{border-bottom:1px dashed #e2e8f0;align-items:center;gap:6px;padding-bottom:8px;display:flex}.preset-label{color:#475569;margin-right:4px;font-size:12px;font-weight:600}.preset-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;padding:3px 10px;font-size:12px;transition:all .15s}.preset-btn:hover{background:#e2e8f0}.preset-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;font-weight:600}.machine-filters-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.machine-date-input,.machine-select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:4px;height:32px;padding:0 8px;font-size:12.5px}.machine-date-input:focus,.machine-select:focus,.machine-search-input:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 2px #0284c726}.search-input-wrap{align-items:center;gap:4px;display:flex}.machine-search-input{border:1px solid #cbd5e1;border-radius:4px;flex:1;height:32px;padding:0 10px;font-size:12.5px}.btn-search-blue{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:4px;height:32px;padding:0 12px;font-size:12px;font-weight:600}.btn-search-blue:hover{background:#0369a1}.btn-refresh-machine{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;height:32px;padding:0 14px;font-size:12px;font-weight:600}.btn-refresh-machine:hover{background:#e2e8f0}.machine-kpi-bar{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.kpi-box{background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:baseline;gap:6px;padding:8px 12px;display:flex;box-shadow:0 1px 2px #00000005}.kpi-label{color:#64748b;font-size:11.5px}.kpi-val{font-family:monospace;font-size:16px}.text-blue{color:#0284c7}.text-teal{color:#0d9488}.text-indigo{color:#6366f1}.text-red{color:#dc2626}.kpi-unit{color:#94a3b8;margin-left:auto;font-size:11px}.machine-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{background-color:#e2e8f0}.analyzer-pill{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-sysmex{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge-cobas{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.badge-mission{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.badge-other{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.row-abnormal{background-color:#fff1f2!important}.row-abnormal:hover{background-color:#ffe4e6!important}.machine-result-cell{align-items:center;gap:6px;display:inline-flex}.machine-result-box{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:78px;height:32px;padding:0 10px;font-weight:600;display:inline-flex}.machine-result-indicator{font-size:16px;font-weight:700;line-height:1}.machine-result-cell.high .machine-result-box{color:#dc2626;background:#fff5f5;border-color:#f5b5b5}.machine-result-cell.high .machine-result-indicator{color:#dc2626}.machine-result-cell.low .machine-result-box{color:#2563eb;background:#f3f8ff;border-color:#b8d4ff}.machine-result-cell.low .machine-result-indicator{color:#2563eb}.machine-result-cell.normal .machine-result-box{color:#0f172a;background:#fff;border-color:#cbd5e1}