:root {
  --canvas:#f4f8fb;--surface:#ffffff;--surface-2:#eaf2f7;--ink:#17324d;--muted:#536a7d;--border:#d9e5ed;--border-strong:#b7cbd9;
  --accent:#1767a6;--accent-ink:#ffffff;--accent-text:#17324d;--accent-soft:#dff6ef;--accent-strong:#17634f;--accent-hover:#105488;--accent-border:#8bd7c1;
  --success:#18785e;--success-ink:#ffffff;--success-soft:#dff6ef;--success-strong:#145a47;--warning:#9a5b09;--warning-ink:#ffffff;--warning-soft:#fff1d5;--warning-strong:#714208;
  --danger:#b33b46;--danger-ink:#ffffff;--danger-soft:#fde8e9;--danger-strong:#862632;
  --chart-1:#1767a6;--chart-2:#45b99a;--chart-3:#d99a38;--chart-4:#8a78c8;--chart-5:#d86f78;--chart-6:#5b9ca8;
  --font-display:"Manrope",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"DM Mono",monospace;--radius-card:16px;--radius-btn:10px;--radius-input:10px;--shadow-card:0 8px 24px rgba(23,50,77,.06);
  --x-sidebar:#123b60;--x-mint:#dff6ef;--x-info:#1767a6;--x-focus:#1767a6;--x-accent-subtle:#edf7fc;--x-white:#ffffff;--x-auth-mint:#8be1c6;
}
html[data-theme="dark"] {
  --canvas:#101d2a;--surface:#172838;--surface-2:#203647;--ink:#e8f1f7;--muted:#b0c3d1;--border:#304657;--border-strong:#4d687b;
  --accent:#66b6e8;--accent-ink:#10283a;--accent-text:#e8f1f7;--accent-soft:#1d433f;--accent-strong:#a4ead6;--accent-hover:#8cccf1;--accent-border:#376f64;
  --success:#5bd0aa;--success-ink:#102d26;--success-soft:#1d4339;--success-strong:#a4ead6;--warning:#f3c36c;--warning-ink:#382609;--warning-soft:#49391f;--warning-strong:#ffdda0;
  --danger:#ff9ca3;--danger-ink:#3b1117;--danger-soft:#4a242b;--danger-strong:#ffc4c8;
  --chart-1:#81c9f1;--chart-2:#5bd0aa;--chart-3:#f3c36c;--chart-4:#b5a7ef;--chart-5:#ff9ca3;--chart-6:#8dcbd3;
  --font-display:"Manrope",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"DM Mono",monospace;--radius-card:16px;--radius-btn:10px;--radius-input:10px;--shadow-card:0 8px 24px rgba(0,0,0,.22);
  --x-sidebar:#0b1723;--x-mint:#21463f;--x-info:#81c9f1;--x-focus:#81c9f1;--x-accent-subtle:#1c3040;--x-white:#ffffff;--x-auth-mint:#8be1c6;
}
body{margin:0;font-family:var(--font-body);background:var(--canvas);color:var(--ink)}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:var(--x-sidebar);color:var(--x-white);display:flex;flex-direction:column;padding:25px 16px 18px;min-height:100vh;box-sizing:border-box}.brand,.auth-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;padding:0 10px 28px}.brand strong,.auth-brand strong{display:block;font-family:var(--font-display);font-size:19px}.brand small{display:block;font-size:9px;letter-spacing:1.4px;opacity:.64;margin-top:3px}.brand-mark{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-size:21px;font-weight:800;flex:none}.nav-caption{font-size:10px;letter-spacing:1.5px;color:rgba(255,255,255,.48);padding:8px 12px 12px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px;border-radius:10px;text-decoration:none;color:rgba(255,255,255,.76);font-size:13px;margin:2px 0}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.12);color:var(--x-white)}.nav-link.active{box-shadow:inset 3px 0 var(--x-mint)}.nav-icon,.nav-icon svg{width:19px;height:19px}.nav-icon{display:inline-flex}.sidebar-bottom{margin-top:auto}.secure-note{display:flex;gap:10px;align-items:center;padding:14px 10px;border-top:1px solid rgba(255,255,255,.15);font-size:11px;line-height:1.5}.secure-note small{color:rgba(255,255,255,.57)}.secure-dot{width:8px;height:8px;background:var(--x-auth-mint);border-radius:50%}.logout-button{width:100%;display:flex;justify-content:space-between;padding:11px 12px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:9px;color:var(--x-white);font:inherit;font-size:12px;cursor:pointer}.main-area{min-width:0}.topbar{height:72px;display:flex;align-items:center;gap:18px;padding:0 34px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar-spacer{flex:1}.theme-button{border:1px solid var(--border);background:var(--surface);color:var(--ink);width:36px;height:36px;border-radius:10px;font-size:19px}.user-chip{display:flex;align-items:center;gap:10px}.user-avatar,.customer-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;background:var(--accent-soft);color:var(--accent-strong);font-size:13px;font-weight:700;flex:none}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{font-size:10px;color:var(--muted);margin-top:3px}.mobile-brand{display:none}.page-content{padding:32px 34px 56px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow,.auth-kicker,.auth-mini{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--accent-strong);margin:0 0 9px}.page-head h1{font-family:var(--font-display);font-size:30px;letter-spacing:-1.2px;line-height:1.15;margin:0;font-weight:800}.page-description{color:var(--muted);font-size:13px;margin:9px 0 0;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid var(--accent);border-radius:var(--radius-btn);background:var(--accent);color:var(--accent-ink);font:inherit;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-sm{padding:8px 11px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.metric-card{padding:19px 20px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.metric-card>strong{display:block;font-family:var(--font-display);font-size:30px;letter-spacing:-1px;margin:15px 0 6px}.metric-card>small{display:block;color:var(--muted);font-size:10px;line-height:1.45}.metric-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;font-size:17px;font-weight:700}.metric-icon.blue{background:var(--accent-soft);color:var(--accent-strong)}.metric-icon.amber{background:var(--warning-soft);color:var(--warning-strong)}.metric-icon.mint,.metric-icon.green{background:var(--success-soft);color:var(--success-strong)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:18px;margin-bottom:20px;align-items:start}.panel{overflow:hidden;margin-bottom:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border)}.panel-heading h2{font-family:var(--font-display);font-size:15px;margin:0}.panel-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.text-link{color:var(--accent);font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-size:9px;letter-spacing:.65px;text-transform:uppercase;color:var(--muted);font-weight:700;background:var(--surface-2);padding:13px 16px;white-space:nowrap}td{padding:14px 16px;border-top:1px solid var(--border);vertical-align:middle;white-space:nowrap}tbody tr:hover{background:var(--canvas)}td strong{font-size:11px}.status{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:700;background:var(--surface-2);color:var(--muted);white-space:nowrap}.status-pending{background:var(--warning-soft);color:var(--warning-strong)}.status-processing,.status-ready-for-pickup{background:var(--accent-soft);color:var(--accent-strong)}.status-completed{background:var(--success-soft);color:var(--success-strong)}.status-cancelled{background:var(--danger-soft);color:var(--danger-strong)}.stock-summary{display:flex;align-items:center;justify-content:space-between;margin:20px 22px 12px;padding:15px;border-radius:12px;background:var(--accent-soft)}.stock-summary strong{display:block;font-family:var(--font-display);font-size:24px;color:var(--accent-strong)}.stock-summary span{font-size:10px;color:var(--accent-strong)}.stock-list,.rank-list{padding:0 22px}.stock-row,.rank-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.stock-row:last-child,.rank-row:last-child{border-bottom:0}.stock-name{min-width:0;flex:1}.stock-name strong,.stock-name small{display:block}.stock-name strong{font-size:11px;white-space:normal}.stock-name small,.cell-sub{font-size:10px;color:var(--muted);margin-top:4px;display:block}.stock-qty,.stock-low{font-size:10px;color:var(--danger-strong);font-weight:700;white-space:nowrap}.stock-ok{color:var(--success-strong);font-weight:700}.medicine-avatar{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex:none}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 22px}.quick-action{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--ink);min-width:0}.quick-action>span:nth-child(2){min-width:0;flex:1}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:11px}.quick-action small{font-size:10px;color:var(--muted);margin-top:5px}.quick-symbol{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;flex:none}.quick-symbol.mint{background:var(--success-soft);color:var(--success-strong)}.quick-symbol.blue{background:var(--accent-soft);color:var(--accent-strong)}.empty-state{padding:30px 20px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);font-size:12px}.empty-state p{font-size:11px;line-height:1.6;margin:7px 0 0}.empty-mark{margin:0 auto 12px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong);font-size:20px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.search-form{display:flex;gap:8px;align-items:center;min-width:0}.search-form input{min-width:200px}.result-count{font-size:10px;color:var(--muted);white-space:nowrap}.field input,.field select,.field textarea,.search-form input,.search-form select,.status-form select{width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--radius-input);background:var(--surface);color:var(--ink);font:inherit;font-size:12px;padding:11px 12px;outline:none}.form-panel{padding-bottom:22px}.form-panel .panel-heading{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px;padding:0 22px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;font-weight:700;color:var(--ink)}.field input,.field select,.field textarea{min-height:41px}.field textarea{resize:vertical}.full-field{grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:4px}.hint{font-size:10px;color:var(--muted);line-height:1.6;margin:13px 22px 0}.order-form{padding:0 22px}.order-form .form-grid{padding:0}.order-items-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.order-items-head h3{font-family:var(--font-display);font-size:13px;margin:0}.order-item-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 95px 28px;align-items:end;gap:12px;padding:14px 0;border-top:1px solid var(--border)}.line-total{font-size:12px;font-weight:700;padding-bottom:12px;text-align:right}.remove-item{width:28px;height:38px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--danger);font-size:20px;cursor:pointer}.order-total-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0 5px;border-top:1px solid var(--border);margin-top:14px;font-size:12px}.order-total-row strong{font-family:var(--font-display);font-size:20px}.status-form{display:flex;align-items:center;gap:6px}.status-form select{min-width:125px;max-width:145px;padding:7px;font-size:10px}.icon-action{background:transparent;border:0;color:var(--accent);font:inherit;font-size:10px;font-weight:700;cursor:pointer;padding:6px}.icon-action:disabled{opacity:.45;cursor:not-allowed}.danger-text{color:var(--danger)}.item-details{font-size:10px;color:var(--muted);white-space:normal;min-width:100px}.item-details summary{cursor:pointer;color:var(--accent);font-weight:700}.item-details div{padding:8px 0;line-height:1.8;min-width:160px}.count-pill,.currency-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;background:var(--accent-soft);color:var(--accent-strong);font-size:10px;font-weight:700}.customer-avatar{width:30px;height:30px}.table-primary{display:flex;align-items:center;gap:9px}.rank-number{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--surface-2);font-size:10px;font-weight:700}.rank-name{flex:1;font-size:11px}.rank-row strong{font-size:11px;white-space:nowrap}.report-note{font-size:10px;color:var(--muted);line-height:1.6}.privacy-panel{display:flex;gap:13px;align-items:flex-start;padding:20px}.privacy-panel h2{font-size:13px;margin:0}.privacy-panel p{font-size:11px;line-height:1.7;color:var(--muted);margin:6px 0 0}.privacy-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--success-soft);color:var(--success-strong);flex:none}.flash-wrap:empty{display:none}.flash-wrap{margin-bottom:14px}.alert{padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:11px;line-height:1.5;margin-bottom:10px;background:var(--surface)}.alert-success{background:var(--success-soft);color:var(--success-strong);border-color:var(--accent-border)}.alert-error{background:var(--danger-soft);color:var(--danger-strong);border-color:var(--danger)}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(400px,1.08fr);background:var(--surface)}.auth-decoration{background:var(--x-sidebar);color:var(--x-white);padding:35px 8%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;box-sizing:border-box}.auth-brand{padding:0}.auth-message{max-width:480px;margin:auto 0;padding:65px 0}.auth-kicker{color:var(--x-mint);font-size:9px}.auth-message h1{font-family:var(--font-display);font-size:clamp(35px,4.4vw,58px);letter-spacing:-2px;line-height:1.08;margin:18px 0}.auth-message h1 em{font-style:normal;color:var(--x-mint)}.auth-message p{color:rgba(255,255,255,.7);font-size:13px;line-height:1.8;max-width:370px;margin-bottom:28px}.auth-feature{display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(255,255,255,.9);margin-top:14px}.auth-feature span{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:var(--x-mint);color:var(--x-sidebar)}.auth-foot{font-size:10px;color:rgba(255,255,255,.52)}.auth-main{display:flex;align-items:center;justify-content:center;padding:45px 7%}.auth-card{width:100%;max-width:400px}.auth-mini{font-size:9px}.auth-card h2{font-family:var(--font-display);font-size:29px;margin:12px 0 7px}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 26px}.auth-form{display:grid;gap:17px}.auth-submit{width:100%;justify-content:space-between;margin-top:4px;padding:14px 16px}.auth-switch{text-align:center;font-size:11px!important;margin:23px 0 0!important}.auth-switch a{color:var(--accent);font-weight:700;text-decoration:none}.auth-legal{text-align:center;font-size:9px!important;margin-top:36px!important;color:var(--muted)}@media(max-width:1100px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.page-content{padding:26px 22px 44px}.topbar{padding:0 22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.auth-page{grid-template-columns:minmax(270px,.8fr) minmax(360px,1.2fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.topbar{height:60px;padding:0 16px}.mobile-brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:15px}.mobile-brand .brand-mark{width:31px;height:31px;font-size:17px}.user-chip>span:last-child{display:none}.user-avatar{width:31px;height:31px}.page-content{padding:24px 15px 40px}.page-head{align-items:flex-start;flex-direction:column;gap:15px}.page-head h1{font-size:26px}.page-head>.btn{width:100%}.metric-grid{gap:10px}.metric-card{padding:15px}.metric-top{font-size:10px}.metric-card>strong{font-size:26px;margin:12px 0 4px}.metric-card>small{font-size:9px}.panel-heading{padding:17px}.quick-actions{padding:15px 17px}.toolbar{align-items:stretch;flex-direction:column}.search-form{width:100%}.search-form input{min-width:0;flex:1}.search-form select{max-width:135px}.result-count{align-self:flex-end}.form-grid{grid-template-columns:1fr;padding:0 17px}.full-field{grid-column:auto}.form-actions{grid-column:auto}.order-form{padding:0 17px}.order-form .form-grid{padding:0}.order-item-row{grid-template-columns:minmax(0,1fr) 76px;gap:10px}.order-item-row .line-total{grid-column:1;text-align:left;padding:0}.order-item-row .remove-item{grid-column:2;grid-row:2;justify-self:end}.order-item-row .quantity-field{grid-column:2;grid-row:1}.order-item-row>label:first-child{grid-column:1;grid-row:1}.status-form{align-items:flex-start;flex-direction:column}.status-form select{min-width:120px}.auth-page{display:block}.auth-decoration{min-height:auto;padding:23px 22px 26px}.auth-brand{padding:0}.auth-message{padding:28px 0 12px}.auth-message h1{font-size:35px;margin:12px 0}.auth-message p{font-size:12px;margin-bottom:15px}.auth-feature{display:none}.auth-foot{display:none}.auth-main{padding:36px 22px}.auth-card h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}