@charset "UTF-8";
:root{--bg:#f5f6f2;--panel:#fff;--ink:#172016;--muted:#687267;--line:#e2e6de;--green:#234b1f;--green-2:#347331;--green-soft:#e8f0e4;--lime:#dff279;--yellow:#fff4ae;--red:#a63b37;--red-soft:#fff0ed;--shadow:0 8px 28px rgba(30,49,25,.055);--radius:18px;--sidebar:248px}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{display:block}.icon{display:inline-flex;width:18px;height:18px;flex:0 0 auto}.icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.big-icon{width:28px;height:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.relative{position:relative}.full-width{width:100%}.mono-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.02em}.positive{color:#25712c!important}.negative{color:var(--red)!important}.warning-text{color:#9c6512!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fbfcf9;border-right:1px solid var(--line);z-index:40;display:flex;flex-direction:column;padding:26px 18px 20px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:12px;box-shadow:0 6px 16px rgba(35,75,31,.18)}.brand-mark .icon{width:23px;height:23px}.brand strong{display:block;font-size:17px;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:1px}.clinic-label{margin:32px 12px 9px;color:#8b9288;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.clinic-switch{position:relative;display:flex;align-items:center;gap:10px;padding:11px 10px;border:1px solid var(--line);border-radius:13px;background:#fff}.clinic-switch>.icon{color:var(--green)}.clinic-switch>div{min-width:0;flex:1}.clinic-switch strong,.clinic-switch small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clinic-switch strong{font-size:12px}.clinic-switch small{font-size:10px;color:var(--muted);margin-top:2px}.clinic-switch select{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.side-nav{display:grid;gap:5px;margin-top:25px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#8b9288;font-weight:700;margin:0 12px 8px}.side-nav a{display:flex;align-items:center;gap:12px;min-height:43px;padding:11px 13px;border-radius:11px;color:#5e675c;font-weight:550;font-size:13px;transition:.18s ease}.side-nav a:hover{background:#f0f3ec;color:var(--green)}.side-nav a.active{background:var(--green);color:#fff;box-shadow:0 7px 16px rgba(35,75,31,.14)}.side-nav a .icon{width:17px;height:17px}.nav-alert{margin-left:auto;background:var(--yellow);color:#655719;font-size:10px;min-width:20px;height:20px;display:grid;place-items:center;border-radius:20px}.sidebar-bottom{margin-top:auto;padding-top:24px}.system-card{padding:13px;background:#f0f4ec;border-radius:12px}.system-card>div{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:650}.system-card small{display:block;color:var(--muted);font-size:10px;margin:5px 0 0 13px}.status-dot{display:inline-block;width:7px;height:7px;background:#36a445;border-radius:50%;box-shadow:0 0 0 3px rgba(54,164,69,.12);flex:0 0 auto}.sidebar-footnote{font-size:10px;color:#92998f;margin:14px 4px 0}.app-main{min-height:100vh;margin-left:var(--sidebar)}.topbar{height:76px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(220,225,216,.8);background:rgba(245,246,242,.9);position:sticky;top:0;z-index:25;backdrop-filter:blur(12px)}.mobile-menu,.mobile-brand{display:none}.topbar-date{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.topbar-right{display:flex;align-items:center;gap:17px}.live-indicator{display:flex;align-items:center;gap:8px;font-size:11px;color:#557050}.user-chip{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:17px}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:750;font-size:11px}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{font-size:10px;color:var(--muted)}.page-content{width:100%;max-width:1600px;margin:0 auto;padding:36px 38px 60px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.page-heading h1{font-size:32px;line-height:1.15;letter-spacing:-.04em;margin:5px 0 8px;font-weight:730}.page-heading p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px!important;font-weight:750;color:#6d7c65!important;margin:0!important}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:10px;padding:10px 15px;min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:12px;cursor:pointer;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--green);color:#fff;box-shadow:0 5px 12px rgba(35,75,31,.1)}.btn-primary:hover{background:#193b17}.btn-secondary{background:#fff;border-color:var(--line);color:#34432f}.btn-secondary:hover{border-color:#b8c4b2;background:#fbfcfa}.btn-ghost{background:transparent;color:#5e6b59;padding-inline:10px}.btn.small{min-height:30px;padding:4px 8px;font-size:11px}.icon-btn{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;display:inline-grid;place-items:center;cursor:pointer;padding:0}.icon-btn:hover{background:#f1f4ee}.icon-btn.danger{color:var(--red)}.icon-btn:disabled{opacity:.4}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--green-2);font-size:11px;font-weight:700}.text-link .icon{width:14px;height:14px}
.metric-grid{display:grid;gap:15px;margin-bottom:24px}.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 21px;box-shadow:var(--shadow)}.metric-card:after{content:"";position:absolute;right:-25px;bottom:-35px;width:90px;height:90px;border-radius:50%;background:#f5f7f2;z-index:0}.metric-card>*{position:relative;z-index:1}.metric-card>span,.metric-top>span:first-child{font-size:11px;color:var(--muted);font-weight:600}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-top>.icon{color:#85947e}.metric-card>strong,.metric-top+strong{display:block;font-size:25px;letter-spacing:-.035em;margin:11px 0 5px;line-height:1.15}.metric-card p{margin:0;color:#899086;font-size:10px}.metric-card.accent-green{border-top:3px solid #6d945d}.metric-card.accent-yellow{border-top:3px solid #d9c94f}.metric-card.accent-red{border-top:3px solid #d98572}.metric-card .small-metric{font-size:21px}.slim-metrics .metric-card{padding:17px 19px}.slim-metrics .metric-card>strong{margin-top:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-heading h2{font-size:17px;letter-spacing:-.025em;margin:4px 0 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:20px}.dashboard-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-chart{height:225px;display:flex;align-items:stretch;gap:12px;padding:15px 4px 0}.bar-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-value{font-size:9px;color:var(--muted);height:15px;white-space:nowrap}.bar-track{height:165px;width:100%;max-width:42px;background:#f1f3ee;border-radius:8px 8px 4px 4px;display:flex;align-items:flex-end;overflow:hidden}.bar-track span{width:100%;background:linear-gradient(180deg,#779b60,#345b2b);border-radius:8px 8px 3px 3px;min-height:3px}.bar-column small{color:var(--muted);font-size:10px}.finance-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf0e9;font-size:12px}.finance-row>span{display:flex;align-items:center;gap:8px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.income{background:#5f914b}.dot.expense{background:#d0836c}.finance-total{display:flex;justify-content:space-between;align-items:center;padding:18px 0 8px}.finance-total span{font-weight:650}.finance-total strong{font-size:21px;letter-spacing:-.03em}.panel-note{font-size:10px;color:var(--muted);margin:12px 0 0}.compact-list{display:grid}.compact-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf0e9}.compact-item:last-child{border:0;padding-bottom:0}.compact-item:first-child{padding-top:0}.compact-item>div{min-width:0;flex:1}.compact-item strong{display:block;font-size:12px}.compact-item p{margin:3px 0 0;font-size:10px;color:var(--muted)}.date-tile{width:43px;height:47px;background:#eef3e9;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.date-tile strong{font-size:16px;line-height:1}.date-tile span{font-size:9px;text-transform:uppercase;margin-top:4px;color:var(--muted)}.time-label{font-size:10px;color:var(--green-2);font-weight:650}.drug-avatar{width:37px;height:37px;border-radius:10px;background:#eef3e9;color:#4a7140;display:grid;place-items:center;flex:0 0 auto}.stock-number{font-size:17px;text-align:right}.stock-number small{display:block;font-size:9px;color:var(--muted);font-weight:400}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-actions>a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;align-items:center;gap:11px;transition:.18s}.quick-actions>a:hover{border-color:#a9bda1;transform:translateY(-2px)}.quick-actions>a>.icon:first-child{width:34px;height:34px;padding:8px;background:#eff4eb;color:var(--green);border-radius:9px}.quick-actions>a>.icon:last-child{width:14px;margin-left:auto;color:#8a9485}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:11px}.quick-actions small{font-size:9px;color:var(--muted);margin-top:2px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.search-form{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.search-form>.icon{color:#8b9586;margin-right:-34px;margin-left:12px;z-index:1;width:16px}.search-form input[type=search]{padding-left:37px;max-width:400px}.record-count{font-size:11px;color:var(--muted);white-space:nowrap}input,select,textarea{width:100%;border:1px solid #dce2d8;background:#fff;color:var(--ink);border-radius:9px;min-height:40px;padding:9px 11px;outline:none;transition:.15s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#7f9b73;box-shadow:0 0 0 3px rgba(88,126,73,.1)}input::placeholder,textarea::placeholder{color:#a0a79d}select{cursor:pointer}.table-wrap{width:100%;overflow-x:auto;margin:0 -4px;padding:0 4px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#879080;font-weight:750;padding:12px 13px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:14px 13px;border-bottom:1px solid #edf0e9;font-size:11px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfa}td strong{font-size:12px}.cell-subtext{display:block;color:var(--muted);font-size:9px;margin-top:4px}.person-cell,.drug-cell{display:flex;align-items:center;gap:10px;min-width:155px}.person-cell strong,.person-cell small,.drug-cell strong,.drug-cell small{display:block}.person-cell small,.drug-cell small{color:var(--muted);font-size:9px;margin-top:2px}.avatar{width:34px;height:34px;border-radius:50%;background:#eaf0e5;color:#3c6132;display:grid;place-items:center;font-weight:700;font-size:10px;flex:0 0 auto}.blood-type{display:inline-grid;place-items:center;background:#f1f3ee;border-radius:7px;padding:4px 8px;font-weight:700}.reason-cell{max-width:210px}.status-form select{min-height:32px;padding:5px 8px;font-size:10px;min-width:110px}.badge{display:inline-flex;align-items:center;border-radius:30px;padding:4px 9px;font-size:9px;font-weight:700;text-transform:capitalize;white-space:nowrap}.badge.success{background:#e6f3e5;color:#337333}.badge.warning{background:#fff4cd;color:#896816}.badge.danger{background:#fae7e4;color:#a13d36}.badge.neutral{background:#edf0eb;color:#657060}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:700;text-transform:capitalize;white-space:nowrap}.status-badge .status-dot{width:5px;height:5px;box-shadow:none;background:currentColor}.status-mint{background:#e6f3e5;color:#337333}.status-green{background:#edf3e8;color:#4c6f3f}.status-amber{background:#fff4cd;color:#896816}.status-red{background:#fae7e4;color:#a13d36}.status-slate{background:#edf0eb;color:#657060}.stock-pill{display:inline-block;font-weight:700;font-size:11px}.stock-pill.low{color:var(--red)}.stock-pill.good{color:#32632d}.stock-actions{display:flex;gap:5px}.stock-actions .icon-btn{width:28px;height:28px}.filter-tabs{display:flex;gap:6px;overflow-x:auto;margin:-3px 0 20px;padding:3px}.filter-tabs a{padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:11px;white-space:nowrap}.filter-tabs a.active{background:var(--green);border-color:var(--green);color:#fff}.filter-tabs.compact{margin:0 0 16px}.filter-tabs.compact a{padding:6px 10px;font-size:10px}.empty-state{text-align:center;padding:32px 18px;color:var(--muted)}.empty-state.large{padding:55px 18px}.empty-state>.icon{width:34px;height:34px;margin:0 auto 12px;color:#90a087}.empty-state h3{color:var(--ink);font-size:15px;margin:0 0 6px}.empty-state p{font-size:11px;margin:0 auto 15px}.payment-badge{display:inline-flex;padding:4px 8px;border-radius:6px;font-size:9px;font-weight:700}.payment-badge.cash{background:#edf0eb;color:#586552}.payment-badge.mpesa{background:#e6f4e5;color:#327532}.payment-badge.bank{background:#e8eff6;color:#456683}.category-badge{display:inline-flex;padding:4px 8px;background:#f0f2ed;border-radius:6px;font-size:10px}
.dialog{border:0;padding:0;border-radius:20px;background:transparent;width:min(620px,calc(100% - 28px));max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 25px 80px rgba(15,30,12,.22)}.dialog::backdrop{background:rgba(21,31,19,.46);backdrop-filter:blur(4px)}.dialog-card{background:#fff;padding:25px;border-radius:20px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-heading h2{font-size:21px;letter-spacing:-.03em;margin:4px 0 0}.dialog-description{font-size:12px;color:var(--muted);margin:-7px 0 20px}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.cart-field{display:grid;gap:6px;font-size:11px;font-weight:650;color:#4e5c49}.form-grid .full-width{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.form-note{display:flex;gap:9px;align-items:center;background:#f2f5ee;border-radius:10px;padding:11px 12px;color:#617059;font-size:10px;margin-top:17px}.file-drop{position:relative;border:1.5px dashed #bac7b2;background:#f8faf6;border-radius:13px;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;cursor:pointer;padding:20px}.file-drop>.icon{width:29px;height:29px;color:var(--green-2);margin-bottom:4px}.file-drop strong{font-size:13px}.file-drop small{font-size:10px;color:var(--muted)}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;height:100%}.format-details{margin-top:15px;font-size:11px;color:var(--muted)}.format-details summary{cursor:pointer;color:var(--green-2);font-weight:650}.format-details code{font-size:10px;word-break:break-word}.form-error{color:var(--red);font-size:11px}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:20px;align-items:start}.product-panel{min-width:0}.product-search{margin-bottom:18px}.product-search input{max-width:none}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:590px;overflow-y:auto;padding:2px}.product-card{position:relative;text-align:left;border:1px solid var(--line);background:#fcfdfb;border-radius:13px;padding:14px;display:grid;grid-template-columns:37px minmax(0,1fr) auto;gap:10px;cursor:pointer;transition:.15s;min-width:0}.product-card:hover{border-color:#93ac87;background:#f6f9f3;transform:translateY(-1px)}.product-card:disabled{opacity:.5;cursor:not-allowed}.product-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#eaf1e5;color:#527747}.product-copy{min-width:0}.product-copy strong,.product-copy small,.product-stock{display:block}.product-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-copy small{font-size:9px;color:var(--muted);margin:2px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-stock{font-size:9px;color:#4b7142}.product-stock.low{color:var(--red)}.product-price{font-size:10px;font-weight:750;text-align:right;white-space:nowrap}.product-price small{display:block;font-size:8px;color:var(--muted);font-weight:400;margin-top:3px}.add-product{position:absolute;right:8px;bottom:8px;color:#6e8b63}.add-product .icon{width:14px;height:14px}.cart-panel{position:sticky;top:96px;margin-bottom:22px}.cart-lines{max-height:260px;overflow:auto;margin:0 -5px 16px;padding:0 5px}.empty-cart{text-align:center;padding:27px 10px;color:var(--muted);border:1px dashed var(--line);border-radius:11px}.empty-cart .icon{width:28px;height:28px;margin:0 auto 9px}.empty-cart p{font-size:10px;margin:0}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:11px 0;border-bottom:1px solid #edf0e9}.cart-line-info strong{display:block;font-size:11px}.cart-line-info small{font-size:9px;color:var(--muted)}.cart-line-price{text-align:right;font-size:11px}.quantity-control{display:flex;align-items:center;gap:6px;margin-top:7px}.quantity-control button{width:23px;height:23px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;line-height:1}.quantity-control span{min-width:20px;text-align:center;font-size:11px;font-weight:700}.quantity-control .remove-item{color:var(--red);margin-left:5px;border:0;background:transparent;width:auto;font-size:9px}.cart-field{margin-bottom:12px}.cart-field input{min-height:37px;font-size:11px}.cart-totals{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:8px;margin:16px 0}.cart-totals>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.cart-totals strong{color:var(--ink)}.cart-totals .grand-total{font-size:14px;color:var(--ink);padding-top:10px;border-top:1px dashed var(--line)}.grand-total strong{font-size:20px;letter-spacing:-.03em;color:var(--green)}.payment-options{border:0;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-options legend{font-size:10px;font-weight:700;margin-bottom:7px}.payment-option{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:11px 9px;border-radius:10px;cursor:pointer}.payment-option input{position:absolute;opacity:0}.payment-option>.icon{width:17px;color:#6f7d68}.payment-option strong,.payment-option small{display:block}.payment-option strong{font-size:11px}.payment-option small{font-size:8px;color:var(--muted)}.payment-option i{width:11px;height:11px;border:1px solid #b9c2b4;border-radius:50%;margin-left:auto}.payment-option:has(input:checked){border-color:#58844a;background:#f0f6ec}.payment-option:has(input:checked) i{border:3px solid var(--green)}.checkout-btn{width:100%}.checkout-note{display:flex;align-items:flex-start;gap:6px;font-size:9px;color:var(--muted);margin:11px 0 0}.checkout-note .icon{width:13px;height:13px}.sales-history{margin-top:0}.receipt-dialog{width:min(600px,calc(100% - 28px))}.receipt-paper{padding:10px 5px}.receipt-brand{display:flex;align-items:center;justify-content:center;gap:11px;text-align:left;padding-bottom:18px;border-bottom:1px dashed #bbc3b7}.receipt-brand h3{margin:0;font-size:18px}.receipt-brand p{margin:2px 0 0;color:var(--muted);font-size:10px}.receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0}.receipt-meta span,.receipt-meta strong{display:block}.receipt-meta span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.receipt-meta strong{font-size:10px;margin-top:3px}.receipt-table th,.receipt-table td{padding:9px 5px}.receipt-totals{width:230px;max-width:100%;margin-left:auto;padding-top:13px}.receipt-totals>div{display:flex;justify-content:space-between;padding:5px 0;font-size:11px}.receipt-totals>div:last-child{border-top:1px solid var(--ink);font-size:15px;margin-top:5px;padding-top:10px}.receipt-thanks{text-align:center;color:var(--muted);font-size:10px;margin:25px 0 8px}
.expense-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px}.category-bars{display:grid;gap:16px}.category-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.category-track{height:7px;background:#eef1eb;border-radius:10px;overflow:hidden}.category-track span{display:block;height:100%;background:linear-gradient(90deg,#567c49,#9aaf75);border-radius:10px}.finance-guide{background:linear-gradient(140deg,#f0f4e9,#fff)}.finance-guide>.icon{color:#6b895e;margin-bottom:20px}.finance-guide h2{font-size:18px;letter-spacing:-.025em;margin:6px 0 10px}.finance-guide>p:not(.eyebrow){font-size:11px;color:var(--muted)}.category-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.category-tags span{background:#fff;border:1px solid var(--line);padding:5px 8px;border-radius:6px;font-size:9px}
.network-hero{background:linear-gradient(120deg,#203f1c,#31552a);color:#fff;border-radius:20px;padding:28px 30px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.network-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-70px;top:-130px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)}.network-hero>div{position:relative;z-index:1}.network-hero .eyebrow{color:#bfd1b5!important;margin-top:15px!important}.network-hero h2{font-size:25px;letter-spacing:-.03em;margin:5px 0}.network-hero p:not(.eyebrow){color:#cbd8c5;font-size:11px;margin:0}.network-mark{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center}.network-status{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 17px;min-width:220px}.network-status small{grid-column:2;color:#b7c9af;font-size:9px}.clinic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:22px}.clinic-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow)}.clinic-card.active{border-color:#95ae88;box-shadow:0 8px 28px rgba(49,88,40,.08)}.clinic-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.clinic-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#edf3e9;color:var(--green)}.clinic-card h2{font-size:20px;letter-spacing:-.03em;margin:5px 0 9px}.clinic-location,.clinic-phone{color:var(--muted);font-size:11px;margin:6px 0;display:flex;align-items:center;gap:6px}.clinic-location .icon{width:14px;height:14px}.clinic-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:20px 0;padding:16px 0}.clinic-stats>div{border-right:1px solid var(--line);padding-left:14px}.clinic-stats>div:first-child{padding-left:0}.clinic-stats>div:last-child{border:0}.clinic-stats strong,.clinic-stats span{display:block}.clinic-stats strong{font-size:19px}.clinic-stats span{font-size:9px;color:var(--muted)}.deployment-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.deployment-panel h2{font-size:18px;margin:4px 0 7px}.deployment-panel p:not(.eyebrow){font-size:11px;color:var(--muted);margin:0;max-width:650px}
.flash-stack{position:fixed;right:24px;top:90px;z-index:100;display:grid;gap:9px;width:min(400px,calc(100% - 30px))}.flash{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--line);border-left:4px solid #5c8c4d;padding:13px 14px;border-radius:11px;box-shadow:0 12px 35px rgba(24,40,20,.13);font-size:11px;animation:flash-in .25s ease}.flash.error{border-left-color:var(--red)}.flash.warning{border-left-color:#c5a332}.flash .icon{margin-top:1px}.flash-success{color:#396833}.flash-error{color:var(--red)}.import-errors{margin:-10px 0 20px;background:#fff7e1;border:1px solid #e8d99a;border-radius:12px;padding:13px 17px;font-size:11px}.import-errors strong{display:block;margin-bottom:6px}.import-errors ul{margin:0;padding-left:18px}.sidebar-overlay{display:none}
@keyframes flash-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.page-content{padding-inline:46px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.metric-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.dashboard-grid.equal{grid-template-columns:1fr}.pos-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr)}.product-grid{grid-template-columns:1fr}.topbar{padding-inline:26px}.page-content{padding-inline:26px}.clinic-grid{grid-template-columns:1fr 1fr}.expense-grid{grid-template-columns:1fr}}
@media(max-width:900px){:root{--sidebar:230px}.sidebar{transform:translateX(-100%);transition:transform .22s ease;box-shadow:10px 0 40px rgba(20,35,17,.15)}body.nav-open .sidebar{transform:translateX(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(20,31,17,.35);z-index:35;opacity:0;visibility:hidden;transition:.2s}body.nav-open .sidebar-overlay{opacity:1;visibility:visible}.app-main{margin-left:0}.mobile-menu{display:grid}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:750}.mobile-brand .brand-mark{width:30px;height:30px;border-radius:9px}.mobile-brand .brand-mark .icon{width:18px}.topbar-date{display:none}.topbar{height:65px;padding-inline:20px}.topbar-right{gap:10px}.user-chip{padding-left:10px}.user-chip>div{display:none}.page-content{padding:27px 20px 50px}.pos-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.cart-panel{position:static}.product-panel{margin-bottom:0}.clinic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.page-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:22px}.page-heading h1{font-size:28px}.page-heading>.btn,.page-heading>.heading-actions{width:100%}.heading-actions .btn{flex:1}.page-content{padding:23px 14px 40px}.topbar{padding-inline:14px}.live-indicator{display:none}.metric-grid.four,.metric-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid.three .metric-card:last-child{grid-column:1/-1}.metric-card{padding:16px}.metric-card>strong,.metric-top+strong{font-size:20px}.metric-card .small-metric{font-size:17px}.panel{padding:17px;border-radius:15px;margin-bottom:15px}.panel-heading{margin-bottom:16px}.dashboard-grid{gap:15px}.quick-actions{grid-template-columns:1fr;gap:9px}.bar-chart{gap:5px;height:200px}.bar-track{height:140px}.bar-value{font-size:7px}.toolbar{align-items:stretch;flex-direction:column}.search-form{flex-wrap:wrap}.search-form input[type=search]{max-width:none;flex:1;min-width:170px}.search-form select{width:auto}.record-count{align-self:flex-end}.form-grid.two{grid-template-columns:1fr}.form-grid .full-width{grid-column:auto}.dialog-card{padding:20px}.dialog{max-height:calc(100vh - 20px)}.product-grid{grid-template-columns:1fr}.product-card{padding:12px}.payment-options{grid-template-columns:1fr 1fr}.network-hero{padding:23px;align-items:flex-start;flex-direction:column}.network-status{width:100%}.clinic-grid{grid-template-columns:1fr;gap:14px}.deployment-panel{align-items:flex-start;flex-direction:column}.deployment-panel .btn{width:100%}.flash-stack{right:15px;top:75px}.expense-grid{gap:15px}.receipt-meta{grid-template-columns:1fr}.clinic-stats span{font-size:8px}}
@media(max-width:390px){.metric-grid.four{grid-template-columns:1fr 1fr}.metric-card{padding:14px}.metric-card>strong,.metric-top+strong{font-size:18px}.product-panel .panel-heading{align-items:flex-start}.topbar-right .user-chip{display:none}}
@media print{body{background:#fff}.sidebar,.topbar,.no-print,.flash-stack{display:none!important}.app-main{margin:0}.page-content{padding:0}.page-content>*:not(.dialog){display:none}.dialog[open]{position:static;display:block;width:100%;max-height:none;box-shadow:none;overflow:visible}.dialog::backdrop{display:none}.dialog-card{box-shadow:none;padding:0}.receipt-paper{max-width:700px;margin:auto}.receipt-table{font-size:12px}}

/* Staff authentication and access control */
.login-body{min-height:100vh;background:#eef2e9}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)}.login-story{position:relative;overflow:hidden;background:linear-gradient(145deg,#183917,#2d5426);color:#fff;padding:44px 7vw;display:flex;flex-direction:column}.login-story:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(223,242,121,.15);border-radius:50%;right:-180px;bottom:-140px;box-shadow:0 0 0 65px rgba(223,242,121,.025),0 0 0 130px rgba(223,242,121,.018)}.login-story .brand{padding:0;position:relative;z-index:1}.login-story .brand-mark{background:var(--lime);color:var(--green)}.login-story .brand small{color:#bbceb4}.login-story-copy{margin:auto 0;max-width:580px;padding:70px 0;position:relative;z-index:1}.login-story-copy .eyebrow{color:var(--lime)}.login-story-copy h1{font-size:clamp(42px,5.4vw,76px);letter-spacing:-.055em;line-height:1.01;margin:18px 0 24px}.login-story-copy>p:last-child{max-width:480px;color:#c7d5c1;font-size:15px;line-height:1.8}.login-assurance{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.login-assurance>.icon{width:35px;height:35px;color:var(--lime)}.login-assurance strong,.login-assurance small{display:block}.login-assurance small{color:#b8c9b1;margin-top:3px;font-size:11px}.login-panel{display:grid;place-items:center;padding:40px;background:#fbfcf9}.login-form-wrap{width:min(390px,100%)}.login-form-wrap h2{font-size:35px;letter-spacing:-.045em;margin:8px 0}.login-intro{color:var(--muted);margin:0 0 28px}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:7px;font-size:12px;font-weight:650}.login-form input{min-height:48px}.login-form .btn{min-height:48px;justify-content:center;margin-top:5px}.login-error{display:flex;gap:9px;align-items:flex-start;background:var(--red-soft);color:var(--red);border:1px solid #efcbc5;padding:12px 14px;border-radius:10px;margin-bottom:18px;font-size:12px}.first-run{margin-top:25px;padding:16px;background:#f0f4e9;border:1px solid #d9e2d2;border-radius:12px}.first-run strong{font-size:12px}.first-run p{font-size:12px;margin:7px 0}.first-run code{background:#fff;padding:2px 5px;border-radius:4px;color:var(--green)}.first-run small,.login-help{color:var(--muted);font-size:10px}.login-help{margin-top:24px;line-height:1.7}.logout-btn{border:0;background:transparent;padding:5px;color:#899486;cursor:pointer}.logout-btn:hover{color:var(--red)}.role-badge{display:inline-flex;background:var(--green-soft);color:var(--green);padding:5px 9px;border-radius:7px;font-size:10px;font-weight:700}.row-editor{position:relative}.row-editor summary{list-style:none;cursor:pointer}.row-editor summary::-webkit-details-marker{display:none}.row-editor-form{position:absolute;right:0;top:42px;z-index:20;width:310px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(25,40,20,.18);padding:19px;display:grid;gap:13px}.row-editor-form h3{margin:0 0 3px;font-size:15px}.row-editor-form label{display:grid;gap:5px;font-size:10px;font-weight:650}.row-editor-form .btn{justify-content:center}.field-help{color:var(--muted);font-size:9px;font-weight:400}.account-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:20px}.account-profile{text-align:center;padding-top:32px}.profile-avatar{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:var(--green);color:#fff;font-size:30px;font-weight:750;margin:0 auto 22px}.account-profile h2{font-size:23px;margin:6px 0}.account-profile>p:not(.eyebrow){color:var(--muted);margin:0}.profile-meta{display:grid;gap:0;margin-top:26px;text-align:left;border-top:1px solid var(--line)}.profile-meta>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.profile-meta span{color:var(--muted)}.security-warning{display:flex;gap:10px;background:#fff8d9;border:1px solid #ecdfa2;padding:12px;border-radius:10px;margin-bottom:18px;color:#745f12}.security-warning p{margin:0;font-size:11px}.role-explainer{display:flex;justify-content:space-between;gap:30px;align-items:center}.role-explainer h2{margin:5px 0}.role-explainer p:not(.eyebrow){color:var(--muted);margin:0;font-size:11px}.role-capabilities{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;max-width:520px}.role-capabilities span{padding:7px 10px;border-radius:8px;background:var(--green-soft);color:var(--green);font-size:10px;font-weight:650}

.denied-card{width:min(520px,calc(100% - 30px));margin:12vh auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:40px;text-align:center}.denied-card>.icon{margin:0 auto 18px;color:var(--green)}.denied-card h1{font-size:28px;letter-spacing:-.04em;margin:8px 0 14px}.denied-card p:not(.eyebrow){color:var(--muted);line-height:1.75;margin-bottom:24px}.denied-card .btn{display:inline-flex}.receiving-notes{display:grid;gap:6px;margin-top:16px;font-size:10px;font-weight:650;color:#4e5c49}
/* Receiving and report workspaces */
.wide-dialog{width:min(1120px,calc(100% - 28px))}.receipt-header-fields{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-bottom:20px}.receipt-header-fields label,.receiving-line-grid label,.catalog-label{display:grid;gap:5px;font-size:10px;font-weight:650;color:#4e5c49}.receiving-lines{display:grid;gap:13px}.receiving-line{background:#f8faf6;border:1px solid var(--line);border-radius:13px;padding:16px}.receiving-line-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.receiving-line-heading>strong{font-size:12px}.catalog-label{grid-template-columns:auto 240px;align-items:center;font-weight:500;color:var(--muted)}.catalog-label select{min-height:32px;padding:5px 8px;font-size:10px}.receiving-line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.receiving-line-grid input{min-height:36px;padding:7px 9px;font-size:11px}.receiving-line-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.receiving-line-bottom small{color:var(--muted);font-size:9px}.remove-line{border:0;background:transparent;color:var(--red);font-size:10px;cursor:pointer;padding:4px}.receiving-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}.receiving-note-view{background:#f4f6f1;padding:13px;border-radius:9px;font-size:11px}.report-tabs{margin-bottom:16px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.report-tabs a{white-space:nowrap}.report-period{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:16px 19px}.period-form{display:flex;align-items:flex-end;gap:10px}.period-form label{display:grid;gap:5px;font-size:10px;font-weight:650;color:var(--muted)}.period-form input{width:155px}.period-presets{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.period-presets a{background:#f0f3ec;border-radius:7px;padding:7px 9px;font-size:9px;color:#52634c}.period-presets a:hover{background:var(--green-soft);color:var(--green)}.report-context{display:flex;align-items:center;gap:10px;margin:-5px 0 20px;color:var(--muted);font-size:10px}.report-context strong{color:var(--ink)}.report-context span:last-child{margin-left:auto}.statement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.statement-line{display:flex;justify-content:space-between;gap:20px;padding:13px 4px;border-bottom:1px solid #edf0e9;font-size:12px}.statement-line.subtotal{background:#f5f8f2;margin:5px -8px 0;padding:14px 12px;border-radius:8px}.statement-line.grand{margin-top:8px;border-top:2px solid var(--green);border-bottom:0;padding-top:17px;font-size:14px}.panel-note{font-size:10px;line-height:1.7;color:var(--muted);margin:18px 0 0}.report-disclaimer{display:flex;gap:13px;align-items:flex-start;background:#fff9df;border:1px solid #e9dfa9;border-radius:14px;padding:17px 19px;color:#6c602a}.report-disclaimer p{margin:0;font-size:11px;line-height:1.75}.report-disclaimer>.icon{margin-top:2px}.compact-item{gap:12px}.compact-item>strong{white-space:nowrap}
@media(max-width:1000px){.login-shell{grid-template-columns:1fr 440px}.login-story{padding:35px}.receiving-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-period{align-items:flex-start;flex-direction:column}.period-presets{justify-content:flex-start}.statement-grid{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}}
@media(max-width:700px){.login-shell{display:block}.login-story{min-height:230px;padding:25px}.login-story-copy{padding:45px 0 20px}.login-story-copy h1{font-size:38px;margin:12px 0}.login-story-copy>p:last-child,.login-assurance{display:none}.login-panel{padding:35px 22px;min-height:calc(100vh - 230px)}.receipt-header-fields{grid-template-columns:1fr}.receiving-line-heading{align-items:flex-start;flex-direction:column}.catalog-label{grid-template-columns:1fr;width:100%}.period-form{align-items:stretch;flex-wrap:wrap}.period-form label{flex:1;min-width:130px}.period-form input{width:100%}.period-form .btn{width:100%;justify-content:center}.report-context{flex-wrap:wrap}.report-context span:last-child{margin-left:0}.role-explainer{align-items:flex-start;flex-direction:column}.role-capabilities{justify-content:flex-start}.row-editor-form{position:fixed;left:15px;right:15px;top:90px;width:auto;max-height:calc(100vh - 110px);overflow:auto}}
@media(max-width:480px){.receiving-line-grid{grid-template-columns:1fr}.receiving-footer{align-items:stretch;flex-direction:column}.receiving-footer .dialog-actions{margin-top:0}.receiving-footer .dialog-actions .btn{flex:1}}