.app{display:flex;flex-direction:column;margin:0}.menu-bar{flex-shrink:0;height:60px}.medication-panel{flex-grow:1}.status-bar{flex-shrink:0;height:40px}:root{--primary-color: #c0c0c0;--text-color-light: #fff;--text-color-grey: #505050;--text-color-dark: #000;--button-color: #b0b0b0;--button-color-hover: #808080;--button-disabled-color: #404040;--table-dark-color: #d0d0d0;--table-light-color: #f0f0f0;--table-font-color: #333333;--table-header-background-color: #415070;--dialog-background: #ffffff;--field-color: #b0b0b0;--field-border: #555555}.menu-bar{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 20px;z-index:1000;box-sizing:border-box}.menu-bar-left{display:flex;align-items:center}.menu-bar-center{display:flex;align-items:center;justify-content:center;font-size:35px;color:var(--text-color-dark);padding:0 40px}.menu-bar-right{display:flex;align-items:center}.menu{position:relative}.menu-item{white-space:nowrap;cursor:pointer;padding:10px;background-color:var(--button-color);color:var(--text-color-light);border-radius:0;font-size:16px}.menu-item-disabled{pointer-events:none;color:gray;cursor:default}.dropdown-content{display:none;position:absolute;left:0;top:100%;background-color:var(--button-color);box-shadow:0 8px 16px #0003;z-index:1}.menu-item:hover .dropdown-content{display:block;background-color:var(--button-color)}.dropdown-item{padding:10px;cursor:pointer;color:var(--text-color-light)}.dropdown-item:hover{background-color:var(--button-color-hover)}.popup-menu-content{display:none;position:absolute;right:0;background-color:var(--button-color);min-width:100px;box-shadow:0 8px 16px #0003}.menu-bar-banner{max-height:50px;margin-left:20px}.button{padding:10px 20px;background-color:var(--button-color);color:var(--text-color-light);border:none;border-radius:10px;cursor:pointer;font-size:16px;margin-left:10px}.button:hover{background-color:var(--button-color-hover)}.button:disabled{background-color:var(--button-disabled-color);cursor:not-allowed}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-with-table{background-color:var(--dialog-background);padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003;width:900px;max-width:80%;color:var(--text-color-grey)}.dialog-with-table h2{margin-top:0;background-color:var(--table-header-background-color);margin-bottom:20px;font-size:24px;color:var(--text-color-light);border-radius:4px;padding:8px}.dialog{background-color:var(--dialog-background);padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003;width:400px;max-width:80%;color:var(--text-color-grey)}.dialog h2{margin-top:0;background-color:var(--table-header-background-color);margin-bottom:20px;font-size:24px;color:var(--text-color-light);border-radius:4px;padding:8px}.dialog-field{margin-bottom:15px}.dialog p,.dialog-field label{display:block;margin-bottom:5px;font-weight:700;color:var(--text-color-grey)}.dialog-field input{width:95%;padding:8px;border:1px solid var(--field-border);border-radius:4px;font-size:16px;background-color:var(--field-color)}.dialog-field select{width:100%;padding:8px;border:1px solid var(--field-border);border-radius:4px;font-size:16px;background-color:var(--field-color)}.dlg-table{width:100%;border-collapse:collapse;margin-top:10px}.dlg-table th{background-color:var(--table-header-background-color);color:var(--text-color-light)}.dlg-table td{color:var(--text-font-grey)}.dlg-table th,.dlg-table td{padding:10px;text-align:left;border-bottom:1px solid var(--field-border)}.dlg-table th:last-child,.dlg-table td:last-child{text-align:center}.dlg-table-row{background-color:var(--table-light-color)}.dlg-even-row{background-color:var(--table-dark-color)}.dlg-odd-row{background-color:var(--table-light-color)}.dlg-menu-content{display:none;position:absolute;right:0;min-width:100px;box-shadow:0 8px 16px #0003;z-index:1}.actions-menu:hover .dlg-menu-content,.dlg-menu-content:hover{display:block}.dlg-menu-item{white-space:nowrap;padding:8px 16px;cursor:pointer;background-color:var(--button-color);transition:background-color .3s;color:var(--text-color-light)}.dlg-menu-item:hover{background-color:var(--button-color-hover)}.dialog-actions{display:flex;justify-content:flex-end;margin-top:20px}.dialog-actions button{margin-left:10px;padding:10px 20px;background-color:var(--button-color);color:var(--text-color-light);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.dialog-actions button:hover{background-color:var(--button-color-hover)}.dlg-table-container{max-height:280px;overflow-y:auto;margin-top:10px}.dlg-table{width:100%;border-collapse:collapse}.checkbox-field{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px}.checkbox-field label{font-weight:700;color:var(--text-color-grey);margin-bottom:5px}.checkbox-field input[type=checkbox]{margin-left:0}.dlg-note{color:red;font-size:10px}.status-bar{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#d3d3d3;padding:10px 20px;z-index:1000;box-sizing:border-box;color:#333}.status-bar-left,.status-bar-right{display:flex;align-items:center}.status-bar-left{flex:1;font-size:11px;padding:5px 120px 5px 10px}.status-bar-right{justify-content:flex-end;white-space:nowrap}.app-medication-panel{display:flex;flex-direction:column;height:calc(100vh - 65px);width:100%;padding-top:65px;padding-bottom:10px;box-sizing:border-box;padding:10 50px}.search-bar{display:flex;align-items:center;margin-bottom:10px;padding:0 10px}.search-input{flex:1;padding:10px;margin:0 10px;border:1px solid var(--field-border);border-radius:4px;background-color:var(--field-color)}.app-medication-table-wrapper{flex-grow:1;overflow-y:auto}.app-medication-table{width:100%;table-layout:fixed;border-collapse:collapse}.app-medication-table th{position:sticky;top:0;background-color:var(--table-header-background-color);z-index:2;padding:10px;text-align:left;border-bottom:1px solid var(--field-border)}.app-medication-table td{padding:10px;text-align:left;border-bottom:1px solid var(--field-border)}.app-medication-table th:last-child,.app-medication-table td:last-child{text-align:center;width:5%}.app-table-row{background-color:var(--table-light-color);color:var(--table-font-color)}.app-even-row{background-color:var(--table-dark-color)}.app-odd-row{background-color:var(--table-light-color)}.spin-control{width:50px;background-color:var(--table-light-color);color:var(--table-font-color)}.actions-menu{position:relative;display:inline-block}.actions-menu-disabled{pointer-events:none;color:gray;cursor:default}.menu-dots{cursor:pointer;font-size:18px}.app-menu-content{display:none;position:absolute;right:0;min-width:100px;box-shadow:0 8px 16px #0003;z-index:1}.actions-menu:hover .app-menu-content{display:block}.app-menu-item{white-space:nowrap;padding:8px 16px;cursor:pointer;background-color:var(--button-color);transition:background-color .3s;color:var(--text-color-light)}.app-menu-item:hover{background-color:var(--button-color-hover)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}