@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300..800;1,9..40,300..800&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:#2d3748;background:#faf4ec;min-height:100vh;font-family:IBM Plex Sans,sans-serif;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#2d3748;font-family:DM Sans,sans-serif;font-weight:700;line-height:1.2}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}a{color:#5a809f;text-decoration:none;transition:color .15s}a:hover{color:#3d6280}code,pre{font-family:JetBrains Mono,monospace}::selection{color:#2d3748;background:#81a6c633}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ede6dc}::-webkit-scrollbar-thumb{background:#d2c4b4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b8a999}:focus-visible{outline-offset:2px;outline:2px solid #81a6c6}.sidebar{z-index:100;background:#3d6280;flex-direction:column;width:250px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;height:60px;padding:0 1.25rem;display:flex}.sidebar__brand-icon{color:#3d6280;background:linear-gradient(135deg,#f3e3d0,#aacddc);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800;display:flex}.sidebar__brand-text{color:#fff;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;line-height:1.2}.sidebar__brand-text small{color:#ffffffa6;letter-spacing:.1em;text-transform:uppercase;font-size:.625rem;font-weight:500;display:block}.sidebar__nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar__section{margin-bottom:1.5rem;padding:0 .75rem}.sidebar__section-title{text-transform:uppercase;letter-spacing:.1em;color:#ffffffa6;margin-bottom:.5rem;padding:0 .75rem;font-size:.625rem;font-weight:600}.sidebar__link{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar__link:hover{color:#fff;background:#ffffff1a}.sidebar__link--active{color:#fff;background:#ffffff2e}.sidebar__link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar__link-badge{color:#fff;text-align:center;background:#e53e3e;border-radius:10px;min-width:20px;margin-left:auto;padding:.125rem .5rem;font-size:.625rem;font-weight:700}.sidebar__footer{border-top:1px solid #ffffff1a;padding:1rem 1.25rem}.sidebar__footer-user{align-items:center;gap:.75rem;display:flex}.sidebar__footer-avatar{color:#3d6280;background:linear-gradient(135deg,#aacddc,#f3e3d0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex}.sidebar__footer-info{flex:1;min-width:0}.sidebar__footer-info-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar__footer-info-role{color:#ffffffa6;font-size:.6875rem}.sidebar__overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;background:#0000004d;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__overlay--visible{display:block}}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#ffffffd9;border-bottom:1px solid #e2d8cc;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:250px;right:0}.header__left{align-items:center;gap:1rem;display:flex}.header__hamburger{color:#5a6a7e;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;display:none}.header__hamburger:hover{color:#2d3748;background:#ede6dc}.header__hamburger svg{width:24px;height:24px}.header__title{color:#2d3748;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:600}.header__right{align-items:center;gap:.75rem;display:flex}.header__action{color:#5a6a7e;cursor:pointer;background:0 0;border:1px solid #e2d8cc;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:IBM Plex Sans,sans-serif;font-size:.8125rem;transition:all .15s;display:flex}.header__action:hover{color:#2d3748;background:#f0f4f8;border-color:#b8a999}@media (width<=768px){.header{left:0}.header__hamburger{display:flex}}.main{min-height:100vh;margin-left:250px;padding-top:60px}.main__content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}@media (width<=768px){.main{margin-left:0}.main__content{padding:1.25rem 1rem}}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-family:IBM Plex Sans,sans-serif;font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#fff;background:#81a6c6;border-color:#81a6c6}.btn--primary:hover:not(:disabled){background:#5a809f;border-color:#5a809f}.btn--success{color:#fff;background:#38a169;border-color:#38a169}.btn--success:hover:not(:disabled){background:#308a5a}.btn--danger{color:#fff;background:#e53e3e;border-color:#e53e3e}.btn--danger:hover:not(:disabled){background:#e12323}.btn--warning{color:#fff;background:#d69e2e;border-color:#d69e2e}.btn--warning:hover:not(:disabled){background:#c08c26}.btn--ghost{color:#5a6a7e;background:0 0;border-color:#e2d8cc}.btn--ghost:hover:not(:disabled){color:#2d3748;background:#f0f4f8;border-color:#b8a999}.btn--sm{padding:.375rem .875rem;font-size:.75rem}.btn--lg{padding:.75rem 1.75rem;font-size:1rem}.btn--icon{width:36px;height:36px;padding:.5rem}.form-group{margin-bottom:1.25rem}.form-group__label{color:#5a6a7e;letter-spacing:.02em;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.form-group__input,.form-group__select,.form-group__textarea{color:#2d3748;background:#fff;border:1px solid #d2c4b4;border-radius:8px;width:100%;padding:.625rem .875rem;font-family:IBM Plex Sans,sans-serif;font-size:.875rem;transition:all .15s}.form-group__input::placeholder,.form-group__select::placeholder,.form-group__textarea::placeholder{color:#a0aec0}.form-group__input:focus,.form-group__select:focus,.form-group__textarea:focus{border-color:#81a6c6;outline:none;box-shadow:0 0 0 3px #81a6c61f}.form-group__input--error,.form-group__select--error,.form-group__textarea--error{border-color:#e53e3e}.form-group__input--error:focus,.form-group__select--error:focus,.form-group__textarea--error:focus{box-shadow:0 0 0 3px #e53e3e1f}.form-group__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235A6A7E' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.form-group__textarea{resize:vertical;min-height:80px}.form-group__error{color:#e53e3e;margin-top:.25rem;font-size:.75rem}.form-group__help{color:#8896a6;margin-top:.25rem;font-size:.75rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.data-table{border-collapse:collapse;width:100%}.data-table__wrapper{background:#fff;border:1px solid #e2d8cc;border-radius:12px;overflow:hidden}.data-table__scroll{overflow-x:auto}.data-table thead{background:#f0f4f8}.data-table thead th{text-transform:uppercase;letter-spacing:.08em;color:#8896a6;text-align:left;white-space:nowrap;border-bottom:1px solid #e2d8cc;padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:.6875rem;font-weight:600}.data-table tbody tr{border-bottom:1px solid #ede6dc;transition:background .15s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#f7fafc}.data-table tbody td{color:#2d3748;white-space:nowrap;padding:.75rem 1rem;font-size:.875rem}.data-table__empty{text-align:center;color:#8896a6;padding:3rem 1rem}.data-table__empty-icon{opacity:.4;margin-bottom:.5rem;font-size:2rem}.data-table__empty-text{font-size:.875rem}.data-table__actions{align-items:center;gap:.375rem;display:flex}nav[role=navigation]{color:#8896a6;border-top:1px solid #e2d8cc;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.8125rem;display:flex}nav[role=navigation] span[aria-current=page]>span{color:#fff;background:#81a6c6;border-radius:4px;padding:.375rem .625rem}nav[role=navigation] a{color:#5a6a7e;border:1px solid #e2d8cc;border-radius:4px;padding:.375rem .625rem}nav[role=navigation] a:hover{color:#2d3748;background:#f0f4f8}nav[role=navigation] .sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:#fff;border:1px solid #e2d8cc;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.card__header{border-bottom:1px solid #ede6dc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.card__header-title{color:#2d3748;white-space:nowrap;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:700}.card__header-actions{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.card__header-actions input.form-group__input,.card__header-actions select.form-group__select{flex-shrink:1;min-width:140px;max-width:220px;padding:.5rem .75rem;font-size:.8125rem;width:auto!important}.card__body{padding:1.25rem}.card__footer{border-top:1px solid #ede6dc;justify-content:flex-end;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.stat-card{background:#fff;border:1px solid #e2d8cc;border-radius:12px;padding:1.25rem;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000d}.stat-card:hover{border-color:#b8a999;box-shadow:0 4px 12px #00000014}.stat-card__accent{height:3px;position:absolute;top:0;left:0;right:0}.stat-card__icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.875rem;font-size:1.125rem;display:flex}.stat-card__value{color:#2d3748;margin-bottom:.25rem;font-family:DM Sans,sans-serif;font-size:1.75rem;font-weight:800;line-height:1}.stat-card__label{color:#8896a6;font-size:.8125rem;font-weight:500}@media (width<=768px){.card__header{flex-direction:column;align-items:flex-start}.card__header-actions{width:100%}.card__header-actions input.form-group__input,.card__header-actions select.form-group__select{flex:1;min-width:0}}.modal{z-index:200;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d;position:absolute;inset:0}.modal__content{background:#fff;border:1px solid #e2d8cc;border-radius:16px;width:100%;max-width:560px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.modal__header{border-bottom:1px solid #ede6dc;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal__header-title{color:#2d3748;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:700}.modal__header-close{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;line-height:1;transition:all .15s}.modal__header-close:hover{color:#2d3748;background:#f0f4f8}.modal__header-close svg{width:20px;height:20px}.modal__body{padding:1.5rem}.modal__footer{border-top:1px solid #ede6dc;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.badge--pending{color:#af8022;background:#d69e2e1f}.badge--approved{color:#2d8355;background:#38a1691f}.badge--rejected{color:#e53e3e;background:#e53e3e1f}.badge--void{color:#8896a6;background:#8896a626}.badge--active{color:#2d8355;background:#38a1691f}.badge--inactive{color:#8896a6;background:#8896a61f}.badge--in{color:#3182ce;background:#3182ce1a}.badge--out{color:#9f4fa0;background:#9f4fa01a}.alert{border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.875rem 1.25rem;font-size:.875rem;display:flex}.alert__icon{flex-shrink:0;margin-top:.125rem}.alert__content{flex:1}.alert__close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:.125rem}.alert__close:hover{opacity:1}.alert--success{color:#2b7b50;background:#38a16914;border:1px solid #38a16933}.alert--danger{color:#e53e3e;background:#e53e3e14;border:1px solid #e53e3e33}.alert--warning{color:#af8022;background:#d69e2e14;border:1px solid #d69e2e33}.alert--info{color:#5a809f;background:#81a6c614;border:1px solid #81a6c633}.reset-password__code{letter-spacing:.1em;text-align:center;color:#3d6280;-webkit-user-select:all;user-select:all;background:#f0f4f8;border:1px solid #e2d8cc;border-radius:8px;margin:1rem 0;padding:.875rem 1rem;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:500}.user-tags{flex-wrap:wrap;gap:.375rem;display:flex}.user-tags__tag{color:#5a809f;white-space:nowrap;background:#81a6c61a;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.user-tags__remove{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:.875rem;line-height:1}.user-tags__remove:hover{opacity:1}.user-tags__more{color:#8896a6;padding:.2rem .375rem;font-size:.6875rem}.text-subtle{color:#8896a6;margin-top:.125rem;font-size:.6875rem;display:block}.text-mono{font-family:JetBrains Mono,monospace;font-weight:500}.data-table tbody td strong{color:#2d3748;font-weight:600}.badge--administrator{color:#e53e3e;background:#e53e3e1a}.badge--reviewer{color:#3182ce;background:#3182ce1a}.badge--logger{color:#2d8355;background:#38a1691a}.login{background:linear-gradient(135deg,#d6e7f0 0%,#faf4ec 40%,#f3e3d0 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login__container{width:100%;max-width:420px;padding:1rem;position:relative}.login__card{background:#fff;border:1px solid #e2d8cc;border-radius:16px;padding:2.5rem 2rem;box-shadow:0 8px 24px #0000001a}.login__brand{text-align:center;margin-bottom:2rem}.login__brand-icon{color:#fff;background:linear-gradient(135deg,#81a6c6,#aacddc);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:900;display:inline-flex}.login__brand-title{color:#2d3748;margin-bottom:.25rem;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:800}.login__brand-subtitle{color:#8896a6;font-size:.875rem}.login__submit{width:100%;margin-top:.5rem}.login__footer{text-align:center;color:#8896a6;margin-top:1.5rem;font-size:.8125rem}.dashboard__welcome{margin-bottom:2rem}.dashboard__welcome-greeting{color:#2d3748;margin-bottom:.25rem;font-family:DM Sans,sans-serif;font-size:1.75rem;font-weight:800}.dashboard__welcome-sub{color:#8896a6;font-size:.9375rem}.dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.dashboard__section{margin-bottom:2rem}.dashboard__section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dashboard__section-title{color:#2d3748;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:700}.permission-matrix__module-header{text-align:center!important;border-bottom:none!important;padding-bottom:.25rem!important}.permission-matrix__sub-header th{border-bottom:1px solid #e2d8cc!important}.permission-matrix__toggle-label{text-align:center!important;color:#8896a6!important;padding-top:0!important;font-size:.6rem!important}.permission-matrix__cell{text-align:center!important;padding:.5rem .375rem!important}.permission-matrix__toggle{cursor:pointer;background:0 0;border:1px solid #e2d8cc;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.permission-matrix__toggle--on{color:#38a169;background:#38a1691a;border-color:#38a1694d}.permission-matrix__toggle--on:hover{background:#38a16933}.permission-matrix__toggle--off{color:#a0aec0;background:#8896a60d;border-color:#ede6dc}.permission-matrix__toggle--off:hover{color:#e53e3e;background:#e53e3e14;border-color:#e53e3e40}.permission-matrix__toggle--sample{cursor:default;pointer-events:none;width:24px;height:24px}.permission-matrix__legend{color:#8896a6;align-items:center;gap:1.5rem;margin-top:.75rem;padding:1rem 0;font-size:.8125rem;display:flex}.permission-matrix__legend-item{align-items:center;gap:.5rem;display:flex}.permission-matrix__legend-note{margin-left:auto;font-size:.75rem;font-style:italic}.item-form__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.item-form__title{color:#2d3748;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:800}.item-form__section{margin-bottom:1.25rem}.item-form__empty-variations{text-align:center;color:#8896a6;padding:2rem 1rem}.item-form__empty-variations p:first-child{margin-bottom:.25rem;font-size:.9375rem;font-weight:500}.item-form__actions{justify-content:flex-end;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.variation-builder{flex-direction:column;gap:1.25rem;display:flex}.variation-builder__type{background:#f0f4f8;border:1px solid #ede6dc;border-radius:8px;padding:1.25rem}.variation-builder__type-header{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.variation-builder__type-name{flex:1;margin-bottom:0}.variation-builder__remove-type{margin-top:1.5rem}.variation-builder__options{padding-left:0}.variation-builder__options-list{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}.variation-builder__option{align-items:center;gap:.5rem;display:flex}.variation-builder__option .form-group__input{flex:1}.variation-builder__remove-option{flex-shrink:0;padding:.375rem .5rem;font-size:1.125rem}.variation-builder__add-option{align-self:flex-start}.variant-preview{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;display:grid}.variant-preview__item{background:#fff;border:1px solid #ede6dc;border-radius:8px;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.variant-preview__number{color:#5a809f;background:#81a6c61a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.6875rem;font-weight:700;display:flex}.variant-preview__combo{color:#2d3748;font-size:.875rem;font-weight:500}.transfer-stepper{justify-content:space-between;align-items:flex-start;padding:1.5rem 0;display:flex}.transfer-stepper__step{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.transfer-stepper__circle{z-index:1;color:#a0aec0;background:#fff;border:2px solid #e2d8cc;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.transfer-stepper__step--done .transfer-stepper__circle{color:#fff;background:#38a169;border-color:#38a169}.transfer-stepper__step--current .transfer-stepper__circle{color:#81a6c6;background:#fff;border-color:#81a6c6;box-shadow:0 0 0 4px #81a6c61f}.transfer-stepper__label{text-transform:uppercase;letter-spacing:.04em;color:#8896a6;margin-top:.5rem;font-size:.6875rem;font-weight:600}.transfer-stepper__step--done .transfer-stepper__label{color:#38a169}.transfer-stepper__step--current .transfer-stepper__label{color:#81a6c6}.transfer-stepper__info{color:#a0aec0;margin-top:.25rem;font-size:.625rem;line-height:1.3}.transfer-stepper__line{z-index:0;background:#e2d8cc;width:100%;height:2px;position:absolute;top:18px;left:50%}.transfer-stepper__line--done{background:#38a169}.transfer-stepper--compact{align-items:center;gap:4px;padding:0;display:inline-flex}.transfer-stepper__dot{border-radius:50%;width:10px;height:10px;display:inline-block}.transfer-stepper__dot--done{background:#38a169}.transfer-stepper__dot--pending{background:#e2d8cc}.transfer-void-banner{text-align:center;background:#e53e3e0f;border:1px solid #e53e3e33;border-radius:8px;padding:1rem 1.25rem}.transfer-void-banner__title{color:#e53e3e;margin-bottom:.25rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700}.transfer-void-banner__reason{color:#5a6a7e;font-size:.875rem}.transfer-void-banner__info{color:#8896a6;margin-top:.5rem;font-size:.75rem}.transfer-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.transfer-details__item-label{text-transform:uppercase;letter-spacing:.06em;color:#8896a6;margin-bottom:.25rem;font-size:.6875rem;font-weight:600}.transfer-details__item-value{color:#2d3748;font-size:.9375rem;font-weight:500}.transfer-line{background:#f0f4f8;border:1px solid #ede6dc;border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.transfer-line .form-group{flex:1;margin-bottom:0}.transfer-line__quantity{max-width:120px}.transfer-line__remarks{max-width:200px}.transfer-line__remove{flex-shrink:0;margin-top:1.5rem}@media (width<=768px){.transfer-stepper:not(.transfer-stepper--compact){flex-direction:column;gap:.75rem}.transfer-stepper:not(.transfer-stepper--compact) .transfer-stepper__step{text-align:left;flex-direction:row;gap:.75rem}.transfer-stepper:not(.transfer-stepper--compact) .transfer-stepper__line{display:none}.transfer-line{flex-wrap:wrap}.transfer-details{grid-template-columns:1fr}}.ledger__qty{font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600}.ledger__qty--in{color:#38a169}.ledger__qty--out{color:#e53e3e}.ledger__ref{color:#5a809f;font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:500;text-decoration:none}.ledger__ref:hover{text-decoration:underline}.pos-body{background:#eff3f6;overflow:hidden}.pos{height:100vh;display:flex;overflow:hidden}.pos__products{flex-direction:column;flex:1;display:flex;overflow:hidden}.pos__topbar{color:#fff;background:#3d6280;flex-shrink:0;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.pos__brand{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.pos__brand-icon{color:#3d6280;background:linear-gradient(135deg,#f3e3d0,#aacddc);border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:800;display:flex}.pos__brand-text{white-space:nowrap;font-family:DM Sans,sans-serif;font-size:.9375rem;font-weight:700}.pos__search{flex:1;max-width:400px}.pos__search-input{color:#fff;background:#ffffff1f;border:none;border-radius:24px;width:100%;padding:.5rem 1rem;font-family:IBM Plex Sans,sans-serif;font-size:.875rem}.pos__search-input::placeholder{color:#ffffff80}.pos__search-input:focus{background:#ffffff2e;outline:none}.pos__topbar-right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.pos__warehouse-select{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:.4rem .75rem;font-family:IBM Plex Sans,sans-serif;font-size:.8125rem}.pos__warehouse-select option{color:#2d3748;background:#fff}.pos__exit-btn{color:#fff9;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;display:flex}.pos__exit-btn:hover{color:#fff;background:#ffffff1a}.pos__categories{background:#fff;border-bottom:1px solid #e2d8cc;flex-shrink:0;gap:.5rem;padding:.75rem 1.25rem;display:flex;overflow-x:auto}.pos__categories::-webkit-scrollbar{height:0}.pos__cat-btn{color:#5a6a7e;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2d8cc;border-radius:20px;padding:.4rem 1rem;font-family:IBM Plex Sans,sans-serif;font-size:.8125rem;font-weight:500;transition:all .15s}.pos__cat-btn:hover{color:#81a6c6;border-color:#81a6c6}.pos__cat-btn--active{color:#fff;background:#81a6c6;border-color:#81a6c6}.pos__grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:.75rem;padding:1rem 1.25rem;display:grid;overflow-y:auto}.pos__product-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2d8cc;border-radius:8px;flex-direction:column;padding:0;font-family:IBM Plex Sans,sans-serif;transition:all .15s;display:flex;overflow:hidden}.pos__product-card:hover{border-color:#81a6c6;transform:translateY(-2px);box-shadow:0 4px 16px #81a6c61f}.pos__product-card:active{box-shadow:none;transform:translateY(0)}.pos__product-color{background:linear-gradient(90deg,#81a6c6,#aacddc);height:4px}[data-brand=Boysen] .pos__product-color{background:linear-gradient(90deg,#e74c3c,#f39c12)}[data-brand=Davies] .pos__product-color{background:linear-gradient(90deg,#3498db,#2ecc71)}[data-brand=Pacific\ Paint] .pos__product-color{background:linear-gradient(90deg,#9b59b6,#e74c3c)}.pos__product-info{flex:1;padding:.75rem .875rem .5rem}.pos__product-name{color:#2d3748;margin-bottom:.125rem;font-size:.8125rem;font-weight:600;line-height:1.3}.pos__product-variant{color:#5a6a7e;margin-bottom:.25rem;font-size:.6875rem}.pos__product-brand{color:#a0aec0;text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}.pos__product-price{color:#5a809f;padding:.5rem .875rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700}.pos__empty{text-align:center;color:#8896a6;grid-column:1/-1;padding:3rem}.pos__cart{background:#fff;border-left:1px solid #e2d8cc;flex-direction:column;flex-shrink:0;width:380px;display:flex}.pos__cart-header{border-bottom:1px solid #ede6dc;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.pos__cart-title{color:#2d3748;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:700}.pos__cart-count{color:#8896a6;font-size:.8125rem}.pos__cart-items{flex:1;padding:.5rem 0;overflow-y:auto}.pos__cart-item{border-bottom:1px solid #ede6dc;align-items:center;gap:.5rem;padding:.625rem 1.25rem;display:flex}.pos__cart-item-info{flex:1;min-width:0}.pos__cart-item-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.pos__cart-item-variant{color:#8896a6;font-size:.6875rem}.pos__cart-item-price{color:#5a6a7e;font-size:.6875rem}.pos__cart-item-controls{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.pos__cart-item-total{color:#2d3748;text-align:right;flex-shrink:0;min-width:70px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:700}.pos__cart-item-remove{color:#a0aec0;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.25rem}.pos__cart-item-remove:hover{color:#e53e3e}.pos__qty-btn{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #e2d8cc;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:700;transition:all .15s;display:flex}.pos__qty-btn:hover{color:#81a6c6;background:#f0f4f8;border-color:#81a6c6}.pos__qty-value{text-align:center;min-width:24px;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600}.pos__cart-empty{color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;display:flex}.pos__cart-empty svg{opacity:.3}.pos__cart-empty p{font-size:.9375rem;font-weight:500}.pos__cart-empty span{font-size:.8125rem}.pos__cart-footer{background:#fafbfc;border-top:1px solid #e2d8cc;padding:1rem 1.25rem}.pos__error{color:#e53e3e;background:#e53e3e14;border-radius:4px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.8125rem}.pos__totals{margin-bottom:1rem}.pos__totals-row{color:#5a6a7e;justify-content:space-between;padding:.25rem 0;font-size:.875rem;display:flex}.pos__totals-row--discount{color:#e53e3e}.pos__totals-row--total{color:#2d3748;border-top:1px solid #e2d8cc;margin-top:.25rem;padding:.5rem 0 .25rem;font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:800}.pos__actions{gap:.5rem;display:flex}.pos__action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.875rem;font-family:DM Sans,sans-serif;font-size:.9375rem;font-weight:700;transition:all .15s}.pos__action-btn:disabled{opacity:.4;cursor:not-allowed}.pos__action-btn--clear{color:#5a6a7e;background:#f0f4f8;flex:none;padding:.875rem 1.25rem}.pos__action-btn--clear:hover:not(:disabled){background:#e2eaf2}.pos__action-btn--pay{color:#fff;background:#38a169}.pos__action-btn--pay:hover:not(:disabled){background:#318e5d}.pos__modal{z-index:300;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pos__modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;position:absolute;inset:0}.pos__modal-content{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.pos__modal-content--receipt{max-width:380px}.pos__modal-header{border-bottom:1px solid #ede6dc;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.pos__modal-header h3{font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:700}.pos__modal-close{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:.25rem}.pos__modal-close:hover{color:#2d3748}.pos__payment{padding:1.5rem}.pos__payment-total{text-align:center;margin-bottom:1.5rem}.pos__payment-total span{color:#8896a6;margin-bottom:.25rem;font-size:.8125rem;display:block}.pos__payment-total strong{color:#2d3748;font-family:DM Sans,sans-serif;font-size:2.5rem;font-weight:800}.pos__payment-methods{gap:.5rem;margin-bottom:1.25rem;display:flex}.pos__payment-field{margin-bottom:1rem}.pos__payment-field label{color:#5a6a7e;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.pos__payment-input{color:#2d3748;border:1px solid #d2c4b4;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:IBM Plex Sans,sans-serif;font-size:1.125rem}.pos__payment-input:focus{border-color:#81a6c6;outline:none;box-shadow:0 0 0 3px #81a6c61f}.pos__method-btn{color:#5a6a7e;cursor:pointer;background:#fff;border:1px solid #e2d8cc;border-radius:8px;flex:1;padding:.625rem;font-family:IBM Plex Sans,sans-serif;font-size:.8125rem;font-weight:600;transition:all .15s}.pos__method-btn:hover{color:#81a6c6;border-color:#81a6c6}.pos__method-btn--active{color:#81a6c6;background:#81a6c614;border-color:#81a6c6}.pos__quick-amounts{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.pos__quick-btn{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #e2d8cc;border-radius:8px;padding:.5rem .875rem;font-family:IBM Plex Sans,sans-serif;font-size:.8125rem;font-weight:600;transition:all .15s}.pos__quick-btn:hover{background:#f0f4f8;border-color:#81a6c6}.pos__quick-btn--exact{color:#38a169;background:#38a1690f;border-color:#38a1694d}.pos__change{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.pos__change span{font-size:.9375rem;font-weight:500}.pos__change strong{font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:800}.pos__change--ok{color:#2d8355;background:#38a16914}.pos__change--short{color:#e53e3e;background:#e53e3e14}.pos__pay-btn{color:#fff;cursor:pointer;background:#38a169;border:none;border-radius:8px;width:100%;padding:1rem;font-family:DM Sans,sans-serif;font-size:1.0625rem;font-weight:700;transition:all .15s}.pos__pay-btn:hover:not(:disabled){background:#318e5d}.pos__pay-btn:disabled{opacity:.4;cursor:not-allowed}.pos__receipt{text-align:center;padding:2rem 1.5rem;font-family:IBM Plex Sans,sans-serif}.pos__receipt-header{margin-bottom:1.25rem}.pos__receipt-header h3{margin-bottom:.125rem;font-family:DM Sans,sans-serif;font-size:1.125rem}.pos__receipt-header p{color:#8896a6;font-size:.75rem}.pos__receipt-logo{color:#fff;background:linear-gradient(135deg,#81a6c6,#aacddc);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.75rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800;display:inline-flex}.pos__receipt-id{color:#2d3748;background:#f0f4f8;border-radius:4px;margin-bottom:1rem;padding:.5rem;font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:600}.pos__receipt-items{text-align:left;border-top:1px dashed #e2d8cc;border-bottom:1px dashed #e2d8cc;margin-bottom:.75rem;padding:.75rem 0}.pos__receipt-line{justify-content:space-between;align-items:flex-start;padding:.375rem 0;font-size:.8125rem;display:flex}.pos__receipt-line-info small{color:#8896a6;font-size:.6875rem;display:block}.pos__receipt-totals{margin-bottom:1rem}.pos__receipt-row{color:#5a6a7e;justify-content:space-between;padding:.25rem 0;font-size:.8125rem;display:flex}.pos__receipt-row--total{color:#2d3748;border-top:1px solid #e2d8cc;margin-top:.25rem;padding-top:.5rem;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:700}.pos__receipt-customer{color:#8896a6;margin-bottom:.75rem;font-size:.75rem}.pos__receipt-footer{margin-bottom:1.25rem}.pos__receipt-footer p{color:#8896a6;font-size:.75rem}.pos__receipt-actions{padding-top:.5rem}@media (width<=768px){.pos{flex-direction:column}.pos__cart{width:100%;max-height:40vh}.pos__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.sales-detail__meta{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.sales-detail__meta-item{flex-direction:column;gap:.125rem;display:flex}.sales-detail__meta-label{text-transform:uppercase;letter-spacing:.06em;color:#8896a6;font-size:.6875rem;font-weight:600}.sales-detail__items{margin-bottom:1rem}.sales-detail__items .data-table{font-size:.8125rem}.sales-detail__items .data-table th,.sales-detail__items .data-table td{padding:.5rem .75rem}.sales-detail__totals{border-top:1px solid #e2d8cc;padding-top:.75rem}.sales-detail__totals-row{color:#5a6a7e;justify-content:space-between;padding:.25rem 0;font-size:.875rem;display:flex}.sales-detail__totals-row--discount{color:#e53e3e}.sales-detail__totals-row--total{color:#2d3748;border-top:1px solid #ede6dc;margin-top:.25rem;padding-top:.5rem;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:700}@media (width<=768px){.sales-detail__meta{grid-template-columns:repeat(2,1fr)}}