:root{--ink:#132d43;--muted:#77889b;--green:#078364;--green-dark:#006d54;--green-soft:#e5f8ef;--blue:#5c9efb;--blue-soft:#eaf4ff;--rose:#df5574;--rose-soft:#fff0f3;--orange:#ed943e;--orange-soft:#fff5e6;--violet:#8268e0;--bg:#edf8f9;--line:#e6eef0;--white:#fff;--radius:22px;--shadow:0 10px 40px rgba(22,87,99,.045);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#eef6f7 0%,#e9fbf9 100%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8bcdbf;outline-offset:2px}a{color:inherit}svg{display:inline-block;vertical-align:middle;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-shell{margin:20px;display:flex;min-height:calc(100vh - 40px);background:rgba(255,255,255,.38);border-radius:25px;overflow:hidden;box-shadow:0 8px 65px rgba(38,94,105,.075)}.sidebar{width:234px;flex:none;background:rgba(255,255,255,.79);padding:25px 15px;display:flex;flex-direction:column;gap:21px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.8px;line-height:1.07;padding:5px 9px}.brand small{display:block;font-size:11px;letter-spacing:0;font-weight:450;color:var(--muted);margin-top:4px}.green{color:var(--green)}.brand-icon{font-size:27px;color:white;background:linear-gradient(140deg,#05a665,#00824b);border-radius:9px;width:38px;height:38px;display:grid;place-items:center;box-shadow:0 4px 12px #00835b33}.secure-info{background:linear-gradient(100deg,#e4fbef,#f0fbf8);border-radius:15px;padding:15px 10px;line-height:1.45;font-size:11px;font-weight:650;color:#08745a;display:flex;align-items:center;gap:12px}.shield-icon{display:grid;place-items:center;border-radius:50%;width:35px;height:35px;flex:none;background:#b4ecdb;color:#036848;font-size:19px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#304a5c;font-size:13px;font-weight:550;text-align:left;border-radius:12px;min-height:47px;padding:8px 12px;display:flex;align-items:center;gap:12px;width:100%}.nav-item>span[data-icon]{display:grid;place-items:center;width:29px;height:29px;background:#edf7f9;border-radius:10px;color:#31586a}.nav-item>span[data-icon] svg{width:17px;height:17px}.nav-item:hover{background:#effaf6}.nav-item.active{background:linear-gradient(110deg,#009771,#00785c);color:white;box-shadow:0 4px 12px #16b28a22}.nav-item.active>span[data-icon]{background:#ffffff1d;color:white}.nav-badge{font-style:normal;margin-left:auto;border-radius:25px;padding:3px 7px;color:#d03c5a;background:#ffeaf0;font-size:11px}.side-bottom{margin-top:auto;display:grid;gap:13px}.sidebar-note{padding:14px 11px;background:#eff9fa;border-radius:16px;display:flex;gap:9px;font-size:11px;color:#687e91;line-height:1.55}.sidebar-note svg{color:var(--green);flex:none}.sidebar-note p{margin:0}.side-bottom>.small{padding-left:10px;border-top:1px solid var(--line);padding-top:12px;line-height:1.6}.workspace{flex:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:75px;background:rgba(255,255,255,.72);padding:12px 24px;box-shadow:0 2px 15px #08735d05}.search-box{display:flex;align-items:center;gap:10px;max-width:440px;flex:1;padding:12px 17px;border:1px solid #dce8ee;border-radius:30px;background:#fff;color:#70869b}.search-box svg{width:17px;height:17px}.search-box input{outline:0;border:0;min-width:0;flex:1;background:transparent;font-size:13px;color:var(--ink)}.topbar-right{display:flex;align-items:center;gap:10px}.top-pill{font-size:11px;padding:10px 11px;border-radius:13px;white-space:nowrap;font-weight:650}.secure-pill{color:#087c60;background:#e3fbef}.top-pill svg{width:15px;height:15px}.role-pill{color:#305b9f;background:#e4f0ff}.profile{display:flex;align-items:center;gap:8px;padding:0 7px;font-size:11px}.profile b,.profile small{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{color:var(--muted);font-size:10px;margin-top:3px}.avatar{display:grid;place-items:center;font-weight:800;font-size:14px;color:#086a57;background:linear-gradient(140deg,#c0f5e7,#dbedf9);border-radius:50%;width:34px;height:34px}.main{padding:24px;max-width:1700px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px}.page-title h1{font-size:clamp(21px,2.3vw,32px);letter-spacing:-1px;margin:0 0 7px}.page-title p{color:var(--muted);font-size:13px;margin:0}.date-pill{border:1px solid #d9e8e8;background:#ffffffd9;padding:12px 15px;border-radius:12px;font-size:12px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.metric{border-radius:18px;background:#fff;padding:15px;min-height:132px;position:relative;overflow:hidden;border:1px solid #fff;box-shadow:var(--shadow)}.metric.green-card{background:linear-gradient(140deg,#e6f9ef,#f4fff7)}.metric.blue-card{background:linear-gradient(140deg,#e7f3ff,#f7fbff)}.metric.orange-card{background:linear-gradient(140deg,#fff5e5,#fffbf6)}.metric.violet-card{background:linear-gradient(140deg,#f2edff,#fcfaff)}.metric .metric-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px;font-size:12px;color:#456172}.icon-box{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;flex:none}.icon-box.green{background:#d2f5e1;color:var(--green)}.icon-box.blue{background:#d5eaff;color:#337bd8}.icon-box.orange{background:#ffe5c7;color:#d87c2b}.icon-box.violet{background:#e5dbff;color:#7257cf}.metric-value{font-weight:750;font-size:27px;letter-spacing:-.8px}.metric-sub{font-size:11px;color:#74889b;margin-top:5px}.metric-spark{position:absolute;right:10px;bottom:14px;display:flex;gap:5px;align-items:flex-end;opacity:.45}.metric-spark i{width:7px;border-radius:9px;background:currentColor}.green-card .metric-spark{color:#58cb9c}.blue-card .metric-spark{color:#78b5f5}.orange-card .metric-spark{color:#f7b363}.violet-card .metric-spark{color:#af99ed}.two-panels{display:grid;grid-template-columns:minmax(0,1.01fr) minmax(0,1.15fr);gap:14px;align-items:stretch}.panel{min-width:0;border-radius:22px;background:#fffffff0;box-shadow:var(--shadow);padding:18px;border:1px solid #fff}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-title{display:flex;align-items:center;gap:10px}.panel-title h2{font-size:17px;margin:0;letter-spacing:-.4px}.panel-title p{font-size:11px;color:var(--muted);margin:4px 0 0}.btn{border:1px solid transparent;padding:10px 15px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .12s,transform .12s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(110deg,#058868,#05735b);color:#fff}.btn.primary:hover{background:#00644f}.btn.outline{border-color:#dce7ef;background:#fff;color:#3b6176}.btn.outline:hover{background:#f6fafa}.btn.danger{background:#d54666;color:#fff}.btn.tiny{padding:8px 11px;font-size:11px}.btn.full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-button{background:#fff;border:1px solid #dfebed;border-radius:12px;padding:9px;color:#36586a;display:grid;place-items:center}.mobile-toggle{display:none}.queue-head,.rx-row{display:grid;grid-template-columns:52px minmax(100px,1.6fr) minmax(65px,.55fr) minmax(74px,.68fr) 62px;gap:8px;align-items:center}.queue-head{font-size:10px;color:#70849a;background:#f6fafb;border-radius:12px;padding:12px 9px}.rx-row{min-height:75px;padding:10px 7px;border-bottom:1px solid #e9eff1}.rx-row:last-child{border-bottom:0}.rx-thumbnail{background:linear-gradient(150deg,#f7fafa,#ecf4f4);border:1px solid #e5e9e9;border-radius:9px;width:42px;height:48px;display:grid;place-items:center;color:#559b8e;overflow:hidden}.rx-thumbnail img{width:100%;height:100%;object-fit:cover}.rx-thumbnail svg{width:25px;height:25px}.rx-patient{min-width:0}.rx-patient strong{font-size:12px;display:block;overflow-wrap:anywhere}.rx-patient a,.rx-patient small{font-size:10px;color:#72859b;display:block;margin-top:4px;overflow-wrap:anywhere}.rx-time{font-size:11px;color:#678095;white-space:normal}.rx-time small{display:block;font-size:10px;color:#93a1ad;margin-top:3px}.status{display:inline-block;border-radius:25px;padding:6px 9px;font-size:10px;font-weight:750;white-space:nowrap}.status.urgent{color:#c83558;background:#ffe8ef}.status.pending,.status.new{color:#3684c8;background:#e8f4ff}.status.verified,.status.collected,.status.settled,.status.completed{color:#087e65;background:#e3f8ef}.status.rejected,.status.refund{color:#bf355e;background:#ffedf1}.status.review{color:#bb790a;background:#fff2d8}.finance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.finance-kpi{padding:12px 9px;border-radius:14px;min-height:118px}.finance-kpi .icon-box{width:32px;height:32px;border-radius:10px;margin-bottom:8px}.finance-kpi .icon-box svg{width:16px;height:16px}.finance-kpi small{font-size:10px;color:#678096;display:block}.finance-kpi strong{font-size:clamp(13px,1.45vw,21px);display:block;letter-spacing:-.4px;margin:7px 0;overflow-wrap:anywhere}.finance-kpi.green-card{background:#e9f9ef}.finance-kpi.blue-card{background:#eaf5ff}.finance-kpi.rose-card{background:#fff0f5}.finance-kpi.violet-card{background:#f2efff}.chart-wrap{border:1px solid #e8eff2;border-radius:14px;padding:11px 10px 4px;min-height:226px}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.chart-header strong{font-size:12px}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:9px;color:#657d8e}.legend i{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:4px}.chart{width:100%;height:183px;display:block}.chart text{fill:#8090a0;font-size:10px;stroke:none}.chart .gridline{stroke:#e4edf2;stroke-dasharray:3 5;stroke-width:1}.breakdown{margin-top:17px}.breakdown h3{font-size:13px;margin:0 0 10px}.progress-row{display:grid;grid-template-columns:minmax(110px,1fr) 1.1fr 75px;gap:8px;align-items:center;margin:12px 0;font-size:10px;color:#62788d}.progress-track{height:9px;border-radius:8px;background:#eef3f5;overflow:hidden}.progress-fill{height:100%;border-radius:8px}.progress-row strong{text-align:right;font-weight:650;color:#536d82}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.data-footnote{color:#8799a2;text-align:center;font-size:11px;margin:17px 0 0;line-height:1.7}.notice{border:1px solid #b5ddcf;background:#e6fcf2;padding:12px 15px;border-radius:10px;margin:13px 0;color:#057357;font-size:12px}.notice.error{background:#fff0f2;border-color:#f6bbca;color:#b03955}.hidden{display:none!important}.empty-state{text-align:center;color:#81919f;padding:30px 12px;font-size:12px}.empty-state svg{width:27px;height:27px;margin-bottom:12px}.detail-table{width:100%;border-collapse:collapse;font-size:12px}.detail-table th,.detail-table td{text-align:left;border-bottom:1px solid #ebf0f2;padding:11px 10px;vertical-align:middle}.detail-table th{color:#76899b;font-weight:650;background:#f7fafb;font-size:11px}.table-scroll{overflow:auto;max-height:590px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.audit-hint{font-size:12px;color:#7790a0;line-height:1.7}.dialog{border:1px solid #e3eeee;background:white;border-radius:19px;box-shadow:0 25px 90px #0b566450;padding:22px;width:min(95vw,480px);color:var(--ink)}.dialog::backdrop{background:#132c3e88;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header h2{font-size:19px;margin:0}.dialog label,.login-card label{display:block;color:#4f6473;font-size:12px;font-weight:650;margin:15px 0}.dialog input,.dialog select,.dialog textarea,.login-card input{display:block;width:100%;padding:12px;border:1px solid #dbe9ed;border-radius:9px;margin-top:7px;outline-color:#7dceb4;background:#fbfefe;color:#203e50}.dialog textarea{min-height:78px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.muted{color:var(--muted)}.small{font-size:11px}.centered{text-align:center}.login-body{display:grid;place-items:center;padding:20px}.login-card{width:min(100%,415px);padding:32px;background:#fff;border:1px solid #e7f1ee;border-radius:23px;box-shadow:0 18px 80px #2c80621c}.brand-center{justify-content:center}.login-intro{text-align:center;font-size:13px;color:var(--muted);margin:18px 0 25px}.login-card .full{margin-top:14px}.login-card>.small{line-height:1.6;margin-top:22px}.pill-muted{display:inline-block;font-size:10px;color:#627c8e;background:#f2f7f9;border-radius:25px;padding:7px 9px}
@media (max-width:1240px){.sidebar{width:206px;padding-left:10px;padding-right:10px}.topbar{padding:11px 15px}.main{padding:18px}.top-pill.secure-pill{display:none}.panel{padding:13px}.finance-kpis{grid-template-columns:repeat(2,1fr)}.finance-kpi{min-height:99px}.chart-header .legend{font-size:9px}.queue-head,.rx-row{grid-template-columns:43px minmax(90px,1fr) 65px 65px 58px;gap:4px}.rx-time{font-size:10px}}@media (max-width:1000px){.two-panels{grid-template-columns:1fr}.finance-kpis{grid-template-columns:repeat(4,1fr)}.queue-head,.rx-row{grid-template-columns:58px minmax(100px,1.5fr) 1fr 90px 65px}.rx-thumbnail{width:47px;height:50px}.grid-2{grid-template-columns:1fr}.metrics{gap:8px}}@media (max-width:750px){.app-shell{margin:0;border-radius:0;min-height:100vh}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:245px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:8px 0 25px #163d4d1a;overflow-y:auto}.sidebar.show{transform:translateX(0)}.mobile-toggle{display:grid}.topbar{min-height:65px;gap:8px;padding:9px 11px}.topbar-right{gap:5px}.topbar-right .role-pill,.profile>span:not(.avatar){display:none}.profile{padding:0}.main{padding:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title{flex-wrap:wrap}.page-title h1{font-size:23px}.page-title p{font-size:12px}.date-pill{font-size:11px;padding:9px 11px}.search-box{padding:9px 12px}.finance-kpis{grid-template-columns:repeat(2,1fr)}.panel-title h2{font-size:15px}.panel{padding:11px}.queue-head,.rx-row{grid-template-columns:44px minmax(78px,1fr) 66px 63px;gap:6px}.queue-head span:nth-child(3),.rx-row .rx-time{display:none}.rx-thumbnail{width:38px;height:44px}.btn.tiny{padding:7px 9px}.progress-row{grid-template-columns:minmax(75px,1fr) 1fr 58px}.topbar .btn.outline{padding:8px;font-size:10px}}@media(max-width:400px){.nav-badge{font-size:10px}.metrics{gap:8px}.metric{padding:10px;min-height:113px}.metric-value{font-size:23px}.metric .metric-heading{font-size:11px;margin-bottom:9px}.topbar .avatar{display:none}.finance-kpi strong{font-size:17px}.queue-head,.rx-row{grid-template-columns:35px minmax(70px,1fr) 53px 57px;gap:4px}.rx-row{padding:8px 3px}.rx-thumbnail{width:33px;height:40px}.rx-patient strong{font-size:11px}.rx-patient small{font-size:9px}.status{font-size:9px;padding:5px 6px}.btn.tiny{padding:7px 6px;font-size:10px}.panel-title h2{font-size:14px}}

.metric-spark i:nth-child(1){height:16px}.metric-spark i:nth-child(2){height:25px}.metric-spark i:nth-child(3){height:38px}.metric-spark i:nth-child(4){height:27px}.legend i.cod-dot{background:#53cba1}.legend i.digital-dot{background:#75b2fb}.legend i.refund-dot{background:#fa92ae}svg.progress-track{display:block;width:100%;height:9px;stroke:none}

.payment-list{margin-top:18px}