:root{--brand: #17352f;--brand-hover: #1d4a3d;--brand-accent: #21a366;--brand-mid: #257d5a;--brand-light: #b9f0d0;--brand-surface: #e1f5e8;--brand-tint: #f0fbf5;--text: #17211f;--text-2: #4a6059;--text-3: #7a9490;--text-inv: #eef8f4;--text-inv-dim: #c9dbd5;--surface: #ffffff;--surface-alt: #f8faf8;--bg: #f3f6f4;--border: #dde6e1;--border-strong: #c5d4cd;--ok-bg: #dff5e8;--ok-text: #176044;--warn-bg: #fff3c7;--warn-text: #8b5500;--danger-bg: #ffe2df;--danger-text: #9b231f;--info-bg: #e8f3ff;--info-text: #1c4e8a;--shadow-1: 0 1px 2px rgba(23,33,31,.06), 0 1px 3px rgba(23,33,31,.04);--shadow-2: 0 2px 8px rgba(23,33,31,.08), 0 1px 3px rgba(23,33,31,.04);--shadow-3: 0 6px 20px rgba(23,33,31,.1), 0 2px 6px rgba(23,33,31,.05);--shadow-4: 0 16px 48px rgba(23,33,31,.14), 0 6px 16px rgba(23,33,31,.06);--r-s: 6px;--r-m: 10px;--r-l: 14px;--r-xl: 20px;--r-f: 9999px;--t: .15s cubic-bezier(.4,0,.2,1);--t-m: .22s cubic-bezier(.4,0,.2,1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}h1,h2,h3{margin:0;letter-spacing:-.02em;line-height:1.1}p{margin:0}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.logo-page{min-height:100vh;padding:36px;background:var(--bg)}.logo-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 auto 24px;max-width:1180px}.logo-back-link{order:2;min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--border);border-radius:var(--r-m);color:var(--brand);background:var(--surface);font-weight:700;text-decoration:none;transition:background var(--t),box-shadow var(--t)}.logo-back-link:hover{background:var(--brand-tint);box-shadow:var(--shadow-1)}.logo-options-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto}.logo-option-card{display:grid;justify-items:center;gap:12px;padding:22px 16px 18px;border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface);box-shadow:var(--shadow-2);transition:box-shadow var(--t),transform var(--t)}.logo-option-card:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.logo-option-card strong{color:var(--text);font-size:.875rem}.logo-option-icon{width:116px;height:116px}.logo-option-icon .logo-tile-bg{fill:var(--brand-light)}.logo-option-icon .capsule-base{fill:#f7fbff}.logo-option-icon .capsule-left{fill:var(--brand)}.logo-option-icon .capsule-outline,.logo-option-icon .capsule-divider,.logo-option-icon .capsule-stripe,.logo-option-icon .logo-plus,.logo-option-icon .logo-leaf,.logo-option-icon .logo-shield,.logo-option-icon .logo-box{fill:none;stroke:var(--brand);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.logo-option-icon .capsule-stripe,.logo-option-icon .logo-plus,.logo-option-icon .logo-leaf,.logo-option-icon .logo-dots,.logo-option-icon .logo-shield,.logo-option-icon .logo-rx,.logo-option-icon .logo-p,.logo-option-icon .logo-box{display:none}.logo-option-icon .logo-rx,.logo-option-icon .logo-p{fill:var(--brand);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:900;stroke:none}.antibiotic-bands .logo-tile-bg{fill:#edf7ff}.antibiotic-bands .capsule-left{fill:#d83b35}.antibiotic-bands .capsule-base{fill:#f7c948}.antibiotic-bands .capsule-stripe{display:block;stroke:#1f6fce}.clinical-duo .logo-tile-bg{fill:#e7f7f1}.clinical-duo .capsule-left{fill:#21a366}.clinical-duo .capsule-base{fill:#e9fbf2}.cross-capsule .logo-tile-bg{fill:#f0f7ff}.cross-capsule .capsule-left{fill:#1f6fce}.cross-capsule .logo-plus{display:block;stroke:#d43f3a}.leaf-capsule .logo-tile-bg{fill:#e6f8ec}.leaf-capsule .capsule-left{fill:#257d5a}.leaf-capsule .logo-leaf{display:block;fill:var(--brand-light);stroke:var(--brand)}.dot-matrix .logo-tile-bg{fill:#fff8df}.dot-matrix .capsule-left{fill:#c77a00}.dot-matrix .capsule-base{fill:#fff}.dot-matrix .logo-dots{display:block;fill:#d43f3a}.shield-pill .logo-tile-bg{fill:#eff5f2}.shield-pill .logo-shield{display:block;fill:#dff5e8}.shield-pill .capsule-left{fill:var(--brand)}.pharma-stripe .logo-tile-bg{fill:#f4f0ff}.pharma-stripe .capsule-left{fill:#5b4fd6}.pharma-stripe .capsule-base{fill:#f4f0ff}.pharma-stripe .capsule-stripe{display:block;stroke:#21a366}.soft-gel .logo-tile-bg{fill:#e9fbff}.soft-gel .capsule-left{fill:#16a3b8}.soft-gel .capsule-base{fill:#fff}.soft-gel .capsule-outline,.soft-gel .capsule-divider{stroke:#0f5f6b}.monogram-dose .logo-tile-bg{fill:#e8f7ef}.monogram-dose .logo-p{display:block}.rounded-rx .logo-tile-bg{fill:#fff0ee}.rounded-rx .capsule-left{fill:#d43f3a}.rounded-rx .logo-rx{display:block}.supply-capsule .logo-tile-bg{fill:#eff7ee}.supply-capsule .capsule-base{fill:#fff}.supply-capsule .capsule-left{fill:#257d5a}.supply-capsule .logo-box{display:block;stroke:#8b5500}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}@media(max-width:768px){.login-screen{grid-template-columns:1fr}.login-brand-panel{display:none}}.login-brand-panel{background:var(--brand);display:flex;flex-direction:column;justify-content:space-between;padding:3rem;position:relative;overflow:hidden}.login-brand-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 80%,rgba(33,163,102,.18) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 10%,rgba(185,240,208,.1) 0%,transparent 60%);pointer-events:none}.login-brand-top{display:flex;align-items:center;gap:1.125rem;position:relative;z-index:1}.login-brand-top .logo-wrap{width:64px;height:64px;flex-shrink:0;overflow:hidden;border-radius:16px}.login-brand-top .logo-wrap .logo-option-icon{width:64px;height:64px}.login-brand-name{font-size:2rem;font-weight:800;color:#eef8f4;letter-spacing:-.04em;line-height:1}.login-brand-tagline{font-size:.875rem;color:var(--brand-light);opacity:.75;margin-top:.25rem}.login-brand-hero{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.login-brand-headline{font-size:2rem;font-weight:700;color:#eef8f4;line-height:1.2;letter-spacing:-.03em;margin:0 0 1rem}.login-brand-headline span{color:var(--brand-light)}.login-brand-desc{font-size:.9375rem;color:var(--brand-light);opacity:.75;line-height:1.6;max-width:320px}.login-brand-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;position:relative;z-index:1}.login-brand-pill{background:#b9f0d01a;border:1px solid rgba(185,240,208,.2);color:var(--brand-light);font-size:.75rem;font-weight:500;padding:.375rem .875rem;border-radius:var(--r-f)}.login-form-panel{background:var(--surface);display:flex;align-items:center;justify-content:center;padding:3rem 2rem}.login-form-inner{width:100%;max-width:380px;display:flex;flex-direction:column}.login-form-heading{font-size:1.625rem;font-weight:700;color:#17211f;letter-spacing:-.025em;margin:0 0 .375rem}.login-form-sub{font-size:.875rem;color:var(--text-3);margin:0 0 2rem}.login-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.125rem}.login-field label{font-size:.8125rem;font-weight:600;color:var(--brand-hover)}.login-field input{height:46px;padding:0 .875rem;border-radius:var(--r-m);border:1.5px solid var(--border);background:#f9fbfa;color:var(--text);font-size:.9375rem;transition:border-color var(--t),box-shadow var(--t),background var(--t);outline:none}.login-field input:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px #21a3661f;background:var(--surface)}.login-field input::placeholder{color:#a8bcb5}.login-error{display:flex;align-items:center;gap:.5rem;background:#fff5f5;border:1px solid #fecaca;border-radius:var(--r-s);padding:.625rem .875rem;color:#c0392b;font-size:.8125rem;font-weight:500;margin-bottom:1.125rem}.login-submit{height:48px;width:100%;border:none;border-radius:var(--r-m);background:var(--brand);color:#eef8f4;font-size:.9375rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background var(--t),transform .1s ease,box-shadow var(--t);margin-top:.5rem}.login-submit:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 4px 16px #17352f40}.login-submit:active:not(:disabled){transform:scale(.985)}.login-submit:disabled{background:#8fada7;cursor:not-allowed}.login-submit-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.login-spinner{width:16px;height:16px;border:2px solid rgba(238,248,244,.4);border-top-color:#eef8f4;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{margin-top:1.5rem;text-align:center;font-size:.75rem;color:#8fa89f}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:24px;padding:20px 16px;background:var(--brand);overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(33,163,102,.12) 0%,transparent 70%);pointer-events:none}.brand{display:flex;align-items:center;gap:10px;padding:4px 4px 4px 8px;position:relative;z-index:1}.brand strong,.brand span{display:block}.brand strong{font-size:1.125rem;font-weight:700;color:var(--text-inv);line-height:1.1;letter-spacing:-.02em}.brand span{margin-top:2px;font-size:.6875rem;color:var(--text-inv-dim);line-height:1.2}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#ffffff1a;flex-shrink:0}.brand-mark .logo-option-icon{width:38px;height:38px}.nav-list{display:grid;gap:2px;position:relative;z-index:1}.nav-list a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:var(--r-m);text-decoration:none;color:var(--text-inv-dim);font-size:.875rem;font-weight:500;transition:background var(--t),color var(--t),box-shadow var(--t);position:relative}.nav-list a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;border-radius:0 2px 2px 0;background:var(--brand-light);transition:transform var(--t)}.nav-list a:hover{background:#ffffff17;color:#fff}.nav-list a.active{background:#ffffff24;color:#fff;font-weight:600}.nav-list a.active:before{transform:translateY(-50%) scaleY(1)}.sidebar-panel{margin-top:auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-l);background:#ffffff12;color:var(--text-inv-dim)}.sidebar-panel strong{display:block;font-size:.8125rem;font-weight:600;color:var(--text-inv)}.sidebar-panel span{font-size:.75rem;line-height:1.5;color:var(--text-inv-dim)}.workspace{padding:28px;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.eyebrow{margin:0 0 4px;color:var(--text-3);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}h1{font-size:clamp(1.5rem,2.5vw,2rem)}h2{font-size:.9375rem;font-weight:700}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:none;border-radius:var(--r-m);background:var(--brand-mid);color:#fff;font-size:.875rem;font-weight:600;transition:background var(--t),box-shadow var(--t),transform .1s ease;white-space:nowrap}.primary-button:hover{background:var(--brand);box-shadow:var(--shadow-2)}.primary-button:active{transform:scale(.97)}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface);color:var(--text);transition:background var(--t),border-color var(--t),box-shadow var(--t);flex-shrink:0}.icon-button:hover{background:var(--brand-tint);border-color:var(--border-strong)}.mobile-menu-close{color:var(--text-inv);background:#ffffff1f;border-color:#ffffff2e}.mobile-menu-close:hover{background:#fff3}.api-pill{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-f);color:var(--text-2);background:var(--surface);font-size:.8125rem;font-weight:500;text-transform:capitalize}.api-pill span{width:7px;height:7px;border-radius:50%;background:var(--border-strong)}.api-pill.online span{background:var(--brand-accent);box-shadow:0 0 0 3px #21a36633}.api-pill.offline span{background:#d43f3a;box-shadow:0 0 0 3px #d43f3a33}.current-user{font-size:.75rem;font-weight:500;color:var(--text-2);padding:.25rem .625rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-f);white-space:nowrap}.notification-menu,.notification-button{position:relative}.notification-button span{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:var(--r-f);border:2px solid var(--bg);color:#fff;background:#d43f3a;font-size:.6875rem;font-weight:700;line-height:1}.notification-backdrop,.mobile-menu-backdrop{position:fixed;border:0;background:#0e181647}.notification-backdrop{top:0;right:0;bottom:0;left:0;z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-menu-backdrop{display:none;top:0;right:0;bottom:0;left:0;z-index:45}.mobile-menu-button,.mobile-menu-close{display:none}.notification-drawer{position:fixed;top:12px;right:12px;bottom:12px;z-index:40;width:min(420px,calc(100vw - 24px));display:flex;flex-direction:column;padding:18px;border:1px solid rgba(221,230,225,.9);border-radius:var(--r-xl);background:#fffffff5;box-shadow:var(--shadow-4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideIn var(--t-m) ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}}.notification-popover-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.notification-popover-header strong,.notification-popover-header small{display:block}.notification-popover-header strong{font-size:1rem;font-weight:700}.notification-popover-header small{color:var(--text-3);font-size:.8125rem}.notice-list{display:grid;gap:8px;overflow-y:auto}.notice-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--r-l);background:var(--surface-alt);transition:background var(--t)}.notice-item:hover{background:var(--surface)}.notice-item strong,.notice-item span{display:block}.notice-item strong{font-size:.875rem;margin-bottom:3px}.notice-item span,.notice-item small{color:var(--text-2);font-size:.8125rem;line-height:1.4}.notice-item small{flex-shrink:0;color:var(--text-3);margin-top:1px}.notice-item.urgent{border-left-color:#d43f3a;background:#fff8f8}.notice-item.warning{border-left-color:#c77a00;background:#fffbf0}.notice-item.info{border-left-color:var(--brand-mid);background:var(--brand-tint)}.notice-item.success{border-left-color:var(--brand-accent);background:var(--brand-tint)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric-card{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-l);box-shadow:var(--shadow-1);transition:box-shadow var(--t),transform var(--t)}.metric-card:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-m);background:var(--brand-surface);color:var(--brand-mid);flex-shrink:0}.metric-card span{font-size:.8125rem;font-weight:500;color:var(--text-2)}.metric-card strong{font-size:1.75rem;font-weight:800;line-height:1;letter-spacing:-.03em}.metric-card small{font-size:.75rem;color:var(--text-3);padding:3px 8px;background:var(--surface-alt);border-radius:var(--r-f);width:fit-content}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.panel{min-width:0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-l);box-shadow:var(--shadow-1)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;color:var(--text-3)}.panel-header>div h2{color:var(--text)}.segmented{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:var(--r-m);background:var(--bg);border:1px solid var(--border)}.segmented button{min-height:30px;padding:0 10px;border:none;border-radius:var(--r-s);color:var(--text-2);background:transparent;font-size:.8125rem;font-weight:600;transition:background var(--t),color var(--t),box-shadow var(--t)}.segmented button.selected{color:var(--text);background:var(--surface);box-shadow:var(--shadow-1)}.segmented button:hover:not(.selected){background:#0000000a}.search-field{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--r-m);color:var(--text-3);background:var(--surface-alt);transition:border-color var(--t),box-shadow var(--t)}.search-field:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 3px #21a3661a;background:var(--surface)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:.875rem}.search-field input::placeholder{color:var(--text-3)}.stock-table{display:grid;gap:6px}.stock-row{display:grid;grid-template-columns:minmax(200px,1.5fr) 90px 110px 110px;gap:12px;align-items:center;min-height:62px;padding:12px 14px;border-radius:var(--r-m);background:var(--surface-alt);border:1px solid transparent;transition:background var(--t),border-color var(--t)}.stock-row:not(.stock-head):hover{background:var(--brand-tint);border-color:#21a36626}.stock-head{min-height:32px;padding-top:0;padding-bottom:0;background:transparent;color:var(--text-3);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:0}.stock-row span strong,.stock-row span small{display:block}.stock-row span small{color:var(--text-3);font-size:.75rem;margin-top:2px}.status{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:4px 10px;border-radius:var(--r-f);font-size:.75rem;font-weight:700;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.status.healthy{color:var(--ok-text);background:var(--ok-bg)}.status.healthy:before{background:var(--brand-accent)}.status.reorder{color:var(--warn-text);background:var(--warn-bg)}.status.reorder:before{background:#c77a00}.status.expiry-risk{color:var(--danger-text);background:var(--danger-bg)}.status.expiry-risk:before{background:#e07022}.status.critical{color:var(--danger-text);background:var(--danger-bg)}.status.critical:before{background:#d43f3a}.task-list{display:grid;gap:6px}.task-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:var(--r-m);background:var(--surface-alt);border:1px solid transparent;transition:background var(--t);cursor:pointer}.task-item:hover{background:var(--brand-tint);border-color:#21a36626}.task-item input{width:18px;height:18px;flex-shrink:0;accent-color:var(--brand-mid);cursor:pointer}.task-item span{font-size:.875rem;line-height:1.4}.prescription-list{display:grid;gap:8px}.prescription-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px;border-radius:var(--r-m);background:var(--surface-alt);border:1px solid transparent;transition:background var(--t),border-color var(--t)}.prescription-card:hover{background:var(--brand-tint);border-color:#21a36626}.prescription-card strong,.prescription-card small{display:block}.prescription-card small{color:var(--text-3);font-size:.75rem;margin-top:2px}.prescription-card>span{font-size:.8125rem;color:var(--text-2);white-space:nowrap}.prescription-card em{font-style:normal;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--r-f);white-space:nowrap}.prescription-card em.rx-ready{color:var(--ok-text);background:var(--ok-bg)}.prescription-card em.rx-review{color:var(--warn-text);background:var(--warn-bg)}.prescription-card em.rx-done{color:var(--text-3);background:var(--surface-alt);border:1px solid var(--border)}.payment-stack{display:grid;gap:8px}.payment-stack div{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:52px;padding:0 16px;border-radius:var(--r-m);background:var(--surface-alt);border:1px solid var(--border)}.payment-stack div:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--value);background:linear-gradient(90deg,var(--brand-surface),var(--brand-light));opacity:.6}.payment-stack span,.payment-stack strong{position:relative}.payment-stack span{font-size:.875rem;font-weight:500;color:var(--text-2)}.payment-stack strong{font-size:.9375rem;font-weight:700;color:var(--text)}.activity-list{display:grid;gap:6px;position:relative}.activity-list:before{content:"";position:absolute;left:31px;top:36px;bottom:36px;width:1px;background:linear-gradient(to bottom,var(--brand-surface) 0%,transparent 100%);pointer-events:none}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--r-m);background:var(--surface-alt);border:1px solid transparent;transition:background var(--t),border-color var(--t);position:relative}.activity-item:hover{background:var(--brand-tint);border-color:#21a36626}.activity-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-m);background:var(--brand-surface);color:var(--brand-mid);flex-shrink:0}.activity-item>div:nth-child(2){flex:1;min-width:0}.activity-item strong,.activity-item span{display:block}.activity-item strong{font-size:.875rem;font-weight:600}.activity-item span{color:var(--text-2);font-size:.8125rem;margin-top:2px;line-height:1.4}.activity-item>small{color:var(--text-3);font-size:.75rem;white-space:nowrap;flex-shrink:0;margin-top:2px}.customer-list{display:grid;gap:2px}.customer-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:var(--r-s);font-size:.875rem;transition:background var(--t)}.customer-item:hover{background:var(--surface-alt)}.customer-item strong{color:var(--text);font-weight:500}.customer-item span{color:var(--text-3);font-size:.8125rem}.loading-text{color:var(--text-3);font-size:.875rem;padding:.5rem 0;text-align:center}.branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.branch-grid span{display:flex;align-items:center;gap:8px;min-height:52px;padding:12px;border-radius:var(--r-m);background:var(--surface-alt);border:1px solid var(--border);font-size:.8125rem;font-weight:600;color:var(--text-2);transition:background var(--t),border-color var(--t)}.branch-grid span:hover{background:var(--brand-tint);border-color:#21a36633;color:var(--text)}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(288px,86vw);height:100dvh;transform:translate(-105%);transition:transform var(--t-m)}.sidebar.is-open{transform:translate(0)}.mobile-menu-backdrop{display:block}.mobile-menu-button,.mobile-menu-close{display:flex}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.logo-options-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:740px){.workspace{padding:16px}.sidebar{padding:20px 14px}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{display:grid;grid-template-columns:1fr auto;align-items:center}.topbar-actions .api-pill,.topbar-actions .primary-button{grid-column:1 / -1}.primary-button,.api-pill{width:100%;justify-content:center}.metric-grid,.content-grid{grid-template-columns:1fr}.notification-drawer{top:auto;right:8px;bottom:8px;left:8px;width:auto;max-height:min(78dvh,600px);border-radius:var(--r-xl)}.panel-header{flex-direction:column;align-items:flex-start}.stock-row{grid-template-columns:1fr;gap:6px;min-height:auto}.stock-head{display:none}.prescription-card,.branch-grid{grid-template-columns:1fr}.logo-page{padding:20px}.logo-page-header{flex-direction:column;align-items:flex-start}.logo-back-link{order:0}.logo-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sidebar-footer{margin-top:auto;position:relative;z-index:1}.sidebar-user-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-l);background:#ffffff12;color:var(--text-inv);text-align:left;transition:background var(--t),border-color var(--t)}.sidebar-user-btn:hover,.sidebar-user-btn.open{background:#ffffff21;border-color:#ffffff38}.sidebar-avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--brand-mid);color:#fff;display:grid;place-items:center;font-size:.8125rem;font-weight:700}.sidebar-user-text{flex:1;min-width:0}.sidebar-user-text strong{display:block;font-size:.875rem;font-weight:600;color:var(--text-inv);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-text span{display:block;font-size:.6875rem;color:var(--text-inv-dim);margin-top:1px}.sidebar-chevron{color:var(--text-inv-dim);transition:transform var(--t);flex-shrink:0}.sidebar-chevron.up{transform:rotate(-90deg)}.sidebar-user-menu{display:grid;gap:2px;padding:6px;margin-top:4px;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-m);background:#ffffff14;animation:fadeUp .15s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}}.sidebar-menu-item{display:flex;align-items:center;gap:9px;min-height:38px;padding:0 10px;border:none;border-radius:var(--r-s);background:transparent;color:var(--text-inv-dim);font-size:.875rem;font-weight:500;text-align:left;transition:background var(--t),color var(--t)}.sidebar-menu-item:hover{background:#ffffff1a;color:#fff}.sidebar-menu-item.danger{color:#f87171}.sidebar-menu-item.danger:hover{background:#d43f3a40;color:#fca5a5}.ghost-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface);color:var(--text-2);font-size:.875rem;font-weight:600;transition:background var(--t),border-color var(--t)}.ghost-button:hover{background:var(--surface-alt);border-color:var(--border-strong)}.danger-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid #fca5a5;border-radius:var(--r-m);background:#fff5f5;color:#c0392b;font-size:.875rem;font-weight:600;transition:background var(--t),box-shadow var(--t)}.danger-button:hover{background:#ffe4e4;box-shadow:0 2px 8px #c0392b26}.danger-button-ghost{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid transparent;border-radius:var(--r-s);background:transparent;color:#c0392b;font-size:.8rem;font-weight:500;cursor:pointer;transition:background var(--t),border-color var(--t)}.danger-button-ghost:hover{background:#fff5f5;border-color:#fca5a5}.delete-confirm-row{display:flex;align-items:center;gap:10px;padding:8px 0 4px;flex-wrap:wrap}.delete-confirm-row span{font-size:.85rem;color:#c0392b;font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0e181673;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}}.modal{width:100%;max-width:560px;max-height:90dvh;overflow-y:auto;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-4);animation:slideUp .18s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 0;margin-bottom:16px}.modal-header h2{font-size:1.0625rem;font-weight:700}.modal-body{padding:0 20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:12px}.form-field label{font-size:.8125rem;font-weight:600;color:var(--text-2)}.form-field input,.form-field select{height:42px;padding:0 .875rem;border-radius:var(--r-m);border:1.5px solid var(--border);background:var(--surface-alt);color:var(--text);font-size:.875rem;outline:none;transition:border-color var(--t),box-shadow var(--t)}.form-field input:focus,.form-field select:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px #21a3661a;background:var(--surface)}.form-error{display:flex;align-items:center;gap:.5rem;background:#fff5f5;border:1px solid #fecaca;border-radius:var(--r-s);padding:.625rem .875rem;color:#c0392b;font-size:.8125rem;font-weight:500;margin-bottom:12px}.view-content{display:grid;gap:16px}.view-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stock-row-5{grid-template-columns:minmax(180px,1.6fr) 90px 100px 110px 100px}.stock-row-sales{grid-template-columns:minmax(140px,1.4fr) 80px 110px 110px}.stock-row-suppliers{grid-template-columns:minmax(180px,1.5fr) 130px 180px minmax(0,1fr)}.pay-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--r-f);font-size:.75rem;font-weight:700;width:fit-content}.pay-cash{background:var(--ok-bg);color:var(--ok-text)}.pay-transfer{background:var(--info-bg);color:var(--info-text)}.pay-pos{background:var(--warn-bg);color:var(--warn-text)}.metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;color:var(--text-3)}.empty-state p{font-size:.9375rem;font-weight:500}.loading-shimmer{position:relative;overflow:hidden}.loading-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.settings-view{display:grid;gap:16px;max-width:640px}.settings-profile-card{display:flex;align-items:center;gap:20px}.settings-avatar{width:64px;height:64px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:1.625rem;font-weight:800;flex-shrink:0}.settings-user-info h2{font-size:1.25rem;margin-bottom:4px}.settings-user-info p{font-size:.875rem;color:var(--text-2);margin-bottom:8px}.role-badge{display:inline-block;padding:3px 10px;border-radius:var(--r-f);font-size:.75rem;font-weight:700}.role-ok{background:var(--ok-bg);color:var(--ok-text)}.role-info{background:var(--info-bg);color:var(--info-text)}.role-warn{background:var(--warn-bg);color:var(--warn-text)}.role-default{background:var(--surface-alt);color:var(--text-2);border:1px solid var(--border)}.settings-section+.settings-section{margin-top:0}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.settings-item:last-child{border-bottom:none}.settings-item>div strong,.settings-item>div span{display:block}.settings-item>div strong{font-size:.875rem;font-weight:600;margin-bottom:2px}.settings-item>div span{font-size:.8125rem;color:var(--text-3)}.login-credit{font-size:.75rem;color:var(--brand-light);opacity:.6;position:relative;z-index:1;padding-top:1.25rem;transition:opacity var(--t)}.login-credit:hover{opacity:1}.login-credit a{color:inherit;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(185,240,208,.4)}.login-credit a:hover{border-bottom-color:var(--brand-light)}.metric-card.clickable{cursor:pointer}.metric-card.clickable:hover{box-shadow:var(--shadow-3);transform:translateY(-2px);border-color:#21a36640}.unit-radio-group{display:flex;gap:5px;flex-wrap:wrap}.unit-radio{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--r-f);border:1.5px solid var(--border);background:var(--surface-alt);font-size:.8125rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t)}.unit-radio.selected{background:var(--brand-surface);border-color:var(--brand-accent);color:var(--brand);font-weight:600}.unit-radio input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.revenue-popup{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:50;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-l);box-shadow:var(--shadow-4);animation:slideUp .18s ease-out;min-width:200px}.revenue-popup-title{font-size:.6875rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.revenue-popup-total{font-size:1.25rem;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:14px}.revenue-bar-row{margin-bottom:10px}.revenue-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.revenue-bar-label span{font-size:.75rem;font-weight:500;color:var(--text-2)}.revenue-bar-label strong{font-size:.8125rem;font-weight:700;color:var(--text)}.revenue-bar-track{height:8px;border-radius:var(--r-f);background:var(--bg);overflow:hidden}.revenue-bar-fill{height:100%;border-radius:var(--r-f);transition:width .3s ease-out;min-width:4px}.revenue-bar-pct{display:block;text-align:right;font-size:.6875rem;color:var(--text-3);margin-top:2px}.sale-line-item{display:grid;grid-template-columns:1fr 74px 72px auto;gap:8px;align-items:center;margin-bottom:8px}.sale-line-item select,.sale-line-item input[type=number]{height:42px;padding:0 .75rem;border-radius:var(--r-m);border:1.5px solid var(--border);background:var(--surface-alt);color:var(--text);font-size:.875rem;outline:none;transition:border-color var(--t);width:100%}.sale-line-item select:focus,.sale-line-item input[type=number]:focus{border-color:var(--brand-accent)}.sale-line-subtotal{font-size:.875rem;font-weight:700;color:var(--text);white-space:nowrap;text-align:right}.sale-total{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:var(--r-m);background:var(--brand-surface);border:1px solid var(--brand-light);margin:8px 0 12px}.sale-total span{font-size:.875rem;font-weight:600;color:var(--brand-mid)}.sale-total strong{font-size:1.375rem;font-weight:800;color:var(--brand);letter-spacing:-.02em}.customer-count{font-size:.8125rem;font-weight:600;color:var(--text-2);padding:5px 12px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-f)}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--brand-tint)!important;border-color:#21a36633!important}.stock-row-customers{grid-template-columns:minmax(130px,1.2fr) 120px minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) 90px}.modal-wide{max-width:680px}.cell-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.admin-shell{display:flex;height:100dvh;overflow:hidden;background:var(--bg)}.admin-sidebar{width:220px;flex-shrink:0;background:var(--brand);display:flex;flex-direction:column;overflow:hidden}.admin-sidebar-header{padding:20px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-back-btn{background:none;border:none;color:var(--text-inv-dim);font-size:.8rem;cursor:pointer;padding:0;margin-bottom:14px;display:block;transition:color .15s}.admin-back-btn:hover{color:var(--text-inv)}.admin-sidebar-brand{display:flex;align-items:center;gap:8px;color:var(--text-inv);font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.admin-sidebar-brand svg{opacity:.7}.admin-nav{padding:12px 10px;flex:1;display:flex;flex-direction:column;gap:2px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:none;background:none;color:var(--text-inv-dim);font-size:.875rem;cursor:pointer;text-align:left;width:100%;transition:background .15s,color .15s}.admin-nav-item:hover{background:#ffffff12;color:var(--text-inv)}.admin-nav-item.active{background:#ffffff1f;color:var(--text-inv);font-weight:600}.admin-nav-item svg{flex-shrink:0}.admin-sidebar-footer{padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,.08)}.admin-sidebar-stats{display:flex;flex-direction:column;gap:6px}.admin-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.admin-stat-row span{color:#fff6;text-transform:uppercase;letter-spacing:.05em}.admin-stat-row code{color:#ffffff8c;font-size:.7rem}.admin-content{flex:1;overflow-y:auto;padding:32px 36px}.admin-pane{max-width:640px}.admin-pane-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.admin-pane-header h1{font-size:1.4rem;margin:2px 0 0}.admin-profile-card{display:flex;align-items:center;gap:16px;margin-bottom:16px}.admin-avatar-lg{width:56px!important;height:56px!important;font-size:1.25rem!important}.admin-staff-row{grid-template-columns:1fr 180px 110px}.neofetch-card{display:flex;gap:24px;align-items:flex-start;background:#0d1f1a;border-radius:12px;padding:20px 24px;margin-bottom:20px;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.8rem;border:1px solid rgba(33,163,102,.2)}.neofetch-logo{flex-shrink:0;width:72px;opacity:.9}.neofetch-logo .logo-option-icon{width:72px;height:72px}.neofetch-info{flex:1;min-width:0}.neofetch-title{margin-bottom:4px}.neofetch-user{color:#22c55e;font-weight:700}.neofetch-at{color:#fff6;margin:0 2px}.neofetch-host{color:#4ade80;font-weight:700}.neofetch-divider{height:1px;background:#21a36640;margin:6px 0 8px}.neofetch-row{display:flex;gap:4px;line-height:1.7}.neofetch-key{color:#22c55e;font-weight:600;min-width:72px}.neofetch-colon{color:#ffffff59}.neofetch-val{color:#ffffffbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc-users-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start;min-height:400px}.nc-user-list{padding:4px 0;overflow:hidden}.nc-user-row{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-radius:0;transition:background .12s;border-left:3px solid transparent}.nc-user-row:hover{background:var(--surface-alt)}.nc-user-row.active{background:var(--brand-tint);border-left-color:var(--brand-accent)}.nc-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--brand-surface);color:var(--brand);font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.nc-user-avatar img{width:100%;height:100%;object-fit:cover}.nc-user-info{flex:1;min-width:0}.nc-user-info strong{display:block;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nc-user-info span{font-size:.75rem;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.nc-you-badge{display:inline-block;margin-left:6px;font-size:.65rem;font-weight:600;background:var(--brand-surface);color:var(--brand-mid);border-radius:4px;padding:1px 5px;vertical-align:middle;text-transform:uppercase}.nc-user-detail{padding:0;overflow:hidden;position:sticky;top:0}.nc-detail-inner{padding:20px}.nc-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.nc-detail-avatar{width:48px;height:48px;border-radius:50%;background:var(--brand-surface);color:var(--brand);font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.nc-detail-avatar img{width:100%;height:100%;object-fit:cover}.nc-detail-form{display:flex;flex-direction:column;gap:12px}.sort-btn{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit;font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap}.sort-btn:hover{color:var(--brand-accent)}.sort-arrow{font-size:.7rem;opacity:.5}.sort-btn.active .sort-arrow{opacity:1;color:var(--brand-accent)}.rx-dash-row{display:flex;flex-direction:column;gap:6px}.rx-dash-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--surface-alt);font-size:.8125rem}.rx-dash-item strong{flex:1}.rx-dash-status{font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:20px;white-space:nowrap}.rx-dash-status.ready{background:var(--ok-bg);color:var(--ok-text)}.rx-dash-status.needs_review{background:var(--warn-bg);color:var(--warn-text)}.rx-dash-status.dispensed{background:var(--surface-alt);color:var(--text-3);border:1px solid var(--border)}.workflow-tab{display:flex;flex-direction:column;gap:12px}.workflow-list{display:flex;flex-direction:column;gap:2px}.workflow-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--border);transition:background .15s}.workflow-item.done{opacity:.55}.workflow-item.done .workflow-text{text-decoration:line-through}.workflow-check{background:none;border:none;cursor:pointer;padding:0;color:var(--brand-accent);display:flex;align-items:center;flex-shrink:0}.workflow-check-empty{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong)}.workflow-text{flex:1;font-size:.9rem;color:var(--text)}.workflow-add-row{display:flex;gap:8px;margin-top:4px}.workflow-add-input{flex:1;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--surface);color:var(--text)}.workflow-add-input:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px #21a3661f}.rx-tab{display:flex;flex-direction:column;gap:12px}.stock-row-rx{grid-template-columns:80px 1fr 1fr 70px 120px}.stock-row-rx-admin{grid-template-columns:80px 1fr 1fr 70px 120px 40px}.rx-dash-item.clickable-row{cursor:pointer}.rx-status-select{border:1px solid var(--border);border-radius:6px;padding:3px 6px;font-size:.8125rem;background:var(--surface-alt);cursor:pointer;color:var(--text)}.rx-status-select.status-ok{background:var(--ok-bg);color:var(--ok-text)}.rx-status-select.status-warn{background:var(--warn-bg);color:var(--warn-text)}.rx-status-select.status-default{background:var(--surface-alt);color:var(--text-3)}.settings-stats-card{display:flex;flex-direction:column;gap:4px;padding:8px 14px;min-width:220px}.settings-stat-row{display:flex;align-items:center;gap:10px;justify-content:space-between}.settings-stat-label{font-size:.75rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.settings-stat-value{font-size:.8125rem;color:var(--text-2);font-family:monospace}.sidebar-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.settings-avatar-wrap{position:relative;flex-shrink:0}.settings-avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover}.settings-avatar-upload{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--brand-accent);color:#fff;border:2px solid var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.settings-avatar-upload:hover{background:var(--brand-mid)}.staff-avatar-thumb{width:24px;height:24px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:6px}.staff-avatar-initial{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--brand-surface);color:var(--brand);font-size:.7rem;font-weight:700;margin-right:6px;vertical-align:middle}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}