:root{--bp-phone: 640px;--bp-tablet: 1024px;--app-bg: #f3f5f9;--menu-bar-height: 64px;--search-bar-height: 72px;--text-color-light: #fff;--text-color-dark: #0f172a;--text-secondary: #64748b;--table-dark-color: #f8fafc;--table-light-color: #ffffff;--table-font-color: #1e293b;--table-header-background-color: #2d3a55;--field-color: #ffffff;--field-border: #d1d8e3;--field-border-focus: #2d3a55;--row-hover: #eef2f9;--row-divider: #eef1f6;--accent: #2d3a55;--accent-soft: rgba(45, 58, 85, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--font-base: 16px;--font-base-phone: 14px}@media (max-width: 640px){:root{--menu-bar-height: 56px}}html,body,#root{height:100%;width:100%;max-width:100%;overflow-x:hidden;min-width:320px}body{margin:0;font-size:var(--font-base);background-color:var(--app-bg)}@media (max-width: 640px){body{font-size:var(--font-base-phone)}}.app{display:flex;flex-direction:column;min-height:100dvh;height:100vh;min-width:0}.app-main{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}.app,.medication-panel{min-width:0}.app.is-phone{padding-top:0;--app-offset: 0px}.menu-bar{position:sticky;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:8px 16px;z-index:100;box-sizing:border-box;height:var(--menu-bar-height);gap:12px}.menu-bar-left{display:flex;align-items:center;gap:12px}.menu-bar-center{display:flex;align-items:center;justify-content:center}.menu-bar-banner{max-height:44px}.menu-bar-title-long{font-size:32px;color:var(--text-color-dark);white-space:nowrap}.menu-bar-title-short{display:none;font-size:20px;font-weight:700;color:var(--text-color-dark)}@media (max-width: 640px){.menu-bar{padding:6px 10px}.menu-bar-banner{max-height:28px}.menu-bar-title-long{display:none}.menu-bar-title-short{display:block}.menu-item{font-size:14px;padding:8px 10px}}@media (min-width: 641px) and (max-width: 1024px){.menu-bar-title-long{font-size:26px}.menu-bar-banner{max-height:36px}}.status-bar{margin-top:auto;width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;background-color:#d3d3d3;color:#333;padding:10px 20px;box-sizing:border-box;line-height:1.3;gap:8px 12px}.status-bar-left,.status-bar-right{display:flex;align-items:center}.status-bar-left{flex:1 1 0;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:11px;padding:0}.status-bar-right{flex:0 0 auto;white-space:nowrap;margin-left:auto}.medication-panel{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--app-bg)}.search-bar{flex:0 0 auto;background-color:var(--app-bg);display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:nowrap;min-width:0;border-bottom:1px solid var(--row-divider)}.medication-table-scroll{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 20px 24px;box-sizing:border-box}.search-bar>.search-label{white-space:nowrap;flex:0 0 auto;color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.search-bar>.search-input{min-width:0;flex:1 1 auto}.search-input{flex:1 1 auto;min-width:0;padding:10px 14px;margin:0;border:1px solid var(--field-border);border-radius:var(--radius-md);background-color:var(--field-color);color:var(--table-font-color);font-size:15px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.search-input::placeholder{color:#94a3b8}.search-input:focus{outline:none;border-color:var(--field-border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.app-medication-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background-color:var(--table-light-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.app-medication-table thead th:first-child{border-top-left-radius:var(--radius-lg)}.app-medication-table thead th:last-child{border-top-right-radius:var(--radius-lg)}.app-medication-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.app-medication-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.app-medication-table th{position:sticky;top:0;background-color:var(--table-header-background-color);z-index:4;padding:10px 16px;text-align:left;color:var(--text-color-light);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.app-medication-table td{padding:9px 16px;text-align:left;border-bottom:1px solid var(--row-divider);color:var(--table-font-color);font-size:16px;line-height:1.4}.app-medication-table tbody tr:last-child td{border-bottom:none}.app-medication-table th.cell-star,.app-medication-table td.cell-star{width:36px;text-align:center;padding-left:14px;padding-right:4px}.app-medication-table th:nth-child(3),.app-medication-table td:nth-child(3),.app-medication-table th:nth-child(4),.app-medication-table td:nth-child(4),.app-medication-table th:nth-child(5),.app-medication-table td:nth-child(5){text-align:center}.app-medication-table td:nth-child(5){font-variant-numeric:tabular-nums}.app-medication-table th:nth-child(3),.app-medication-table td:nth-child(3){width:14%}.app-medication-table th:last-child,.app-medication-table td:last-child{width:14%}.star{color:#f59e0b;font-size:16px;line-height:1}.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:16px;font-weight:600;letter-spacing:.02em;line-height:1.3}.pill-tier-100{background:#f1f5f9;color:#475569}.pill-tier-200{background:#fef3c7;color:#b45309}.pill-tier-300{background:#dcfce7;color:#15803d}.pill-tier-400{background:#dbeafe;color:#1d4ed8}.pill-tier-500{background:#e0e7ff;color:#4338ca}.pill-tier-600{background:#ede9fe;color:#7c3aed}.app-medication-table tr.section-header td{padding:10px 16px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);background:#f1f5f9;border-bottom:1px solid var(--row-divider);text-align:left}.app-medication-table tr.section-popular td{background:#fffbeb;color:#b45309}.section-popular .section-star{color:#f59e0b;font-size:14px;margin-right:8px;line-height:1}.app-medication-table tbody tr.section-header:hover td{background:#f1f5f9}.app-medication-table tbody tr.section-popular:hover td{background:#fffbeb}.cell-medication{white-space:normal;word-break:break-word;font-weight:500;color:var(--text-color-dark)}.app-table-row{background-color:var(--table-light-color);color:var(--table-font-color);transition:background-color .12s ease}.app-even-row{background-color:var(--table-dark-color)}.app-odd-row{background-color:var(--table-light-color)}.app-medication-table tbody tr:hover{background-color:var(--row-hover)}.spin-control,.picker-control{width:72px;padding:5px 8px;border:1px solid var(--field-border);border-radius:var(--radius-sm);background-color:var(--field-color);color:var(--table-font-color);font-size:16px;text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.spin-control:focus,.picker-control:focus{outline:none;border-color:var(--field-border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.picker-control{font-size:16px}@media (max-width: 640px){.medication-table-scroll{padding:12px}.search-bar{padding:10px 12px;gap:8px}.search-input{margin:0;font-size:16px}.medication-panel input,.medication-panel select,.medication-panel textarea{font-size:16px}.search-label{font-size:12px}.app-medication-table{background:transparent;box-shadow:none;border-radius:0;overflow:visible}.app-medication-table thead{display:none}.app-medication-table,.app-medication-table tbody{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.app-medication-table tr{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;column-gap:12px;row-gap:8px;align-items:start;background-color:var(--table-light-color);border:1px solid var(--row-divider);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0 0 12px;padding:12px 14px;box-sizing:border-box;width:100%;max-width:100%;min-width:0}.app-medication-table tbody tr:hover{background-color:var(--table-light-color)}.app-medication-table td{display:block;border:none;padding:4px 0;min-width:0;text-align:left!important}.app-medication-table td:last-child{border-bottom:0}.app-medication-table td:before{content:attr(data-label);display:block;font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.app-medication-table td[data-label=FPL]:before{white-space:nowrap}.app-medication-table td.cell-star{display:none}.app-medication-table td:nth-child(2){grid-column:1}.app-medication-table td:nth-child(3){grid-column:2}.app-medication-table td:nth-child(4){grid-column:1}.app-medication-table td:nth-child(5){grid-column:2}.app-medication-table tr.section-header{display:block;background:#f1f5f9;margin:14px 0 8px;padding:8px 12px;border:none;border-radius:var(--radius-sm);box-shadow:none}.app-medication-table tr.section-popular{background:#fffbeb}.app-medication-table tr.section-header td{display:block;padding:0;background:transparent;border:none;text-align:left!important}.app-medication-table tr.section-header td:before{display:none}.spin-control,.picker-control{width:60%;font-size:16px}.cell-medication{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}: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}}