@import "https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;600;700&family=Roboto:wght@400;500;600;700&display=swap";:root{color:#252525;font-synthesis:none;background:#eceff1;font-family:Roboto,Noto Naskh Arabic,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{background:#eceff1;min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}.app{min-height:100dvh}.screen{background:#f7f7f7;width:100%;max-width:478px;min-height:100dvh;margin:auto;position:relative;overflow-x:hidden;box-shadow:0 0 18px #00000010}.home-screen{padding-bottom:132px}.home-green{color:#fff;background:#19864a;padding:27px 20px 24px}.home-header{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.home-header h1{margin:0;font-size:23px;font-weight:700;line-height:1.25}.home-header p{margin:4px 0 0;font-size:13px}.home-header button{color:#fff;background:0 0;border:0;width:42px;height:42px}.home-header svg{stroke-width:1.7px;width:29px;height:29px}.market-card{background:#ffffff1c;border:1px solid #ffffff24;border-radius:6px;gap:12px;padding:15px 13px;display:flex}.market-card>svg{width:22px;min-width:22px;margin-top:2px}.market-card h2{margin:0 0 2px;font-size:14px;line-height:1.35}.market-card p{text-align:left;margin:0 0 3px;font-size:15px;line-height:1.45}.market-card small{font-size:12px;line-height:1.5;display:block}.owner-inputs{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.owner-inputs label{background:#ffffff14;border:1px solid #ffffff3d;border-radius:5px;align-items:center;height:44px;padding:0 10px;display:flex}.owner-inputs svg{width:18px;min-width:18px}.owner-inputs input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 7px;font-size:12px}.owner-inputs input::placeholder{color:#fff}.services{padding:21px 20px}.services-title{justify-content:space-between;align-items:center;display:flex}.services-title h2{margin:0;font-size:18px}.services-title p{text-align:left;color:#555;margin:1px 0 0;font-size:15px}.services-title button{color:#178647;background:#fff;border:1px solid #178647;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.services-title svg{width:15px;height:15px}.service-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.service-options>button{color:#202020;text-align:left;background:#fff;border:1px solid #e4e4e4;border-radius:5px;align-items:center;gap:12px;min-height:84px;padding:14px;display:flex;box-shadow:0 1px 2px #0000000a}.service-options>button.chosen{background:#f7fff9;border:2px solid #168547}.service-options svg{color:#168547;width:32px;height:32px}.service-options div{flex-direction:column;display:flex}.service-options strong{font-size:15px}.service-options span{text-align:left;color:#5b5b5b;font-size:16px}.home-total{z-index:8;color:#fff;background:#178647;justify-content:space-between;align-items:center;width:min(478px,100%);height:72px;padding:11px 20px;display:flex;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.home-total div{flex-direction:column;display:flex}.home-total span{font-size:12px}.home-total strong{margin-top:3px;font-size:19px}.proceed{color:#188648;background:#fff;border:0;border-radius:4px;align-items:center;gap:6px;height:42px;padding:0 18px;font-weight:600;display:flex}.proceed:disabled,.green-bottom button:disabled{opacity:.52}.proceed svg{width:18px}.bottom-nav{z-index:9;background:#fff;border-top:1px solid #ddd;grid-template-columns:repeat(3,1fr);width:min(478px,100%);height:60px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#777;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.bottom-nav button.active{color:#168547}.bottom-nav svg{width:21px;height:21px}.inner-screen{padding:64px 0 78px}.topbar{z-index:10;color:#fff;background:#19864a;grid-template-columns:44px 1fr auto;align-items:center;width:min(478px,100%);height:64px;padding:0 15px;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.topbar button{color:#fff;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid}.topbar svg{width:24px}.topbar h1{margin:0;font-size:20px;font-weight:600}.topbar span{font-size:12px}.entry-body{padding:20px 17px}.entry-body>h2{margin:5px 2px 11px;font-size:17px;font-weight:600}.entry-body>h2:not(:first-child){margin-top:24px}.entry-body h2 i{color:#aaa;padding:0 4px;font-style:normal;font-weight:400}.entry-body h2 span{font-family:Noto Naskh Arabic,serif;font-size:19px}.entry-item{background:#fff;border:1px solid #e0e0e0;border-radius:4px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;min-height:123px;padding:13px 14px;display:grid;position:relative}.animal-icon{filter:saturate(.7);font-size:39px}.item-info{align-self:start;padding-top:3px}.item-info strong{text-transform:lowercase;font-size:14px;display:block}.item-info small{text-align:left;color:#555;font-size:16px;display:block}.item-info p{color:#666;margin:7px 0 0;font-size:11px;line-height:1.45}.stepper{align-items:center;gap:7px;display:flex}.stepper button{color:#178647;background:#fff;border:1px solid #178647;border-radius:3px;place-items:center;width:29px;height:29px;padding:0;display:grid}.stepper svg{width:15px}.stepper b{text-align:center;min-width:22px}.row-price{color:#178647;font-size:14px;position:absolute;bottom:12px;right:15px}.green-bottom{z-index:8;color:#fff;background:#19864a;justify-content:space-between;align-items:center;width:min(478px,100%);height:78px;padding:12px 18px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.green-bottom>strong{font-size:22px}.green-bottom button{color:#19864a;background:#fff;border:0;border-radius:4px;align-items:center;gap:7px;height:44px;padding:0 16px;font-weight:600;display:flex}.green-bottom svg{width:18px}.preview-screen{background:#f6f6f6;padding-bottom:75px}.preview-body{padding:18px 17px}.summary-card{color:#fff;background:#19864a;border-radius:4px;padding:14px 16px}.summary-card small{font-size:11px}.summary-card>div{justify-content:space-between;align-items:center;margin-top:11px;display:flex}.summary-card>div strong{font-size:17px}.summary-card>div span{color:#19864a;background:#fff;border-radius:3px;padding:4px 10px;font-size:11px;font-weight:700}.summary-card h2{margin:4px 0 0;font-size:25px}.preview-body>h3{margin:21px 0 9px;font-size:15px}.ticket-details,.selected-item dl{background:#fff;border:1px solid #e1e1e1;border-radius:4px;grid-template-columns:115px 1fr;margin:0;padding:10px 13px;font-size:12px;display:grid}.ticket-details dt,.ticket-details dd,.selected-item dt,.selected-item dd{border-bottom:1px solid #eee;margin:0;padding:7px 0}.ticket-details dt:last-of-type,.ticket-details dd:last-of-type{border-bottom:0}.ticket-details dt{color:#777}.ticket-details dd{text-align:right;font-weight:500}.ticket-details dd span{font-family:Noto Naskh Arabic}.selected-item{background:#fff;border:1px solid #e1e1e1;border-radius:4px;margin-bottom:10px}.selected-head{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.selected-head div{flex-direction:column;display:flex}.selected-head strong{font-size:13px}.selected-head span{text-align:left;color:#666;font-size:15px}.selected-head b{color:#19864a}.selected-item dl{border:0}.selected-item dd{text-align:right}.selected-item .line{border-top:1px dashed #aaa;border-bottom:0;font-weight:700}.subtotal,.preview-total{justify-content:space-between;padding:13px 4px 4px;font-size:13px;display:flex}.preview-total{border-top:1px solid #ccc;margin-top:8px;padding-top:13px;font-size:17px}.preview-total strong{color:#19864a}.preview-action{z-index:8;background:#fff;border-top:1px solid #ddd;width:min(478px,100%);height:75px;padding:13px 18px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.preview-action button{color:#fff;background:#19864a;border:0;border-radius:4px;width:100%;height:48px;font-weight:600}.receipt-screen{padding-bottom:132px}.receipt-view{padding:17px}.receipt-market{background:#fff;border:1px solid #ddd;border-radius:4px;grid-template-columns:38px 1fr auto;align-items:start;gap:9px;padding:14px;display:grid}.receipt-market>svg{color:#19864a;background:#e7f6eb;border-radius:50%;width:35px;height:35px;padding:6px}.receipt-market h2{margin:0;font-size:14px;line-height:1.35}.receipt-market p{text-align:left;margin:2px 0;font-size:14px}.receipt-market small{color:#777;font-size:11px}.receipt-market>span{color:#19864a;background:#e0f4e5;border-radius:12px;padding:4px 9px;font-size:13px;font-weight:700}.urdu-details{background:#fff;border:1px solid #ddd;border-radius:4px;grid-template-columns:1fr 1fr;margin:13px 0 0;padding:6px 14px;font-family:Noto Naskh Arabic;display:grid}.urdu-details dt,.urdu-details dd{border-bottom:1px solid #eee;margin:0;padding:8px 0}.urdu-details dt:last-of-type,.urdu-details dd:last-of-type{border-bottom:0}.urdu-details dt{font-weight:600}.urdu-details dd{text-align:left}.green-value{color:#19864a;font-weight:700}.receipt-actions{z-index:8;background:#fff;border-top:1px solid #ddd;gap:7px;width:min(478px,100%);height:132px;padding:10px 18px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.receipt-actions button{color:#fff;background:#19864a;border:0;border-radius:4px;font-family:Noto Naskh Arabic;font-size:18px;font-weight:700}.list{padding:15px}.list>button{text-align:left;background:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;gap:12px;width:100%;margin-bottom:9px;padding:13px;display:flex}.list svg{color:#19864a}.list div{flex-direction:column;gap:3px;display:flex}.list span{color:#777;font-size:12px}.empty{color:#777;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:60vh;display:flex}.empty svg{width:45px;height:45px}.modal-shade,.pos-shade{z-index:40;background:#0008;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.operator-modal{background:#fff;border-radius:5px;width:min(410px,100%);padding:18px}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:19px}.modal-head button{background:0 0;border:0}.operator-modal label{margin:15px 0 6px;font-size:13px;display:block}.operator-modal input{border:1px solid #bbb;border-radius:4px;outline-color:#19864a;width:100%;height:44px;padding:0 11px}.operator-modal .save{color:#fff;background:#19864a;border:0;border-radius:4px;width:100%;height:44px;margin-top:14px}.pos-shade{align-items:flex-end;padding:0}.pos-sheet{background:#fff;border-radius:14px 14px 0 0;width:min(478px,100%);padding:23px 20px 30px}.pos-sheet h2{margin:0;font-size:20px}.pos-sheet p{color:#777;margin:6px 0 18px;font-size:13px}.pos-sheet>button{text-align:left;background:#fff;border:1px solid #ddd;border-radius:5px;align-items:center;gap:14px;width:100%;padding:14px;display:flex}.pos-sheet svg{color:#19864a;width:28px}.pos-sheet span{font-weight:600}.loading{z-index:50;background:#0005;place-items:center;display:grid;position:fixed;inset:0}.loading span{border:5px solid #fff;border-top-color:#19864a;border-radius:50%;width:50px;height:50px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.thermal-print{display:none}@media (width<=360px){.home-green,.services{padding-left:14px;padding-right:14px}.owner-inputs{grid-template-columns:1fr}.entry-item{grid-template-columns:45px 1fr}.stepper{grid-column:2}.row-price{top:17px;bottom:auto}}@media print{@page{size:58mm auto;margin:0}html,body,#root,.app{background:#fff!important;width:58mm!important;min-height:0!important;margin:0!important;padding:0!important}.screen,.modal-shade,.pos-shade,.loading{display:none!important}.thermal-print{box-sizing:border-box;color:#000;background:#fff;width:58mm;margin:0;padding:2mm 2mm 3mm;font-family:Arial,Tahoma,Segoe UI,sans-serif;font-size:7.2pt;font-weight:700;line-height:1.2;display:block!important}.thermal-print>img{object-fit:contain;filter:grayscale()contrast(2);width:8mm;height:7mm;margin:0 auto .2mm;display:block}.thermal-print h1{text-align:center;white-space:nowrap;margin:0;font-size:7.7pt;font-weight:700;line-height:1.5}.print-grid{direction:rtl;grid-template-columns:8.5mm 17mm 8.5mm 18.5mm;align-items:start;column-gap:.5mm;margin:.15mm 0;display:grid}.print-grid b{text-align:right;font-weight:700}.print-grid span{text-align:center;overflow-wrap:anywhere;font-weight:700}.market-grid{margin-top:.4mm}.market-grid span{line-height:1.6}.date-grid{margin-top:.45mm}.date-grid span{font-family:Arial,Tahoma,Segoe UI,sans-serif;font-size:7.2pt;font-weight:700;line-height:1.08}.date-grid strong{font-size:8.4pt}.thermal-print table{border-collapse:collapse;table-layout:fixed;text-align:center;width:100%;margin:.7mm 0 .1mm;font-size:7.7pt;font-weight:700}.thermal-print th{font-family:Arial,Tahoma,Segoe UI,sans-serif;font-weight:700}.thermal-print th,.thermal-print td{padding:.25mm .2mm}.tax-print,.sum-print{direction:rtl;border-bottom:.3mm dashed #000;justify-content:space-between;align-items:center;padding:.35mm .8mm .65mm;font-family:Arial,Tahoma,Segoe UI,sans-serif;font-size:9pt;font-weight:700;display:flex}.sum-print{padding-top:.65mm;font-family:Arial,Tahoma,Segoe UI,sans-serif;font-size:10.5pt}.tax-print strong,.sum-print strong{font-family:Arial,sans-serif;font-size:10pt}.thermal-print h3{text-align:center;margin:.7mm 0 .2mm;font-size:9.5pt;line-height:1.45}.contact-print{text-align:center;direction:rtl;grid-template-columns:1fr 1.65fr 1fr;align-items:center;font-family:Arial,Tahoma,Segoe UI,sans-serif;font-size:6.7pt;line-height:1.15;display:grid}.contact-print b{text-align:right}.contact-print span{font-weight:700}.contact-print i{font-family:Arial,sans-serif;font-size:7.2pt;font-style:normal}.contact-print strong{text-align:left;font-family:Arial,sans-serif;font-size:7.8pt}.thermal-print h4{text-align:center;margin:.25mm 0 0;font-size:7.2pt;line-height:1.4}.thermal-print>small{text-align:center;font-family:Arial,sans-serif;font-size:6.2pt;font-weight:700;display:block}}