*{box-sizing:border-box}body{color:#102027;background:#eef5f8;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#007f6d;border:0;border-radius:6px;padding:11px 16px;font-weight:700}button.secondary{color:#102027;background:#f3f7f8;border:1px solid #c9d9df}button.selected,.selected{border:2px solid #008b78}.auth-shell{justify-content:center;align-items:flex-start;min-height:100vh;padding:48px 20px;display:flex;overflow-y:auto}.auth-card{background:#fff;border:1px solid #ccdde2;border-radius:8px;width:100%;max-width:760px;padding:28px}.auth-card>span{color:#657981}.auth-card h1{margin:8px 0 22px;font-size:32px}.auth-tabs,.confirm-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.auth-form{gap:14px;display:grid}.auth-form label{gap:7px;display:grid}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.multi-select{min-height:130px}.modal-backdrop{z-index:1000;background:#1020278c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal{background:#fff;border-radius:8px;width:100%;max-width:440px;padding:24px;box-shadow:0 18px 50px #10202740}.confirm-modal h2{text-align:center;font-size:24px}.confirm-actions{margin:0}.distributor-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .16s;display:grid}.distributor-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sidebar{color:#fff;background:#123d42;padding:22px 14px;transition:padding .16s,transform .16s;overflow:hidden}.sidebar-collapsed .sidebar{padding-left:0;padding-right:0;transform:translate(-100%)}.sidebar h1{margin:0 0 4px;font-size:22px}.sidebar p{color:#b8cdd2;margin:0 0 22px}.sidebar button{color:#e7f3f5;text-align:left;background:0 0;border-radius:4px;width:100%;margin:4px 0;padding:13px 12px;font-weight:500;display:block}.sidebar button.active,.sidebar button:hover{background:#0b2f34}.sidebar .logout-button{border-top:1px solid #ffffff29;margin-top:18px}.content{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.topbar-title{align-items:center;gap:12px;display:flex}.menu-toggle{color:#102027;background:#f7fbfc;border:1px solid #c9d9df;min-width:44px;padding:9px 12px}.topbar span{color:#657981;display:block}h2{margin:0 0 18px;font-size:32px}h3{margin-top:0}.metric-grid,.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.open-bill-layout{grid-template-columns:minmax(180px,.42fr) minmax(0,1.58fr);align-items:stretch;gap:16px;min-height:calc(100vh - 118px);display:grid}.order-list-panel{height:100%;min-height:0}.order-list-scroll{align-content:start;gap:10px;height:calc(100vh - 220px);max-height:calc(100vh - 220px);padding-right:4px;display:grid;overflow:auto}.order-pill{align-content:center;width:100%;min-height:84px;padding-inline:12px}.bill-panel{flex-direction:column;gap:14px;min-width:0;height:100%;min-height:0;display:flex}.bill-head{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:10px;display:grid}.bill-head span{white-space:nowrap}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.bill-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:2px;display:grid}.bill-summary-grid .summary-box{align-content:start}.purchase-item-details,.purchase-bill-breakup{background:#f7fbfc;border:1px solid #c8dce2;border-radius:6px;gap:10px;padding:14px;display:grid}.purchase-item-details strong,.purchase-bill-breakup strong{display:block}.purchase-item-details{grid-template-columns:minmax(120px,auto) 1fr;align-items:center}.purchase-item-details span,.purchase-bill-breakup span{white-space:nowrap;align-items:center;gap:8px;display:flex}.purchase-item-details span:after,.purchase-bill-breakup span:after{content:":";color:#60757d}.purchase-item-details strong,.purchase-bill-breakup strong{margin-left:0}.purchase-bill-breakup{grid-template-columns:minmax(132px,auto) 1fr;align-items:center}.summary-box{grid-template-columns:auto 1fr;align-items:center}.summary-vertical{grid-template-columns:1fr;align-content:start}.summary-row{white-space:nowrap;grid-template-columns:minmax(120px,auto) 1fr;align-items:center;gap:18px;display:grid}.summary-row span:after{content:" :";color:#60757d}.bill-page .table-scroll{flex:none;height:calc(100vh - 420px);min-height:240px;max-height:calc(100vh - 420px);overflow:auto}.bill-page textarea{min-height:86px}.bill-page>button{align-self:flex-start}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric-card,.panel{background:#fff;border:1px solid #ccdde2;border-radius:8px;padding:18px}.metric-card span{color:#657981;display:block}.metric-card strong{margin-top:12px;font-size:30px;display:block}.stack{align-content:start;gap:14px;display:grid}.row-between,.compact{justify-content:space-between;align-items:center;gap:16px;display:flex}.badge{color:#007f6d;text-transform:capitalize;background:#e1f7f2;border-radius:999px;padding:6px 10px;font-weight:700}.button-row,.toolbar{gap:12px;margin-top:14px;display:flex}table{border-collapse:collapse;width:100%;margin-top:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2ecef;padding:10px}small{color:#60757d;margin-top:4px;display:block}input,select,textarea{border:1px solid #bfd3da;border-radius:6px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:90px}.form{gap:12px;display:grid}.narrow{max-width:640px}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.check-grid input{width:auto}.success{background:#dff7ee}.muted{color:#657981}.order-picker-grid{grid-template-columns:320px minmax(0,1fr);gap:16px;display:grid}.order-card,.connection-card{color:#102027;text-align:left;background:#fff;border:1px solid #ccdde2;gap:6px;width:100%;min-height:0;padding:12px;display:grid}.order-card{align-content:start;min-height:108px}.order-list{margin-top:16px}.order-row-card{grid-template-columns:280px minmax(0,1fr);align-items:center;gap:16px;display:grid}.order-row-card p{margin:8px 0}.order-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.bill-page{gap:14px;display:grid}.bill-topline{background:#e8f7f5;border:2px solid #00695f;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;display:grid}.stock-table-wrap{border:1px solid #c8dce2;max-height:330px;overflow:auto}.restock-stock-table{min-width:1280px;margin:0}.restock-stock-table th{color:#102027;text-transform:uppercase;background:#e8f1dc;font-size:13px}.restock-stock-table td{border-bottom:1px solid #dbe7ea}.bill-summary-grid,.alert-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.summary-box{background:#f7fbfc;border:1px solid #c8dce2;border-radius:6px;gap:10px;padding:14px;display:grid}.table-action{padding:8px 10px}.summary-box span{justify-content:space-between;display:flex}.connection-layout{grid-template-columns:minmax(240px,.75fr) minmax(0,2fr);align-items:start;gap:18px;display:grid}.connection-card{padding:14px}.connection-create-panel{align-self:start;max-width:420px}.connection-list-panel,.connection-detail-panel{align-self:start;min-width:0}.connection-list-panel{grid-column:2;min-height:calc(100vh - 164px)}.connection-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:calc(100vh - 240px);padding-right:4px;display:grid;overflow:auto}.connection-card{text-align:left;align-content:start;min-height:112px}.connection-card.selected{border-color:#008b78;box-shadow:inset 0 0 0 1px #008b78}.connection-detail{gap:16px;display:grid}.connection-overlay{align-items:flex-start;padding:10px}.connection-modal{background:#fff;border-radius:10px;gap:18px;width:min(1500px,100vw - 20px);max-height:calc(100vh - 20px);padding:22px 24px 20px;display:grid;position:relative;overflow:auto;box-shadow:0 24px 70px #10202747}.connection-modal-head{justify-content:space-between;align-items:start;gap:16px;padding-right:52px;display:flex}.connection-modal-meta{justify-items:end;gap:8px;display:grid}.connection-close{color:#102027;background:#f3f7f8;border:1px solid #c9d9df;width:40px;height:40px;padding:0;font-size:26px;line-height:1;position:absolute;top:12px;right:12px}.connection-detail-strip{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.connection-detail-strip span{color:#657981}.connection-detail-strip strong{margin-right:12px}.connection-detail-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.connection-field{gap:2px;min-width:0;display:grid}.connection-field span{color:#657981;white-space:nowrap}.connection-field strong{overflow-wrap:anywhere}.connection-alert-list{gap:10px;display:grid}.connection-alert-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:52vh;padding-right:4px;overflow:auto}.alert-card{background:#f7fbfc;border:1px solid #c8dce2;border-radius:6px;gap:3px;min-height:0;padding:10px 11px;display:grid}.connection-filter-bar{flex-wrap:wrap}.connection-filter-bar button{white-space:nowrap}.alert-columns{margin-top:16px}.subscription-flow{max-width:980px}.distributor-subscription-shell{min-height:calc(100vh - 140px)}.subscription-status{background:#e0f4ef;border-radius:10px;justify-content:space-between;align-items:start;gap:18px;padding:18px;display:flex}.subscription-status.expired{background:#f7fbfc}.subscription-status strong{font-size:18px;display:block}.subscription-status span{margin-top:8px;display:block}.subscription-status-price{text-align:right;white-space:nowrap;justify-items:end;gap:6px;display:grid}.subscription-card-view{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.subscription-card{gap:6px;min-height:130px;display:grid}.subscription-card span{color:#657981}.subscription-card strong{font-size:18px}.subscription-flow-box{gap:14px;display:grid}.subscription-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.subscription-steps button{color:#102027;background:#f7fbfc;border:1px solid #c9d9df}.subscription-steps button.active{color:#007f6d;background:#e0f4ef;border-color:#008b78}.distributor-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-payment-panel{background:#f7fbfc;border:1px solid #c8dce2;border-radius:8px;padding:14px}.subscription-payment-grid{grid-template-columns:minmax(160px,1fr) minmax(0,1fr);align-items:center;gap:12px 18px;display:grid}.subscription-payment-grid strong{text-align:right;justify-self:end}.subscription-reminder-backdrop{align-items:center}.subscription-reminder-card{width:min(560px,100vw - 20px);max-width:560px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.plan-card{text-align:center;place-items:center;gap:4px;min-height:118px;display:grid}.scheme-card,.staff-card{border:1px solid #d6e5e9;border-radius:6px;min-height:0;padding:14px}.staff-list-panel,.scheme-list-panel{min-height:calc(100vh - 190px)}.scheme-card-grid{gap:12px;display:grid}.scroll-card-list{max-height:calc(100vh - 305px);padding-right:4px;overflow:auto}.scheme-card-large{gap:10px;display:grid}.scheme-card-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.staff-card-grid{gap:12px;display:grid}.staff-panel-head{align-items:center}.staff-search{min-width:220px}.staff-card-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.staff-card-actions{flex-wrap:wrap;gap:8px;display:flex}.scheme-card span,.staff-card span{margin-top:6px;display:block}.subscription-summary{gap:16px;display:grid}.subscription-summary-box{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.subscription-summary-box strong{overflow-wrap:anywhere}@media (max-width:900px){.distributor-shell,.metric-grid,.two-column,.order-picker-grid,.connection-layout,.bill-summary-grid,.alert-columns,.order-row-card,.order-actions{grid-template-columns:1fr}.connection-layout,.connection-list-panel{grid-column:auto;grid-template-columns:1fr}.connection-alert-grid{grid-template-columns:1fr}.connection-card-grid{grid-template-columns:1fr;max-height:none}.subscription-card-view,.subscription-status,.subscription-payment-grid,.distributor-plan-grid{grid-template-columns:1fr}.subscription-status-price{text-align:left;justify-items:start}.auth-grid{grid-template-columns:1fr}}