@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--header-height:3.5rem;--first-color:#cd1d1d;--first-color-alt:#c26b6b;--button-color:#2b2b2b;--button-color-alt:#363636;--title-color:#262626;--text-color:#595959;--text-b-w-color:#000;--text-color-light:#8c8c8c;--body-color:#fcfcfc;--container-color:#fff;--border-color:#f0f0f0;--summary-color:#f9f9f9;--success-color:#3c3;--error-color:#d92626;--warning-color:#f2b90d;--info-color:#3d7af5;--payment-bg-color:#f0f8ff;--error-bg-color:#ffebee;--shimmer-color:#ededed;--unselected-color:#b5b5b5;--semi-transparent:#b5b5b5b3;--body-font:"Roboto", sans-serif;--biggest-font-size:2rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-medium:500;--font-bold:700;--card-radius:1rem;--card-shadow:0 4px 12px #0000000d;--mb-0-5:.5rem;--mb-0-75:.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--z-tooltip:10;--z-fixed:100}@media screen and (width>=968px){:root{--biggest-font-size:2.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input{font-family:var(--body-font), serif;font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color);opacity:.6;pointer-events:none;margin:0;transition:all .4s}h1,h2,h3,h4{color:var(--title-color);font-weight:var(--font-medium)}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;border:none;outline:none}body.dark-theme{--first-color:#cd1d1d;--first-color-alt:#c26b6b;--button-color:#3d3d3d;--button-color-alt:#474747;--title-color:#f2f2f2;--text-b-w-color:#fff;--text-color:#bfbfbf;--body-color:#1f1f1f;--container-color:#292929;--border-color:#333;--summary-color:#393737;--success-color:#5cd65c;--error-color:#e05252;--warning-color:#f5c73d;--info-color:#6e9cf7;--payment-bg-color:#363d49;--error-bg-color:#4d1919;--shimmer-color:#2d3539;--unselected-color:#23242a;--semi-transparent:#23242ab3}.change-theme,.nav__scan,.nav__search,.nav__user,.nav__add{color:var(--title-color);cursor:pointer;font-size:1.25rem}.dark-theme .change-theme,.dark-theme .nav__toggle,.dark-theme .nav__user,.dark-theme .button--gray{color:#fff}.dark-theme .method-info-box{color:#e3f2fd;background:#033f6e}.dark-theme .scroll-header{box-shadow:0 1px 4px #0a0a0a4d}.scroll-header .change-theme,.scroll-header .nav__toggle,.scroll-header .nav__user{color:var(--title-color)}.dark-theme::-webkit-scrollbar{background:#4d4d4d}img.icon-invert{filter:invert(0)}.dark-theme img.icon-invert{filter:invert()hue-rotate(180deg)}.container{max-width:1024px;margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}.grid{display:grid}.section{padding:6.5rem 0 1rem}.section__title{font-size:var(--h3-font-size);margin-bottom:var(--mb-3);text-transform:uppercase;letter-spacing:2px;text-align:center;position:relative}.section__title:before{content:"";background-color:var(--first-color);width:67px;height:1px;margin:0 auto;position:absolute;top:-1rem;left:0;right:0}body.no-scroll{width:100%;position:fixed;overflow:hidden!important}.header{width:100%;z-index:var(--z-fixed);background:0 0;transition:all .4s;position:fixed;top:0;left:0}.nav{height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.nav__toggle,.nav__user,.nav__close{color:var(--title-color)}.nav__logo{text-transform:uppercase;font-weight:var(--font-bold);letter-spacing:1px;align-items:center;column-gap:.25rem;display:inline-flex}.nav__logo-icon{height:1.25rem}.logo-card{background-color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:10px 20px;transition:transform .2s;display:inline-flex;box-shadow:0 4px 6px #0000001a}.logo-card img{width:auto;max-height:40px}.logo-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.nav__btns{align-items:center;column-gap:1rem;display:flex}.nav__toggle{cursor:pointer;font-size:1.25rem}.nav__new{background:var(--body-color);border:1px solid var(--border-color);color:var(--text-b-w-color);cursor:pointer;letter-spacing:1px;border-radius:50px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.nav__new:hover{background:var(--first-color-alt)}.nav__user,.nav__scan{display:inline-block;position:relative}.bx-icon-color{color:var(--title-color)}.icon-as-btn:hover{color:var(--first-color);cursor:pointer;transition:all .2s;transform:scale(1.1)}.whatsapp-top a{color:#0ff}.whatsapp-top a:hover{color:#25d366}@media screen and (width<=767px){.nav__menu{background-color:var(--body-color);z-index:10;width:100%;height:100%;padding:6rem 2rem 3.5rem;transition:all .3s;position:fixed;top:0;right:-100%}}.nav__list{flex-direction:column;align-items:center;row-gap:2rem;display:flex}.nav__link,.nav__link-drop{color:var(--title-color);font-weight:var(--font-medium);text-transform:uppercase;font-size:var(--h2-font-size);pointer-events:auto;cursor:pointer;transition:all .3s}.nav__link:hover,.nav__link-drop:hover{color:var(--first-color)}.nav__close{cursor:pointer;font-size:2rem;position:absolute;top:.9rem;right:1.25rem}.show-menu{right:0}.scroll-header{background-color:var(--body-color);box-shadow:0 1px 4px #2825251a}.active-link{color:var(--first-color)}.language-switcher img{cursor:pointer;width:24px;height:auto;margin:0 5px}.modern-input{border:1px solid var(--border-color);background:var(--container-color);width:100%;color:var(--text-b-w-color);border-radius:5px;margin:.125rem 0;padding:8px;position:relative}.page__header-with-btn{flex-direction:row;align-items:center;gap:1rem;display:flex}.page__title-inline{font-size:var(--h2-font-size);margin:0;font-weight:700}.page__btn-small{background-color:var(--first-color);color:#000;cursor:pointer;border:none;border-radius:4px;min-width:max-content;padding:.4em .8em;font-size:.9rem}.page__btn-small-alt{background-color:var(--first-color-alt);color:#000;cursor:pointer;border:none;border-radius:4px;min-width:max-content;padding:.4em .8em;font-size:.9rem}.page__btn-small-unselected{background-color:var(--unselected-color);color:#000;cursor:pointer;border:none;border-radius:4px;min-width:max-content;padding:.4em .8em;font-size:.9rem}.search__input-wrapper{position:relative}.loader-container{z-index:99999;pointer-events:all;overscroll-behavior:contain;touch-action:none;background:#0000001a;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.loader{aspect-ratio:1;border:8px solid #add8e6;border-right-color:orange;border-radius:50%;width:50px;animation:1s linear infinite l2}#loader{display:flex}.loader-small{aspect-ratio:1;border:4px solid #add8e6;border-right-color:orange;border-radius:50%;width:24px;animation:1s linear infinite l2}.search__input-wrapper .loader-small{display:none;position:absolute;top:20%;right:.5rem}@keyframes l2{to{transform:rotate(1turn)}}.logon__container{background-color:#fff;border-radius:1rem;max-width:400px;margin:10vh auto;padding:2rem;box-shadow:0 8px 20px #0000001a}.logon__title{text-align:start;font-size:var(--h2-font-size);font-weight:var(--font-bold);margin-bottom:1.5rem}.logon__form{flex-direction:column;gap:1rem;display:flex}.logon__input{font-size:var(--normal-font-size);border:1px solid #ccc;border-radius:.75rem;padding:.75rem 1rem}.logon__button{background-color:var(--first-color);color:#000;font-weight:var(--font-medium);cursor:pointer;border:none;border-radius:.75rem;padding:.75rem;transition:background .2s}.logon__button:hover{background-color:var(--button-color-alt)}.main__container{row-gap:2.5rem;margin-top:5rem;position:relative}.dashboard{flex-direction:column;gap:2rem;padding:2rem;display:flex}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.dashboard-card{background-color:var(--container-color);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;justify-content:center;padding:1rem;transition:box-shadow .2s ease-in-out;display:flex;box-shadow:0 2px 6px #0000000a}.dashboard-card:hover{box-shadow:0 4px 12px #00000014}.dashboard-card__label{color:var(--text-b-w-color);margin-bottom:.25rem;font-size:.9rem}.dashboard-card__value{color:var(--text-color);font-size:1.5rem;font-weight:600}.dashboard-card__note{color:var(--text-color-light);margin-top:.25rem;font-size:.75rem}.dashboard-card-group{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem}.dashboard-group__title{color:var(--text-b-w-color);border-left:4px solid var(--first-color,#007bff);margin-bottom:.75rem;padding-left:.25rem;font-size:1.1rem;font-weight:600}.dashboard__content{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.dashboard__panel{background:var(--container-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:2rem}.dashboard__panel-title{font-size:var(--h2-font-size)}.dashboard__panel-header{justify-content:space-between;align-items:center;display:flex}.dashboard__see-more{font-size:var(--normal-font-size);color:var(--text-color)}.dashboard__see-more:hover{color:var(--first-color)}.activity-items{width:100%;height:520px;margin:1rem 0;padding:1rem 0;position:relative;overflow-y:auto}.main-page{max-width:900px;margin:auto;padding:24px}.main-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.main-title{margin:0;font-size:2rem;font-weight:700}.main-subtitle{color:var(--text-color);margin-top:6px}.main-filters{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.main-toolbar{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.main-date{border:1px solid var(--border-color);background:var(--container-color);width:180px;height:44px;color:var(--text-b-w-color);border-radius:12px;padding:0 14px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.summary-card{background:var(--container-color);border:1px solid var(--border-color);border-radius:16px;padding:18px}.summary-value{font-size:1.4rem;font-weight:700;display:block}.summary-label{color:var(--text-color);margin-top:6px;display:block}.date-group{align-items:center;gap:10px;display:flex}.date-group label{color:var(--text-color);font-size:.9rem}.main-search{margin-bottom:18px}.search-box{background:var(--container-color);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:12px;height:48px;padding:0 14px;display:flex}.search-box i{color:var(--text-color);font-size:22px}.search-box input{color:var(--text-b-w-color);background:0 0;border:none;outline:none;flex:1;font-size:15px}.filter-chip{cursor:pointer;background:#f3f3f3;border:none;border-radius:999px;padding:9px 18px;transition:all .2s}.filter-chip:hover{background:#e6e6e6}.filter-chip.active{background:var(--first-color);color:var(--text-color)}.accounts-list,.contacts-list{flex-direction:column;gap:14px;display:flex}.contact-card{background:var(--container-color);border:1px solid var(--border-color);border-radius:16px;align-items:flex-start;gap:18px;margin:6px;padding:18px;transition:all .2s;display:flex}.contact-card:hover{box-shadow:0 6px 18px #00000014}.contact-avatar{background:var(--container-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.contact-avatar i{color:#3b82f6;font-size:26px}.contact-content{flex:1}.contact-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.contact-name{font-size:17px;font-weight:600}.contact-type{border-radius:20px;padding:4px 10px;font-size:.8rem}.contact-type.customer{background:var(--container-color);color:#249b4d}.contact-type.supplier{background:var(--container-color);color:#b67900}.contact-phone,.contact-notes{color:var(--text-color);align-items:center;gap:8px;margin-top:5px;font-size:14px;display:flex}.contact-phone i,.contact-notes i{font-size:18px}.contact-menu{cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:8px;padding:6px}.contact-menu:hover{background:var(--button-color-alt)}.contact-menu i{font-size:22px}.account-card{background:var(--container-color);border:1px solid var(--border-color);border-radius:16px;align-items:flex-start;gap:18px;margin:6px;padding:18px;transition:all .2s;display:flex}.account-card:hover{box-shadow:0 6px 18px #00000014}.account-avatar{background:var(--container-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.account-avatar i{color:#3b82f6;font-size:26px}.account-content{flex:1}.account-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.account-name{font-size:17px;font-weight:600}.account-type{color:var(--text-color);margin-top:4px;font-size:14px}.account-balance{white-space:nowrap;font-size:16px;font-weight:700}.account-balance.positive{color:#249b4d}.account-balance.negative{color:#d83b3b}.account-last{color:var(--text-color);align-items:center;gap:8px;font-size:14px;display:flex}.account-last i{font-size:18px}.cash-item{background:var(--container-color);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:16px;margin:6px;padding:16px 18px;transition:all .2s;display:flex}.cash-item:hover{box-shadow:0 6px 18px #00000014}.cash-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.cash-item-icon.in{color:#2ecc71;background:#2ecc711f}.cash-item-icon.out{color:#e74c3c;background:#e74c3c1f}.cash-item-content{flex:1;min-width:0}.cash-item-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.cash-item-description{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.cash-item-amount{white-space:nowrap;font-size:17px;font-weight:700}.cash-item-amount.in{color:#2ecc71}.cash-item-amount.out{color:#e74c3c}.cash-item-footer{color:var(--text-color);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.cash-item-footer span{align-items:center;gap:6px;display:flex}.cash-item-menu{width:40px;height:40px;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:10px}.cash-item-menu:hover{background:var(--button-color-alt)}.cash-item-menu i{font-size:22px}#cashTransactionsList{flex-direction:column;gap:12px;display:flex}@media (width<=700px){.main-page{padding:16px}.main-header{flex-direction:column;align-items:stretch}.contact-top{flex-direction:column;align-items:flex-start}.contact-card{padding:16px}.cashbook-toolbar{flex-direction:column}.summary-grid{grid-template-columns:1fr}.transaction-top,.transaction-bottom{flex-direction:column;align-items:flex-start;gap:6px}}.modal-content{background:var(--body-color);opacity:0;border-radius:12px;width:100%;transition:transform .2s,opacity .2s;transform:scale(.95)}.modal-backdrop{z-index:999;inset:0;opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-backdrop.show{opacity:1;pointer-events:auto}.modal-backdrop.show .modal-content{opacity:1;transform:scale(1)}.dialog__close-btn{cursor:pointer;z-index:999;font-size:1.5rem;position:absolute;top:10px;right:10px}.button{background-color:var(--button-color);color:#fff;font-weight:var(--font-medium);padding:1.25rem 2rem;transition:all .3s;display:inline-block}.profile-btn{cursor:pointer}.profile-btn:active{background-color:var(--first-color-alt)}.button:hover{background-color:var(--button-color-alt)}.button--gray{color:var(--title-color);background-color:#bfbfbf}.button--gray:hover{background-color:#a1a1a1}.button--small{padding:1rem 1.5rem;font-size:small}.devesttr-toggle-wrapper{align-items:center;gap:8px;display:flex}.devesttr-toggle{vertical-align:middle;width:60px;height:24px;font-size:0;display:inline-block;position:relative}.devesttr-toggle__button{border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 2px 8px #63636333}.devesttr-toggle__checkbox{opacity:0;cursor:pointer;z-index:3;width:100%;height:100%;margin:0;padding:0;position:absolute}.devesttr-toggle__knob{background-color:var(--body-color);width:20px;height:20px;color:var(--first-color);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:2px;left:3px}.devesttr-toggle__layer{background-color:var(--first-color-alt);z-index:1;border-radius:12px;transition:background-color .3s;position:absolute;inset:0}.devesttr-toggle__checkbox:active+.devesttr-toggle__knob{border-radius:6px;width:28px}.devesttr-toggle__checkbox:checked+.devesttr-toggle__knob{left:36px}.modal__type-lean{flex-direction:column;max-width:600px;max-height:90%;margin:auto;display:flex;position:relative;overflow:hidden}.modal__type-alert{background:var(--container-color);border-radius:8px;width:300px;padding:1rem;box-shadow:0 0 10px #0000004d}.modal__type-alert-txt{padding:1rem}.modal__scroll-section{padding:20px;overflow-y:auto}.scrollable-results-list{max-height:150px;overflow-y:auto}.modal__image-card{cursor:pointer;border-radius:10px;width:150px;height:150px;margin:0 auto 1rem;position:relative;overflow:hidden}.modal__image-card.video-card{width:300px;height:200px}.modal__media-btn{bottom:0;color:#000;cursor:pointer;background-color:#fff9;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;display:inline-block;position:absolute;inset-inline-end:0}.modal__image-card img{object-fit:cover;width:100%;height:100%}.user-pic{border-radius:50%!important}.row{justify-content:space-between;margin-top:1rem;display:flex}.row .field{flex:1;align-items:center;gap:.5rem;display:flex}.full-width-field{border-bottom:1px solid var(--border-color,#ccc);align-items:center;gap:.5rem;margin-top:1rem;font-weight:700;display:flex}.full-width-field__label{color:var(--text-color,#333);font-weight:500}.full-width-field--secret{display:none}.full-width-field__value{text-align:end;flex:1;margin-inline-end:13rem}.products__pass-description,.purchase__pass-description,.supplier__pass-description{margin:1rem 0}.products__pass-see-more{text-align:end;margin:1rem 1rem 0 0;display:block}.modal__actions{justify-content:flex-end;gap:1rem;margin:.75rem 0;display:flex}.modal__actions button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem}.delete-btn{color:#000;background-color:#f44336}.no-bg-btn{color:var(--text-b-w-color);background-color:#0000}.edit-btn{color:#000;background-color:#f7b500}.sub-btn{background-color:var(--first-color-alt);color:#000}.adjust-btn{color:#000;background:linear-gradient(#16a34a,#dc2626)}.submit-btn{color:#000;background-color:#4caf50}.icon-as-label{width:24px;margin-inline-end:.5rem}.no-pointer-events{pointer-events:none}.auto-pointer-events{pointer-events:auto}.modal__title_add-header{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.products__toggle-rolls-btn,.add-roll-btn{cursor:pointer;background:0 0;border:none;font-size:1.5rem}.products__roll-count,.products__color-count{color:var(--first-color-alt);direction:rtl}.products__color-count{display:none}.horizontal-scroll{scroll-snap-type:x mandatory;overflow-x:auto}.rolls__list-container{padding:1rem 0;display:none}#productRollsListByColor{display:none}#productRollsListByRoll{display:flex}.common__list{width:100%;height:600px;margin:1rem 0;padding:1rem 0;position:relative;overflow-y:auto}.common__list-item{width:100%}.filter-bar{flex-wrap:wrap;gap:12px;margin-inline-start:1rem;display:flex}.filter-select{appearance:none;background-color:var(--container-color);color:var(--text-b-w-color);cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,<svg fill=\"gray\" height=\"18\" viewBox=\"0 0 24 24\" width=\"18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ccc;border-radius:6px;min-width:120px;padding:10px 20px 10px 10px;font-size:12px;position:relative}.filter-select:focus{border-color:var(--first-color-alt);outline:none}.stats-bar{gap:8px;margin-top:8px;font-size:.85rem;display:flex}.stats-card{border:1px solid var(--border-color,#ddd);background:var(--container-color,#fff);border-radius:6px;flex-direction:column;flex:1;align-items:center;padding:6px 8px;display:flex}.stats-value{font-size:1rem;font-weight:600}.stats-label{opacity:.65;white-space:nowrap}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll{-ms-overflow-style:none;scrollbar-width:none}.alert{color:var(--container-color);z-index:1000;border-radius:4px;padding:12px 24px;animation:.2s ease-out fade-in;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}.alert-success{background-color:var(--success-color)}.alert-error{background-color:var(--error-color)}.alert.fade-out{animation:.2s ease-out forwards fade-out}@keyframes fade-in{0%{opacity:0;top:0}to{opacity:1;top:20px}}@keyframes fade-out{0%{opacity:1;top:20px}to{opacity:0;top:0}}.error{border-color:var(--error-color)!important;background-color:var(--error-bg-color)!important}.highlight-error{color:var(--error-color);animation:2s highlight-pulse}@keyframes highlight-pulse{0%{color:inherit}50%{color:var(--error-color);transform:scale(1.05)}to{color:inherit}}.tip-error{color:var(--error-color);background:var(--error-bg-color);border-radius:4px;margin-bottom:15px;padding:8px 12px;animation:.2s fadeIn}.method-specific-info{margin-top:15px;animation:.5s fadeIn}.method-info-box{color:#0d47a1;background:#e3f2fd;border-radius:4px;align-items:center;gap:8px;padding:12px;display:flex}.method-info-box i{font-size:1.2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.notfound__container{text-align:center;align-items:center;margin:10rem 0;padding:30px;display:block}.modal__actions-vertical{flex-direction:column;justify-content:flex-end;gap:.5rem;margin:.75rem 0;display:flex}.modal__actions-vertical button{cursor:pointer;border:none;border-radius:6px;width:100%;padding:.5rem 1rem}.offline-label,.deleted-label{background:var(--error-color);color:#000;border-radius:4px;padding:2px 6px;font-size:12px;display:none;position:absolute;top:8px}.offline-label{right:8px}.deleted-label{left:8px}.offline-label-item{background:var(--error-color);color:#000;border-radius:20px;padding:2px 6px;font-size:.25rem;display:none;position:absolute;top:8px;right:8px}.sync-indicator{background:var(--container-color);color:var(--text-color);z-index:9999;pointer-events:none;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;display:flex;position:fixed;bottom:8px;left:12px}.sync-icon-r{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer__container{border-bottom:1px solid var(--border-color);row-gap:2rem;padding-bottom:3rem}.footer__title{font-size:var(--h2-font-size);margin-bottom:var(--mb-1-5)}.footer__list,.footer__links{flex-direction:column;row-gap:.75rem;display:flex}.footer__link{color:var(--text-color)}.footer__social{column-gap:1rem;display:flex}.footer__social-link{color:var(--text-color);font-size:1.25rem}.footer__social-link:hover{color:var(--title-color)}.logo__small{height:20px}.footer__copy{text-align:center;font-size:var(--smaller-font-size);color:var(--text-color-light);margin:2.5rem 0 1rem;display:block}.scrollup{background-color:var(--container-color);z-index:var(--z-tooltip);opacity:.8;padding:.25rem;transition:all .4s;display:inline-flex;position:fixed;bottom:-30%;right:1rem;box-shadow:0 4px 12px #3333331a}.scrollup:hover{opacity:1}.scrollup__icon{color:var(--first-color);font-size:1.5rem}.show-scroll{bottom:3rem}::-webkit-scrollbar{background:#bdbdbd;width:.6rem}::-webkit-scrollbar-thumb{background:#2b2b2b}.user__menu,.search__menu,.add__menu{display:inline-block;position:relative}.search__menu{line-height:0}.user__popup,.search__popup,.add__popup{background-color:var(--container-color);z-index:9999;min-width:200px;font-size:var(--smaller-font-size);border-radius:.75rem;padding:1rem;display:none;position:absolute;top:120%;right:0;box-shadow:0 8px 20px #0000001a}.user__link .menu__label,.page__link .menu__label{align-items:center;gap:8px;display:flex}.user__link .count,.page__link .count{color:#fff;text-align:center;background-color:#e53935;border-radius:6px;min-width:18px;padding:3px 6px 2px;font-size:11px;line-height:1}.dot-badge{background:#e53935;border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:0}.dot-badge.is-hidden{display:none}.search__popup,.add__popup{min-width:300px;left:50%;transform:translate(-30%)}.search__popup-bill{z-index:9999;font-size:var(--smaller-font-size);border-radius:.75rem;min-width:300px;padding:1rem;display:none;position:absolute;transform:translate(-80%);box-shadow:0 8px 20px #0000001a}#searchInput{box-sizing:border-box}.add__popup{min-width:150px;padding:0}.menu__drop{text-align:center;pointer-events:none;display:inline-block;position:relative}.menu__dropdown{box-shadow:none;text-align:center;border-radius:0;min-width:100vh;margin-top:1rem;display:none;position:static;transform:none}.menu__dropdown a{color:var(--title-color);pointer-events:auto;padding:10px 16px;text-decoration:none;display:block}.menu__dropdown a:hover{background-color:var(--first-color-alt)}.menu__dropdown a.active-link{background-color:var(--first-color)}.menu__drop.active .menu__dropdown{display:block}.add__menu-icons{flex-direction:column;gap:10px;padding:10px;display:flex}.menu-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;transition:background .2s;display:flex}.menu-item:hover{background-color:var(--first-color-alt)}.menu-item i{font-size:18px}.menu-item img{width:18px}.user__pic{object-fit:cover;border-radius:50%;width:100px;height:100px;margin:10px auto;display:block}.user__full-name{font-weight:var(--font-medium);margin-bottom:.25rem;font-size:.85rem;display:inline}.user__name{font-weight:var(--font-medium);font-size:var(--smaller-font-size);margin-bottom:.25rem;display:inline}.user__level{color:var(--text-color-light);margin-bottom:1rem}.user__link,.page__link{color:var(--text-color);margin-bottom:.25rem;text-decoration:none;display:block}.user__link:hover,.page__link:hover{color:var(--first-color-alt)}.page__link{margin-bottom:0}.item{background:var(--container-color);cursor:pointer;pointer-events:auto;border-radius:12px;margin:6px;padding:16px;box-shadow:0 2px 8px #0000001a}.item__bill-header,.item__purchase-header,.item__supplier-header,.item__entity-header{justify-content:space-between;align-items:center;display:flex}.item__bill-info p,.item__purchase-info p,.item__supplier-info p,.item__entity-info p{margin:4px 0}.item__bill-footer,.item__purchase-footer,.item__supplier-footer,.item__entity-footer{text-align:right;color:red;margin-top:10px}.item__purchase-supplier{color:var(--first-color-alt)}.item__purchase-footer{color:var(--text-color-light)}.item__purchase-amount{color:#2e7d32;align-items:center;font-size:1rem;font-weight:700;display:flex}.purchase__pass-items-wrapper{min-height:100px}.purchase__pass-item-title-wrapper{justify-content:space-between;align-items:center;display:flex}.purchase__pass-item-wrapper{border:1px solid var(--border-color,#ccc);border-radius:.75rem;flex-direction:column;margin-top:1rem;padding:.4rem;display:flex}.purchase__pass-item-footer{background-color:var(--container-color);border-top:1px solid var(--border-color,#ccc);border-radius:0 0 .5rem .5rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:.3rem .35rem;font-size:.75rem;display:flex}.purchase__pass-item-footer strong{color:var(--text-color);flex-shrink:0}.purchase__pass-item-footer .input{border:1px solid var(--border-color,#ccc);background:var(--body-color);max-width:120px;color:var(--text-b-w-color);border-radius:4px;flex-grow:1;padding:.3rem .5rem;font-size:.75rem}.event-list{margin:2rem 0;padding:0;list-style:none}.event-list__item{background:var(--container-color);border-radius:5px;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 2px #0000000d}.history__edit-border{border-left:4px solid #e7bc0f}.history__add-border{border-left:4px solid #4caf50}.history__remove-border{border-left:4px solid #ce1e1e}.history__initial-border{border-left:4px solid #0ff}.event-list__header{color:var(--title-color);justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.event-list__type{text-transform:capitalize;font-weight:600}.event-list__timestamp{color:var(--text-color-light);font-size:.85rem;font-style:italic}.event-list__fields{color:var(--text-color);margin:0;padding-left:0;font-size:.95rem;list-style:none}.event-list__fields li{margin:.2rem 0}.earning__amount span{font-weight:700}.earning__type strong,.earning__reference strong,.earning__note strong,.earning__added-by strong{width:120px;color:var(--text-color);display:inline-block}.earning__type,.earning__reference,.earning__note,.earning__added-by{word-break:break-word}.misc__amount span{font-weight:700}.misc__transaction-type strong,.misc__note strong,.misc__created-by strong{width:120px;color:var(--text-color);display:inline-block}.misc__transaction-type,.misc__note,.misc__created-by{word-break:break-word}.item__product-name{text-align:center;padding:0 8px;font-size:1.2rem;font-weight:700}.item__product-content{align-items:flex-start;gap:8px;margin-top:8px;display:flex}.item__product-details{flex-grow:1;padding-left:8px}.item__product-category{margin-bottom:4px;font-size:.9rem}.item__product-code{color:#666;font-size:.8rem}.item__product-pricing{text-align:right;flex-shrink:0}.item__product-price{margin-bottom:4px;font-size:.9rem}.item__product-quantity{font-size:1rem;font-weight:700}.item__quantity-low{color:#f7b500}.item__quantity-none{color:#dc3545}.item__quantity-high{color:#2ecc71}.empty-state{color:var(--text-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;font-size:1.1rem;display:flex}.empty-state__icon{opacity:.5;width:64px;height:64px;margin-bottom:1rem}.empty-state__text{margin:0;font-weight:500}.item--compact{border:1px solid var(--border-color,#ccc);background-color:var(--body-color,#fff);border-radius:.5rem;flex-direction:column;gap:.3rem;margin-bottom:.5rem;padding:.5rem;font-size:.85rem;line-height:1.2;display:flex}.item__compact-name{color:var(--first-color,#333);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;line-height:1.3;overflow:hidden}.item__compact-details{color:var(--text-color,#666);flex-wrap:wrap;gap:.5rem 1rem;display:flex}.item__compact-code,.item__compact-quantity,.item__compact-category{white-space:nowrap;flex-shrink:0;font-size:.8rem}.item__expense{flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.item__expense-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.item__expense-main{color:red;font-size:1.25rem;font-weight:600}.item__expense-category{color:var(--text-color);font-size:1rem;font-weight:500}.item__expense-description{color:var(--text-b-w-color);font-size:1rem}.item__expense-meta{color:var(--text-color-light);font-size:.85rem}.item__expense-separator{color:var(--text-color-light)}.media-item{cursor:pointer;background:#fff;border:1px solid #e6e6e6;border-radius:8px;align-items:center;gap:10px;padding:8px;transition:border-color .15s,box-shadow .15s;display:flex}.media-item:hover{border-color:#cfcfcf;box-shadow:0 2px 8px #00000014}.media-item__image{background:#f5f5f5;border-radius:6px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.media-item__img{object-fit:cover;width:100%;height:100%;display:block}.media-item__info{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.media-item__type{color:#888;text-transform:uppercase;font-size:.7rem;font-weight:600}.media-item__name{color:#222;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.item--draft{border-left:4px solid var(--warning-color)}.item--manual{border-left:4px solid #00bfff}.item--adjustment{border-left:4px solid #db7093}.item--approved{border-left:4px solid var(--success-color)}.item--rejected{border-left:4px solid var(--error-color)}.item__draft-wrapper{align-items:center;gap:1rem;width:100%;display:flex}.item__draft-info{flex-direction:column;flex:auto;gap:.25rem;display:flex}.item__draft-top{font-weight:600}.item__draft-code{margin-inline:.25ch}.item__draft-bill{color:var(--text-color-light)}.item__draft-meta{color:var(--text-color-light);font-size:.85rem}.item__draft-comment{color:var(--text-color);font-size:.85rem;font-style:italic}.item__draft-actions{gap:.25rem;display:flex}.item__user-wrapper{gap:12px;display:flex}.item__user-profile{border-radius:50%;flex-shrink:0;width:50px;height:50px;position:relative;overflow:hidden}.item__user-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.item__user-info{flex-direction:column;flex-grow:1;justify-content:center;gap:2px;display:flex}.item__user-name{padding-left:.25rem;font-size:1rem;font-weight:700}.item__user-name .item__user-username{color:var(--text-color);margin-left:4px;font-size:.75rem;font-weight:400}.item__user-role{color:var(--text-color-light);padding-inline-start:.25rem;font-size:1rem}.item__user-actions{flex-direction:row;align-self:flex-end;gap:5px;margin-left:auto;display:flex}.item__btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.item__btn-s{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.default-cursor{cursor:default}.item__product-image-wrapper{flex-shrink:0}.item__product-image{border-radius:10px;width:60px;height:60px;position:relative;overflow:hidden}.item__product-image img{object-fit:cover;width:100%;height:100%}.item__loading{background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.item__loading:after{content:"";border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:20px;height:20px;animation:1s linear infinite item-spin}@keyframes item-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shimmer__skeleton{background:var(--container-color);border-radius:12px;flex-direction:column;gap:16px;margin:12px;padding:16px;display:flex;box-shadow:0 2px 8px #0000001a}.shimmer__body{align-items:flex-start;gap:12px;display:flex}.shimmer__block{background:var(--shimmer-color);border-radius:6px;position:relative;overflow:hidden}.shimmer__block:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:100%;height:100%;animation:1.2s infinite shimmer__move;position:absolute;top:0;left:-100%}.shimmer__block.title{width:40%;height:20px}.shimmer__block.image{border-radius:10px;width:60px;height:60px}.shimmer__content{flex-direction:column;flex:1;gap:6px;display:flex}.shimmer__block.line{width:100%;height:12px}.shimmer__block.line.short{width:60%}.shimmer__block.footer-line{align-self:flex-end;width:30%;height:14px}@keyframes shimmer__move{to{transform:translate(100%)}}.modern__input{margin-top:1rem;position:relative}.modern__input .input{border:1px solid var(--border-color);padding-top:8px;padding-bottom:8px;background:var(--container-color);width:100%;color:var(--text-b-w-color);border-radius:5px;padding-inline:40px 8px}.input-with-select{border:1px solid var(--border-color);border-radius:4px;display:flex;overflow:hidden}.input-with-select input{border:none;flex:1;padding:8px}.input-with-select select{background-color:var(--container-color);color:var(--text-b-w-color);border:none;min-width:80px;padding:8px}.supplier-select-wrapper,.reference-select-wrapper{align-items:center;gap:8px;display:flex}.page-btn,.add-reference-btn{background-color:var(--first-color-alt);color:#000;cursor:pointer;border:none;border-radius:4px;padding:6px 10px;font-weight:700}.page-btn:hover,.add-reference-btn:hover{background-color:var(--first-color)}.modern__btn{background-color:var(--first-color);color:#000;width:100%;font-weight:var(--font-medium);cursor:pointer;border:none;border-radius:.75rem;margin-top:1rem;padding:.75rem;transition:background .2s}.modern__label{color:var(--text-b-w-color);pointer-events:none;font-size:18px;font-weight:400;display:flex;position:absolute;top:25px;left:5px}.pointer-hand{cursor:pointer}.icon-success{width:48px;height:48px;margin-bottom:10px}.modal__success-section{flex-direction:column;align-items:stretch;gap:.5rem;padding:0 20px;display:none}.modal__result{text-align:center;font-size:var(--h2-font-size);flex-direction:column;align-items:center;margin-top:100px;padding-top:15px;display:flex}.modal__bottom-padding{padding-bottom:60px}.employment-dialog__title{text-align:center;color:var(--text-color);margin:1.5rem 0;font-size:1.5rem;font-weight:600}.employment-dialog__field{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.employment-dialog__label{color:var(--text-color);font-weight:500}.employment-dialog__input-group{flex-direction:column;margin-bottom:1rem;display:flex}.employment-dialog__input,.employment-dialog__textarea{border:1px solid var(--border-color);background:var(--container-color);color:var(--text-b-w-color);border-radius:.5rem;margin-top:.25rem;padding:.5rem .75rem;font-size:1rem}.employment-dialog__toggle{margin-left:1rem}.hidden{display:none}.reports-page{padding:16px}.reports__filter{flex-direction:column;gap:8px;margin:16px 0;display:flex}.reports__date-range{flex-flow:column;gap:8px;margin-bottom:16px;display:flex}.reports__date-range label{margin-right:4px}.reports__results{border:1px solid var(--border-color,#ccc);background-color:var(--container-color,#fafafa);border-radius:8px;min-height:300px;padding:16px}.a4-page{box-sizing:border-box;page-break-after:always;width:210mm;min-height:297mm;padding:20mm}.report__header{margin-bottom:10mm}.report__header h2,.report__header h3{color:#000}.report__table{border-collapse:collapse;grid-template-columns:20mm 40mm 80mm 40mm;display:grid}.report__row{display:contents}.report__row--header .report__cell{background-color:#fff;font-weight:700}.report__cell{box-sizing:border-box;word-break:break-word;border:1px solid #000;padding:5mm}.apk-download{text-align:center;margin-top:1.5rem}.btn-download{background-color:var(--first-color,#4caf50);color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:background-color .2s;display:inline-block}.btn-download:hover{background-color:#3e8e41}.footer__link{color:var(--text-b-w-color);margin-inline-start:10rem;font-size:1.5rem}.footer__link:hover{color:#3e8e41}.colors__color-selection{padding:1rem}.colors__color-list{text-align:end;width:auto;max-height:80vh;padding:0;list-style:none;display:block;overflow-y:auto}.colors__color-item{cursor:pointer;padding:.5rem}.bill__detail-title,.purchase__detail-title{text-align:center;margin:0 auto;font-size:1.25rem;display:inline-block}.purchase__detail-title{text-align:start;margin:0 auto 0 0}.ex-padding-start{padding-inline-start:3rem}.bill__pass-top,.purchase__pass-top{justify-content:space-between;align-items:flex-start;display:flex}.bill__pass-code,.purchase__pass-code{font-size:1.5rem;font-weight:700}.purchase__pass-amount{color:#2e7d32;padding:0 .75rem;font-size:1rem;font-weight:700}.bill__pass-status{text-align:center}.bill__pass-status-icon{width:24px;height:24px}.bill__pass-dates{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.bill__pass-date,.bill__pass-label,.profile__page-label{flex:20%}.bill__pass-value,.profile__page-value{font-size:1rem}.bill__pass-value--due{color:red}.bill__pass-value #paid{margin-inline-start:2rem}.bill__pass-button,.roll__pass-button,.profile__page-button{background:var(--first-color-alt);cursor:pointer;border:none;border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.bill__pass-price-block{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.bill__pass-price-item{align-items:center;gap:.5rem;display:flex}.bill__details-display{text-align:center;padding:.5rem 0;font-size:1rem;display:block}.bill__pay-after{text-align:end;min-height:30px}.bill__selection-list{flex-direction:column;gap:.75rem;padding:1rem 0;display:flex}.bill__status-item,.bill__part-item,.bill__model-item{background-color:var(--container-color);width:100%;color:var(--text-b-w-color);text-align:start;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:1rem;transition:background-color .2s;display:flex}.bill__part-item,.bill__model-item{text-align:end}.bill__status-item:hover,.bill__part-item:hover,.bill__model-item:hover{background-color:var(--first-color-alt)}.bill__status-item.active,.bill__part-item.active,.bill__model-item.active,.colors__color-item.active{background-color:var(--first-color)}.bill__status-icon{font-size:1.25rem}.bill__status-text,.bill__part-text,.bill__model-text{flex-grow:1}.quantity__dialog{flex-direction:column;align-items:center;gap:1rem;display:flex}.quantity__dialog-controls{justify-content:center;align-items:center;gap:.5rem;display:flex}.quantity-btn{color:#000;cursor:pointer;border:none;border-radius:6px;width:36px;height:36px;font-size:20px;font-weight:700;transition:background-color .2s}#quantityInput{text-align:center;border:1px solid var(--border-color);border-radius:6px;outline:none;width:80px;height:36px;font-size:18px}#quantityInput:focus{border-color:var(--first-color,#3498db);box-shadow:0 0 0 2px #3498db33}.password__form{max-width:500px}.item--notification{cursor:default;border-bottom:1px solid #eee;flex-direction:column;padding:.75rem 1rem;transition:background-color .2s;display:flex}.item__notification-wrapper{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;display:grid}.item__notification-icon{color:var(--first-color,#555);font-size:1.4rem}.item__notification-info{flex-direction:column;display:flex}.item__notification-message{color:var(--text-color);font-size:.95rem;line-height:1.4}.item__notification-meta{color:var(--text-color-light);margin-top:.25rem;font-size:.8rem}.item--notification-unread .item__notification-message{color:var(--text-color);font-weight:600}.item__fabric-wrapper,.item__part-wrapper{align-items:center;gap:8px;display:flex}.fabric-cell,.part-cell{background-color:var(--container-color);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;justify-content:flex-end;align-items:center;height:100%;padding:2px 6px;display:flex}.item__btn-minus{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.tv-fabric-quantity,.tv-part-quantity{flex:1}.tv-fabric-color{flex:2}.tv-part{flex:4}.tv-model{flex:3}.fabric__name-container{flex:5;position:relative}.fabric__code{background:var(--first-color-alt);color:#000;border-radius:.25rem;padding:0 .3rem;font-size:.7em;position:absolute;top:0;left:0}.pbill__badge-cell{color:#fff;background:#333;border-radius:.25em;margin-inline-end:.25rem;padding:.1em .2em;font-size:.7em;font-weight:700;display:inline-block}.media__stack{flex-direction:column;gap:12px;margin-top:12px;display:flex}.swatch-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:16px;box-shadow:0 1px 3px #0000000d}.swatch-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.swatch__title-btn{display:inline-flex}.swatch-title{color:#1e293b;text-transform:uppercase;letter-spacing:.5px;margin:0;padding-inline-start:5px;font-size:16px;font-weight:600}.swatch-flag{z-index:10;clip-path:polygon(0 0,100% 0,0 100%);width:30px;height:30px;box-shadow:none;padding:0;position:absolute;top:0;left:0}.swatch-count{color:#64748b;font-size:13px}.media__stack-row{scrollbar-width:thin;flex-direction:row;gap:12px;width:100%;padding-bottom:8px;display:flex;overflow-x:auto}.media__stack-row>*{flex-shrink:0}.media__stack-row::-webkit-scrollbar{height:6px}.media__stack-row::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.media__stack-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.media__stack-row::-webkit-scrollbar-thumb:hover{background:#94a3b8}.media__item{border-radius:8px;position:relative;overflow:hidden}.media__item img{width:100%;height:auto;display:block}.media__delete,.media__menu{background:var(--semi-transparent);color:var(--text-b-w-color);cursor:pointer;border-radius:50%;padding:4px;position:absolute;top:6px;right:6px}.pardaaf-text{color:#cd1e1e}.print-container{opacity:0;z-index:0;direction:rtl;background-color:#fff;position:absolute;color:#000!important}.pbill{box-sizing:border-box;width:148mm;height:210mm;padding:10mm;font-family:sans-serif;position:relative}.pbill__bg{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}#billImage{margin-top:1rem}@media print{body{margin:0}.bill{page-break-after:always}.ptag{page-break-inside:avoid;width:39mm;height:62mm}}.pbill__bill-code,.pbill__bill-date,.pbill__due-date,.pbill__customer-name,.pbill__customer-phone{font-size:10pt;font-weight:700;position:absolute}.pbill__bill-code{top:54.5mm;right:21mm}.pbill__bill-date{top:54.5mm;right:70mm}.pbill__due-date{top:54.5mm;right:116mm}.pbill__customer-phone{top:61.5mm;right:116mm}.pbill__customer-name{top:61.5mm;right:30mm}.pbill__qrcode,.pbill__salesman,.pbill__tailor,.pbill__status{font-size:6pt;font-style:italic;position:absolute}.pbill__qrcode{height:10mm;bottom:4mm;left:25mm}.pbill__salesman{bottom:11.5mm;left:6.5mm}.pbill__tailor{bottom:7.5mm;left:6.5mm}.pbill__status{bottom:7.5mm;left:48mm}.pbill__tables-section{position:absolute;top:71mm;right:8mm}.pbill__table{table-layout:fixed;border-collapse:collapse;min-width:60mm;margin-top:2mm}.pbill__table th,.pbill__table td{text-align:center;background-color:#fff;padding:5px;font-size:10pt;border:1px solid #000!important}.pbill__tables-wrap{flex-wrap:wrap;justify-content:space-between;gap:4mm;display:flex}.pbill__column{flex-direction:column;flex:1;gap:2mm;min-width:45%;display:flex}.ptag{box-sizing:border-box;width:59mm;height:97mm;position:relative;overflow:hidden}.ptag__qrcode{width:20mm;height:20mm;position:absolute;top:30mm;left:12mm}.ptag__product-name{color:#000;text-align:center;word-wrap:break-word;background-color:#f5f5f5;border-radius:10%;width:calc(100% - 20mm);max-width:50mm;padding:0 2mm;font-size:13pt;font-weight:700;line-height:1.2;display:block;position:absolute;top:68mm;left:50%;transform:translate(-50%)}.ptag__category{color:#000;text-align:center;word-wrap:break-word;background-color:#f5f5f5;border-radius:10%;max-width:15mm;padding:0 2mm;font-size:8pt;display:block;position:absolute;top:10mm;right:3mm;transform:rotate(45deg)}.ptag__code{color:#000;text-align:center;direction:ltr;background-color:#f5f5f5;border-radius:10%;padding:0 2mm;font-size:12pt;font-weight:700;position:absolute;bottom:4mm;right:4mm}.ptag__bg{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.ptag__pic{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.a5-page{page-break-after:always;justify-content:flex-start;align-items:flex-end;width:148mm;height:210mm;padding:0;display:flex;position:relative}.tag-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:2mm;height:100%;display:grid}.tag-image{object-fit:contain;width:59mm;height:97mm}.tag-print-size{object-fit:contain;width:39mm;height:62mm}@media screen and (width<=320px){.container{margin-left:var(--mb-1);margin-right:var(--mb-1)}.full-width-field__value{margin-inline-end:1rem}}@media screen and (width<=576px){.modal__type-lean{max-width:350px}.full-width-field__value{margin-inline-end:3rem}.search__popup{transform:translate(-20%)}.search__popup-bill{min-width:200px}.bill__pass-button{font-size:.5rem}.bill__pass-tailor,.bill__pass-salesman{font-size:x-small}.item--compact{padding:.4rem;font-size:.75rem}.item__compact-name{font-size:.85rem}}@media screen and (width>=576px){.footer__container{grid-template-columns:repeat(2,1fr)}.nav__logo{column-gap:.2rem}}@media screen and (width>=768px){.section{padding:8rem 0 1rem}.nav{height:calc(var(--header-height) + 1.5rem);justify-content:initial;column-gap:3rem}.nav__toggle,.nav__close{display:none}.nav__list{flex-direction:row;column-gap:2.5rem}.nav__link,.nav__link-drop{text-transform:initial;font-size:var(--normal-font-size)}.nav__btns{margin-left:auto}.main__container{grid-template-columns:1fr max-content;align-items:center}.footer__container{grid-template-columns:repeat(4,max-content);justify-content:space-between}.footer__title{font-size:var(--h3-font-size)}.menu__dropdown{background-color:var(--container-color);z-index:1;border-radius:.75rem;min-width:100%;margin-top:0;display:none;position:absolute;top:100%;left:0;overflow:hidden;transform:translate(-20%);box-shadow:0 4px 6px #0003}.menu__drop:hover .menu__dropdown{display:block}.menu__dropdown a:hover{background-color:var(--first-color-alt)}}@media screen and (width>=992px){.section__title{font-size:var(--h2-font-size)}.main__container{column-gap:2rem}}@media screen and (width>=1200px){.container{margin-left:auto;margin-right:auto}}