:root{font-family:DM Sans,system-ui,sans-serif;color:#171526;background:#f8f5f2;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{color:inherit;border:0}button,select{cursor:pointer}:focus-visible{outline:3px solid rgba(124,77,255,.3);outline-offset:3px}@media print{.sidebar,.topbar,.mobile-nav,.quick-actions,.heading-actions,.small-button,.text-button{display:none!important}.app-shell main{margin:0!important}body{background:#fff}}.modal-backdrop:has(.modal form),.product-modal-backdrop:has(.product-modal form),.modal-backdrop:has(.purchase-modal form),.modal-backdrop:has(.sale-modal form),.modal-backdrop:has(.customer-modal form),.backdrop:has(.modal form){display:block!important;overflow:auto!important;padding:0!important;background:linear-gradient(135deg,#fffdf9,#f8f5f4 48%,#fbf8ff)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.modal-backdrop .modal:has(form),.product-modal-backdrop .product-modal:has(form),.modal-backdrop .purchase-modal:has(form),.modal-backdrop .sale-modal:has(form),.modal-backdrop .customer-modal:has(form),.backdrop .modal:has(form){width:100%!important;max-width:none!important;min-height:100dvh!important;max-height:none!important;overflow:visible!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:clamp(28px,4vw,58px) clamp(22px,6vw,90px)!important}.modal-backdrop .modal:has(form)>:not(.modal-close),.product-modal-backdrop .product-modal:has(form)>:not(.modal-close),.modal-backdrop .purchase-modal:has(form)>:not(.modal-close),.modal-backdrop .sale-modal:has(form)>:not(.modal-close),.modal-backdrop .customer-modal:has(form)>:not(.modal-close),.backdrop .modal:has(form)>:not(.close){width:min(1180px,100%);margin-left:auto;margin-right:auto}.modal-backdrop .modal:has(form)>form,.product-modal-backdrop .product-modal:has(form)>form,.modal-backdrop .purchase-modal:has(form)>form,.modal-backdrop .sale-modal:has(form)>form,.modal-backdrop .customer-modal:has(form)>form,.backdrop .modal:has(form)>form{margin-top:25px!important;padding:clamp(18px,2.2vw,30px)!important;border:1px solid rgba(105,86,130,.08)!important;border-radius:24px!important;background:#ffffffc7!important;box-shadow:10px 14px 35px #46375f14,-6px -6px 18px #fff!important}.modal-backdrop .modal:has(form) .modal-close,.product-modal-backdrop .product-modal:has(form) .modal-close,.modal-backdrop .purchase-modal:has(form) .modal-close,.modal-backdrop .sale-modal:has(form) .modal-close,.modal-backdrop .customer-modal:has(form) .modal-close,.backdrop .modal:has(form) .close{position:fixed!important;top:22px!important;right:28px!important;z-index:4!important;width:46px!important;height:46px!important;border-radius:15px!important;background:#fff!important;box-shadow:6px 8px 20px #46375f24!important}.modal-backdrop .modal:has(form) fieldset,.product-modal-backdrop .product-modal:has(form) fieldset,.modal-backdrop .purchase-modal:has(form) fieldset,.modal-backdrop .sale-modal:has(form) fieldset,.modal-backdrop .customer-modal:has(form) fieldset,.backdrop .modal:has(form) fieldset{background:#fcfbfd!important;border-color:#6956821a!important;padding:clamp(15px,2vw,24px)!important;border-radius:18px!important}.modal-backdrop .modal:has(form) input,.modal-backdrop .modal:has(form) select,.modal-backdrop .modal:has(form) textarea,.product-modal-backdrop .product-modal:has(form) input,.product-modal-backdrop .product-modal:has(form) select,.product-modal-backdrop .product-modal:has(form) textarea,.modal-backdrop .purchase-modal:has(form) input,.modal-backdrop .purchase-modal:has(form) select,.modal-backdrop .purchase-modal:has(form) textarea,.modal-backdrop .sale-modal:has(form) input,.modal-backdrop .sale-modal:has(form) select,.modal-backdrop .sale-modal:has(form) textarea,.modal-backdrop .customer-modal:has(form) input,.modal-backdrop .customer-modal:has(form) select,.modal-backdrop .customer-modal:has(form) textarea,.backdrop .modal:has(form) input,.backdrop .modal:has(form) select,.backdrop .modal:has(form) textarea{background:#fff!important;min-height:50px!important;border-radius:14px!important;border:1px solid rgba(105,86,130,.12)!important}.modal-backdrop .modal:has(form) input:focus,.modal-backdrop .modal:has(form) select:focus,.modal-backdrop .modal:has(form) textarea:focus,.product-modal-backdrop .product-modal:has(form) input:focus,.product-modal-backdrop .product-modal:has(form) select:focus,.product-modal-backdrop .product-modal:has(form) textarea:focus,.modal-backdrop .purchase-modal:has(form) input:focus,.modal-backdrop .purchase-modal:has(form) select:focus,.modal-backdrop .purchase-modal:has(form) textarea:focus,.modal-backdrop .sale-modal:has(form) input:focus,.modal-backdrop .sale-modal:has(form) select:focus,.modal-backdrop .sale-modal:has(form) textarea:focus,.backdrop .modal:has(form) input:focus,.backdrop .modal:has(form) select:focus,.backdrop .modal:has(form) textarea:focus{border-color:#9d7aff!important;box-shadow:0 0 0 4px #7c4dff17!important;outline:0!important}.modal-backdrop .modal:has(form) .modal-actions,.product-modal-backdrop .product-modal:has(form) .modal-actions,.modal-backdrop .purchase-modal:has(form) .modal-actions,.modal-backdrop .sale-modal:has(form) .modal-actions,.modal-backdrop .customer-modal:has(form) .modal-actions,.backdrop .modal:has(form) .modal-actions{position:sticky!important;bottom:0!important;z-index:3!important;margin:20px -30px -30px!important;padding:16px 30px!important;background:#fffffff0!important;border-top:1px solid rgba(105,86,130,.08)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important}@media(min-width:821px){.modal-backdrop:has(.modal form),.product-modal-backdrop:has(.product-modal form),.modal-backdrop:has(.purchase-modal form),.modal-backdrop:has(.sale-modal form),.modal-backdrop:has(.customer-modal form),.backdrop:has(.modal form){padding-left:242px!important}}@media(max-width:700px){.modal-backdrop .modal:has(form),.product-modal-backdrop .product-modal:has(form),.modal-backdrop .purchase-modal:has(form),.modal-backdrop .sale-modal:has(form),.modal-backdrop .customer-modal:has(form),.backdrop .modal:has(form){padding:24px 14px 95px!important}.modal-backdrop .modal:has(form)>form,.product-modal-backdrop .product-modal:has(form)>form,.modal-backdrop .purchase-modal:has(form)>form,.modal-backdrop .sale-modal:has(form)>form,.modal-backdrop .customer-modal:has(form)>form,.backdrop .modal:has(form)>form{padding:16px!important;border-radius:18px!important}.modal-backdrop .modal:has(form) .modal-close,.product-modal-backdrop .product-modal:has(form) .modal-close,.modal-backdrop .purchase-modal:has(form) .modal-close,.modal-backdrop .sale-modal:has(form) .modal-close,.modal-backdrop .customer-modal:has(form) .modal-close,.backdrop .modal:has(form) .close{top:12px!important;right:12px!important}.modal-backdrop .modal:has(form) .modal-actions,.product-modal-backdrop .product-modal:has(form) .modal-actions,.modal-backdrop .purchase-modal:has(form) .modal-actions,.modal-backdrop .sale-modal:has(form) .modal-actions,.modal-backdrop .customer-modal:has(form) .modal-actions,.backdrop .modal:has(form) .modal-actions{margin:18px -16px -16px!important;padding:13px 16px!important}}@media(min-width:821px){.modal-backdrop:has(.modal form),.product-modal-backdrop:has(.product-modal form),.modal-backdrop:has(.purchase-modal form),.modal-backdrop:has(.sale-modal form),.modal-backdrop:has(.customer-modal form),.backdrop:has(.modal form){inset:92px 0 0 254px!important;z-index:8!important;padding:0!important}.sidebar-collapsed .modal-backdrop:has(form),.sidebar-collapsed .product-modal-backdrop:has(form),.sidebar-collapsed .backdrop:has(.modal form){left:102px!important}}.modal-backdrop .modal:has(form),.product-modal-backdrop .product-modal:has(form),.modal-backdrop .purchase-modal:has(form),.modal-backdrop .sale-modal:has(form),.modal-backdrop .customer-modal:has(form),.backdrop .modal:has(form){min-height:calc(100dvh - 92px)!important;padding:25px clamp(20px,3vw,46px) 55px!important}.modal-backdrop .modal:has(form) .modal-close,.product-modal-backdrop .product-modal:has(form) .modal-close,.modal-backdrop .purchase-modal:has(form) .modal-close,.modal-backdrop .sale-modal:has(form) .modal-close,.modal-backdrop .customer-modal:has(form) .modal-close,.backdrop .modal:has(form) .close{position:absolute!important;top:22px!important;right:28px!important}@media(max-width:820px){.modal-backdrop:has(.modal form),.product-modal-backdrop:has(.product-modal form),.modal-backdrop:has(.purchase-modal form),.modal-backdrop:has(.sale-modal form),.modal-backdrop:has(.customer-modal form),.backdrop:has(.modal form){inset:78px 0 0!important;z-index:12!important}.modal-backdrop .modal:has(form),.product-modal-backdrop .product-modal:has(form),.modal-backdrop .purchase-modal:has(form),.modal-backdrop .sale-modal:has(form),.modal-backdrop .customer-modal:has(form),.backdrop .modal:has(form){min-height:calc(100dvh - 78px)!important}}.line-labels{display:grid;grid-template-columns:1.4fr .55fr .8fr .7fr .6fr .8fr 30px;gap:7px;padding:0 0 7px;color:#8e8598;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.pos-labels{display:grid;grid-template-columns:1.5fr .5fr .75fr .8fr 30px;gap:8px;padding:0 0 7px;color:#8e8598;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}@media(max-width:700px){.line-labels,.pos-labels{display:none}}.modal-backdrop :is(.modal,.purchase-modal,.sale-modal,.customer-modal):has(form)>h2,.product-modal-backdrop .product-modal:has(form)>h2,.backdrop .modal:has(form)>h2{font-size:clamp(26px,2.2vw,34px)!important;letter-spacing:-.7px!important;margin-top:4px!important}.modal-backdrop :is(.modal,.purchase-modal,.sale-modal,.customer-modal):has(form) .eyebrow,.product-modal-backdrop .product-modal:has(form) .eyebrow,.backdrop .modal:has(form) .eyebrow{font-size:11px!important}.modal-backdrop :is(.modal,.purchase-modal,.sale-modal,.customer-modal):has(form) label,.product-modal-backdrop .product-modal:has(form) label,.backdrop .modal:has(form) label{font-size:12px!important;line-height:1.35!important}.modal-backdrop :is(.modal,.purchase-modal,.sale-modal,.customer-modal):has(form) legend,.product-modal-backdrop .product-modal:has(form) legend,.backdrop .modal:has(form) legend{font-size:13px!important;font-weight:800!important}.modal-backdrop :is(.modal,.purchase-modal,.sale-modal,.customer-modal):has(form) :is(input,select,textarea),.product-modal-backdrop .product-modal:has(form) :is(input,select,textarea),.backdrop .modal:has(form) :is(input,select,textarea){font-size:14px!important}.modal-backdrop :is(.modal,.purchase-modal,.sale-modal,.customer-modal):has(form) :is(.primary-button,.soft-button,.add-line),.product-modal-backdrop .product-modal:has(form) :is(.primary-button,.soft-button,.add-line),.backdrop .modal:has(form) :is(.primary-button,.soft-button){font-size:13px!important}.line-labels,.pos-labels{font-size:10px!important}.modal-backdrop :is(.modal,.purchase-modal,.sale-modal,.customer-modal):has(form) :is(label,input,select,textarea),.product-modal-backdrop .product-modal:has(form) :is(label,input,select,textarea),.backdrop .modal:has(form) :is(label,input,select,textarea){font-weight:400!important}.modal-backdrop :is(.modal,.purchase-modal,.sale-modal,.customer-modal):has(form) legend,.product-modal-backdrop .product-modal:has(form) legend,.backdrop .modal:has(form) legend{font-weight:600!important}.modal-backdrop :is(.modal,.purchase-modal,.sale-modal,.customer-modal):has(form)>h2,.product-modal-backdrop .product-modal:has(form)>h2,.backdrop .modal:has(form)>h2{font-weight:650!important}