.navbar[data-v-5e4f8a31]{background-color:var(--card-bg-color);box-shadow:0 2px 8px var(--shadow-color);height:64px;padding:0 1.5rem;position:sticky;top:0;z-index:1000;transition:background-color .3s ease}.navbar-container[data-v-5e4f8a31]{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1200px;margin:0 auto}.navbar-brand[data-v-5e4f8a31]{font-size:1.7rem;font-weight:700;color:var(--primary-color)}.nav-links[data-v-5e4f8a31]{display:flex;gap:2rem}.nav-links a[data-v-5e4f8a31]{text-decoration:none;color:var(--text-color);font-weight:500;padding:.5rem 0;position:relative;transition:color .2s}.nav-links a[data-v-5e4f8a31]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out}.nav-links a[data-v-5e4f8a31]:hover,.nav-links a.router-link-active[data-v-5e4f8a31]{color:var(--primary-color)}.nav-links a[data-v-5e4f8a31]:hover:after,.nav-links a.router-link-active[data-v-5e4f8a31]:after{transform:scaleX(1);transform-origin:bottom left}.user-actions[data-v-5e4f8a31]{display:flex;align-items:center;gap:1rem}.user-email[data-v-5e4f8a31]{color:var(--subtle-text-color);font-size:.9rem;display:none}@media(min-width:1024px){.user-email[data-v-5e4f8a31]{display:inline}}.theme-toggle[data-v-5e4f8a31],.logout-button[data-v-5e4f8a31]{background:none;border:1px solid var(--border-color);color:var(--subtle-text-color);border-radius:8px;cursor:pointer;height:38px;padding:0 .75rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,border-color .2s}.theme-toggle[data-v-5e4f8a31]:hover,.logout-button[data-v-5e4f8a31]:hover{background-color:var(--bg-color);color:var(--primary-color);border-color:var(--primary-color)}.logout-button[data-v-5e4f8a31]{border-color:var(--status-pending-bg);color:var(--status-pending-bg)}.logout-button[data-v-5e4f8a31]:hover{background-color:var(--status-pending-bg);color:var(--card-bg-color)}.mobile-nav-toggle[data-v-5e4f8a31]{display:none;background:none;border:none;cursor:pointer;z-index:1001}.hamburger-icon[data-v-5e4f8a31]{display:block;width:24px;height:2px;background-color:var(--text-color);position:relative;transition:background-color 0s .2s}.hamburger-icon[data-v-5e4f8a31]:before,.hamburger-icon[data-v-5e4f8a31]:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--text-color);transition:transform .2s,top .2s .2s}.hamburger-icon[data-v-5e4f8a31]:before{top:-8px}.hamburger-icon[data-v-5e4f8a31]:after{top:8px}@media(max-width:768px){.nav-links[data-v-5e4f8a31]{position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);background-color:var(--card-bg-color);flex-direction:column;align-items:center;padding-top:2rem;gap:1.5rem;transform:translate(100%);transition:transform .3s ease-in-out}.nav-links.is-open[data-v-5e4f8a31]{transform:translate(0)}.nav-links a[data-v-5e4f8a31]{font-size:1.2rem}.mobile-nav-toggle[data-v-5e4f8a31]{display:block}.is-open+.user-actions .mobile-nav-toggle .hamburger-icon[data-v-5e4f8a31],.mobile-nav-toggle.is-open .hamburger-icon[data-v-5e4f8a31]{background-color:transparent}.is-open+.user-actions .mobile-nav-toggle .hamburger-icon[data-v-5e4f8a31]:before,.mobile-nav-toggle.is-open .hamburger-icon[data-v-5e4f8a31]:before{top:0;transform:rotate(45deg);transition:top .2s,transform .2s .2s}.is-open+.user-actions .mobile-nav-toggle .hamburger-icon[data-v-5e4f8a31]:after,.mobile-nav-toggle.is-open .hamburger-icon[data-v-5e4f8a31]:after{top:0;transform:rotate(-45deg);transition:top .2s,transform .2s .2s}.user-email[data-v-5e4f8a31]{display:none}}.notification[data-v-699be004]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:8px;color:var(--primary-text-color);display:flex;align-items:center;gap:1rem;z-index:9999;box-shadow:0 5px 15px #0003;border:1px solid transparent}.notification.success[data-v-699be004]{background-color:var(--status-received-bg);border-color:#fff5}.notification.error[data-v-699be004]{background-color:var(--status-pending-bg);border-color:#fff5}.close-btn[data-v-699be004]{background:none;border:none;color:var(--primary-text-color);font-size:1.5rem;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s}.close-btn[data-v-699be004]:hover{opacity:1}.toast-enter-active[data-v-699be004],.toast-leave-active[data-v-699be004]{transition:all .5s ease}.toast-enter-from[data-v-699be004],.toast-leave-to[data-v-699be004]{opacity:0;transform:translate(-50%,20px)}.auth-container[data-v-f40cbcea]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background-color:var(--bg-color)}.auth-card[data-v-f40cbcea]{width:100%;max-width:420px}.title[data-v-f40cbcea]{font-size:1.8rem;font-weight:600;text-align:center;margin-bottom:.5rem;color:var(--text-color)}.subtitle[data-v-f40cbcea]{text-align:center;color:var(--subtle-text-color);margin-bottom:2rem}.message[data-v-f40cbcea]{padding:1rem;margin-bottom:1rem;border-radius:8px;background-color:color-mix(in srgb,var(--accent-color) 30%,transparent);color:var(--secondary-text-color);border:1px solid var(--accent-color);word-break:break-all;font-size:.9rem}.form-group[data-v-f40cbcea]{margin-bottom:1.5rem}.form-group label[data-v-f40cbcea]{display:block;margin-bottom:.5rem;font-weight:500}.button-group[data-v-f40cbcea]{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.app-layout[data-v-edc329d5]{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-color);transition:background-color .3s ease}.content[data-v-edc329d5]{flex-grow:1;padding-top:30px}.filter-bar[data-v-95d9bf7d]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.filter-group[data-v-95d9bf7d]{display:flex;flex-direction:column;gap:.4rem;flex:1 1 200px}.filter-label[data-v-95d9bf7d]{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--subtle-text-color)}.input-icon-wrapper[data-v-95d9bf7d]{position:relative}.input-icon[data-v-95d9bf7d]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--subtle-text-color);pointer-events:none}.input-icon-wrapper .form-input[data-v-95d9bf7d]{padding-left:2.25rem}.filter-meta[data-v-95d9bf7d]{display:flex;align-items:center;gap:1rem;margin-left:auto;flex-shrink:0}.result-count[data-v-95d9bf7d]{font-size:.9rem;color:var(--subtle-text-color);white-space:nowrap}.status-state[data-v-95d9bf7d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 1rem;color:var(--subtle-text-color);text-align:center}.status-state svg[data-v-95d9bf7d]{opacity:.4}.status-state p[data-v-95d9bf7d]{font-size:1.1rem;margin:0}.spinner[data-v-95d9bf7d]{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;width:36px;height:36px;animation:spin-95d9bf7d .8s linear infinite}@keyframes spin-95d9bf7d{to{transform:rotate(360deg)}}.table-container[data-v-95d9bf7d]{overflow-x:auto}table[data-v-95d9bf7d]{width:100%;min-width:700px}thead th[data-v-95d9bf7d]{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--subtle-text-color);white-space:nowrap;padding:.75rem 1rem}tbody tr[data-v-95d9bf7d]{transition:background-color .15s ease}tbody tr[data-v-95d9bf7d]:hover{background-color:color-mix(in srgb,var(--primary-color) 5%,transparent)}tbody td[data-v-95d9bf7d]{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.status-badge[data-v-95d9bf7d]{padding:.3rem .8rem;border-radius:999px;font-size:.8rem;font-weight:500;color:#fff;white-space:nowrap}.status-pending[data-v-95d9bf7d]{background-color:var(--status-pending-bg)}.status-ordered[data-v-95d9bf7d]{background-color:var(--status-ordered-bg);color:var(--text-color)}.status-received[data-v-95d9bf7d]{background-color:var(--status-received-bg)}.btn-ghost[data-v-95d9bf7d]{background:none;border:1px solid var(--border-color);color:var(--subtle-text-color);border-radius:6px;padding:.35rem .85rem;font-size:.85rem;cursor:pointer;transition:background-color .15s,color .15s}.btn-ghost[data-v-95d9bf7d]:hover{background-color:var(--border-color);color:var(--text-color)}.btn-sm[data-v-95d9bf7d]{padding:.4rem 1rem;font-size:.85rem}.add-form-card[data-v-7177fe21]{margin-bottom:2rem;border:1px solid var(--primary-color)}.form-grid[data-v-7177fe21]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.form-group label[data-v-7177fe21]{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem}.error-message[data-v-7177fe21]{color:var(--status-pending-bg);margin-bottom:1rem;text-align:center}.button-container[data-v-7177fe21]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.modal-backdrop[data-v-6323a017]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem}.modal-content[data-v-6323a017]{width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column}.modal-header[data-v-6323a017]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem;flex-shrink:0}.close-button[data-v-6323a017]{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--subtle-text-color)}.order-summary-list[data-v-6323a017]{overflow-y:auto;flex-grow:1}.supplier-group[data-v-6323a017]{margin-bottom:2rem}.supplier-group h4[data-v-6323a017]{background-color:var(--bg-color);padding:.5rem 1rem;border-radius:6px;margin:0 0 .5rem}.order-request-text[data-v-6323a017]{color:var(--subtle-text-color);font-size:.9rem;margin:.5rem 0}.supplier-group ul[data-v-6323a017]{list-style:none;padding:0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.supplier-group li[data-v-6323a017]{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.supplier-group li[data-v-6323a017]:last-child{border-bottom:none}.modal-footer[data-v-6323a017]{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color);flex-shrink:0}.sending-state[data-v-6323a017]{text-align:center;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner[data-v-6323a017]{border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin-6323a017 1s linear infinite}@keyframes spin-6323a017{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-6323a017]{color:var(--status-pending-bg);background-color:color-mix(in srgb,var(--status-pending-bg) 20%,transparent);border:1px solid var(--status-pending-bg);padding:1rem;border-radius:8px;margin-top:1rem;word-break:break-word}.header-actions[data-v-c2dc4876]{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.checkbox-col[data-v-c2dc4876]{width:50px;text-align:center;vertical-align:middle}.checkbox-col input[data-v-c2dc4876]{width:18px;height:18px;cursor:pointer}.selected-row[data-v-c2dc4876]{background-color:color-mix(in srgb,var(--primary-color) 10%,transparent)}.selected-row td[data-v-c2dc4876]{transition:background-color .2s ease-in-out}.floating-bar[data-v-c2dc4876]{position:fixed;bottom:0;left:50%;transform:translate(-50%,120%);background-color:var(--card-bg-color);padding:1rem 1.5rem;border-radius:12px;box-shadow:0 -4px 20px var(--shadow-color);display:flex;align-items:center;gap:1.5rem;transition:transform .3s ease-in-out;z-index:1500}.floating-bar.visible[data-v-c2dc4876]{transform:translate(-50%,-20px)}.floating-bar span[data-v-c2dc4876]{font-weight:500;color:var(--subtle-text-color)}.filter-bar[data-v-2318eab4]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.filter-group[data-v-2318eab4]{display:flex;flex-direction:column;gap:.4rem;flex:1 1 200px}.filter-label[data-v-2318eab4]{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--subtle-text-color)}.input-icon-wrapper[data-v-2318eab4]{position:relative}.input-icon[data-v-2318eab4]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--subtle-text-color);pointer-events:none}.input-icon-wrapper .form-input[data-v-2318eab4]{padding-left:2.25rem}.filter-meta[data-v-2318eab4]{display:flex;align-items:center;gap:1rem;margin-left:auto;flex-shrink:0}.result-count[data-v-2318eab4]{font-size:.9rem;color:var(--subtle-text-color);white-space:nowrap}.status-state[data-v-2318eab4]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 1rem;color:var(--subtle-text-color);text-align:center}.status-state svg[data-v-2318eab4]{opacity:.4}.status-state p[data-v-2318eab4]{font-size:1.1rem;margin:0}.status-state .subtle[data-v-2318eab4]{font-size:.9rem;opacity:.7}.spinner[data-v-2318eab4]{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;width:36px;height:36px;animation:spin-2318eab4 .8s linear infinite}@keyframes spin-2318eab4{to{transform:rotate(360deg)}}.table-container[data-v-2318eab4]{overflow-x:auto;margin-bottom:6rem}table[data-v-2318eab4]{width:100%;min-width:800px}thead th[data-v-2318eab4]{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--subtle-text-color);white-space:nowrap;padding:.75rem 1rem}.col-checkbox[data-v-2318eab4]{width:52px;text-align:center;padding-left:1rem}.col-checkbox input[type=checkbox][data-v-2318eab4]{width:17px;height:17px;cursor:pointer;accent-color:var(--primary-color)}.col-drug[data-v-2318eab4]{min-width:220px}.col-supplier[data-v-2318eab4]{min-width:180px}.col-quantity[data-v-2318eab4]{width:100px}.col-unit[data-v-2318eab4]{min-width:120px}.col-price[data-v-2318eab4]{min-width:130px}.required-badge[data-v-2318eab4]{color:var(--status-pending-bg, #e53e3e);margin-left:2px}.catalog-row[data-v-2318eab4]{cursor:pointer;transition:background-color .15s ease}.catalog-row[data-v-2318eab4]:hover{background-color:color-mix(in srgb,var(--primary-color) 5%,transparent)}.catalog-row td[data-v-2318eab4]{padding:.6rem 1rem;vertical-align:middle;border-bottom:1px solid var(--border-color)}.row-selected[data-v-2318eab4]{background-color:color-mix(in srgb,var(--primary-color) 8%,transparent)!important}.row-invalid[data-v-2318eab4]{background-color:color-mix(in srgb,var(--status-pending-bg, #e53e3e) 6%,transparent)!important}.drug-name[data-v-2318eab4]{display:block;font-weight:600;color:var(--text-color)}.drug-meta[data-v-2318eab4]{display:block;font-size:.8rem;color:var(--subtle-text-color);margin-top:2px}.inline-input[data-v-2318eab4]{width:100%;padding:.45rem .65rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-color);color:var(--text-color);font-size:.9rem;transition:border-color .15s,box-shadow .15s,background-color .3s;box-sizing:border-box}.inline-input[data-v-2318eab4]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,transparent)}.inline-input.input-error[data-v-2318eab4]{border-color:var(--status-pending-bg, #e53e3e);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-pending-bg, #e53e3e) 15%,transparent)}.quantity-input[data-v-2318eab4]{text-align:center}.price-input[data-v-2318eab4]{text-align:right}.field-error-hint[data-v-2318eab4]{display:block;font-size:.72rem;color:var(--status-pending-bg, #e53e3e);margin-top:3px}.submit-error-banner[data-v-2318eab4]{display:flex;align-items:center;gap:.75rem;background-color:color-mix(in srgb,var(--status-pending-bg, #e53e3e) 12%,transparent);color:var(--status-pending-bg, #e53e3e);border:1px solid var(--status-pending-bg, #e53e3e);border-radius:8px;padding:.9rem 1.25rem;margin-top:1rem;font-size:.9rem}.floating-bar[data-v-2318eab4]{position:fixed;bottom:0;left:50%;transform:translate(-50%,120%);background-color:var(--card-bg-color);padding:1rem 1.5rem;border-radius:14px 14px 0 0;box-shadow:0 -4px 30px var(--shadow-color);display:flex;align-items:center;gap:1.5rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:1500;min-width:360px;border:1px solid var(--border-color);border-bottom:none}.floating-bar.visible[data-v-2318eab4]{transform:translate(-50%)}.floating-bar-info[data-v-2318eab4]{display:flex;align-items:baseline;gap:.4rem;flex:1}.selected-label[data-v-2318eab4]{font-size:.9rem;color:var(--subtle-text-color)}.selected-count[data-v-2318eab4]{font-size:1.6rem;font-weight:700;color:var(--primary-color);line-height:1}.floating-bar-warning[data-v-2318eab4]{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--status-pending-bg, #e53e3e);font-weight:500;white-space:nowrap}.btn-spinner[data-v-2318eab4]{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin-2318eab4 .7s linear infinite;margin-right:.4rem;vertical-align:middle}.btn-ghost[data-v-2318eab4]{background:none;border:1px solid var(--border-color);color:var(--subtle-text-color);border-radius:6px;padding:.35rem .85rem;font-size:.85rem;cursor:pointer;transition:background-color .15s,color .15s}.btn-ghost[data-v-2318eab4]:hover{background-color:var(--bg-color);color:var(--text-color)}.btn-sm[data-v-2318eab4]{padding:.35rem .85rem;font-size:.85rem}@media(max-width:768px){.filter-bar[data-v-2318eab4]{flex-direction:column;gap:.75rem}.filter-meta[data-v-2318eab4]{margin-left:0;width:100%;justify-content:space-between}.floating-bar[data-v-2318eab4]{min-width:unset;width:calc(100% - 2rem);border-radius:12px;bottom:1rem;flex-wrap:wrap;gap:.75rem}.floating-bar .btn[data-v-2318eab4]{width:100%;justify-content:center}}.filter-bar[data-v-b231df3b]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.filter-group[data-v-b231df3b]{display:flex;flex-direction:column;gap:.4rem;flex:1 1 200px}.filter-label[data-v-b231df3b]{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--subtle-text-color)}.input-icon-wrapper[data-v-b231df3b]{position:relative}.input-icon[data-v-b231df3b]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--subtle-text-color);pointer-events:none}.input-icon-wrapper .form-input[data-v-b231df3b]{padding-left:2.25rem}.filter-meta[data-v-b231df3b]{display:flex;align-items:center;gap:1rem;margin-left:auto;flex-shrink:0}.result-count[data-v-b231df3b]{font-size:.9rem;color:var(--subtle-text-color);white-space:nowrap}.status-state[data-v-b231df3b]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 1rem;color:var(--subtle-text-color);text-align:center}.status-state svg[data-v-b231df3b]{opacity:.4}.status-state p[data-v-b231df3b]{font-size:1.1rem;margin:0}.spinner[data-v-b231df3b]{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;width:36px;height:36px;animation:spin-b231df3b .8s linear infinite}@keyframes spin-b231df3b{to{transform:rotate(360deg)}}.table-container[data-v-b231df3b]{overflow-x:auto}table[data-v-b231df3b]{width:100%;min-width:700px}thead th[data-v-b231df3b]{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--subtle-text-color);white-space:nowrap;padding:.75rem 1rem}tbody tr[data-v-b231df3b]{transition:background-color .15s ease}tbody tr[data-v-b231df3b]:hover{background-color:color-mix(in srgb,var(--primary-color) 5%,transparent)}tbody td[data-v-b231df3b]{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.action-column[data-v-b231df3b]{width:200px}.date-input[data-v-b231df3b]{padding:.6rem;width:100%;box-sizing:border-box}.btn-full[data-v-b231df3b]{width:100%}.btn-ghost[data-v-b231df3b]{background:none;border:1px solid var(--border-color);color:var(--subtle-text-color);border-radius:6px;padding:.35rem .85rem;font-size:.85rem;cursor:pointer;transition:background-color .15s,color .15s}.btn-ghost[data-v-b231df3b]:hover{background-color:var(--border-color);color:var(--text-color)}.btn-sm[data-v-b231df3b]{padding:.4rem 1rem;font-size:.85rem}:root{--bg-color: #d1e8e2;--text-color: #2c3531;--card-bg-color: #ffffff;--border-color: #d1e8e2;--primary-color: #116466;--primary-text-color: #ffffff;--secondary-color: #d9b08c;--secondary-text-color: #2c3531;--accent-color: #ffcb9a;--subtle-text-color: #5a6e6a;--link-hover-color: #ffcb9a;--shadow-color: rgba(44, 53, 49, .1);--status-received-bg: #116466;--status-ordered-bg: #d9b08c;--status-pending-bg: #c75252}html.dark{--bg-color: #2c3531;--text-color: #d1e8e2;--card-bg-color: #38423d;--border-color: #4a5753;--primary-color: #ffcb9a;--primary-text-color: #2c3531;--secondary-color: #d9b08c;--secondary-text-color: #2c3531;--accent-color: #116466;--subtle-text-color: #a3b1ad;--link-hover-color: #d9b08c;--shadow-color: rgba(0, 0, 0, .2);--status-received-bg: #116466;--status-ordered-bg: #d9b08c;--status-pending-bg: #ff8989}body{margin:0;font-family:Prompt,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}#app{min-height:100vh;display:flex;flex-direction:column}.page-container{max-width:1200px;margin:0 auto;padding:1.5rem;width:100%}.page-header h1{font-size:2.25rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.page-header .subtitle{font-size:1.1rem;color:var(--subtle-text-color);margin-bottom:2rem;max-width:600px}.card{background-color:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);padding:1.5rem;transition:background-color .3s ease,box-shadow .3s ease}@media(min-width:768px){.card{padding:2rem}}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-color);color:var(--text-color);font-family:Prompt,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 25%,transparent)}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;font-family:Prompt,sans-serif;cursor:pointer;transition:transform .2s ease,background-color .2s ease;text-align:center}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background-color:var(--primary-color);color:var(--primary-text-color)}.btn-secondary{background-color:var(--secondary-color);color:var(--secondary-text-color)}.btn:disabled{background-color:var(--subtle-text-color);color:var(--bg-color);cursor:not-allowed}.table-container{background-color:var(--card-bg-color);border-radius:12px;overflow-x:auto;box-shadow:0 4px 15px var(--shadow-color)}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}th{background-color:color-mix(in srgb,var(--card-bg-color) 85%,var(--border-color));font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:var(--subtle-text-color)}tr:last-child td{border-bottom:none}.drug-name{font-weight:500;font-size:1.05rem}.drug-detail{font-size:.9rem;color:var(--subtle-text-color)}.loading-state,.error-state,.empty-state{text-align:center;padding:4rem 2rem;margin-top:2rem;background-color:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);color:var(--subtle-text-color)}.error-state{color:var(--status-pending-bg);font-weight:500}