:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:20px;line-height:1.2}h2{margin-bottom:0;font-size:18px}h3{margin-bottom:10px;font-size:15px}.app-shell{background:#f8fafc;min-height:100vh}.topbar{color:#fff;z-index:20;background:#0f172a;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px 28px;display:flex;position:sticky;top:0;box-shadow:0 8px 20px #0f172a29}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:#3b82f6;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-weight:900;display:flex}.eyebrow{color:#cbd5e1;letter-spacing:0;margin:0 0 3px;font-size:12px;font-weight:700}.api-pill{color:#cbd5e1;white-space:nowrap;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:8px 12px;font-size:13px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.user-chip{text-align:right;align-items:end;gap:2px;display:grid}.user-chip strong{font-size:14px}.user-chip span{color:#cbd5e1;font-size:12px}.logout-button,.theme-toggle{color:#0f172a;background:#fff;border:1px solid #fff;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:9px 12px;font-weight:800;display:inline-flex}.theme-toggle{min-width:112px}.app-layout{grid-template-columns:250px minmax(0,1fr);gap:18px;min-height:calc(100vh - 72px);padding:22px 28px 28px;transition:grid-template-columns .18s;display:grid}.app-layout.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar,.announcement-stage,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 24px #0f172a0f}.sidebar{align-self:start;gap:16px;padding:16px;display:grid;position:sticky;top:94px}.sidebar-title,.section-heading{color:#0f172a;align-items:center;gap:9px;display:flex}.sidebar-title{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding-bottom:12px;font-size:15px;font-weight:800}.sidebar-title-main{align-items:center;gap:9px;min-width:0;display:flex}.collapse-button{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.side-nav{gap:9px;display:grid}.side-nav-item{color:#334155;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:62px;padding:10px;transition:border-color .16s,background .16s,color .16s;display:grid}.side-nav-item:hover{background:#f8fafc;border-color:#bfdbfe}.side-nav-item.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.side-icon{background:#f1f5f9;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.side-nav-item.active .side-icon{background:#dbeafe}.side-copy{gap:2px;min-width:0;display:grid}.side-copy strong{font-size:14px}.side-copy small{color:#64748b;font-size:12px}.side-count{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:26px;padding:3px 7px;font-size:12px;font-weight:800;display:flex}.sidebar-metrics{border-top:1px solid #e2e8f0;gap:8px;padding-top:14px;display:grid}.sidebar-metrics div{justify-content:space-between;align-items:center;display:flex}.sidebar-metrics span{color:#64748b;font-size:13px}.sidebar-metrics strong{color:#0f172a}.sidebar-collapsed .sidebar{padding:12px 10px}.sidebar-collapsed .sidebar-title{border-bottom:0;justify-content:center;padding-bottom:0}.sidebar-collapsed .sidebar-title-main,.sidebar-collapsed .side-copy,.sidebar-collapsed .sidebar-metrics{display:none}.sidebar-collapsed .side-nav-item{grid-template-columns:1fr;justify-items:center;gap:0;min-height:54px;padding:8px 6px;position:relative}.sidebar-collapsed .side-count{min-width:20px;padding:2px 6px;position:absolute;top:-5px;right:-3px}.announcement-stage{align-self:start;min-height:520px;padding:18px}.section-heading{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px}.section-heading.with-actions{justify-content:space-between}.section-heading.with-actions>div{align-items:center;gap:9px;display:flex}.new-order-actions,.category-switcher{flex-wrap:wrap;gap:8px;display:flex}.api-context-strip{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.api-context-strip strong{color:#0f172a}.api-context-strip span{color:#2563eb;font-size:13px;font-weight:800}.category-switcher{margin-bottom:14px}.category-option{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-weight:800;display:inline-flex}.category-option.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.announcement-list,.stack{gap:10px;display:grid}.announcement{border:1px solid #e2e8f0;border-radius:10px;gap:8px;padding:14px;display:grid}.announcement div{justify-content:space-between;gap:10px;display:flex}.announcement strong{color:#0f172a;font-size:15px}.announcement p{color:#475569;margin-bottom:0;line-height:1.65}time,.submitted span,.result-card span{color:#64748b;font-size:13px}.content-area,.workspace-panel{min-width:0}.content-area{align-self:start;width:100%}.home-layout .content-area{justify-content:center;display:flex}.home-layout .announcement-stage{width:100%;max-width:760px}.work-layout .panel{width:100%}.panel{width:100%;min-width:0;padding:18px}.toolbar,.lookup-form{grid-template-columns:1fr 130px 130px auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.product-toolbar{grid-template-columns:minmax(220px,1fr) minmax(150px,190px) auto auto;align-items:end;gap:12px;margin-bottom:14px;display:grid}.product-sort-control select{width:100%;min-width:0}.product-kind-tabs{background:#f8fafc;border:1px solid #dbe4f0;border-radius:8px;align-items:center;gap:4px;margin:4px 0 14px;padding:4px;display:inline-flex}.product-kind-tabs button{color:#334155;background:0 0;border:0;border-radius:6px;min-height:38px;padding:8px 18px;font-size:15px;font-weight:800}.product-kind-tabs button.active{color:#fff;background:#2563eb;box-shadow:0 8px 20px #2563eb2e}.product-shortcuts{border:1px solid #e2e8f0;border-radius:8px;gap:14px;margin:0 0 14px;padding:12px;display:grid}.product-shortcuts h3{color:#0f172a;margin:0 0 8px;font-size:15px}.shortcut-strip{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.shortcut-card{border:1px solid #dbe4f0;border-radius:8px;gap:6px;min-width:0;padding:10px;display:grid}.shortcut-card span{color:#64748b;font-size:12px}.shortcut-card strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.shortcut-actions{align-items:center;gap:8px;display:flex}.shortcut-actions .icon-button.primary{flex:auto}.shortcut-empty{text-align:left}.view-toggle{border:1px solid #cbd5e1;border-radius:8px;align-items:center;min-height:40px;display:inline-flex;overflow:hidden}.view-toggle button{color:#475569;background:#fff;border:0;justify-content:center;align-items:center;width:40px;height:38px;display:inline-flex}.view-toggle button+button{border-left:1px solid #cbd5e1}.view-toggle button.active{color:#1d4ed8;background:#eff6ff}.product-meta{color:#64748b;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 14px;display:flex}.product-meta>div{align-items:center;gap:10px;display:flex}.otc-category-browser{z-index:5;border-bottom:1px solid #e2e8f0;margin:2px -16px 16px;position:relative}.otc-category-tabs{background:#fff;flex-wrap:wrap;align-items:center;gap:0;padding:0 16px 10px;display:flex}.otc-category-tab{flex:none;position:relative}.otc-category-tabs>button,.otc-category-tab>button{color:#0f172a;background:0 0;border:0;border-right:1px solid #dbe4f0;flex:none;min-height:40px;padding:8px 18px;font-size:15px}.otc-category-tabs>button:last-child,.otc-category-tab:last-child>button{border-right:0}.otc-category-tabs>button.active,.otc-category-tab>button.active{color:#2563eb;font-weight:900}.otc-category-tabs>button:hover,.otc-category-tab>button:hover{color:#1d4ed8;background:#eff6ff}.otc-category-menu{z-index:20;scrollbar-color:#94a3b8 #eef2f7;scrollbar-width:thin;background:#fff;border:1px solid #dbe4f0;border-radius:8px;gap:0;width:min(320px,80vw);max-height:420px;padding:12px 22px;display:none;position:absolute;top:calc(100% - 1px);left:0;overflow:auto;box-shadow:0 18px 40px #0f172a2e}.otc-category-menu::-webkit-scrollbar{width:9px}.otc-category-menu::-webkit-scrollbar-track{background:#eef2f7;border-radius:999px}.otc-category-menu::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #eef2f7;border-radius:999px}.otc-category-menu::-webkit-scrollbar-thumb:hover{background:#64748b}.otc-category-tab:hover .otc-category-menu,.otc-category-tab:focus-within .otc-category-menu{display:grid}.otc-category-tab.menu-suppressed .otc-category-menu{display:none}.otc-category-menu button{color:#0f172a;text-align:left;background:0 0;border:0;border-bottom:1px solid #e2e8f0;min-height:44px;padding:10px 4px;font-size:15px}.otc-category-menu button.active{color:#2563eb;font-weight:900}.otc-category-menu button:hover{color:#1d4ed8;background:#eff6ff}.otc-category-menu button.child{color:#334155;padding-left:18px;font-size:14px}.otc-subcategory-group{display:grid}.product-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px;display:grid}.keyword-input-wrap{align-items:center;display:flex;position:relative}.keyword-input-wrap input{width:100%;padding-right:42px}.keyword-input-wrap button{color:#64748b;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;right:8px}.keyword-input-wrap button:hover{color:#0f172a;background:#e2e8f0}.product-card{border:1px solid #e2e8f0;border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.product-card-main,.product-list-main{color:inherit;text-align:left;background:0 0;border:0;min-width:0;padding:0}.product-card-main{gap:8px;display:grid}.product-card-main strong,.product-list-main strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-card-main span,.product-list-main span,.cart-item span{color:#64748b;font-size:12px}.product-en-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.product-code-line{align-items:baseline;gap:6px;display:inline-flex}.instant-tooltip{position:relative}.instant-tooltip:hover:after,.instant-tooltip:focus-visible:after{color:#fff;content:attr(data-tooltip);pointer-events:none;white-space:normal;z-index:70;background:#0f172a;border-radius:6px;width:max-content;max-width:min(360px,80vw);padding:7px 9px;font-size:12px;font-weight:700;line-height:1.45;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 10px 24px #0f172a33}.product-code-line b{color:#475569;font-weight:700}.product-image-placeholder,.product-thumb,.product-modal-image{color:#94a3b8;background:#f1f5f9;border:1px dashed #cbd5e1;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.product-image-placeholder{aspect-ratio:1.15;border-radius:8px;width:100%}.product-card-data{justify-content:space-between;align-items:center;display:flex}.product-card-actions{align-items:center;gap:6px;display:flex}.quantity-stepper{border:1px solid #cbd5e1;border-radius:8px;grid-template-columns:32px minmax(54px,1fr) 32px;align-items:center;min-width:118px;display:grid;overflow:hidden}.product-card-actions .quantity-stepper{flex:auto;grid-template-columns:30px minmax(42px,1fr) 30px;min-width:0}.quantity-stepper button{color:#334155;background:#f8fafc;border:0;height:36px;font-size:16px;font-weight:900}.quantity-stepper input{appearance:textfield;text-align:center;border:0;border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;border-radius:0;min-height:36px;padding:6px}.quantity-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-quantity-stepper{width:144px;margin-right:auto}.add-cart-icon-button{flex:0 0 38px;justify-content:center;width:38px;min-height:38px;padding:0}.favorite-button{color:#64748b;flex:0 0 38px;width:38px;min-height:38px;padding:0}.favorite-button.active{color:#b45309;background:#fef3c7;border-color:#f59e0b}.favorite-button.active svg{fill:currentColor}.product-list{gap:8px;display:grid}.product-list-row{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(260px,1fr) 130px 120px 120px auto auto;align-items:center;gap:12px;min-width:0;padding:10px;display:grid}.product-list-main{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;display:grid}.product-list-text{gap:4px;min-width:0;display:grid}.product-thumb{border-radius:8px;width:58px;height:58px}.cart-item{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(0,1fr) 116px auto auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.cart-item div{gap:3px;min-width:0;display:grid}.cart-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cart-quantity-stepper{min-width:104px}.product-footer-controls{justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}.product-footer-controls>strong{align-items:center;min-height:40px;font-size:18px;display:inline-flex}.page-size-control{align-items:center;gap:8px;display:flex}.page-size-control select{width:86px}.floating-cart{z-index:40;justify-items:end;gap:12px;display:grid;position:fixed;bottom:96px;right:24px}.floating-cart-button{color:#fff;background:#2563eb;border:0;border-radius:999px;align-items:center;gap:8px;min-width:54px;min-height:54px;padding:0 15px;font-weight:900;transition:max-width .16s,padding .16s;display:inline-flex;position:relative;overflow:visible;box-shadow:0 18px 36px #2563eb47}.floating-cart-button span{opacity:0;white-space:nowrap;max-width:0;transition:max-width .16s,opacity .12s;display:inline-block;overflow:hidden}.floating-cart-button:hover span,.floating-cart-button:focus-visible span{opacity:1;max-width:72px}.floating-cart-button strong{color:#1d4ed8;background:#fff;border:2px solid #2563eb;border-radius:999px;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:2px 6px;font-size:12px;display:inline-flex;position:absolute;top:-6px;right:-4px}.floating-cart-card{background:#fff;border:1px solid #dbe4f0;border-radius:8px;gap:12px;width:min(420px,100vw - 32px);max-height:min(620px,100vh - 110px);padding:14px;animation:.18s ease-out toast-in;display:grid;overflow:auto;box-shadow:0 22px 55px #0f172a2e}.floating-cart-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.floating-cart-header-actions{align-items:center;gap:6px;display:flex}.floating-cart-header h3,.cart-group h4{margin:0}.floating-cart-header span{color:#64748b;font-size:13px}.cart-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid}.cart-tabs button{color:#475569;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-weight:900;display:inline-flex}.cart-tabs button:hover{color:#0f172a;background:#e2e8f0}.cart-tabs button.active{color:#fff;background:#2563eb}.cart-tabs span{color:#2563eb;background:#fffc;border-radius:999px;min-width:20px;padding:2px 6px;font-size:11px}.cart-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:10px 12px;display:grid}.cart-summary span{color:#64748b;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.cart-summary strong{color:#0f172a;font-size:15px}.cart-group{gap:8px;display:grid}.cart-submit-button{width:100%}.toast-card{color:#fff;z-index:45;background:#0f172a;border-radius:8px;max-width:min(420px,100vw - 32px);padding:13px 16px;font-weight:800;animation:.18s ease-out toast-in,.26s ease-in 2.28s forwards toast-out;position:fixed;bottom:92px;right:24px;box-shadow:0 18px 44px #0f172a38}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}label{color:#475569;gap:6px;font-size:13px;font-weight:700;display:grid}input,select,textarea{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:40px;padding:9px 10px}textarea{resize:vertical;min-height:76px}.detail-data-input{min-height:180px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.icon-button,.primary-button,.danger-button,.icon-only{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 12px;font-weight:800;display:inline-flex}.icon-only{aspect-ratio:1;width:34px;min-height:34px;padding:0}.primary-button{color:#fff;background:#2563eb;border-color:#2563eb}.danger-button{color:#fff;background:#b42318;border-color:#b42318}.primary-button:disabled{cursor:not-allowed;opacity:.55}.primary{color:#fff;background:#2563eb;border-color:#2563eb}.success{color:#fff;background:#16a34a;border-color:#16a34a}button:disabled{cursor:not-allowed;opacity:.5}.danger{color:#b42318}.notice{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:10px 0 0;padding:10px 12px}.notice.error{color:#b42318;background:#fff1f0;border-color:#ffd2cc}.notice.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.notice.warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.notice code{overflow-wrap:anywhere;margin-top:8px;font-size:13px;display:block}.checkbox-label{flex-direction:row;align-items:center;gap:8px}.checkbox-label input{width:auto}.order-success-panel{gap:18px;display:grid}.order-success-hero{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:18px;display:grid}.order-success-hero h2,.order-success-hero p{margin:0}.order-success-hero h2{color:#14532d;font-size:24px}.order-success-list{gap:12px;display:grid}.order-success-card{border:1px solid #dbe4f0;border-radius:8px;gap:8px;padding:14px;display:grid}.order-success-card>span,.order-success-card div span{color:#64748b;font-size:13px}.order-success-card strong{color:#0f172a;font-size:20px}.order-success-card div{flex-wrap:wrap;gap:12px;display:flex}.order-success-card b{color:#0f172a;margin-left:4px}.success-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.empty,.empty-cell{color:#94a3b8;text-align:center;margin-bottom:0}.empty-state{color:#94a3b8;place-items:center;gap:10px;padding:80px 18px;display:grid}.product-empty-state{color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:8px;margin-top:14px;padding:48px 18px}.product-empty-state strong{color:#0f172a;font-size:18px}.product-empty-state span{max-width:520px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:11px 10px;font-size:14px}th{color:#64748b;text-transform:uppercase;font-size:12px}.numeric-cell{text-align:right;white-space:nowrap}.status-heading{align-items:center;gap:5px;display:inline-flex}.status-help-icon{color:#64748b;cursor:help;align-items:center;display:inline-flex}.status-help-icon:focus,.status-help-icon:hover{color:#2563eb}.order-layout{grid-template-columns:250px minmax(0,1fr);gap:18px;display:grid}.draft-list{border-right:1px solid #e2e8f0;min-width:0;padding-right:16px}.order-form{width:100%;min-width:0}.draft{border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:10px;padding:10px;display:grid}.draft-load{color:inherit;text-align:left;background:0 0;border:0;gap:3px;min-width:0;padding:0;display:grid}.draft-load:hover strong{color:#1d4ed8}.draft.active{border-color:#2563eb;box-shadow:inset 3px 0 #2563eb}.draft span{color:#64748b;margin-top:3px;font-size:12px;display:block}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.prescription-flat-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px 14px;margin-top:12px;padding:12px;display:grid}.prescription-flat-grid label{gap:3px}.prescription-flat-grid input,.prescription-flat-grid select{background:0 0;border-color:#0000 #0000 #94a3b8;border-radius:0;min-height:32px;padding:4px 2px}.prescription-flat-grid input:focus,.prescription-flat-grid select:focus{box-shadow:none;background:#fff;border-color:#0000 #0000 #2563eb}.diagnosis-field{grid-column:span 2}.diagnosis-control{grid-template-columns:25% minmax(0,1fr);align-items:center;gap:8px;display:grid}.diagnosis-control input{width:100%}.refill-pair-field{grid-column:auto}.refill-pair-control{grid-template-columns:66px auto 66px;align-items:center;gap:6px;max-width:152px;display:grid}.refill-pair-control strong{color:#64748b;line-height:1}.refill-pair-control:has(input:disabled) input{color:#94a3b8;opacity:1;background:#e2e8f0;border-color:#0000 #0000 #cbd5e1}.refill-pair-control:has(input:disabled) input::placeholder{color:#94a3b8}.refill-pair-control:has(input:disabled) strong{color:#cbd5e1}.refill-pair-field:has(input:disabled)>span{color:#94a3b8}.field-hint{color:#475569;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:600;display:block;overflow:hidden}.field-hint.error{color:#b42318}.prescription-span-2{grid-column:span 2}.order-type-field{color:#475569;border:0;gap:6px;margin:0;padding:0;font-size:13px;font-weight:700;display:grid}.order-type-options{flex-wrap:wrap;gap:8px;display:flex}.order-type-radio{border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:34px;padding:6px 10px;font-weight:900;display:flex}.order-type-radio input{accent-color:currentColor;width:auto;min-height:auto}.order-type-radio.purchase{color:#166534}.order-type-radio.purchase.active{background:#dcfce7;border-color:#22c55e}.order-type-radio.return{color:#991b1b}.order-type-radio.return.active{background:#fee2e2;border-color:#ef4444}.wide-field{margin-top:12px}.items-heading,.form-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.item-list{gap:10px;min-width:0;margin-top:10px;padding-bottom:2px;display:grid;overflow-x:auto}.item-row{grid-template-columns:minmax(120px,1fr) minmax(170px,1.4fr) 84px 72px 72px 80px 92px minmax(110px,1fr) auto;gap:8px;min-width:940px;display:grid}.item-row-header{color:#64748b;align-items:center;padding:0 0 2px;font-size:12px;font-weight:900}.item-row input:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.form-actions{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:flex-end;padding-top:14px}.order-summary{align-items:center;gap:16px;margin-right:auto;display:flex}.order-summary strong{color:#0f172a;font-size:14px}.lookup-form{grid-template-columns:minmax(260px,1fr) auto}.order-search-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.order-search-form button{justify-self:end;min-width:110px}.selectable-row{cursor:pointer}.selectable-row:hover td,.selectable-row.active td{background:#eff6ff}.order-detail-card{margin-top:14px}.order-detail-card>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.detail-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.order-detail-items{gap:10px;margin-top:10px;display:grid}.order-detail-items h3{color:#0f172a;font-size:15px}.order-messages{border-top:1px solid #e2e8f0;gap:10px;margin-top:14px;padding-top:14px;display:grid}.order-messages h3{color:#0f172a;font-size:15px}.order-message-list{gap:8px;display:grid}.order-message{border:1px solid #dbe4f0;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.order-message.staff{background:#eff6ff;border-color:#bfdbfe}.order-message.customer{background:#f8fafc}.order-message div{justify-content:space-between;align-items:center;gap:8px;display:flex}.order-message strong{color:#0f172a}.order-message span{color:#64748b;font-size:12px}.order-message p{color:#1e293b;white-space:pre-wrap;margin:0}.order-message-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.detail-table-wrap table{min-width:900px}.detail-total-row td{color:#0f172a;font-weight:900}.result-card,.submitted{border:1px solid #e2e8f0;border-radius:10px;gap:5px;margin-bottom:12px;padding:12px;display:grid}.recent-submitted-orders{border:1px solid #e2e8f0;border-radius:10px;gap:10px;padding:12px;display:grid}.recent-submitted-orders h3{color:#0f172a;font-size:15px}.recent-submitted-list{gap:8px;display:grid}.submitted-order-chip{border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.submitted-order-chip div{gap:4px;display:grid}.submitted-order-chip span{color:#64748b;font-size:12px}.spin{animation:.9s linear infinite spin}.modal-backdrop{z-index:50;background:#0f172a61;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:16px;width:100%;max-width:420px;padding:22px;display:grid;box-shadow:0 24px 70px #0f172a3d}.product-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:16px;width:100%;max-width:760px;max-height:min(760px,100vh - 40px);padding:22px;display:grid;overflow:auto;box-shadow:0 24px 70px #0f172a3d}.order-edit-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:16px;width:100%;max-width:1120px;max-height:min(760px,100vh - 40px);padding:22px;display:grid;overflow:auto;box-shadow:0 24px 70px #0f172a3d}.order-edit-items{gap:8px;min-width:0;display:grid}.order-edit-row{grid-template-columns:150px minmax(220px,1fr) 110px 90px 120px;align-items:center;gap:8px;display:grid}.order-edit-row.prescription{grid-template-columns:150px minmax(220px,1fr) 96px 110px 84px 84px 110px}.order-edit-row-header{color:#64748b;padding:0 2px;font-size:12px;font-weight:800}.order-edit-summary-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;padding:12px;display:flex}.order-edit-summary-row span{color:#64748b;font-size:13px;font-weight:800}.order-edit-summary-row strong{color:#0f172a;text-align:right;min-width:72px;font-size:16px}.modal-title-row{justify-content:space-between;align-items:start;gap:12px;display:flex}.product-modal-layout{grid-template-columns:240px minmax(0,1fr);gap:16px;display:grid}.product-modal-image{aspect-ratio:1;border-radius:8px}.product-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.product-detail-grid span{color:#64748b;gap:4px;font-size:12px;display:grid}.product-detail-grid strong{color:#0f172a;overflow-wrap:anywhere;font-size:14px}.product-detail-wide{grid-column:1/-1}.product-modal-en-name{color:#64748b;margin:4px 0 0;font-size:13px}.confirm-card .eyebrow{color:#2563eb}.confirm-card p{color:#475569;margin:0;line-height:1.65}.cart-confirm-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:12px;display:grid}.cart-confirm-summary span{color:#64748b;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.cart-confirm-summary strong{color:#0f172a;font-size:16px}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.login-shell{background-color:#0000;background-image:linear-gradient(#0f172ab8,#0f172ab8),url(https://images.unsplash.com/photo-1587854692152-cbe660dbde88?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:100vh;padding:24px;display:grid}.admin-shell{background:#f8fafc;min-height:100vh}.admin-topbar{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;min-height:72px;padding:14px 28px;display:flex}.admin-topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-layout{grid-template-columns:1fr;gap:18px;padding:22px 28px 28px;display:grid}.admin-order-layout{gap:18px;padding:22px 28px 28px;display:grid}.admin-order-search-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.admin-order-search-form .admin-form-actions{align-items:end}.admin-order-detail-panel{gap:14px;display:grid}.analytics-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.analytics-metric{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:8px;padding:16px;display:grid;box-shadow:0 10px 24px #0f172a0f}.analytics-metric span{color:#64748b;font-size:13px;font-weight:800}.analytics-metric strong{color:#0f172a;font-size:28px}.admin-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;display:grid}.system-status-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.system-status-card{border:1px solid #e2e8f0;border-radius:10px;gap:10px;padding:14px;display:grid}.system-status-card>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.system-status-card h2{color:#0f172a;font-size:16px}.system-status-card p{color:#334155;margin:0}.system-status-detail{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:220px;margin:0;padding:10px;font-size:12px;overflow:auto}.system-log-message{white-space:pre-wrap;word-break:break-word;max-width:520px}.diagnostic-flags{flex-wrap:wrap;gap:6px;display:flex}.product-override-form{gap:8px;min-width:360px;display:grid}.product-override-form label{gap:4px;display:grid}.product-override-form label span{color:#64748b;font-size:12px;font-weight:800}.product-override-form .checkbox-field{align-items:center;gap:8px;display:flex}.product-override-form .checkbox-field input{width:auto;height:auto}.system-hints{color:#334155;gap:8px;display:grid}.system-hints p{margin:0}.admin-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.admin-form-actions{justify-content:flex-end;align-items:end;padding-top:4px;display:flex}.admin-inline-actions{gap:8px;min-width:240px;display:grid}.admin-reset-password-form{grid-template-columns:minmax(120px,1fr) auto;gap:8px;display:grid}.admin-user-edit-row td{background:#f8fafc}.admin-user-edit-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:10px;display:grid}.muted-line{color:#64748b;margin-top:4px;font-size:12px;display:block}.status-badge{border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.disabled{color:#991b1b;background:#fee2e2}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:22px;width:100%;max-width:420px;margin:0 auto;padding:28px;display:grid;box-shadow:0 24px 64px #0f172a3d}.login-card .eyebrow{color:#2563eb}.login-card h1{color:#0f172a;font-size:24px}.login-hint{color:#64748b;margin:8px 0 0;line-height:1.6}.login-form{gap:14px;display:grid}.login-error{color:#b42318;background:#fff1f0;border:1px solid #ffd2cc;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.text-button{color:#475569;background:0 0;border:0;padding:0;font-weight:800}.app-shell.dark-mode{color:#e5e7eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1120}.app-shell.dark-mode .topbar{background:#020617;box-shadow:0 8px 24px #00000057}.app-shell.dark-mode .logout-button,.app-shell.dark-mode .theme-toggle{color:#e5e7eb;background:#1e293b;border-color:#334155}.app-shell.dark-mode .logout-button:hover,.app-shell.dark-mode .theme-toggle:hover{background:#273449}.app-shell.dark-mode .eyebrow,.app-shell.dark-mode .user-chip span,.app-shell.dark-mode time,.app-shell.dark-mode .submitted span,.app-shell.dark-mode .result-card span,.app-shell.dark-mode .product-card-main span,.app-shell.dark-mode .product-list-main span,.app-shell.dark-mode .cart-item span,.app-shell.dark-mode .product-detail-grid span,.app-shell.dark-mode .field-hint,.app-shell.dark-mode .floating-cart-header span,.app-shell.dark-mode .draft span,.app-shell.dark-mode th,.app-shell.dark-mode .order-edit-row-header,.app-shell.dark-mode .item-row-header,.app-shell.dark-mode .order-edit-summary-row span,.app-shell.dark-mode .side-copy small,.app-shell.dark-mode .side-count,.app-shell.dark-mode .product-meta,.app-shell.dark-mode label{color:#94a3b8}.app-shell.dark-mode .sidebar,.app-shell.dark-mode .announcement-stage,.app-shell.dark-mode .panel,.app-shell.dark-mode .announcement,.app-shell.dark-mode .product-card,.app-shell.dark-mode .product-list-row,.app-shell.dark-mode .floating-cart-card,.app-shell.dark-mode .draft,.app-shell.dark-mode .result-card,.app-shell.dark-mode .submitted,.app-shell.dark-mode .product-modal,.app-shell.dark-mode .order-edit-modal,.app-shell.dark-mode .confirm-card,.app-shell.dark-mode .order-success-card,.app-shell.dark-mode .cart-item,.app-shell.dark-mode .product-empty-state,.app-shell.dark-mode .product-shortcuts,.app-shell.dark-mode .shortcut-card,.app-shell.dark-mode .admin-user-edit-row td,.app-shell.dark-mode .otc-category-menu{color:#e5e7eb;background:#111827;border-color:#334155}.app-shell.dark-mode .section-heading,.app-shell.dark-mode .sidebar-title,.app-shell.dark-mode .sidebar-metrics,.app-shell.dark-mode .draft-list,.app-shell.dark-mode .form-actions,.app-shell.dark-mode .otc-category-browser,.app-shell.dark-mode th,.app-shell.dark-mode td,.app-shell.dark-mode .quantity-stepper input,.app-shell.dark-mode .view-toggle button+button,.app-shell.dark-mode .otc-category-menu button{border-color:#334155}.app-shell.dark-mode .side-nav-item,.app-shell.dark-mode .collapse-button,.app-shell.dark-mode .icon-button,.app-shell.dark-mode .icon-only,.app-shell.dark-mode .category-option,.app-shell.dark-mode .view-toggle button,.app-shell.dark-mode .product-kind-tabs,.app-shell.dark-mode .api-context-strip,.app-shell.dark-mode .prescription-flat-grid,.app-shell.dark-mode .order-edit-summary-row,.app-shell.dark-mode .cart-confirm-summary,.app-shell.dark-mode .cart-tabs,.app-shell.dark-mode .cart-summary,.app-shell.dark-mode .order-success-hero,.app-shell.dark-mode .quantity-stepper,.app-shell.dark-mode .quantity-stepper button,.app-shell.dark-mode .otc-category-tabs{color:#cbd5e1;background:#0f172a;border-color:#334155}.app-shell.dark-mode .side-nav-item:hover,.app-shell.dark-mode .selectable-row:hover td,.app-shell.dark-mode .selectable-row.active td,.app-shell.dark-mode .product-kind-tabs button.active,.app-shell.dark-mode .view-toggle button.active,.app-shell.dark-mode .category-option.active,.app-shell.dark-mode .cart-tabs button:hover{color:#93c5fd;background:#1e293b;border-color:#3b82f6}.app-shell.dark-mode .side-nav-item.active,.app-shell.dark-mode .draft.active,.app-shell.dark-mode .cart-tabs button.active{color:#bfdbfe;background:#172554;border-color:#3b82f6}.app-shell.dark-mode .side-icon,.app-shell.dark-mode .side-count,.app-shell.dark-mode .product-image-placeholder,.app-shell.dark-mode .product-thumb,.app-shell.dark-mode .product-modal-image,.app-shell.dark-mode .item-row input:disabled{color:#94a3b8;background:#1e293b;border-color:#334155}.app-shell.dark-mode .refill-pair-control:has(input:disabled) input{color:#94a3b8;background:#1e293b;border-color:#334155}.app-shell.dark-mode input,.app-shell.dark-mode select,.app-shell.dark-mode textarea{color:#e5e7eb;background:#0b1120;border-color:#475569}.app-shell.dark-mode input::placeholder,.app-shell.dark-mode textarea::placeholder{color:#64748b}.app-shell.dark-mode input:disabled,.app-shell.dark-mode select:disabled,.app-shell.dark-mode textarea:disabled{color:#94a3b8;opacity:1;background:#1e293b;border-color:#334155}.app-shell.dark-mode .prescription-flat-grid input,.app-shell.dark-mode .prescription-flat-grid select{background:0 0;border-color:#0000 #0000 #475569}.app-shell.dark-mode .prescription-flat-grid input:focus,.app-shell.dark-mode .prescription-flat-grid select:focus{background:#0b1120;border-color:#0000 #0000 #60a5fa}.app-shell.dark-mode .sidebar-title,.app-shell.dark-mode .section-heading,.app-shell.dark-mode .announcement strong,.app-shell.dark-mode .product-card-main strong,.app-shell.dark-mode .product-list-main strong,.app-shell.dark-mode .product-code-line b,.app-shell.dark-mode .cart-item strong,.app-shell.dark-mode .order-summary strong,.app-shell.dark-mode .order-detail-items h3,.app-shell.dark-mode .order-messages h3,.app-shell.dark-mode .order-message strong,.app-shell.dark-mode .detail-total-row td,.app-shell.dark-mode .product-detail-grid strong,.app-shell.dark-mode .order-edit-summary-row strong,.app-shell.dark-mode .cart-confirm-summary strong,.app-shell.dark-mode .cart-summary strong,.app-shell.dark-mode .order-success-hero h2,.app-shell.dark-mode .order-success-card strong,.app-shell.dark-mode .order-success-card b,.app-shell.dark-mode .api-context-strip strong,.app-shell.dark-mode .product-empty-state strong,.app-shell.dark-mode .product-shortcuts h3,.app-shell.dark-mode .shortcut-card strong,.app-shell.dark-mode .system-status-card h2,.app-shell.dark-mode .sidebar-metrics strong{color:#f8fafc}.app-shell.dark-mode .announcement p,.app-shell.dark-mode .confirm-card p,.app-shell.dark-mode .order-success-hero p,.app-shell.dark-mode .order-success-card>span,.app-shell.dark-mode .order-success-card div span,.app-shell.dark-mode .product-empty-state span,.app-shell.dark-mode .shortcut-card span,.app-shell.dark-mode .product-modal-en-name,.app-shell.dark-mode .text-button{color:#cbd5e1}.app-shell.dark-mode .favorite-button.active{color:#fbbf24;background:#451a03;border-color:#f59e0b}.app-shell.dark-mode .otc-category-tabs>button,.app-shell.dark-mode .otc-category-tab>button,.app-shell.dark-mode .otc-category-menu button,.app-shell.dark-mode .cart-tabs button,.app-shell.dark-mode .product-kind-tabs button{color:#cbd5e1}.app-shell.dark-mode .otc-category-tabs>button.active,.app-shell.dark-mode .otc-category-tab>button.active,.app-shell.dark-mode .otc-category-menu button.active,.app-shell.dark-mode .cart-tabs button.active span,.app-shell.dark-mode .api-context-strip span,.app-shell.dark-mode .status-help-icon:focus,.app-shell.dark-mode .status-help-icon:hover{color:#60a5fa}.app-shell.dark-mode .keyword-input-wrap button:hover,.app-shell.dark-mode .otc-category-tabs>button:hover,.app-shell.dark-mode .otc-category-tab>button:hover,.app-shell.dark-mode .otc-category-menu button:hover{color:#93c5fd;background:#1e293b}.app-shell.dark-mode .otc-category-menu button.child{color:#94a3b8}.app-shell.dark-mode .otc-category-menu{scrollbar-color:#64748b #1e293b;box-shadow:0 22px 52px #00000061}.app-shell.dark-mode .otc-category-menu::-webkit-scrollbar-track{background:#1e293b}.app-shell.dark-mode .otc-category-menu::-webkit-scrollbar-thumb{background:#64748b;border-color:#1e293b}.app-shell.dark-mode .otc-category-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell.dark-mode .notice{color:#bfdbfe;background:#172554;border-color:#1d4ed8}.app-shell.dark-mode .notice.error,.app-shell.dark-mode .field-hint.error{color:#fca5a5}.app-shell.dark-mode .notice.error{background:#450a0a;border-color:#7f1d1d}.app-shell.dark-mode .notice.success{color:#bbf7d0;background:#052e16;border-color:#166534}.app-shell.dark-mode .notice.warning{color:#fde68a;background:#451a03;border-color:#92400e}.app-shell.dark-mode .order-messages,.app-shell.dark-mode .order-message{border-color:#334155}.app-shell.dark-mode .order-message.staff{background:#172554;border-color:#1d4ed8}.app-shell.dark-mode .order-message.customer{background:#0f172a}.app-shell.dark-mode .order-message p{color:#e5e7eb}.app-shell.dark-mode .toast-card{color:#0f172a;background:#f8fafc}.app-shell.dark-mode .modal-backdrop{background:#020617ad}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1320px){.app-layout{grid-template-columns:240px minmax(0,1fr)}.app-layout.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.order-layout{grid-template-columns:250px minmax(0,1fr)}.draft-list{border-bottom:0;border-right:1px solid #e2e8f0;padding-bottom:0;padding-right:16px}}@media (max-width:1050px){.app-layout{grid-template-columns:1fr}.sidebar{position:static}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.announcement-stage{min-height:auto}.app-layout.sidebar-collapsed{grid-template-columns:1fr}.sidebar-collapsed .sidebar{padding:12px}.sidebar-collapsed .side-nav{grid-template-columns:repeat(4,54px)}}@media (max-width:720px){.topbar{flex-direction:column;align-items:start;padding:14px 16px}.api-pill{white-space:normal}.topbar-actions,.user-chip{text-align:left;justify-content:start}.app-layout{padding:16px}.admin-topbar{flex-direction:column;align-items:start;gap:12px;padding:14px 16px}.admin-layout{grid-template-columns:1fr;padding:16px}.side-nav,.toolbar,.product-toolbar,.lookup-form,.order-search-form,.form-grid,.prescription-flat-grid,.item-row{grid-template-columns:1fr}.order-search-form button{justify-self:stretch;width:100%}.prescription-span-2{grid-column:auto}.diagnosis-control{grid-template-columns:1fr}.diagnosis-field,.refill-pair-field{grid-column:auto}.refill-pair-control{max-width:100%}.item-row .icon-only{width:100%}.product-meta,.product-meta>div,.modal-title-row{flex-direction:column;align-items:stretch}.product-list-row,.cart-item,.order-edit-row,.order-message-form,.product-modal-layout,.product-detail-grid{grid-template-columns:1fr}.order-edit-summary-row{flex-direction:column;align-items:flex-end}.product-footer-controls{flex-direction:column;align-items:stretch}.page-size-control,.page-size-control select,.product-list-row .icon-button{width:100%}.floating-cart{bottom:92px;right:16px}.toast-card{bottom:152px;right:16px}}