@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");*{box-sizing:border-box}body,html{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f8fb;color:#17212b}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:#0d1b2a;color:#d8e5ef;padding:22px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.logo{display:flex;gap:10px;align-items:center;padding:4px 10px 26px}.logo>span{width:38px;height:38px;border-radius:12px;background:#27b3a5;display:grid;place-items:center;color:white;font-size:22px}.logo b{display:block;font-size:17px;color:white}.logo small,.userCard small{display:block;color:#8398aa;font-size:11px;margin-top:2px}.navLabel{font-size:10px;letter-spacing:1.3px;color:#6e8394;padding:0 12px 8px}.nav{width:100%;display:flex;gap:12px;align-items:center;padding:11px 12px;margin:2px 0;border-radius:9px;background:transparent;color:#aebfcd;text-align:left}.nav span{width:20px;text-align:center}.nav:hover{background:#152b3f;color:#fff}.nav.active{background:#173b4b;color:#fff;box-shadow:inset 3px 0 #32c1b1}.sideBottom{margin-top:auto}.userCard{display:flex;gap:9px;align-items:center;padding:12px 8px;border-top:1px solid #213547}.userCard b{font-size:12px;color:white}.avatar{width:34px;height:34px;border-radius:50%;background:#d9f3ef;color:#087b70;display:grid;place-items:center;font-weight:800;font-size:13px}.avatar.big{width:48px;height:48px;font-size:15px}.logout{width:100%;background:transparent;color:#92a7b7;text-align:left;padding:10px 8px}.main{margin-left:245px;width:calc(100% - 245px);padding:32px 38px}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.header h1{font-size:27px;margin:0 0 5px;letter-spacing:-.5px}.header p{margin:0;color:#7a8a98;font-size:13px}.headerRight{display:flex;align-items:center;gap:15px}.clinicStatus{font-size:12px;color:#617381;background:#fff;border:1px solid #e4ebf0;border-radius:20px;padding:8px 11px}.clinicStatus i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25b59f;margin-right:6px}.stats{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:14px;gap:14px;margin-bottom:22px}.stat{background:white;border:1px solid #e5ecf1;border-radius:12px;padding:17px;display:flex;gap:12px;align-items:center;box-shadow:0 2px 8px #102a4307}.statIcon{width:38px;height:38px;border-radius:10px;background:#eef7f7;display:grid;place-items:center}.stat small,.stat strong{display:block}.stat small{font-size:11px;color:#81909d;margin-bottom:5px}.stat strong{font-size:18px}.dashboardGrid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:18px;gap:18px}.panel{background:#fff;border:1px solid #e5ecf1;border-radius:13px;box-shadow:0 2px 10px #102a4307;padding:20px}.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panelHead h3{margin:0;font-size:15px}.badge,.pill,.status{display:inline-flex;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;background:#edf2f5;color:#617381}.pill.good{background:#e6f7f3;color:#078b78}.finance{display:grid;grid-gap:12px;gap:12px}.finance div{padding:15px;background:#f7fafb;border-radius:10px}.finance b,.finance small{display:block}.finance small{color:#83919c;font-size:11px}.finance b{font-size:18px;margin-top:7px}.actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.actions button{background:#f1f7f8;border:1px solid #e1ecee;padding:14px;border-radius:10px;text-align:left;color:#176e69;font-weight:700}.toolbar{display:flex;gap:10px;margin-bottom:16px}.chartSelect input,.posSearch input,.toolbar input{flex:1 1;min-width:0;background:#fff;border:1px solid #dfe7ed;border-radius:9px;padding:11px 13px;outline:none}.toolbar input:focus,input:focus,select:focus,textarea:focus{border-color:#27b3a5;box-shadow:0 0 0 3px #27b3a512}.primary{background:#159f91;color:white;padding:10px 15px;border-radius:9px;font-weight:700}.primary:hover{background:#0d8c7f}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#edf2f5;color:#435663;padding:10px 15px;border-radius:9px}.wide{width:100%;padding:13px}.tableWrap{background:#fff;border:1px solid #e3ebf0;border-radius:12px;overflow:auto;box-shadow:0 2px 10px #102a4307}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#f8fafb;color:#82919d;text-transform:uppercase;font-size:9px;letter-spacing:.7px;text-align:left;padding:12px 14px}td,th{white-space:nowrap}td{padding:13px 14px;border-top:1px solid #edf1f4;color:#465866}tr:hover td{background:#fbfdfd}td b{display:block;color:#22313d}td small{display:block;color:#8997a1;margin-top:3px}.status{background:#eef7f5;color:#238276}.badge.danger{background:#fff0ef;color:#c94e47}.badge{background:#eef5f7}.calendarStrip{display:flex;gap:7px;margin-bottom:17px}.day{width:62px;padding:9px;text-align:center;background:#fff;border:1px solid #e2e9ee;border-radius:10px}.day b,.day small{display:block}.day small{font-size:10px;color:#82919d}.day b{font-size:17px;margin-top:4px}.day.active{background:#159f91;color:#fff;border-color:#159f91}.day.active small{color:#d5f7f3}.linkBtn{background:none;color:#138c82;font-weight:700;font-size:11px}.toothMini{display:grid;place-items:center;width:27px;height:27px;background:#eef7f7;border-radius:8px;color:#167e76;font-weight:800}.pos{display:grid;grid-template-columns:1.55fr .8fr;grid-gap:18px;gap:18px}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:15px}.productCard{background:#f9fbfc;border:1px solid #e5ecef;border-radius:11px;padding:13px;text-align:left;display:flex;flex-direction:column;gap:5px}.productCard:hover{border-color:#a9dcd7;transform:translateY(-1px)}.productIcon{font-size:24px}.productCard b{font-size:12px}.productCard small{font-size:10px;color:#87949d}.productCard strong{color:#108f82;font-size:12px}.cartList{max-height:370px;overflow:auto}.cartLine{display:grid;grid-template-columns:1fr auto auto;grid-gap:10px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f3}.cartLine b,.cartLine small{display:block}.cartLine small{font-size:10px;color:#8997a1;margin-top:4px}.qty{display:flex;align-items:center;gap:7px}.qty button{width:25px;height:25px;border-radius:6px;background:#edf3f4;color:#35635f}.total{display:flex;justify-content:space-between;border-top:2px solid #e9eef0;padding:16px 0;margin-top:8px;font-size:15px}.total b{font-size:22px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.field span{font-size:10px;color:#657683;font-weight:700}.field input,.field select,.field textarea{border:1px solid #dce5eb;border-radius:8px;padding:10px;background:#fff;outline:none;width:100%}.field textarea{min-height:80px;resize:vertical}.drawerOverlay,.overlay{position:fixed;inset:0;background:#0714217d;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(760px,96vw);max-height:92vh;overflow:auto;background:white;border-radius:15px;box-shadow:0 20px 70px #0004}.modalHead{padding:20px 22px;border-bottom:1px solid #e8eef2;display:flex;justify-content:space-between}.modalHead h2{font-size:18px;margin:0 0 4px}.modalHead small{color:#8997a1}.drawerTop>button,.modalHead>button{background:#eef2f4;width:31px;height:31px;border-radius:50%;font-size:21px;color:#536671}.formGrid{padding:20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:0 13px;gap:0 13px}.field.full{grid-column:1/-1}.modalFoot{padding:15px 20px;border-top:1px solid #e8eef2;display:flex;justify-content:flex-end;gap:9px}.drawerOverlay{justify-content:flex-end;padding:0;background:#07142155}.drawer{height:100%;width:min(520px,95vw);background:white;padding:25px;overflow:auto;box-shadow:-15px 0 40px #0002}.drawerTop{display:flex;gap:12px;align-items:center;margin-bottom:25px}.drawerTop h2{margin:0;font-size:20px}.drawerTop small{color:#8997a1}.drawerTop>button{margin-left:auto}.profileGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:22px}.profileGrid div{padding:12px;background:#f7fafb;border-radius:9px}.profileGrid b,.profileGrid small{display:block}.profileGrid small{font-size:10px;color:#8997a1}.profileGrid b{font-size:12px;margin-top:5px}.drawer h3{font-size:13px;margin:18px 0 10px}.note{background:#fff9e8;border:1px solid #f4e8bd;padding:12px;border-radius:9px;color:#6e5c2d;font-size:11px;line-height:1.7}.history{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf1f3}.history b,.history small{display:block}.history small{color:#8997a1;margin-top:3px}.toast{position:fixed;bottom:25px;right:25px;background:#102a39;color:#fff;padding:12px 17px;border-radius:9px;z-index:50;box-shadow:0 8px 25px #0003;font-size:12px}.waCards{display:flex;gap:12px;margin-bottom:17px}.miniCard{background:#fff;border:1px solid #e3ebf0;border-radius:11px;padding:16px 25px}.miniCard b,.miniCard span{display:block}.miniCard b{font-size:22px}.miniCard span{font-size:10px;color:#82919d;margin-top:3px}.messageCell{max-width:350px;white-space:normal!important;line-height:1.4}.reportPanel{margin-top:18px}.tableWrap.inner{border:0;box-shadow:none}.chartSelect{gap:10px;margin-bottom:18px}.odontogram{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:10px;gap:10px;padding:10px 0 20px}.tooth{background:#f5fafb;border:1px solid #dfe9ed;border-radius:10px;padding:12px 5px;color:#536a76}.tooth span{display:block;font-size:25px}.tooth.selected{background:#dff5f1;border-color:#72c8bf;color:#08786f}.conditionGrid{display:flex;flex-wrap:wrap;gap:7px}.conditionGrid button{background:#edf4f5;color:#37635f;border-radius:8px;padding:9px;font-size:10px}.toothEditor{border-top:1px solid #e7edef;padding-top:15px}@media(max-width:1100px){.productGrid,.stats{grid-template-columns:repeat(3,1fr)}.dashboardGrid,.pos{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:68px;padding:15px 8px}.logo div,.nav,.navLabel{font-size:0}.logo{justify-content:center}.logo>span{width:40px}.nav{justify-content:center;padding:12px 5px}.nav span{font-size:16px}.sideBottom{display:none}.main{margin-left:68px;width:calc(100% - 68px);padding:22px 15px}.productGrid,.stats{grid-template-columns:1fr 1fr}.formGrid{grid-template-columns:1fr}.field.full{grid-column:auto}.header h1{font-size:23px}.clinicStatus{display:none}.odontogram{grid-template-columns:repeat(4,1fr)}}@media print{.drawerOverlay,.headerRight,.primary,.sidebar,.toast,.toolbar{display:none!important}.main{margin:0;width:100%;padding:10px}.panel,.tableWrap{box-shadow:none}}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 10% 10%,rgba(39,179,165,.12),transparent 30%),radial-gradient(circle at 90% 90%,rgba(21,159,145,.1),transparent 30%),#f4f8fa}.login-shell{width:min(1080px,100%);min-height:650px;display:grid;grid-template-columns:45% 55%;overflow:hidden;background:#fff;border:1px solid #e2eaee;border-radius:24px;box-shadow:0 25px 70px rgba(16,42,67,.13)}.login-brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:52px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(50,193,177,.28),transparent 30%),linear-gradient(145deg,#0d1b2a,#102d3c 55%,#0f5d5b)}.login-brand-panel:before{content:"";position:absolute;width:340px;height:340px;right:-170px;bottom:-170px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.login-brand-panel:after{content:"";position:absolute;width:220px;height:220px;right:-110px;bottom:-110px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#32c1b1,#159f91);color:#fff;font-size:28px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.18)}.brand-mark span{transform:translateY(-1px)}.login-brand-panel .brand-name{margin-top:18px;color:#fff;font-size:25px;font-weight:800;letter-spacing:-.7px}.login-brand-panel .brand-subtitle{margin-top:3px;color:#a9c0cc;font-size:12px}.brand-content{position:relative;z-index:2;margin-top:auto;margin-bottom:auto;max-width:430px}.brand-content h1{margin:0 0 18px;color:#fff;font-size:clamp(31px,3.2vw,45px);line-height:1.08;letter-spacing:-1.7px}.brand-content p{margin:0;max-width:390px;color:#b9cbd4;font-size:14px;line-height:1.8}.brand-footer{position:relative;z-index:2;display:flex;align-items:center;gap:8px;color:#a9c0cc;font-size:11px}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#32c1b1;box-shadow:0 0 0 4px rgba(50,193,177,.12)}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:55px;background:#fff}.login-form-container{width:min(420px,100%)}.mobile-brand{display:none}.login-heading{margin-bottom:30px}.eyebrow{margin-bottom:9px;color:#159f91;font-size:10px;font-weight:800;letter-spacing:1.5px}.login-heading h2{margin:0;color:#17212b;font-size:29px;line-height:1.2;letter-spacing:-.8px}.login-heading p{margin:10px 0 0;color:#81909d;font-size:13px;line-height:1.6}.login-form{width:100%}.login-form .field{margin-bottom:19px;gap:7px}.login-form .field label{color:#435663;font-size:11px;font-weight:700}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;z-index:2;width:18px;color:#8b9aa5;font-size:13px;text-align:center;pointer-events:none}.login-form .input-wrap input{width:100%;height:48px;padding:0 14px 0 43px;border:1px solid #dce5eb;border-radius:10px;outline:none;background:#fbfcfd;color:#17212b;font-size:13px;transition:.2s ease}.login-form .input-wrap input::placeholder{color:#aab5bd}.login-form .input-wrap input:hover{border-color:#c9d6de;background:#fff}.login-form .input-wrap input:focus{border-color:#27b3a5;background:#fff;box-shadow:0 0 0 4px rgba(39,179,165,.1)}.password-toggle{position:absolute;right:8px;padding:7px 9px;border-radius:7px;background:transparent;color:#159f91;font-size:10px;font-weight:800}.password-toggle:hover{background:#edf8f6}.login-error{display:flex;align-items:flex-start;gap:9px;margin:5px 0 15px;padding:11px 12px;border:1px solid #f1d4d1;border-radius:9px;background:#fff5f4;color:#b4433d;font-size:11px;line-height:1.5}.error-icon{flex:0 0 auto;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#c94e47;font-size:10px}.error-icon,.login-button{color:#fff;font-weight:800}.login-button{width:100%;height:49px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:7px;border-radius:10px;background:linear-gradient(135deg,#18a597,#108f82);font-size:13px;box-shadow:0 8px 20px rgba(21,159,145,.2);transition:.2s ease}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 25px rgba(21,159,145,.27)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:wait}.button-arrow{font-size:18px;line-height:1}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:dentalSpin .7s linear infinite}@keyframes dentalSpin{to{transform:rotate(1turn)}}.login-security{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;color:#91a0aa;font-size:10px}.login-copyright{margin-top:34px;color:#b0bbc2;font-size:9px;text-align:center}@media (max-width:800px){.login-page{padding:18px}.login-shell{min-height:auto;grid-template-columns:1fr;border-radius:19px}.login-brand-panel{display:none}.login-form-panel{min-height:calc(100vh - 36px);min-height:calc(100dvh - 36px);padding:35px 25px}.mobile-brand{display:flex;align-items:center;gap:11px;margin-bottom:45px}.mobile-brand .brand-mark.small{width:43px;height:43px;border-radius:12px;font-size:20px}.mobile-brand .brand-name{color:#17212b;font-size:18px;font-weight:800}.mobile-brand .brand-subtitle{color:#81909d;font-size:10px;margin-top:1px}.login-heading h2{font-size:25px}}@media (max-width:420px){.login-page{padding:0}.login-shell{width:100%;min-height:100vh;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.login-form-panel{padding:30px 21px}}.searchResults{margin-top:6px;border:1px solid #dce5eb;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden;position:relative;z-index:20}.searchResult{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 13px;border:0;border-bottom:1px solid #edf1f4;background:#fff;cursor:pointer;text-align:left}.searchResult:last-child{border-bottom:0}.searchResult:hover{background:#f3f8f8}.searchResult b{font-size:13px}.searchResult small{color:#81909b;font-size:11px}.searchEmpty{padding:12px;color:#81909b;font-size:12px}.selectedHint{display:block;margin-top:5px;color:#159f91;font-size:11px}.chartSelect{display:flex;gap:12px;margin-bottom:20px;align-items:center}.chartSelect input{flex:1 1;min-width:240px}.odontogramPro{padding:24px 10px;background:var(--surface,#fff);border-radius:14px;border:1px solid var(--border,#e5e7eb)}.jawLabel{text-align:center;font-size:12px;font-weight:800;letter-spacing:1.2px;color:#64748b;margin:4px 0 16px}.toothRow{gap:8px;flex-wrap:wrap}.toothPro,.toothRow{display:flex;justify-content:center}.toothPro{width:68px;min-height:88px;border:1px solid #dbe3ea;border-radius:12px;background:#fff;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:.18s ease;color:#334155}.toothPro:hover{transform:translateY(-2px);border-color:#14b8a6;box-shadow:0 5px 15px rgba(15,23,42,.08)}.toothPro.recorded{border-color:#14b8a6;background:#f0fdfa}.toothPro.active{border-color:#0f766e;box-shadow:0 0 0 3px rgba(20,184,166,.18);background:#ecfeff}.toothIcon{font-size:27px;line-height:1}.toothPro strong{font-size:12px}.toothPro small{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;text-transform:capitalize;color:#0f766e}.chartDivider{height:1px;background:#e2e8f0;margin:24px 5%}.chartLegend{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:16px 0 4px;color:#64748b;font-size:12px}.chartLegend span{display:flex;align-items:center;gap:7px}.legendDot{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.legendDot.recorded{background:#14b8a6}.legendDot.active{background:#0f766e}.chartSummary{display:flex;flex-direction:column;align-items:flex-end}.chartSummary strong{font-size:22px;line-height:1}.chartSummary span{font-size:11px;color:#64748b;margin-top:4px}.toothEditor{margin-top:20px;padding:20px;border:1px solid #dbe3ea;border-radius:14px;background:#f8fafc}.toothEditorHead{display:flex;justify-content:space-between;align-items:center;gap:20px}.toothEditorHead small{color:#64748b}.toothEditorHead h3{margin:3px 0 0}.editorHint{color:#64748b;font-size:13px}.currentCondition{display:flex;gap:6px;flex-wrap:wrap}.currentCondition span{padding:7px 10px;border-radius:999px;background:#ccfbf1;color:#115e59;font-size:11px;font-weight:700;text-transform:capitalize}.conditionGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));grid-gap:9px;gap:9px}.conditionBtn{border:1px solid #dbe3ea;background:#fff;border-radius:9px;padding:10px 12px;cursor:pointer;text-transform:capitalize;font-size:12px;transition:.15s ease}.conditionBtn:hover{border-color:#14b8a6;background:#f0fdfa}.conditionBtn.selected{border-color:#0f766e;background:#ccfbf1;color:#115e59;font-weight:700}.conditionBtn:disabled{opacity:.6;cursor:wait}@media(max-width:700px){.chartSelect{flex-direction:column;align-items:stretch}.toothPro{width:58px;min-height:80px}.toothIcon{font-size:23px}.toothEditorHead{flex-direction:column;align-items:flex-start}.chartSummary{display:none}}.chartPatientSearch{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.patientSearchInput{position:relative;flex:1 1}.patientSearchInput input{width:100%;padding-left:42px}.searchIcon{left:15px;font-size:20px;z-index:2}.searchIcon,.searchLoading{position:absolute;top:50%;transform:translateY(-50%);color:#64748b}.searchLoading{right:15px;font-size:11px}.patientSearchResults{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;background:#fff;border:1px solid #dbe3ea;border-radius:12px;box-shadow:0 15px 35px rgba(15,23,42,.14);overflow:hidden}.patientSearchResult{width:100%;border:0;border-bottom:1px solid #eef2f7;background:#fff;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.patientSearchResult:last-child{border-bottom:0}.patientSearchResult:hover{background:#f0fdfa}.patientResultAvatar{width:38px;height:38px;border-radius:50%;background:#ccfbf1;color:#115e59;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}.patientResultInfo{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.patientResultInfo strong{color:#0f172a;font-size:13px}.patientResultInfo small{color:#64748b;font-size:11px}.patientResultArrow{font-size:22px;color:#94a3b8}.patientSearchEmpty{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;background:#fff;border:1px solid #dbe3ea;border-radius:12px;box-shadow:0 15px 35px rgba(15,23,42,.12);padding:16px;color:#64748b;font-size:13px}@media(max-width:700px){.chartPatientSearch{flex-direction:column}.chartPatientSearch .primary{width:100%}}.modernPos{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(390px,.85fr);grid-gap:20px;gap:20px;align-items:start}.modernPosCheckout,.modernPosProducts{min-width:0}.checkoutHeading,.posTopbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.checkoutHeading h3,.posTopbar h3{margin:0;font-size:18px}.checkoutHeading span,.posTopbar span{color:#718096;font-size:13px}.modernPosSearch{width:min(420px,55%);height:46px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid #dfe5ec;border-radius:12px;background:#fff}.modernPosSearch span{font-size:22px;color:#718096}.modernPosSearch input{border:0;outline:0;width:100%;background:transparent;font-size:14px}.modernProductGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px;max-height:calc(100vh - 250px);overflow:auto;padding-right:3px}.modernProductCard{position:relative;min-height:166px;border:1px solid #e4e9ef;border-radius:15px;background:#fff;padding:16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:.18s ease}.modernProductCard:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(20,30,50,.09);border-color:#b9c5d4}.modernProductCard:disabled{cursor:not-allowed;opacity:.55}.modernProductIcon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f1f5f9;font-size:20px;margin-bottom:12px}.modernProductInfo{display:flex;flex-direction:column;gap:4px;min-width:0}.modernProductInfo b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modernProductInfo small{color:#7b8794}.modernProductCard>strong{margin-top:auto;font-size:16px}.stockTag{margin-top:7px;font-size:11px!important;color:#667085}.outOfStock .stockTag{color:#c0392b!important}.emptyState{grid-column:1/-1;min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;color:#7b8794}.emptyState div{font-size:32px}.cartSection,.patientPicker,.paymentSection{margin-bottom:18px}.sectionLabel{font-size:12px;font-weight:700;color:#667085;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.patientSearchWrap{position:relative}.patientSearchWrap>input{width:100%;height:44px;border:1px solid #dfe5ec;border-radius:10px;padding:0 12px;outline:0}.patientSearchWrap>input:focus{border-color:#8da2ba}.patientResults{position:absolute;left:0;right:0;top:49px;z-index:30;background:#fff;border:1px solid #dfe5ec;border-radius:12px;box-shadow:0 12px 30px rgba(20,30,50,.13);overflow:hidden}.patientResults button{width:100%;border:0;background:#fff;padding:11px 13px;text-align:left;display:flex;flex-direction:column;gap:3px;cursor:pointer}.patientResults button:hover{background:#f6f8fa}.patientResults button span{font-size:12px;color:#7b8794}.patientNoResults{padding:16px;color:#7b8794;font-size:13px}.selectedPatient{display:flex;align-items:center;gap:10px;border:1px solid #dfe5ec;border-radius:12px;padding:10px 12px}.patientAvatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#edf2f7;font-weight:700}.selectedPatient>div:nth-child(2){flex:1 1;display:flex;flex-direction:column;gap:3px}.selectedPatient small{color:#7b8794}.selectedPatient>button{border:0;background:transparent;font-size:21px;cursor:pointer}.walkinHint{display:block;margin-top:7px;color:#98a2b3;font-size:11px}.modernCart{max-height:220px;overflow:auto;border:1px solid #e7ebf0;border-radius:12px}.modernCartLine{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:12px;gap:12px;padding:11px 12px;border-bottom:1px solid #edf0f3}.modernCartLine:last-child{border-bottom:0}.cartProduct{min-width:0;display:flex;flex-direction:column;gap:3px}.cartProduct b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cartProduct small{color:#7b8794}.modernQty{display:flex;align-items:center;border:1px solid #dfe5ec;border-radius:9px;overflow:hidden}.modernQty button{width:30px;height:30px;border:0;background:#f8fafc;cursor:pointer}.modernQty b{width:28px;text-align:center;font-size:13px}.cartEmpty{min-height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#7b8794}.cartEmpty div{font-size:28px}.amountSummary{border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;padding:13px 0}.amountSummary>div,.amountSummary>label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0}.amountSummary label span{font-size:13px}.amountSummary input{width:110px;height:35px;border:1px solid #dfe5ec;border-radius:8px;padding:0 9px;text-align:right}.grandTotal{margin-top:12px!important;padding-top:12px;border-top:1px dashed #dfe5ec}.grandTotal span{font-weight:700}.grandTotal strong{font-size:25px}.paymentMethods{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:7px;gap:7px}.paymentMethods button{min-height:67px;border:1px solid #dfe5ec;background:#fff;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.paymentMethods button span{font-size:18px}.paymentMethods button b{font-size:11px}.paymentMethods button.active{border-color:#64748b;background:#f1f5f9}.paymentFields{margin-top:11px;display:grid;grid-template-columns:1fr auto;grid-gap:9px;gap:9px;align-items:end}.paymentFields .field{min-width:0}.paymentFields .field input{width:100%;height:43px}.paymentFields .field:nth-child(3){grid-column:1/-1}.payFullBtn{height:43px;padding:0 13px;border:1px solid #dfe5ec;border-radius:9px;background:#fff;cursor:pointer;white-space:nowrap}.paymentResult{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:11px}.paymentResult>div{background:#f8fafc;border-radius:10px;padding:11px;display:flex;flex-direction:column;gap:4px}.paymentResult small{color:#7b8794}.paymentResult b{font-size:17px}.changeAmount{color:#16803c}.balanceAmount{color:#b54708}.collectPaymentBtn{width:100%;height:51px;border:0;border-radius:12px;background:#111827;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:.18s ease}.collectPaymentBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(17,24,39,.18)}.collectPaymentBtn:disabled{opacity:.45;cursor:not-allowed}.secureNote{text-align:center;color:#98a2b3;font-size:11px;margin-top:9px}.modernPosSuccess{max-width:760px;margin:30px auto;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:34px;text-align:center;box-shadow:0 12px 40px rgba(20,30,50,.08)}.successIcon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#ecfdf3;color:#16803c;font-size:32px;font-weight:800}.modernPosSuccess h2{margin:0 0 5px}.modernPosSuccess>p{color:#667085}.successGrid{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;text-align:left}.successGrid>div{background:#f8fafc;padding:13px;border-radius:10px;display:flex;flex-direction:column;gap:4px}.successGrid small{color:#7b8794}.successActions{margin-top:25px;display:flex;justify-content:center;gap:10px}.successActions button{min-height:43px;padding:0 18px;border:1px solid #dfe5ec;border-radius:9px;background:#fff;cursor:pointer}@media(max-width:1050px){.modernPos{grid-template-columns:1fr}.modernProductGrid{max-height:none}}@media(max-width:650px){.posTopbar{flex-direction:column;align-items:stretch}.modernPosSearch{width:100%}.paymentMethods{grid-template-columns:repeat(3,1fr)}.successGrid{grid-template-columns:1fr 1fr}}@media(max-width:450px){.paymentMethods{grid-template-columns:repeat(2,1fr)}.paymentFields,.successGrid{grid-template-columns:1fr}.payFullBtn{width:100%}}.mpesaPanel{margin-top:12px;padding:14px;border:1px solid #dfe5ec;border-radius:13px;background:#f8fafc}.mpesaPanelTitle{display:flex;align-items:center;gap:10px;margin-bottom:13px}.mpesaPanelTitle>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#e9eef5;font-size:21px}.mpesaPanelTitle>div{display:flex;flex-direction:column;gap:3px}.mpesaPanelTitle small{color:#7b8794;font-size:11px}.mpesaPayAmount{margin-top:11px;padding-top:11px;border-top:1px dashed #d8dee7;display:flex;justify-content:space-between;align-items:center}.mpesaPayAmount span{font-size:12px;color:#667085}.mpesaPayAmount strong{font-size:19px}.mpesaWaiting{max-width:620px;margin:35px auto;padding:40px 32px;background:#fff;border:1px solid #e4e9ef;border-radius:20px;text-align:center;box-shadow:0 14px 45px rgba(20,30,50,.08)}.mpesaPhoneIcon{width:78px;height:78px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:#f1f5f9;font-size:38px;animation:mpesaPulse 1.7s infinite}@keyframes mpesaPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.mpesaWaiting h2{margin:0 0 8px}.mpesaWaiting>p{color:#667085;line-height:1.6}.mpesaAmount{margin:25px auto;padding:16px;border-radius:13px;background:#f8fafc;display:flex;flex-direction:column;gap:5px}.mpesaAmount small{color:#7b8794}.mpesaAmount strong{font-size:27px}.mpesaWaitingActions{display:flex;justify-content:center;gap:10px}.mpesaWaitingActions button{min-height:44px;padding:0 18px;border:1px solid #dfe5ec;border-radius:9px;background:#fff;cursor:pointer}.dashboardWelcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:22px 24px;border:1px solid #dfe9ed;border-radius:16px;background:linear-gradient(135deg,#ffffff,#f3faf9);box-shadow:0 4px 18px rgba(16,42,67,.04)}.dashboardEyebrow{display:block;margin-bottom:6px;color:#159f91;font-size:9px;font-weight:800;letter-spacing:1.5px}.dashboardWelcome h2{margin:0;color:#17212b;font-size:20px;letter-spacing:-.4px}.dashboardWelcome p{margin:6px 0 0;color:#81909d;font-size:12px}.dashboardLive{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dcece9;border-radius:20px;background:#fff;color:#55736f;font-size:10px;font-weight:700}.dashboardLive span{width:7px;height:7px;border-radius:50%;background:#25b59f;box-shadow:0 0 0 4px rgba(37,181,159,.1)}.dashboardStats{grid-template-columns:repeat(4,1fr);gap:16px}.dashboardStat{min-height:100px;padding:19px;border-radius:15px;transition:.2s ease}.dashboardStat:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,42,67,.07)}.dashboardStat .statIcon{width:44px;height:44px;flex:0 0 auto;border-radius:12px;font-size:19px}.statContent{min-width:0}.dashboardStat .statContent strong{margin:2px 0 4px;color:#17212b;font-size:20px}.dashboardStat .statContent span{display:block;color:#9aa6ae;font-size:9px}.dashboardAlertRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:18px}.dashboardAlert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding:14px 16px;border:1px solid #e4ebef;border-radius:12px;background:#fff}.alertIcon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f2f7f8}.dashboardAlert small,.dashboardAlert strong{display:block}.dashboardAlert small{margin-bottom:3px;color:#8997a1;font-size:9px}.dashboardAlert strong{color:#354753;font-size:11px}.dashboardAlert button{padding:7px 9px;border-radius:7px;background:transparent;color:#159f91;font-size:10px;font-weight:700}.financialPanel,.quickActionsPanel{min-height:265px}.panelHead>div>small{display:block;margin-top:4px;color:#94a0a9;font-size:9px}.finance{grid-template-columns:repeat(3,1fr)}.finance div{border:1px solid #edf1f3}.collectionProgress{margin-top:20px;padding-top:17px;border-top:1px solid #edf1f3}.collectionProgress>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#70808b;font-size:10px}.collectionProgress strong{color:#159f91;font-size:13px}.progressTrack{height:7px;overflow:hidden;border-radius:20px;background:#edf2f4}.progressTrack span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#27b3a5,#159f91)}.modernActions button{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px;text-align:left;transition:.15s ease}.modernActions button:hover{transform:translateY(-1px);border-color:#b8ded9;background:#edf8f6}.modernActions button>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#fff;font-size:16px}.modernActions button b,.modernActions button small{display:block}.modernActions button b{color:#176e69;font-size:10px}.modernActions button small{margin-top:3px;color:#8a999f;font-size:8px;font-weight:500}.headerUser{display:flex;align-items:center;gap:8px;padding-left:4px}.headerUserText b,.headerUserText small{display:block}.headerUserText b{max-width:130px;overflow:hidden;color:#344854;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.headerUserText small{margin-top:2px;color:#98a5ad;font-size:8px}.headerLogout{display:flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid #e3eaee;border-radius:9px;background:#fff;color:#6c7c87;font-size:10px;font-weight:700}.headerLogout:hover{border-color:#efd8d5;background:#fff5f4;color:#b84b45}.sidebar{overflow-y:auto;scrollbar-width:thin}.sideBottom{padding-top:12px}.logout:hover{color:#fff;background:#152b3f;border-radius:8px}@media(max-width:1100px){.dashboardStats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.dashboardWelcome{align-items:flex-start;flex-direction:column}.dashboardAlertRow{grid-template-columns:1fr}.dashboardStats{grid-template-columns:1fr 1fr}.headerLogout span,.headerUserText{display:none}.headerRight{gap:7px}.headerLogout{padding:8px 10px}}.appointmentSummary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:18px}.appointmentSummary>div{padding:16px 18px;border:1px solid #e3ebef;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(16,42,67,.035)}.appointmentSummary small,.appointmentSummary strong{display:block}.appointmentSummary small{color:#8997a1;font-size:10px}.appointmentSummary strong{margin-top:5px;color:#17212b;font-size:22px}.appointmentFilters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.appointmentFilters button{padding:8px 12px;border:1px solid #e0e8ec;border-radius:20px;background:#fff;color:#6d7d87;font-size:10px;font-weight:700}.appointmentFilters button:hover{border-color:#b7dcd7;background:#f4faf9}.appointmentFilters button.active{border-color:#159f91;background:#159f91;color:#fff}.appointmentCalendar{padding:13px 15px;border:1px solid #e3ebef;border-radius:12px;background:#fff}.appointmentCalendar .day{width:68px}.appointmentCalendar .day span{display:block;margin-top:2px;color:#8997a1;font-size:9px}.appointmentCalendar .day.active span{color:#d5f7f3}.appointmentListHeader{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px}.appointmentListHeader h3{margin:0;color:#263844;font-size:14px}.appointmentListHeader small{display:block;margin-top:3px;color:#8d9aa3;font-size:9px}.appointmentTable td{vertical-align:middle}.appointmentStatus{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.2px}.appointmentStatus.scheduled{background:#eef4f7;color:#5c7686}.appointmentStatus.confirmed{background:#e5f6f3;color:#0c887b}.appointmentStatus.arrived{background:#eaf2ff;color:#426ea8}.appointmentStatus.treatment{background:#f1ecff;color:#6f56a8}.appointmentStatus.completed{background:#edf8ef;color:#4f8b5a}.appointmentStatus.cancelled{background:#fff0ef;color:#bf5049}.appointmentStatus.noshow{background:#fff5e6;color:#a47623}.appointmentActions{display:flex;align-items:center;gap:8px}.appointmentComplete{color:#159f91}.appointmentEmpty{padding:55px 25px;text-align:center}.appointmentEmpty>div{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 16px;border-radius:18px;background:#e8f7f5;font-size:30px}.appointmentEmpty h3{margin:0 0 7px;font-size:17px}.appointmentEmpty p{margin:0 auto 18px;color:#81909b;font-size:12px}@media(max-width:760px){.appointmentSummary{grid-template-columns:1fr}.appointmentCalendar{overflow-x:auto}.appointmentCalendar .day{flex:0 0 62px}}.appointmentAvailability{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid;border-radius:12px;margin-top:2px}.appointmentAvailability .availabilityIcon{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800}.appointmentAvailability b{display:block;margin-bottom:4px}.appointmentAvailability span{display:block;line-height:1.5}.appointmentAvailability.available{background:#edf9f5;border-color:#b9e4d6;color:#26775d}.appointmentAvailability.available .availabilityIcon{background:#d4f2e7;color:#15805f}.appointmentAvailability.conflict{background:#fff2f0;border-color:#f0c8c2;color:#a7473d}.appointmentAvailability.conflict .availabilityIcon{background:#f7dad5;color:#bd4639}.appointmentAvailability.checking{background:#f5f7fa;border-color:#d9dee7;color:#596579}.main{display:flex;flex-direction:column;min-height:100vh}.systemFooter{margin-top:auto;width:100%;padding:18px 24px;text-align:center;font-size:12px;font-weight:600;color:#7b8794;border-top:1px solid #e7ebef;background:#fff}.loginBuilderCredit{display:inline-block;margin-top:6px;font-weight:600}.treatmentPosSection{margin-top:8px;padding:16px;border:1px solid #e3e8ee;border-radius:12px;background:#fafbfc}.treatmentPosHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.treatmentPosHead strong{display:block;font-size:14px}.treatmentPosHead small{display:block;margin-top:3px;color:#7b8794}.treatmentPosRow{display:grid;grid-template-columns:minmax(220px,1fr) 85px 110px 42px 42px;grid-gap:8px;gap:8px;align-items:center;margin-bottom:8px}.treatmentPosRow input,.treatmentPosRow select{width:100%;height:40px;border:1px solid #d8dee6;border-radius:8px;padding:0 10px;background:#fff}.treatmentPosLineTotal{text-align:right;font-weight:700;font-size:13px}.treatmentPosAdd,.treatmentPosRemove{height:40px;border-radius:8px;border:1px solid #d8dee6;background:#fff;cursor:pointer;font-size:18px}.treatmentPosAdd{font-weight:700}.treatmentPosRemove{font-size:20px}.treatmentTotals{margin-top:14px;padding-top:12px;border-top:1px solid #e3e8ee}.treatmentTotals>div{display:flex;justify-content:space-between;padding:4px 0}.treatmentGrandTotal{margin-top:5px;padding-top:10px!important;border-top:1px dashed #ccd4dc;font-size:16px}.treatmentGrandTotal strong{font-size:18px}@media(max-width:700px){.treatmentPosRow{grid-template-columns:1fr 70px}.treatmentPosLineTotal{text-align:left}}.treatmentAppointmentResults{border:1px solid #dfe5eb;border-radius:10px;background:#fff;max-height:340px;overflow-y:auto;padding:6px}.treatmentAppointmentResult{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid #edf0f3;background:#fff;padding:11px 12px;cursor:pointer}.treatmentAppointmentResult:last-child{border-bottom:0}.treatmentAppointmentResult:hover{background:#f7f9fb}.treatmentAppointmentResult.selected{background:#f1f5f8}.treatmentResultBottom,.treatmentResultTop{display:flex;justify-content:space-between;gap:15px}.treatmentResultBottom,.treatmentResultTop span{font-size:12px;color:#6e7781}.treatmentResultBottom{margin-top:5px}.treatmentSearchEmpty{padding:15px;text-align:center;color:#77808a}.editedTreatment{display:block;margin-top:4px;font-size:10px;font-weight:700;text-transform:uppercase}.tableActions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.smallBtn{padding:6px 10px!important;font-size:12px!important}.paymentOutstandingCard{background:#fff;border:1px solid #e2e7eb;border-radius:14px;margin-bottom:24px;overflow:hidden}.paymentOutstandingHead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border-bottom:1px solid #edf0f2}.paymentHistoryTitle h3,.paymentOutstandingHead h3{margin:0;font-size:17px}.paymentHistoryTitle p,.paymentOutstandingHead p{margin:4px 0 0;color:#707982;font-size:12px}.paymentEmpty{padding:32px 20px;text-align:center;color:#707982}.paymentTreatmentCell{min-width:220px}.paymentTreatmentCell b{display:block}.paymentTreatmentCell small{display:block;margin-top:4px;max-width:360px;white-space:normal;color:#707982}.paymentHistoryTitle{margin:8px 0 12px}@media(max-width:900px){.paymentOutstandingHead{align-items:flex-start;flex-direction:column}}.catalogSummary{display:grid;grid-template-columns:repeat(3,minmax(130px,190px));grid-gap:12px;gap:12px;margin-bottom:18px}.catalogSummary>div{background:#fff;border:1px solid #e2e7eb;border-radius:12px;padding:14px 16px}.catalogSummary small{display:block;margin-bottom:5px;color:#737c85}.catalogSummary strong{display:block;font-size:22px}.catalogEmpty{text-align:center;padding:35px!important;color:#727b84}.catalogActiveField{margin-top:4px}.catalogToggle{display:flex;align-items:center;gap:12px;border:1px solid #dfe4e8;border-radius:10px;padding:12px 14px;cursor:pointer}.catalogToggle input{width:18px;height:18px}.catalogToggle b,.catalogToggle small{display:block}.catalogToggle small{margin-top:3px;color:#747d86}@media(max-width:700px){.catalogSummary{grid-template-columns:1fr}}.catalogFormIntro{padding:12px 14px;border:1px solid #e2e7eb;border-radius:10px;margin-bottom:4px}.catalogFormIntro small,.catalogFormIntro strong{display:block}.catalogFormIntro small{margin-top:4px;color:#747d86}.catalogStatusBox{border:1px solid #dfe4e8;border-radius:10px;padding:13px 14px}.catalogStatusToggle{display:flex;align-items:center;gap:12px;cursor:pointer}.catalogStatusToggle input{width:18px;height:18px;flex:0 0 auto}.catalogStatusToggle b,.catalogStatusToggle small{display:block}.catalogStatusToggle small{margin-top:3px;color:#737d86}.catalogActions{display:flex;align-items:center;gap:8px}.catalogDeleteBtn{border:1px solid #e3b5b5;background:#fff;border-radius:7px;padding:6px 10px;cursor:pointer;color:#a52626;font-weight:600}.catalogDeleteBtn:hover{background:#fff3f3}.paymentInvoiceCard{border:1px solid #dce5e8;border-radius:14px;padding:16px;background:#f8fbfb;margin-bottom:6px}.paymentInvoiceHead{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:13px;border-bottom:1px solid #e2e8ea}.paymentAmounts small,.paymentInvoiceHead small,.paymentPatient small{display:block;color:#758087;font-size:11px;margin-bottom:4px}.paymentInvoiceHead strong{display:block;font-size:17px}.paymentInvoiceHead span{background:#e7f5f3;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}.paymentPatient{padding:13px 0}.paymentPatient b{font-size:15px}.paymentAmounts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.paymentAmounts>div{background:#fff;border:1px solid #e3e8ea;border-radius:10px;padding:11px}.paymentAmounts strong{display:block;font-size:15px}.paymentBalance strong{font-size:17px}@media(max-width:650px){.paymentAmounts{grid-template-columns:1fr}.paymentInvoiceHead{flex-direction:column}}