:root{--primary:#106090;--primary-dark:#0B4A70;--bg:#F4F7F9;--card:#FFFFFF;--border:#E3E9EE;--hairline:#EFF3F6;--text:#1C2B36;--muted:#5E6E7E;--faint:#93A3B0;--green:#1E8E5A;--amber:#B77400;--red:#B3261E;--blue-soft:#EDF4F8;--green-soft:#E6F3EC;--amber-soft:#FAF1DE;--red-soft:#FBEAE8}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--text);text-size-adjust:100%;touch-action:pan-x pan-y}a{color:var(--primary)}a:hover{color:var(--primary-dark)}button,input,select,textarea{font-family:inherit;font-size:100%}input:focus,select:focus{outline:2px solid #10609033;border-color:var(--primary)!important}::placeholder{color:var(--faint)}@media (pointer:coarse){.field,input,select,textarea{font-size:16px!important}}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:236px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;border-radius:12px;cursor:pointer;font-size:13px;text-align:left;background:transparent;color:var(--muted);font-weight:500;white-space:nowrap}.nav-btn:hover{background:var(--blue-soft)}.nav-btn.active{background:var(--primary);color:#FFFFFF;font-weight:600}.nav-btn.active:hover{background:var(--primary-dark)}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid var(--border)}.main{flex:1 1;overflow-y:auto;padding:24px 28px}@media (max-width:900px){.app{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{width:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;border-right:none;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:30}.sidebar-brand{padding:0;margin-right:auto}.sidebar-nav{flex-direction:row;overflow-x:auto;order:3;width:100%;padding-bottom:2px}.sidebar-user{margin-top:0;border-top:none;padding:0}.sidebar-user .who{display:none}.main{overflow-y:visible;padding:16px}}@media (max-width:520px){.main{padding:12px}.sidebar-brand .brand-text{display:none}}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.page-head h1{font-size:24px;font-weight:600;margin:0}@media (max-width:520px){.page-head h1{font-size:20px}}.label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.stat-value{font-size:24px;font-weight:600;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-sub{font-size:11px;color:var(--muted);margin-top:2px}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:14px}.grid-4,.grid-5{display:grid;gap:14px}.grid-5{grid-template-columns:repeat(5,1fr);grid-gap:14px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:14px}.grid-2,.grid-3{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:14px}.grid-main-side{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:14px;gap:14px;align-items:start}@media (max-width:1200px){.grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-main-side{grid-template-columns:1fr}}@media (max-width:620px){.grid-4,.grid-5{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:14px}.row-between{justify-content:space-between}.list-row,.row-between{display:flex;align-items:center;gap:10px}.list-row{padding:9px 0;border-bottom:1px solid var(--hairline)}.list-row:last-child{border-bottom:none}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow-x:auto}table.data{width:100%;border-collapse:collapse;min-width:760px}table.data.wide{min-width:980px}table.data.narrow{min-width:560px}table.data th{text-align:left;padding:14px 10px 10px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);white-space:nowrap}table.data td{padding:11px 10px;font-size:13px;border-bottom:1px solid var(--hairline);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data td:first-child,table.data th:first-child{padding-left:16px}table.data td:last-child,table.data th:last-child{padding-right:16px}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty{padding:40px 16px;text-align:center;color:var(--faint)}.btn,.empty{font-size:13px}.btn{border-radius:999px;font-weight:600;cursor:pointer;border:none;padding:0 20px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--primary);color:#FFFFFF}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-ghost{background:var(--card);color:var(--primary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--blue-soft)}.btn-cancel{background:var(--card);color:var(--muted);border:1px solid var(--border)}.btn-cancel:hover:not(:disabled){background:var(--bg)}.btn-sm{height:30px;padding:0 14px;font-size:12px}.btn-block,.field{width:100%}.field{padding:10px 14px;border-radius:12px;border:1px solid var(--border);font-size:13px;background:#FFFFFF}.field.invalid{border-color:var(--red)}.field-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.form-grid{flex-direction:column}.form-grid,.form-row{display:flex;gap:10px}.form-row>*{flex:1 1;min-width:0}@media (max-width:480px){.form-row{flex-direction:column}}.pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;display:inline-block}.pill-green{background:var(--green-soft);color:var(--green)}.pill-amber{background:var(--amber-soft);color:var(--amber)}.pill-red{background:var(--red-soft);color:var(--red)}.avatar,.pill-blue{background:var(--blue-soft);color:var(--primary)}.avatar{border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.segment{display:flex;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:4px;flex-wrap:wrap}.segment button{height:32px;padding:0 16px;border-radius:999px;border:none;cursor:pointer;font-size:13px;font-weight:600;background:transparent;color:var(--muted)}.segment button.on{background:var(--primary);color:#FFFFFF}.banner{font-size:12px;font-weight:600;border-radius:12px;padding:10px 14px}.banner-error{color:var(--red);background:var(--red-soft)}.banner-ok{color:var(--green);background:var(--green-soft)}.overlay{position:fixed;inset:0;background:rgba(12,24,32,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px;overflow-y:auto}.modal{background:#FFFFFF;border-radius:14px;padding:24px;width:100%;max-height:92vh;overflow-y:auto;box-shadow:0 2px 8px rgba(12,24,32,.15)}.modal-sm{max-width:420px}.modal-md{max-width:460px}.modal-lg{max-width:560px}.modal h2{font-size:20px;font-weight:600;margin:0 0 16px}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions .btn{flex:1 1;height:44px}.login{display:flex;min-height:100vh}.login-brand{width:42%;min-width:340px;background:linear-gradient(165deg,var(--primary),var(--primary-dark));color:#FFFFFF;display:flex;flex-direction:column;justify-content:space-between;padding:48px;gap:32px}.login-form-side{flex:1 1;display:flex;align-items:center;justify-content:center;padding:32px 20px}.login-form{width:100%;max-width:380px}@media (max-width:860px){.login{flex-direction:column}.login-brand{width:auto;min-width:0;padding:28px 20px;gap:20px}.login-brand .login-pitch{font-size:22px!important}.login-form-side{padding:28px 20px 48px}}.pos-layout{display:flex;gap:16px;align-items:flex-start}.pos-products{flex:1 1;min-width:0}.pos-cart{width:350px;flex-shrink:0;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;position:-webkit-sticky;position:sticky;top:0}.pos-search{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.drug-card{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;cursor:pointer}.drug-card:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(16,96,144,.15)}.drug-card.out{opacity:.45;cursor:not-allowed}@media (max-width:1000px){.pos-layout{flex-direction:column}.pos-cart{width:100%;position:static}}@media (max-width:420px){.pos-grid{grid-template-columns:1fr 1fr}}.qty-btn{width:26px;height:26px;border-radius:999px;border:1px solid var(--border);background:#FFFFFF;cursor:pointer;font-size:14px;color:var(--muted);line-height:1;flex-shrink:0}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:190px}.bar-col{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px;min-width:0}.bar{width:100%;max-width:44px;border-radius:6px;background:#B9D3E2}.bar.latest{background:var(--primary)}.bar-label{font-size:10px;color:var(--faint);white-space:nowrap}.bar-value{font-size:10px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:700px){.bar-value{display:none}.bar-chart{height:150px}}.meter{height:8px;background:var(--blue-soft);overflow:hidden}.meter,.meter>div{border-radius:999px}.meter>div{height:100%;background:linear-gradient(90deg,#2E86B8,var(--primary))}.doc{background:#FFFFFF;border-radius:4px;padding:28px 26px;max-height:72vh;overflow-y:auto;box-shadow:0 2px 8px rgba(12,24,32,.2)}.doc-head{text-align:center;padding-bottom:14px;border-bottom:1px dashed #c6d0d8}.doc-name{font-size:18px;font-weight:700}.doc-meta{font-size:11px;color:var(--muted)}.doc-actions{display:flex;gap:10px;margin-top:14px}.doc-actions .btn{height:44px}.doc-shell{width:100%;max-width:420px}.doc-shell.report{max-width:480px}.doc-line{font-size:12px;padding:4px 0;gap:12px}.doc-line,.doc-total{display:flex;justify-content:space-between}.doc-total{font-size:18px;font-weight:700;margin-top:8px}.doc-tile{background:var(--blue-soft);border-radius:12px;padding:12px}.doc-tile .k{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.doc-tile .v{font-size:18px;font-weight:600;margin-top:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media print{.app,.login{display:none!important}.overlay{position:static!important;background:none!important;padding:0!important;display:block!important}.doc-actions{display:none!important}.doc{box-shadow:none!important;max-height:none!important;overflow:visible!important;border:none!important;padding:0!important}.doc,.doc-shell{max-width:none!important}}