.login-page{height:100vh;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--brand-700);position:relative;overflow:hidden;overscroll-behavior:none}.login-page:before,.login-page:after{content:"";position:absolute;inset:auto;width:42rem;height:42rem;border-radius:var(--radius-full);filter:blur(56px);opacity:.45;pointer-events:none}.login-page:before{left:-18rem;top:6rem;background:radial-gradient(circle at 30% 30%,#ececec,var(--brand-700) 55%,transparent 70%)}.login-page:after{right:-20rem;bottom:4rem;background:radial-gradient(circle at 30% 30%,#ececec,var(--brand-700) 55%,transparent 70%)}.login-shell{width:100%;max-width:40rem;position:relative;z-index:var(--z-base)}.login-card{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:2rem;padding:clamp(1.75rem,4vw,3.5rem);box-shadow:var(--shadow-2xl)}.login-header{text-align:center;margin-bottom:clamp(1.25rem,3vw,2.25rem)}.login-title{margin:0;font-weight:700;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em;color:var(--neutral-900)}.login-alert{background:var(--error-50);border:1px solid var(--error-200);color:var(--error-700);border-radius:var(--radius-xl);padding:.875rem var(--space-4);margin-bottom:var(--space-5);font-size:.95rem}.login-message{background:#fff;border:1px solid rgba(17,24,39,.12);color:#111827bf;border-radius:var(--radius-xl);padding:.875rem var(--space-4);margin-bottom:var(--space-5);font-size:.95rem}.login-forgot-row{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.login-forgot-btn{padding:0}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.login-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-5);margin-top:clamp(1.25rem,3vw,2rem)}.login-divider-line{height:1px;background:#11182773}.login-divider-text{font-size:.95rem;color:#111827a6;white-space:nowrap}.login-oauth-btn{margin-top:clamp(.9rem,2.5vw,1.5rem);width:100%;height:3.25rem;border-radius:.9rem;border:1px solid rgba(17,24,39,.12);background:#fff;display:flex;align-items:center;justify-content:center;gap:.6rem;font-weight:700;color:var(--neutral-900);cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.login-oauth-btn:hover{background:var(--neutral-50);border-color:#1118272e}.login-oauth-btn:disabled{opacity:.6;cursor:not-allowed}.login-oauth-icon{display:inline-flex;align-items:center;justify-content:center}.login-oauth-text{font-size:1rem}.login-page .form-row{display:flex;flex-direction:column;gap:var(--space-2)}.login-page .form-label{font-size:1.05rem;font-weight:700;color:var(--neutral-900)}.login-page .form-input{width:100%;box-sizing:border-box;height:3.25rem;padding:0 var(--space-4);border-radius:.9rem;border:2px solid var(--neutral-250);background:#fff;color:var(--neutral-900);font-size:1rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-password-field{position:relative;width:100%}.login-page .form-input.has-password-toggle{padding-right:3.25rem}.login-page .password-toggle{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;background:transparent;color:var(--neutral-900);opacity:.65;cursor:pointer;padding:0;transition:opacity var(--transition-fast)}.login-page .password-toggle:hover{opacity:.9}.login-page .password-toggle:disabled{opacity:.4;cursor:not-allowed}.login-page .password-toggle:focus-visible{outline:2px solid var(--brand-700);outline-offset:var(--space-1);border-radius:.6rem}.login-page .form-input::placeholder{color:#c4c7cf}.login-submit{width:100%;height:3.25rem;border:none;border-radius:.9rem;background:var(--accent-yellow);color:var(--neutral-900);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.login-submit:hover{background:var(--accent-yellow-hover)}.login-submit:active{transform:translateY(1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:clamp(1rem,2.5vw,1.5rem);text-align:center;color:#fafafa;font-size:.95rem}.login-link{background:transparent;border:none;padding:0;margin:0;color:var(--brand-300);font-weight:600;cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}.login-link:hover{color:var(--brand-200)}@media (max-width: 30rem){.login-page{padding:var(--space-4) .9rem}.login-card{border-radius:1.5rem}.login-header{margin-bottom:var(--space-6)}.login-title{font-size:2rem}.login-form{gap:var(--space-4)}.login-page .form-label{font-size:1rem}.login-page .form-input,.login-submit,.login-oauth-btn{height:3rem;border-radius:.8rem}.login-divider{gap:.9rem;margin-top:var(--space-6)}.login-oauth-btn,.login-footer{margin-top:var(--space-4)}}.vendors-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:20000}.vendors-modal__header{background-color:#1d3642;padding:1rem;border-radius:.75rem .75rem 0 0;border-bottom:.0625rem solid #e4e4e7;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.vendors-modal__subtitle{margin-top:.25rem;font-size:.9rem;color:#a1a1aa}.vendor-md-close{background:transparent;border:none;color:#fafafa;font-size:1.5rem;line-height:1;padding:0;cursor:pointer;opacity:.7;transition:opacity .2s}.vendor-md-close:hover{opacity:1}.vendor-modal-emphasis{font-size:1rem;color:#3f3f46;text-align:center}.vendors-modal__footer{padding:.75rem 1rem;border-top:.0625rem solid #e4e4e7;display:flex;justify-content:flex-end;gap:.5rem}.confirm-modal-window{width:min(32rem,100%)}.confirm-modal__header{align-items:center}.confirm-modal-title{margin:0}.confirm-modal__body{gap:.75rem}.confirm-modal-message{margin:0;color:#3f3f46;font-size:.95rem;line-height:1.5;text-align:center}.confirm-modal-actions{justify-content:flex-end}.confirm-modal-button{min-width:7rem;border-radius:.625rem;padding:.6rem 1.1rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.confirm-modal-cancel{border:1px solid #d4d4d8;background:#fff;color:#3f3f46}.confirm-modal-cancel:hover{background:#f4f4f5}.confirm-modal-confirm{border:1px solid #1d3642;background:#1d3642;color:#fff}.confirm-modal-confirm:hover{background:#152833;border-color:#152833}.confirm-modal-confirm.is-destructive{background:#b42318;border-color:#b42318}.confirm-modal-confirm.is-destructive:hover{background:#912018;border-color:#912018}.confirm-modal-button:focus-visible,.vendor-md-close:focus-visible{outline:2px solid #1d3642;outline-offset:2px}@media (max-width: 640px){.confirm-modal-actions{flex-wrap:wrap}.confirm-modal-button{flex:1 1 10rem}}.admin-dashboard{min-height:100vh;background:var(--neutral-150);padding:var(--space-6)}.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.admin-hero-title{margin:0;font-size:2rem;font-weight:700;color:var(--neutral-900)}.admin-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.admin-section-card{display:flex;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:box-shadow var(--transition-fast)}.admin-section-card:hover{box-shadow:0 4px 12px #00000014}.admin-section-ribbon{width:4rem;background:var(--brand-600);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-4) 0}.admin-section-ribbon-purchasing,.admin-section-ribbon-inventory,.admin-section-ribbon-admin{background:#1d3642}.admin-section-icon{display:grid;place-items:center;color:#fff;font-size:1.75rem}.admin-section-content{flex:1;padding:var(--space-5) var(--space-4) var(--space-3) var(--space-4)}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.admin-section-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--neutral-900)}.admin-section-add{width:1.5rem;height:1.5rem;border-radius:var(--radius-full);background:var(--neutral-100);color:var(--neutral-500);display:grid;place-items:center;font-size:1.25rem;line-height:1;cursor:pointer;transition:all var(--transition-fast)}.admin-section-add:hover{background:var(--neutral-200);color:var(--neutral-700)}.admin-section-list{display:flex;flex-direction:column;gap:var(--space-1)}.admin-section-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem var(--space-2);text-decoration:none;color:var(--neutral-700);border-radius:var(--radius-md);transition:all var(--transition-fast)}.admin-section-item:hover{background:var(--neutral-100);color:var(--neutral-900)}.admin-section-chevron{color:var(--neutral-400);font-size:1.25rem}.admin-quick-actions{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8)}.admin-quick-title{margin:0 0 var(--space-3) 0;font-size:1.1rem;font-weight:700;color:var(--neutral-900)}.admin-quick-list{display:grid;gap:var(--space-2)}.admin-quick-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem var(--space-1);text-decoration:none;color:var(--neutral-700);font:inherit;font-size:.95rem;border-bottom:1px solid var(--neutral-200);transition:color var(--transition-fast)}button.admin-quick-item{background:none;border:none;border-bottom:1px solid var(--neutral-200);width:100%;text-align:left;cursor:pointer}.admin-quick-item:last-child,button.admin-quick-item:last-child{border-bottom:none}.admin-quick-item:hover{color:var(--neutral-900)}.admin-quick-left{display:flex;align-items:center;gap:var(--space-3)}.admin-quick-icon{width:2rem;height:2rem;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--neutral-100);color:var(--brand-700)}.admin-users{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5)}.admin-users-title{margin:0 0 var(--space-3) 0;font-size:1.1rem;font-weight:700;color:var(--neutral-900)}.admin-users-table-wrap{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.admin-users-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-users-table th,.admin-users-table td{padding:.65rem var(--space-2);border-bottom:1px solid var(--neutral-200);text-align:left;color:var(--neutral-700)}.admin-users-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--neutral-600);font-weight:600}.admin-users-table th:last-child{text-align:center}.admin-users-table th:nth-child(1){width:20%}.admin-users-table th:nth-child(2){width:25%}.admin-users-table th:nth-child(3){width:10%}.admin-users-table th:nth-child(4){width:20%}.admin-users-table th:nth-child(5){width:25%}.admin-users-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:nowrap;width:100%}.admin-action-btn{border:1px solid var(--brand-200);border-radius:var(--radius-sm);padding:.35rem .7rem;font-size:.8rem;cursor:pointer;color:var(--brand-700);background:var(--brand-50);margin-right:0;font-weight:600;transition:all var(--transition-fast);white-space:nowrap;flex:1;display:inline-flex;justify-content:center;align-items:center}.admin-action-btn.danger{background:var(--brand-100);color:var(--brand-700);border-color:var(--brand-200)}.admin-action-btn.danger:hover{background:var(--brand-200)}.admin-action-btn.primary{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.admin-action-btn.primary:hover{background:var(--brand-700);border-color:var(--brand-700)}.admin-action-btn.secondary{background:var(--neutral-100);color:var(--neutral-900);border-color:var(--neutral-200)}.admin-action-btn.secondary:hover{background:var(--neutral-200)}.admin-users-cards{display:none}.admin-user-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden}.admin-user-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#fff;border:none;width:100%;cursor:pointer;transition:background var(--transition-fast)}.admin-user-card-header:hover{background:var(--neutral-50)}.admin-user-title{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.admin-user-name{font-weight:600;color:var(--neutral-900)}.admin-user-role{color:var(--neutral-700);font-weight:600;font-size:.875rem}.admin-user-chevron{font-size:1.25rem;color:var(--neutral-500);transform:rotate(90deg);transition:transform var(--transition-fast)}.admin-user-card.is-open .admin-user-chevron{transform:rotate(-90deg)}.admin-user-details{border-top:1px solid var(--neutral-200);padding:var(--space-3) var(--space-4) var(--space-4);display:grid;gap:var(--space-2)}.admin-user-row{display:grid;grid-template-columns:6rem 1fr;gap:var(--space-3);align-items:baseline}.admin-user-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--neutral-600)}.admin-user-value{color:var(--neutral-700);word-break:break-word;overflow-wrap:anywhere}.admin-user-actions{display:grid;gap:var(--space-2);margin-top:var(--space-2)}@media (max-width: 48rem){.admin-dashboard{padding:var(--space-4)}.admin-hero-title{font-size:1.6rem}.admin-section-ribbon{width:3.5rem}.admin-section-content{padding:var(--space-4) var(--space-4) var(--space-2) var(--space-4)}.admin-quick-item{padding:.6rem 0}.admin-users{padding:var(--space-3)}.admin-users-table-wrap{display:none}.admin-users-cards{display:block}.admin-user-row{grid-template-columns:5.5rem 1fr}.admin-action-btn{width:100%;margin:0;text-align:center;padding:.6rem .75rem;font-size:.85rem}}@media (max-width: 64rem){.admin-sections-grid{grid-template-columns:1fr}.admin-users-actions{justify-content:flex-start}}.admin-users-mobile-list{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--neutral-200)}.admin-mobile-user-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--neutral-100);cursor:pointer;background-color:#fff;transition:background-color .2s}.admin-mobile-user-row:last-child{border-bottom:none}.admin-mobile-user-row:active{background-color:var(--neutral-50)}.admin-mobile-user-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0;padding-right:1rem}.admin-mobile-user-name{font-weight:600;color:var(--neutral-900);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-mobile-user-email{font-size:.85rem;color:var(--neutral-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-mobile-user-right{display:flex;align-items:center;gap:.75rem}.admin-mobile-role-badge{font-size:.75rem;padding:.2rem .6rem;border-radius:99px;font-weight:600;text-transform:capitalize;white-space:nowrap}.admin-mobile-role-badge.role-admin{background-color:#045c671a;color:var(--brand-700)}.admin-mobile-role-badge.role-manager{background-color:#f59e0b1a;color:#b45309}.admin-mobile-role-badge.role-employee,.admin-mobile-role-badge.role-user{background-color:var(--neutral-100);color:var(--neutral-600)}.mobile-row-chevron{font-size:1.25rem;color:var(--neutral-400)}.mobile-action-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1000;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .3s ease-out}.mobile-action-sheet-overlay.closing{animation:fadeOutBg .25s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBg{0%{background-color:#00000080}to{background-color:#0000}}.mobile-action-sheet{background-color:#fff;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;padding:1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #00000026;animation:slideUp .35s cubic-bezier(.16,1,.3,1);max-height:85vh;overflow-y:auto;will-change:transform}.mobile-action-sheet.closing{animation:slideDown .25s ease-out forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.mobile-sheet-header{margin-bottom:1.5rem;text-align:left;padding-bottom:1rem;border-bottom:1px solid var(--neutral-100)}.mobile-sheet-title{font-size:1.25rem;font-weight:700;color:var(--neutral-900);margin:0 0 .25rem}.mobile-sheet-subtitle{font-size:.95rem;color:var(--neutral-500);word-break:break-all}.mobile-sheet-meta{font-size:.85rem;color:var(--neutral-400);margin-top:.25rem}.mobile-sheet-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.mobile-sheet-btn{display:flex;align-items:center;width:100%;padding:1rem;background-color:#f9fafb;border:1px solid var(--neutral-200);border-radius:.75rem;cursor:pointer;transition:all .2s;text-align:left}.mobile-sheet-btn:active{background-color:var(--neutral-100);transform:scale(.98)}.sheet-btn-icon{width:2rem;height:2rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-right:var(--space-3);flex-shrink:0}.sheet-btn-icon.bg-blue{background-color:var(--neutral-100);color:var(--brand-700)}.sheet-btn-icon.bg-gray{background-color:var(--neutral-100);color:var(--neutral-700)}.sheet-btn-icon.bg-red{background-color:var(--brand-100);color:var(--brand-700)}.sheet-btn-text{flex:1;display:flex;flex-direction:column}.sheet-btn-label{font-weight:600;font-size:1rem;color:var(--neutral-900)}.sheet-btn-label.text-red{color:var(--brand-700)}.sheet-btn-desc{font-size:.85rem;color:var(--neutral-500)}.sheet-arrow{color:var(--neutral-400);font-size:1.25rem}.mobile-sheet-cancel{width:100%;padding:1rem;background-color:#fff;border:1px solid var(--neutral-200);border-radius:.75rem;font-weight:600;color:var(--neutral-600);font-size:1rem;cursor:pointer}.mobile-sheet-cancel:active{background-color:var(--neutral-50)}.vendors-page{min-height:100vh;background:var(--neutral-150);padding:var(--space-6)}.vendors-shell{display:flex;flex-direction:column;gap:var(--space-4);height:100%;flex:1;min-height:0}.vendors-page.vendor-detail-open{height:100vh;min-height:100dvh;overflow:auto}.vendors-page.vendor-detail-open .vendors-shell,.vendors-page.vendor-detail-open .vendors-card{height:100%}.vendor-md-detail{will-change:transform,opacity;transform:translate(100%);opacity:0;transition:transform .22s ease-in-out,opacity .22s ease-in-out}.mobile-details-drawer{display:none}@media (prefers-reduced-motion: reduce){.vendor-md-detail{transition:none}}.vendor-md-close{width:2rem;height:2rem;border-radius:var(--radius-full);border:.0625rem solid var(--neutral-200);background:#fff;cursor:pointer;font-size:1.5rem;line-height:1;color:var(--neutral-400);display:flex;align-items:center;justify-content:center;transition:all .2s}.vendor-md-close:hover{color:var(--neutral-500);background:var(--neutral-100)}.vendor-list-panel .list-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--neutral-600)}.vendor-row .row-actions{margin-left:auto}.vendor-md-panel{flex:1;background:#fff;border-radius:var(--radius-md);border:.0625rem solid var(--neutral-200);overflow:auto;display:flex;flex-direction:column;min-width:0;min-height:0}.details-actionbar{padding:var(--space-2) var(--space-4);display:flex;justify-content:flex-end;gap:var(--space-2);border-bottom:.0625rem solid var(--neutral-200)}.details-header{padding:var(--space-4);display:flex;justify-content:space-between;align-items:center;border-bottom:.0625rem solid var(--neutral-200)}.financial-card{background:var(--neutral-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.details-tabs{padding:var(--space-2) var(--space-4);border-bottom:.0625rem solid var(--neutral-200)}.tabs button{margin-right:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;transition:all .2s}@media (max-width: 48rem){.details-tabs{padding:.5rem}.tabs{display:flex;flex-wrap:wrap;gap:.5rem}.tabs button{margin-right:0;flex:1 1 calc(50% - .25rem);text-align:center;white-space:nowrap;padding:.5rem .25rem;font-size:.85rem}}.tabs button:not(.active):hover{background:var(--neutral-100)}.tabs button.active{background:var(--brand-600);color:#fff}.details-body{flex:1;min-height:0;overflow:visible;padding:var(--space-4)}.refined-actionbar{padding:.75rem 1rem;border-bottom:none}.actionbar-group{display:flex;justify-content:space-between;align-items:center}.actionbar-left,.actionbar-right{display:flex;gap:.5rem;align-items:center}.ghost-btn.small{height:2rem;padding:0 .5rem;border-radius:.375rem}.icon-close{border:none;background:transparent;font-size:1.25rem;color:#444;cursor:pointer;padding:.25rem}.saved-pill{padding:.25rem .6rem;border-radius:999rem;background:var(--neutral-50);color:#666}.refined-header{padding:var(--space-4);border-bottom:.0625rem solid var(--neutral-200);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.vendor-title{color:var(--neutral-600);font-size:.95rem;margin-top:var(--space-1)}.vendor-sub{font-size:1.6rem;margin:0;font-weight:700;color:var(--neutral-900)}.financial-block{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}.financial-card.large{background:var(--neutral-100);padding:.6rem .85rem;border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.primary-info-grid{display:grid;grid-template-columns:1fr 1fr 320px;gap:1rem;padding:.75rem 1rem;border-bottom:.0625rem solid var(--neutral-200)}.primary-col{display:flex;flex-direction:column;gap:.5rem}.primary-col .label{font-weight:700;color:#333;font-size:.9rem}.primary-col .value{color:#111;font-size:.95rem}.primary-col.contact-col .field-pair{display:flex;flex-direction:column;gap:.35rem}@media (max-width: 48rem){.primary-col.contact-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}}.finance-panel{background:#fbfbfd;border:1px solid var(--neutral-200);padding:.75rem;border-radius:.375rem}.finance-row{padding:.25rem 0;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.finance-label{font-weight:700;color:#4b5563}.finance-value{margin-left:auto;text-align:right}.finance-panel .inline-edit-display{padding:0;min-height:auto;border:none;background:transparent;display:inline-flex;align-items:baseline;cursor:text}.finance-panel .inline-edit-display:hover,.finance-panel .inline-edit-display:focus,.finance-panel .inline-edit-display:focus-visible,.finance-panel .inline-edit-display:active{background:transparent;border-color:transparent;box-shadow:none!important}.finance-panel .inline-edit-input{padding:0 .25rem;min-height:1.5rem;max-width:7rem}.finance-row.is-wide .inline-edit-input{max-width:14rem;width:14rem;text-align:right}.finance-row.is-wide .inline-edit-display{max-width:14rem;justify-content:flex-end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refined-tabs{padding:.75rem 1rem;display:flex;justify-content:center}.details-body .empty-state{padding:2rem}.overview-left,.overview-right{background:transparent}.overview-grid{display:grid;grid-template-columns:1fr 35%;gap:1rem}.overview-left,.overview-right{min-height:20rem}.card{background:var(--neutral-50);padding:1rem;border-radius:.375rem}.form-row{display:block;margin-bottom:.75rem}.purchasing-card{background:#f7f7f7;border-radius:.375rem;padding:.75rem;max-width:42rem;margin-left:auto;margin-right:auto}.purchasing-card h3{margin:0 0 1rem;font-size:1rem;font-weight:600}.purchasing-card>.purchasing-grid{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.purchasing-row{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.purchasing-label{font-size:.875rem;color:#6b7280}.form-label{font-size:.875rem;margin-bottom:.25rem}.purchasing-grid .form-input,.purchasing-card .form-input,.purchasing-grid input[type=text],.purchasing-grid input[type=number],.purchasing-grid select,.purchasing-card input[type=text],.purchasing-card input[type=number],.purchasing-card select{background:#fafafa;border-color:#d1d5db;min-height:2.25rem}.purchasing-grid select,.purchasing-card select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23045c67'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .5rem center;background-size:1.25rem;background-repeat:no-repeat;color:var(--brand-700);cursor:pointer}.purchasing-grid input.form-input{text-align:left}@media (max-width: 48rem){.overview-grid{grid-template-columns:1fr}}.checkbox-row{display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}.checkbox-row input[type=checkbox]{width:1.1rem;height:1.1rem;margin:0}.add-remarks-link{background:transparent;border:none;color:var(--brand-500);cursor:pointer;font-weight:600;padding:0}.remarks-textarea{min-height:4.5rem;resize:vertical;padding:.5rem}.vendor-drawer{position:fixed;top:0;right:0;height:100vh;width:42rem;max-width:100%;transform:translate(100%);transition:transform .24s ease,opacity .24s ease;z-index:1200}.vendor-drawer.open{transform:translate(0)}.vendor-drawer.closing{transform:translate(100%)}.vendor-drawer>*{height:100vh;overflow:auto;background:#fff}.vendor-drawer:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000038;opacity:0;transition:opacity .24s ease;pointer-events:none;z-index:-1}.vendor-drawer.open:before{opacity:1;pointer-events:auto}@media (max-width: 48rem){.vendor-drawer{width:100%}}.vendors-shell{max-width:100%;margin:0 auto}.vendors-card{background:#fff;border-radius:.375rem;overflow:visible;display:flex;flex-direction:column}.po-controls-container{padding:var(--space-4);border-bottom:1px solid var(--neutral-200)}.vendors-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:60}.vendors-modal{width:min(32rem,100%);background:#fff;border-radius:.75rem;box-shadow:0 18px 40px #00000040;overflow:hidden;display:flex;flex-direction:column}.vendors-modal__header{background-color:#1d3642;padding:1rem;border-bottom:.0625rem solid var(--neutral-200);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.vendors-modal__title{font-size:1.1rem;font-weight:700;color:#fafafa}.vendors-modal__subtitle{margin-top:.25rem;font-size:.9rem;color:var(--neutral-600)}.vendors-modal__body{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.vendors-modal__label{font-size:.9rem;font-weight:600;color:#111}.vendors-modal__input{height:2.5rem;border-radius:.5rem}.vendors-modal__error{color:#b91c1c;background:#b91c1c14;border:.0625rem solid rgba(185,28,28,.18);border-radius:.5rem;padding:.6rem .75rem;font-size:.9rem}.vendors-modal__footer{padding:.75rem 1rem;border-top:.0625rem solid var(--neutral-200);display:flex;justify-content:flex-end;gap:.5rem}.toolbar-left{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.toolbar-right{display:flex;gap:.5rem;align-items:center}.icon-square-btn{width:2.25rem;height:2.25rem;border-radius:.5rem;border:1px solid var(--brand-600);background:transparent;color:var(--brand-600);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-square-btn:hover{background:#fff}.toolbar-divider{width:1px;height:1.75rem;background:var(--neutral-200);margin:0 .25rem}.filter-chip{height:2.25rem;padding:0 .75rem;border-radius:.75rem;border:1px solid var(--neutral-200);background:#fff;color:#333;cursor:pointer;font-size:.875rem}.filter-chip.active{border-color:var(--brand-600);color:var(--brand-600)}.filter-button,.col-toggle{background:transparent;border:none;cursor:pointer;color:#222}.col-toggle{margin-left:.25rem}.primary-btn{height:2.25rem;padding:0 .9rem;border-radius:.375rem;background:var(--brand-600);color:#fff;border:1px solid var(--brand-600);cursor:pointer;margin:0rem .5rem}.primary-btn--with-icon{display:inline-flex;align-items:center;gap:.5rem}.primary-btn--with-icon .btn-icon{display:inline-flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;border-radius:.5rem;background:#ffffff26;font-weight:700}.ghost-btn{height:2.25rem;padding:0 .75rem;border-radius:.375rem;background:transparent;border:1px solid var(--brand-600);color:var(--brand-600);cursor:pointer}.table-wrap{overflow-x:auto;flex:1 1 auto}table.vendors-table{width:100%;border-collapse:separate;min-width:40rem}thead th{background:var(--neutral-50);position:sticky;top:0;z-index:2;border-bottom:.0625rem solid var(--neutral-200);text-align:left}thead th .sort-indicator{margin-left:.5rem;opacity:.9}th.col-vendor{width:40%;min-width:15rem;text-align:left;padding:.75rem 1rem}th.col-phone{width:12%;min-width:7.5rem;padding:.75rem 1rem}th.col-email{width:25%;min-width:12rem;padding:.75rem 1rem}th.col-order{width:15%;min-width:8rem;padding:.75rem 1rem}th.col-category{width:8%;min-width:6rem;padding:.75rem 1rem}th.col-actions{width:8%;min-width:6rem;padding:.75rem 1rem;text-align:right}th.col-vendor,td.col-vendor{position:sticky;left:0;background:inherit;z-index:3}td,th{border-bottom:.0625rem solid var(--neutral-200)}.actions-cell{padding:.75rem 1rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;background:transparent;border:none;color:var(--brand-600);text-decoration:none}.icon-btn svg{display:block}.icon-btn:hover{background:#0b5cff0f;cursor:pointer}.icon-btn:focus{outline:2px solid rgba(11,92,255,.12)}tbody tr{height:3rem;background:#fff}tbody tr:hover{background:var(--neutral-50)}tbody tr:focus-within{outline:none}.vendor-cell{display:flex;flex-direction:column;gap:.25rem}.vendor-cell .vendor-name{font-weight:600}.vendor-cell .rep-name{color:#6b6b6b;font-size:.875rem;padding-left:1rem}.vendor-link{all:unset;cursor:pointer;color:inherit;font-weight:600;padding-left:1rem}.vendor-link:hover{color:#333}.stacked-link{font-weight:600}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendors-toolbar-sub{display:flex;gap:1rem;padding:.5rem 1rem;background:var(--neutral-50);border-bottom:.0625rem solid var(--neutral-200)}.vendors-toolbar-sub .subfilter{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#444}.vendors-toolbar-sub select{height:2rem;border-radius:.375rem;border:1px solid var(--neutral-200);background:#fff;padding:0 .5rem}@media (max-width: 47.99rem){table.vendors-table{display:none}.stacked-list{display:block}}@media (min-width: 48rem){.stacked-list{display:none}}.stacked-item{background:#fff;border-bottom:.0625rem solid var(--neutral-200);padding:.75rem 1rem;margin-bottom:.25rem}.stacked-item .line1{font-weight:600}.stacked-item .line2{color:#6b6b6b;font-size:.875rem}.stacked-item .chips{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.chip{background:transparent;color:#444;border:.0625rem solid #ddd;padding:.15rem .4rem;border-radius:.375rem;font-size:.8125rem}.vp-empty{display:grid;place-items:center;padding:2rem 1rem}.vp-center{text-align:center;max-width:36rem;margin:0 auto}.empty-illustration{width:8rem;height:8rem;margin:2rem auto;color:var(--neutral-200)}.empty-illustration svg,.empty-illustration img{width:100%;height:100%;display:block;object-fit:contain}.vp-headline{font-size:1rem;font-weight:600;color:#1f2937;margin:1rem 0}.vp-actions{display:inline-flex;gap:1rem;justify-content:center;align-items:center}@media (max-width: 48rem){.empty-illustration{width:6rem;height:6rem;margin:1.25rem auto}.vp-actions{display:grid;gap:.5rem;justify-items:center}.vp-btn{width:100%;max-width:15rem}}.oh-section,.ph-section{padding:1rem}.ph-summary{display:flex;gap:.75rem;background:var(--neutral-50);border:.0625rem solid #f0f0f2;border-radius:.5rem;padding:1rem;box-shadow:0 1px 0 var(--neutral-200)}.ph-cell{flex:1 1 0;background:transparent;border-radius:.375rem;padding:1rem 1.5rem}.ph-cell.due{background:#f3f4f6}.ph-cell-label{font-size:.875rem;color:var(--neutral-500);font-weight:400}.ph-cell-value{margin-top:.25rem;font-size:1.125rem;font-weight:700;color:#111827}.ph-label .ph-cell-label{font-weight:700;color:#1f2937;font-size:.9375rem}.ph-subheader{padding-top:1rem;padding-bottom:.5rem;font-size:.875rem;color:var(--neutral-500)}.ph-header-wrap{overflow-x:auto}table.ph-table{width:100%;border-collapse:separate}table.ph-table thead tr{border-bottom:.0625rem solid var(--neutral-200)}table.ph-table th{text-align:left;font-weight:700;color:#4b5563;font-size:.875rem;padding:.75rem 1rem;white-space:nowrap}table.ph-table thead tr:hover{background:var(--neutral-50)}.ph-th-label{vertical-align:middle}.ph-filter-icon{display:inline-flex;color:var(--neutral-600);margin-left:.25rem;vertical-align:middle}.ph-empty{padding:2rem 1rem;display:grid;place-items:center}.ph-center{max-width:36rem;margin:0 auto;text-align:center}.empty-illustration.large{width:15rem;height:15rem;margin:1.5rem auto 0}.ph-headline{font-size:1rem;font-weight:500;color:#1f2937;margin-top:1.5rem}@media (max-width: 79.99rem) and (min-width: 64rem){.ph-cell{padding:.75rem 1rem}}@media (max-width: 48rem){.ph-summary{flex-wrap:wrap;gap:.75rem}.ph-cell{flex:1 1 calc(50% - .75rem)}.ph-label{flex-basis:100%}.ph-illustration{width:5rem;height:5rem}}.oh-header-wrap{overflow-x:auto}table.oh-table{width:100%;border-collapse:separate}table.oh-table thead tr{border-bottom:.0625rem solid var(--neutral-200)}table.oh-table th{text-align:left;font-weight:700;color:#4b5563;padding:.75rem 1rem;white-space:nowrap}table.oh-table thead tr:hover{background:var(--neutral-50)}.oh-empty{padding:2rem 1rem;display:grid;place-items:center}.oh-center{max-width:36rem;margin:0 auto;text-align:center}.oh-headline{font-size:1rem;font-weight:600;color:#1f2937;margin-top:1.5rem;margin-bottom:.5rem}.oh-desc{font-size:.875rem;color:var(--neutral-600);margin:0}@media (max-width: 79.99rem) and (min-width: 64rem){table.oh-table th{padding:.5rem .75rem}}@media (max-width: 48rem){.empty-illustration.small{width:6rem;height:6rem}.oh-section{padding:.75rem}}@media (max-width: 48rem){.vp-table thead{display:none}.vp-table tbody tr{display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:auto auto auto;gap:.25rem .75rem;padding:1rem 0;border-bottom:1px solid var(--neutral-200);position:relative;align-items:start}.vp-table td:nth-child(1){grid-column:1 / -1;padding:0;width:100%}.vp-product-cell{display:grid;grid-template-columns:48px 1fr;gap:.75rem;align-items:start}.vp-img-wrapper{width:48px;height:48px;grid-row:1 / 3}.vp-name{font-size:.95rem;white-space:normal;margin-bottom:.1rem;padding-right:3rem;line-height:1.3}.vp-sku{font-size:.8rem;margin-bottom:.25rem}.vp-table td:nth-child(2){grid-column:2 / -1;margin-left:58px;display:flex;align-items:center;gap:.5rem;grid-row:2;grid-column:1 / -1;margin-top:.25rem;padding:0 0 0 60px}.vp-table td:nth-child(2):before{content:"VENDOR CODE";font-size:.65rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.vp-table td:nth-child(2) .vp-input{font-size:.85rem;font-weight:600;color:#374151;padding:0;border:none;border-bottom:1px dashed #e5e7eb;width:auto;min-width:60px}.vp-table td:nth-child(3){display:none}.vp-table td:nth-child(4){position:absolute;bottom:1rem;right:0;padding:0;text-align:right}.vp-table td:nth-child(4) .vp-input{text-align:right;font-weight:700;font-size:1rem;padding:0;border:none;background:transparent;width:80px;color:#111827}.vp-table td:nth-child(5){display:none}.vp-table tr:after{content:"›";position:absolute;top:1rem;right:0;font-size:1.5rem;color:#9ca3af;line-height:1;pointer-events:none}}.vp-table-container{border:1px solid var(--neutral-200);border-radius:6px;background:#fff;overflow:hidden;margin-bottom:1.5rem}.vp-table{width:100%;border-collapse:collapse;font-size:.9rem;color:#111}.vp-table thead th{text-align:left;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--neutral-200);font-weight:500;color:#6b7280;white-space:nowrap}.vp-table tbody tr{border-bottom:1px solid var(--neutral-200)}.vp-table tbody tr:last-child{border-bottom:none}.vp-table td{padding:.75rem 1rem;vertical-align:middle}.vp-product-cell{display:flex;align-items:center;gap:.75rem}.vp-product-link{width:100%;padding:0;border:none;background:transparent;text-align:left;cursor:pointer}.vp-product-link:hover .vp-name{text-decoration:underline}.vp-product-link:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:6px}.vp-img-wrapper{width:40px;height:40px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.vp-img-wrapper img{width:100%;height:100%;object-fit:cover}.vp-placeholder{color:#9ca3af;font-weight:600;font-size:.9rem}.vp-name{font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.vp-sku{color:#6b7280;font-size:.75rem}.vp-input{width:100%;border:none;background:transparent;padding:.25rem 0;font-size:.9rem;color:#111;border-bottom:1px solid transparent}.vp-input:focus{outline:none;border-bottom:1px solid var(--brand-500)}.vp-input::placeholder{color:#9ca3af}.vp-footer-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}@media (max-width: 48rem){.vp-footer-actions{flex-direction:column;padding:0 1rem}}.vp-action-btn{background:#fff;border:2px solid #5a6b7c;color:#5a6b7c;font-weight:700;font-size:1rem;padding:.75rem 2rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;min-width:200px;height:48px;box-sizing:border-box}@media (max-width: 48rem){.vp-action-btn{min-width:unset;width:100%}}.vp-action-btn:hover{background:#f3f4f6;border-color:#4b5563;color:#4b5563}.vp-action-btn.icon-btn span{font-size:1.25rem;line-height:1}.vp-action-btn.icon-btn{padding-left:1.5rem;padding-right:1.5rem}.vp-remove-btn{border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:1.25rem;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.vp-remove-btn:hover{color:#ef4444;background:#fee2e2}.mobile-vendor-list,.mobile-actions-bar{display:none}@media (max-width: 48rem){.vendors-page{padding:0;background:#fff}.table-wrap,.pagination-bar,.vendor-list-panel,.two-pane-shell{display:none!important}.po-controls-container{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;background:#fff}.po-controls-bar .toolbar-left{width:100%}.po-controls-bar .search-input{width:100%!important;background-color:#f3f4f6;border:1px solid transparent;height:2.75rem;border-radius:.5rem;outline:none}.po-controls-bar .search-input:focus{background-color:#fff;border-color:var(--brand-600);box-shadow:0 0 0 1px var(--brand-600)}.po-controls-bar .icon-square-btn,.po-controls-bar>div:last-child{display:none}.mobile-vendor-list{display:block;padding-bottom:2rem}.mobile-vendor-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;background:#fff;cursor:pointer}.mobile-vendor-icon{margin-right:1rem;color:var(--brand-600);display:flex;align-items:center}.mobile-vendor-name{flex:1;font-size:1rem;font-weight:600;color:#1f2937}.mobile-chevron{color:#9ca3af;font-size:1.5rem}.mobile-pagination-controls{display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem .5rem;gap:1.5rem}.mobile-page-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer}.mobile-page-btn:disabled{opacity:.5;background:#f3f4f6;cursor:not-allowed}.mobile-page-info{font-size:.9rem;color:#4b5563;font-weight:500}.mobile-details-drawer{position:fixed;top:0;left:0;width:100%;height:100%;background:#f9fafb;z-index:200;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.mobile-details-drawer.open{transform:translateY(0)}.mobile-drawer-header{flex-shrink:0;height:4rem;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem}.drawer-close-btn{background:#f3f4f6;border:none;color:#4b5563;cursor:pointer;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;transition:transform .2s,background-color .2s}.drawer-close-btn:active{background-color:#e5e7eb;transform:scale(.95)}.drawer-close-btn .material-symbols-outlined{font-size:1.75rem}.drawer-title{font-size:1.125rem;font-weight:700;color:#f3f4f6;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem}.mobile-drawer-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:2rem}.mobile-drawer-content .vendor-details-panel.refined{height:auto!important;overflow:visible!important;padding:0}.mobile-drawer-content .vendor-md-close{display:none}.mobile-drawer-content .po-details-actionbar{padding:1rem;background:#fff;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:.75rem}.mobile-drawer-content .po-details-actionbar-left{display:none}.mobile-drawer-content .po-details-actionbar-right{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.mobile-drawer-content .po-details-actionbar-right .ghost-btn.small{width:100%;margin:0;justify-content:center;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:.8rem;height:2.5rem;padding:0 .25rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-drawer-content .po-details-actionbar-right .po-status-chip{grid-column:span 3;justify-content:center}.mobile-drawer-content .prod-md-tabs-wrap{padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e5e7eb;margin-top:0}.mobile-drawer-content .prod-md-tabs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;padding:0;background:transparent;border-radius:0}.mobile-drawer-content .prod-md-tabs .prod-md-tab{flex:1 1 calc(50% - .25rem);min-width:0;font-size:.8125rem;padding:.625rem .5rem;text-align:center;justify-content:center;white-space:nowrap;border:1px solid #d1d5db;background:#f9fafb;border-radius:.5rem;color:#374151;display:flex;align-items:center;gap:.5rem}.mobile-drawer-content .prod-md-tabs .prod-md-tab.is-active{background:#045c67;color:#fff;border-color:#045c67}.mobile-drawer-content .prod-md-tabs .prod-md-tab .prod-md-tab-icon{font-size:1rem}}.overview-grid-padded{padding:1rem}.card-spaced{margin-bottom:1rem}.address-row{margin-bottom:.5rem}.address-add{margin-top:.5rem}.empty-muted{color:#666}.custom-actions{display:flex;gap:.5rem;margin-bottom:.5rem}.custom-field-grid{display:grid;gap:.5rem}.custom-field-row{display:flex;gap:.5rem;align-items:center}.custom-field-key{flex:0 0 40%;color:#444}.custom-field-value{flex:1 1 auto}.checkbox-label{margin-left:.5rem}.remarks-area-spaced{margin-top:.75rem}.remarks-display{margin-top:.5rem;color:#374151;white-space:pre-wrap}.vendor-empty-state{padding:1rem}.vendors-modal__label-spaced{margin-top:.5rem}.vendor-modal-emphasis{color:#111}.vendor-search-input{width:14rem}.list-controls-actions{display:flex;gap:.5rem;align-items:center}.vendor-list-loading{padding:1rem}.vendor-list-empty{padding:1rem;color:#666}.vendors-table-loading{padding:1rem}.vendors-table-empty{padding:1.5rem;color:#666}.rep-name-spacer{height:.875rem}.vendors-row-actions{display:flex;gap:.5rem;justify-content:flex-end}.vendor-list-item-inner{padding:.5rem .75rem}.vendor-delete-body{color:#111}.financial-spacer{height:.5rem}.vendor-details-loading{padding:1rem}.vendor-details-loading-center{padding:2rem;text-align:center}.vp-col-product{width:35%}.vp-col-code,.vp-col-lead{width:20%}.vp-col-price{width:15%;text-align:right}.vp-col-actions{width:40px}.vp-cell-right{text-align:right}.vp-cell-center{text-align:center}.vp-input-right{text-align:right}.vp-icon-lg{font-size:20px}.vp-th-right{text-align:right}.vendor-edit-loading,.vendor-edit-padding{padding:2rem}.vendor-edit-page{padding:1.5rem}.vendor-edit-header{display:flex;justify-content:space-between;align-items:center}.vendor-edit-cancel{margin-right:.5rem}.vendor-edit-grid{display:grid;grid-template-columns:320px 1fr;gap:1rem;margin-top:1rem}.vendor-edit-aside{position:sticky;top:1rem;align-self:start}.vendor-edit-name{font-weight:600;margin-bottom:.5rem}.vendor-edit-status{margin-bottom:.5rem}.vendor-edit-actions{display:flex;gap:.5rem;margin-bottom:.5rem}.vendor-edit-map{height:120px;background:#f3f3f3;border-radius:6px;margin-bottom:.5rem}.vendor-edit-meta{font-size:.85rem;color:#555}.vendor-edit-code{word-break:break-all}.vendor-edit-form{margin-top:0}.vendor-edit-two-col{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.vendor-edit-password-row{display:flex;gap:.5rem;align-items:center}.vendor-edit-footer{display:flex;gap:.5rem;margin-top:1rem}.inline-edit-display{padding:var(--space-1) var(--space-2);color:inherit;cursor:pointer;min-height:2rem;display:flex;align-items:center;outline:none!important;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:transparent;box-sizing:border-box}.inline-edit-display[data-empty=true]{color:var(--neutral-400)}.inline-edit-display:hover{background-color:var(--neutral-100);border-color:var(--neutral-250)}.inline-edit-display:focus{outline:none!important;background-color:transparent;box-shadow:none!important}.inline-edit-display:focus-visible{outline:none!important;background-color:transparent;box-shadow:none!important}.inline-edit-display:active{background-color:transparent;color:inherit;border-color:transparent;outline:none!important}.inline-edit-input{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);font-size:inherit;font-family:inherit;color:inherit;background:#fff;outline:none!important;min-height:2rem;line-height:1.4;box-sizing:border-box;box-shadow:none!important;transition:border-color var(--transition-fast)}.inline-edit-input:focus{border-color:var(--brand-400);background:var(--neutral-50)}.inline-edit-input.is-readonly{cursor:text}.inline-edit-input:active{outline:none!important;box-shadow:none!important}.inline-textarea-display{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;min-height:2.25rem}.inline-textarea-input{resize:none;overflow:hidden;font-family:inherit}.po-page{min-height:100vh;background:var(--neutral-150);padding:var(--space-6)}.po-page.po-detail-open{height:100vh;overflow:hidden}.po-page.po-detail-open .po-shell,.po-page.po-detail-open .po-card{height:100%}.po-shell{display:flex;flex-direction:column;gap:var(--space-4);height:100%}.po-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.po-header-title{font-size:1.5rem;font-weight:600;color:var(--neutral-900);margin:0}.po-header-actions{display:flex;gap:var(--space-2)}.po-icon-help{color:var(--neutral-400);cursor:pointer}.po-card{background:#fff;border-radius:var(--radius-md);box-shadow:none;border:.0625rem solid var(--neutral-200);padding:0;overflow:visible;display:flex;flex-direction:column;min-height:600px;flex:1}.po-card .pagination-bar--bottom{margin-top:auto}.po-controls-container{padding:var(--space-4);border-bottom:1px solid var(--neutral-200);display:flex;flex-direction:column;gap:var(--space-3);overflow:visible}.po-controls-bar{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between;flex-wrap:wrap}.toolbar-left{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.prod-filter-icon{font-size:1.125rem;color:var(--neutral-500)}.icon-square-btn{width:2rem;height:2rem;border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:#fff;color:var(--neutral-500);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s}.icon-square-btn:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.search-input{height:2.25rem;width:20rem;border-radius:var(--radius-md);border:1px solid var(--neutral-200);padding:0 var(--space-3);background:#fff;font-size:.875rem;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--brand-600)}.search-input::placeholder{color:var(--neutral-400)}.prod-md-tab:hover{background:var(--neutral-300)}.prod-md-tab.is-active:hover{background:#034a52}.prod-md-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:9999px;font-size:.7rem;font-weight:700;line-height:1;background:var(--neutral-300);color:var(--neutral-700)}.prod-md-tab.is-active .prod-md-tab-count{background:#ffffff40;color:#fff}.po-filter-chips{display:inline-flex;gap:var(--space-1);padding:var(--space-1);background:var(--neutral-200);border-radius:9999px;flex-wrap:wrap}.po-chip{padding:.425rem .85rem;border-radius:9999px;font-size:.8125rem;font-weight:600;border:.0625rem solid transparent;cursor:pointer;transition:all .2s;background:transparent;color:var(--neutral-700);display:inline-flex;align-items:center;gap:.35rem}.po-chip-default:hover{background:var(--neutral-300)}.po-chip-active-dark{background:var(--brand-700);color:#fff}.po-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);padding:0 .35rem;border-radius:9999px;font-size:.7rem;font-weight:700;line-height:1}.po-chip-count-default{background:var(--neutral-300);color:var(--neutral-700)}.po-chip-count-dark{background:#fff;color:var(--brand-700)}.po-new-order-btn{background:var(--neutral-800);color:#fff;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.9rem;font-weight:500}.po-new-order-btn:hover{background:var(--neutral-700)}.po-table-container{overflow-x:auto;overflow-y:auto;width:100%;flex:1;min-height:0}.po-table{width:100%;border-collapse:collapse}.po-thead-row{border-bottom:1px solid var(--neutral-200);background:var(--neutral-100)}.po-th{text-align:left;padding:.75rem var(--space-4);font-size:.85rem;font-weight:600;color:var(--neutral-500);white-space:nowrap}.po-th.text-right{text-align:right}.po-cell{padding:.75rem var(--space-4);font-size:.95rem;color:var(--neutral-900);border-bottom:1px solid var(--neutral-150);vertical-align:middle}.po-cell-total,.po-cell-balance{text-align:right}.font-medium{font-weight:600}.po-row.clickable{cursor:pointer;transition:background .1s}.po-row.clickable:hover{background:var(--neutral-100)}.po-mobile-list{display:none}.po-mobile-item{width:100%;border:none;background:#fff;border-bottom:.0625rem solid var(--neutral-200);padding:.9rem var(--space-4);text-align:left;cursor:pointer;transition:background .15s}.po-mobile-item:active{background:var(--neutral-100)}.po-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.po-mobile-order{font-weight:600;font-size:.95rem;color:var(--neutral-900)}.po-mobile-date{font-size:.8rem;color:var(--neutral-500)}.po-mobile-vendor{margin-top:var(--space-1);font-size:.9rem;color:var(--neutral-700)}.po-mobile-meta{margin-top:var(--space-2);display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.po-payment-chip{padding:.15rem var(--space-2);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;border:.0625rem solid var(--neutral-200);color:var(--neutral-700);background:var(--neutral-100)}.po-payment-chip.is-unpaid{background:var(--error-light);border-color:var(--error-border);color:var(--error-dark)}.po-payment-chip.is-paid{background:var(--success-light);border-color:var(--success-border);color:var(--success-dark)}.po-mobile-totals{margin-top:var(--space-2);display:flex;justify-content:space-between;gap:var(--space-3);font-size:.85rem;color:var(--neutral-600)}.po-mobile-empty{padding:var(--space-6) var(--space-4);color:var(--neutral-500);font-size:.9rem}.two-pane-wrapper{display:flex;flex:1;overflow:hidden;height:100%}.po-list-panel{width:16rem;border-right:1px solid var(--neutral-200);display:flex;flex-direction:column;background:#fff;flex-shrink:0}.list-header{padding:.75rem var(--space-4);border-bottom:1px solid var(--neutral-200);display:flex;justify-content:space-between;align-items:center;background:var(--neutral-100)}.list-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--neutral-600)}.po-side-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.po-side-item{padding:.75rem var(--space-4);border-bottom:1px solid var(--neutral-150);cursor:pointer;border-left:3px solid transparent}.po-side-item:hover{background:var(--neutral-100)}.po-side-item.selected{background:var(--info-light);border-left-color:var(--info-base)}.side-row-top{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:var(--space-1)}.side-ordernum{font-weight:700;color:var(--neutral-900)}.side-date{color:var(--neutral-500)}.side-row-mid{font-size:.95rem;color:var(--neutral-700);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-row-bot{display:flex;justify-content:space-between;align-items:center}.side-total{font-weight:600;font-size:.9rem}.side-total.is-unpaid{color:var(--error-500)}.side-total.is-paid{color:var(--success-600)}.po-details-header-grid{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(240px,1fr) minmax(280px,340px);gap:0;border-bottom:1px solid var(--neutral-200);background:#fff}.po-header-col{padding:1.25rem var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.po-header-col.center-col{border-left:1px solid var(--neutral-200);border-right:1px solid var(--neutral-200)}.po-input-large{font-size:1.5rem;font-weight:700;color:var(--neutral-900);border:1px solid transparent;border-radius:var(--radius-sm);width:100%;margin:-4px 0}.po-input-large:hover{border-color:var(--neutral-200)}.po-field-row{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--neutral-600)}.po-label-text{width:90px;flex-shrink:0}.po-value-text{font-weight:600;color:var(--neutral-900);flex:1}.po-action-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--brand-600);font-size:.9rem;cursor:pointer;font-weight:500;text-decoration:none;background:none;border:none;padding:0}.po-middle-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-6);background:#fff;border-top:1px solid var(--neutral-200);border-bottom:1px solid var(--neutral-200);gap:var(--space-4)}.po-middle-bar>.left-actions,.po-middle-bar>.center-actions,.po-middle-bar>.right-actions{flex:1 1 0}.po-middle-bar>.left-actions{justify-content:flex-start}.po-middle-bar>.center-actions{display:flex;justify-content:center;align-items:center;text-align:center}.po-middle-bar>.right-actions{justify-content:flex-end;display:flex;gap:.5rem}.po-middle-bar .left-actions{max-width:420px;width:100%}.po-middle-bar .left-actions .inline-edit-display,.po-middle-bar .left-actions .inline-edit-input{width:100%;height:2.25rem;min-height:2.25rem;border-radius:var(--radius-md);background:#fff;padding:0 var(--space-3);font-size:.875rem;box-shadow:none!important;line-height:2.25rem;outline:none!important}.po-middle-bar .left-actions .inline-edit-display{line-height:2.25rem}.po-middle-bar .left-actions .inline-edit-input:focus,.po-middle-bar .left-actions .inline-edit-input:focus-visible{box-shadow:none!important;outline:none!important}.po-tabs-switch{display:flex;background:var(--neutral-150);border-radius:999px;padding:3px;gap:2px;border:1px solid var(--neutral-200)}.po-tab-switch-btn{border:none;background:transparent;padding:.35rem var(--space-5);border-radius:999px;font-size:.85rem;font-weight:600;color:var(--neutral-500);cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.1}.po-tab-switch-btn span.sub{font-size:.7rem;font-weight:400}.po-tab-switch-btn.active{background:#fff;color:var(--neutral-900);box-shadow:var(--shadow-xs);border:1px solid var(--neutral-200)}.po-items-area{padding:0;flex:1;overflow-y:auto;display:flex;flex-direction:column}.po-line-table{width:100%;border-collapse:collapse}.po-line-table th{text-align:left;padding:.6rem var(--space-6);background:#fff;border-bottom:1px solid var(--neutral-200);color:var(--neutral-500);font-size:.7rem;text-transform:uppercase;font-weight:600;letter-spacing:.02em}.po-line-table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--neutral-150);vertical-align:top}.po-loading-center{padding:2rem;text-align:center}.po-status-spacing{margin-bottom:.5rem}.po-icon-md{font-size:18px}.po-icon-sm{font-size:16px}.po-value-light{font-weight:400}.po-field-row-spaced{margin-top:.5rem}.po-text-brand-lg{font-size:1rem}.po-row-space-between{justify-content:space-between}.po-row-between{display:flex;justify-content:space-between;width:100%;align-items:center}.po-status-emphasis{font-weight:700;font-size:.9rem}.po-badge-amount{color:#fff;font-size:.9rem}.po-action-link-sm{font-size:.85rem}.po-field-row-relative{position:relative}.po-field-row-relative-spaced{position:relative;margin-top:.5rem}.po-action-menu-wide{top:100%;left:0;width:100%;min-width:200px;max-height:200px;overflow-y:auto;z-index:10}.po-menu-item-left{text-align:left}.po-menu-empty-muted{padding:.5rem;color:#6b7280}.po-calendar-popover-right{right:0;left:auto;top:100%}.po-calendar-popover-left{right:auto;left:0;top:100%;margin-top:4px}.po-col-product{width:40%}.po-col-subtotal{text-align:right}.po-col-check,.po-col-actions{width:40px}.po-item-cell{display:flex;gap:.75rem;align-items:center}.po-item-thumb{width:32px;height:32px;background:#f3f4f6;border-radius:4px;display:flex;align-items:center;justify-content:center}.po-item-thumb-outline{background:#fff;border:1px solid #e5e7eb}.po-item-image{width:100%;height:100%;object-fit:cover;border-radius:4px}.po-item-name{font-weight:600;color:#1e293b}.po-item-sku{font-size:.8rem}.po-table-empty{text-align:center;padding:3rem}.po-receive-bar{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start}.po-receive-remarks{flex:1;margin-right:1rem}.po-receive-all{flex-shrink:0}.po-receive-note{font-size:.75rem;margin-top:.25rem}.po-receive-cell{position:relative;cursor:default}.po-receive-cell.is-clickable{cursor:pointer}.po-icon-lg{font-size:20px}.po-icon-xs{font-size:14px;vertical-align:middle}.po-icon-xxs{font-size:12px;vertical-align:middle}.po-icon-xl{font-size:28px}.po-sum-row-aligned{align-items:center;margin-top:.5rem}.po-sum-row-spaced{margin-top:.5rem;border-top:1px solid var(--neutral-200);padding-top:.5rem}.po-action-link-xs{font-size:.8rem}.po-cost-details{text-align:right;margin-top:.5rem}.po-text-medium{font-weight:500}.po-text-large{font-size:1.1rem}.modal-window-wide{max-width:500px}.modal-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.po-product-name{font-weight:600}.po-item-subtext{font-size:.85rem}.modal-actions-end{justify-content:flex-end;margin-top:2rem}.modal-window.small-modal{text-align:center}.modal-icon-wrap{margin-bottom:1rem}.modal-success-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#d1fae5;color:#059669;margin-bottom:1rem}.modal-title-lg{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.modal-copy-text{color:#6b7280;margin:0 0 1.5rem}.modal-actions-center{justify-content:center;gap:1rem}.po-table-empty-cell{padding:2rem}.drawer-close-icon{font-size:20px}.po-items-footer{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6) var(--space-6) var(--space-8);margin-top:auto;gap:var(--space-8);flex-wrap:wrap}.po-add-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap;flex:1 1 320px}.btn-outline-add{border:1px solid var(--brand-600);color:var(--brand-600);background:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2)}.btn-outline-add:hover{background:var(--info-50)}.po-summary-stack{width:260px;display:flex;flex-direction:column;gap:.65rem;flex:0 1 260px;margin-left:auto}.po-sum-row{display:flex;justify-content:space-between;font-size:.95rem;color:var(--neutral-700)}.po-sum-row.total{font-weight:700;font-size:1.05rem;border-top:1px solid var(--neutral-200);padding-top:.6rem}.po-sum-row.paid{color:var(--success-600)}.po-sum-input-wrap{background:var(--neutral-150);border-radius:var(--radius-sm);padding:2px 8px;display:flex;align-items:center}.po-sum-input{background:transparent;border:none;text-align:right;font-weight:600;width:90px;outline:none}.po-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182740;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.barcode-assign{padding:var(--space-3) var(--space-4) var(--space-5);display:grid;gap:var(--space-3)}.barcode-assign-caption{color:var(--neutral-700);font-size:.95rem;line-height:1.4}.barcode-assign-list{max-height:min(45vh,420px);overflow:auto;border-radius:10px;border:1px solid var(--neutral-200);background:#fff}.po-scan-reader{width:100%;min-height:320px;border-radius:12px;border:1px solid var(--neutral-200);background:var(--neutral-900);overflow:hidden;display:flex;align-items:center;justify-content:center}.po-scan-reader video{width:100%;height:100%;object-fit:cover}.po-scan-error{color:var(--error-700);font-size:.9rem}.po-scan-hint{color:var(--neutral-500);font-size:.9rem}.po-product-modal-header h3{margin:0;font-size:1rem;font-weight:600}.po-modal-close{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);border:1px solid var(--neutral-200);background:#fff;cursor:pointer;color:var(--neutral-500);display:inline-flex;align-items:center;justify-content:center}.po-product-modal-search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-200);flex-wrap:wrap}.po-product-modal-search input{flex:1;min-width:200px;height:var(--space-10);border-radius:10px;border:2px solid var(--neutral-500);padding:0 var(--space-3);font-size:.95rem}.po-product-modal-search input::placeholder{color:var(--neutral-400)}@media (max-width: 640px){.po-product-modal-search{flex-direction:column;align-items:stretch}.po-product-modal-search input{width:100%;min-width:0}.po-scan-btn{justify-content:center;width:100%}}.po-scan-btn{height:var(--space-10);border-radius:10px;border:2px solid var(--neutral-500);background:#fff;color:var(--neutral-600);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);cursor:pointer;white-space:nowrap}.po-product-list{flex:1;min-height:0;overflow:auto;padding:var(--space-2) 0}.po-product-row{display:flex;align-items:center;gap:var(--space-3);padding:.6rem var(--space-5);border-bottom:1px solid var(--neutral-150)}.po-product-row:hover{background:var(--neutral-150)}.po-product-thumb{width:40px;height:40px;border-radius:10px;background:var(--neutral-150);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.po-product-thumb img{width:100%;height:100%;object-fit:cover}.po-product-thumb-placeholder{font-size:.9rem;font-weight:600;color:var(--neutral-400)}.po-product-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.po-product-name{font-weight:600;color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-product-sku{font-size:.85rem;color:var(--neutral-500)}.po-product-category{display:inline-flex;width:fit-content;padding:.2rem .6rem;border-radius:var(--radius-full);background:var(--info-100);color:var(--info-700);font-size:.8rem;font-weight:500}.po-product-actions{display:flex;align-items:center;gap:var(--space-2)}.po-product-add{width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);border:none;background:var(--neutral-600);color:#fff;cursor:pointer}.po-product-open{width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);background:#fff;color:var(--neutral-500);cursor:pointer}.po-product-empty{padding:var(--space-8);text-align:center;color:var(--neutral-400)}.po-product-create{border:none;background:var(--neutral-150);color:var(--neutral-500);font-weight:600;padding:var(--space-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.po-drawer-close{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);border:.0625rem solid var(--neutral-200);background:#fff;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--brand-700);display:inline-flex;align-items:center;justify-content:center}.po-drawer-close:hover{background:var(--neutral-50)}.po-action-danger{color:var(--error-500);border-color:var(--error-200)}.po-status-chip{display:inline-flex;align-items:center;gap:.35rem;padding:var(--space-1) .6rem;border-radius:var(--radius-full);background:#7fccb740;color:var(--success-800);font-weight:600;font-size:.8rem}.po-status-chip .material-symbols-outlined{font-size:16px}.po-action-dropdown{position:relative}.po-action-menu{position:absolute;right:0;top:calc(100% + .35rem);min-width:180px;background:#fff;border:1px solid var(--neutral-200);border-radius:10px;box-shadow:0 10px 24px #0f172a26;padding:var(--space-1);z-index:20}.po-action-menu-item{width:100%;text-align:left;background:none;border:none;padding:var(--space-2) var(--space-3);font-size:.85rem;color:var(--neutral-700);border-radius:var(--radius-lg);cursor:pointer}.po-action-menu-item:hover{background:var(--neutral-50)}.po-action-menu-divider{height:1px;background:var(--neutral-200);margin:var(--space-1) .35rem}.po-date-input{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:.35rem .6rem;font-size:.9rem;color:var(--neutral-900);background:#fff}.po-date-input:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 2px #1d36421f}.po-delivery-row{position:relative;gap:var(--space-3)}.po-date-chip{border:1px solid var(--brand-600);color:var(--brand-600);background:#fff;border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.85rem;font-weight:600;cursor:pointer}.po-calendar-popover{position:absolute;top:calc(100% + .6rem);left:0;width:320px;background:#fff;border:1px solid var(--neutral-200);border-radius:14px;box-shadow:0 14px 30px #0f172a2e;padding:var(--space-3);z-index:30}.po-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.po-calendar-title{font-weight:700;color:var(--neutral-600)}.po-calendar-nav{width:var(--space-8);height:var(--space-8);border-radius:10px;border:1px solid var(--neutral-200);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--neutral-400)}.po-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem}.po-calendar-weekday{text-align:center;font-size:.85rem;font-weight:600;color:var(--neutral-400);padding:.35rem 0}.po-calendar-day{text-align:center;padding:var(--space-2) 0;border-radius:var(--radius-lg);border:1px solid transparent;background:#fff;cursor:pointer;font-weight:600;color:var(--neutral-600)}.po-calendar-day:hover{background:var(--neutral-50)}.po-calendar-day.selected{background:var(--brand-600);color:#fff}.po-calendar-day.empty{visibility:hidden}.po-address-block{display:flex;flex-direction:column;gap:.1rem;color:var(--neutral-600);font-size:.9rem}.po-address-line.strong{font-weight:600;color:var(--neutral-900)}.po-toggle{width:40px;height:22px;border-radius:var(--radius-full);border:1px solid var(--neutral-200);background:var(--neutral-250);position:relative;cursor:pointer;padding:0}.po-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--radius-full);background:#fff;box-shadow:0 1px 2px #00000026;transition:transform .16s ease}.po-toggle.on{background:#1d36422e;border-color:var(--brand-600)}.po-toggle.on .po-toggle-thumb{transform:translate(18px);background:var(--brand-600)}.po-carrier-select{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:.35rem .6rem;background:#fff;color:var(--neutral-900);font-size:.9rem;min-width:180px}.po-carrier-select:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 2px #1d36421f}.po-vendor-order-input{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:.35rem .6rem;background:#fff;color:var(--neutral-900);font-size:.9rem;min-width:180px}.po-vendor-order-input:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 2px #1d36421f}.po-qty-stepper{display:inline-flex;align-items:center;gap:var(--space-2)}.po-qty-btn{width:1.75rem;height:1.75rem;border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:#fff;color:var(--neutral-700);cursor:pointer;font-weight:600;line-height:1}.po-qty-btn:hover{background:var(--neutral-50)}.po-qty-value{min-width:1.5rem;text-align:center;font-weight:600;color:var(--neutral-900)}.po-qty-input{width:3rem;padding:.1rem 0;text-align:center;font-weight:600;color:var(--neutral-900);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-size:inherit;font-family:inherit;-moz-appearance:textfield}.po-qty-input:hover{border-color:var(--neutral-300);background-color:#fff}.po-qty-input:focus{background:#fff;border-color:var(--brand-600);outline:none;box-shadow:0 0 0 2px #1d36421a}.po-qty-input::-webkit-outer-spin-button,.po-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.po-action-btn.primary{border-color:var(--brand-600);background:#1d36421f;color:var(--brand-700)}.po-action-btn{border:1px solid var(--neutral-200);background:#fff;color:var(--neutral-800);border-radius:var(--radius-lg);padding:.35rem .9rem;font-weight:600;font-size:.85rem;cursor:pointer}.po-action-btn.primary{border-color:var(--brand-600);background:#1d364229;color:var(--brand-700)}.po-locked .po-details-header-grid,.po-locked .po-items-area.po-items-purchase,.po-locked .po-items-footer{opacity:.55;pointer-events:none}.po-detail-panel{flex:1;background:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column;min-width:0;will-change:transform,opacity;transform:translate(100%);opacity:0;transition:transform .22s ease-in-out,opacity .22s ease-in-out}.details-body{flex:1;min-height:0;padding:var(--space-4)}.refined-body{flex:1;min-height:0}.po-layout{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.po-detail-panel[data-drawer-state=opening]{transform:translate(100%);opacity:0}.po-detail-panel[data-drawer-state=open]{transform:translate(0);opacity:1}.po-detail-panel[data-drawer-state=closing]{transform:translate(100%);opacity:0}.po-detail-panel[data-drawer-state=closed]{display:none}@media (prefers-reduced-motion: reduce){.po-detail-panel{transition:none}}.refined-actionbar{padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--neutral-250);display:flex;justify-content:space-between;background:#fff;min-height:57px;align-items:center}.refined-header{padding:var(--space-6);background:var(--neutral-150);border-bottom:1px solid var(--neutral-250);display:flex;justify-content:space-between;align-items:flex-start}.vendor-title{font-size:1.5rem;margin:0;font-weight:700;color:var(--neutral-900)}.vendor-sub{font-size:.75rem;text-transform:uppercase;color:var(--neutral-500);letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600}.primary-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);padding:var(--space-6);border-bottom:1px solid var(--neutral-250)}.primary-col .label{font-size:.75rem;color:var(--neutral-500);margin-bottom:var(--space-1);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.primary-col .value{font-size:var(--space-4);color:var(--neutral-900);min-height:var(--space-6);margin-bottom:var(--space-4)}.refined-tabs{padding:var(--space-3) var(--space-4);display:flex;justify-content:center;border-bottom:1px solid var(--neutral-250);background:#fff}.pill-tabs button{margin-right:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;font-weight:500;color:var(--neutral-500);font-size:.9rem;transition:all .2s;border-bottom:none}.pill-tabs button.active{background:var(--brand-500);color:#fff;border-bottom:none}.pill-tabs button:hover:not(.active){background:var(--neutral-50);color:var(--neutral-700)}.po-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-block}.po-badge-unfulfilled{background:var(--error-100);color:var(--error-900)}.po-badge-fulfilled{background:var(--success-100);color:var(--success-900)}.po-badge-started{background:var(--warning-100);color:var(--warning-800)}.po-badge-paid{background:#d1fae5;color:var(--success-800)}.ghost-btn{height:2.25rem;padding:0 var(--space-3);border-radius:var(--radius-md);background:transparent;border:1px solid var(--brand-600);color:var(--brand-600);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:500}.ghost-btn:hover{background:var(--neutral-50)}.ghost-btn.small{height:var(--space-8);padding:0 var(--space-2);font-size:.85rem;margin-right:var(--space-2)}.primary-btn{height:2.25rem;padding:0 .9rem;border-radius:var(--radius-md);background:var(--brand-600);color:#fff;border:1px solid var(--brand-600);cursor:pointer;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.primary-btn:hover{background:var(--brand-700)}.destructive-btn{background:var(--error-500);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer}.destructive-btn:hover{background:var(--error-600)}.refined-select{width:100%;padding:4px 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-size:inherit;color:inherit;cursor:pointer}.refined-select:hover{border-color:var(--neutral-250)}.refined-select:focus{border-color:var(--info-600);outline:none;background:#fff}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-window.small-modal{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;width:400px;max-width:90vw}.modal-actions{margin-top:var(--space-6);display:flex;justify-content:flex-end;gap:var(--space-2)}.po-text-brand{color:var(--brand-600)!important}.po-text-brand-dark{color:var(--brand-700)!important}.po-text-warning{color:var(--brand-600)!important}.po-text-success{color:var(--success-600)!important}.po-text-muted{color:var(--neutral-500)!important}.po-bg-brand{background-color:var(--brand-600)!important}.po-input-large:focus{border-color:var(--brand-600)}.po-tab-switch-btn.active{color:var(--brand-600)}.po-bg-warning{background-color:var(--brand-600)!important}.po-receive-qty{background:var(--neutral-150);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-weight:600;color:var(--neutral-700);display:inline-block}.po-item-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-600)}.po-receive-date-btn{background:none;border:1px solid var(--neutral-250);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--neutral-500);font-size:.85rem;cursor:pointer}.po-receive-date-btn:hover{border-color:var(--neutral-300);color:var(--neutral-900)}.receive-total-summary{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-8);padding:var(--space-4);border-top:1px solid var(--neutral-250);margin-top:var(--space-4)}.mobile-details-drawer{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.mobile-details-drawer.open{transform:translateY(0)}.mobile-drawer-header{flex-shrink:0;height:3.5rem;background:#fff;border-bottom:1px solid var(--neutral-250);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);position:sticky;top:0;z-index:10}.drawer-title{font-size:var(--space-4);font-weight:700;color:var(--neutral-900);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--space-4)}.drawer-close-btn{background:var(--neutral-150);border:none;color:var(--neutral-600);cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:50%;transition:all .2s;flex-shrink:0}.drawer-close-btn:active{background-color:var(--neutral-250);transform:scale(.95)}.mobile-drawer-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-8);background:#fff}.receive-actions-link{color:var(--brand-600);font-size:.9rem;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:var(--space-1)}.po-context-menu-btn{background:none;border:none;color:var(--neutral-400);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.po-context-menu-btn:hover{background-color:var(--neutral-150);color:var(--neutral-600)}.po-context-menu{position:absolute;top:100%;right:0;width:160px;background:#fff;border:1px solid var(--neutral-250);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a;z-index:50;overflow:hidden;margin-top:4px}.po-context-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;font-size:14px;color:var(--neutral-700);background:none;border:none;cursor:pointer;text-align:left}.po-context-menu-item:hover{background-color:var(--neutral-150)}.po-context-menu-item .icon{font-size:16px;color:var(--neutral-500)}.po-edit-location-product{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.po-edit-location-info{display:flex;gap:var(--space-4);align-items:center}.po-edit-location-thumb{width:48px;height:48px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--neutral-250);display:flex;align-items:center;justify-content:center;overflow:hidden}.po-edit-location-thumb img{width:100%;height:100%;object-fit:cover}.po-edit-location-qty{background:var(--neutral-150);color:var(--neutral-900);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:.9rem}.po-edit-location-field{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.po-edit-location-label{font-weight:600;color:var(--neutral-700);font-size:.95rem}.po-edit-location-select{width:300px;padding:var(--space-2);border:1px solid var(--neutral-250);border-radius:var(--radius-md);background-color:#fff;font-size:.95rem;color:var(--neutral-900)}.po-btn-primary-yellow{background-color:var(--accent-yellow);color:var(--neutral-900);border:none;font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer}.po-btn-primary-yellow:hover{background-color:var(--accent-yellow-hover)}.po-btn-cancel{background:#fff;border:1px solid var(--neutral-250);color:var(--neutral-700);font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;margin-right:var(--space-3)}.po-btn-cancel:hover{background:var(--neutral-100)}.po-table-cell-actions{position:relative;text-align:right;width:40px}@media (max-width: 48rem){.po-table{display:none}.po-mobile-list{display:block}.po-controls-bar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.po-search-group{width:100%}.po-filter-chips{justify-content:center;width:100%;padding:var(--space-1) var(--space-2)}.po-controls-bar .primary-btn{width:100%;justify-content:center}.po-details-actionbar-left{display:none}.po-details-header-grid{grid-template-columns:1fr;gap:0}.po-header-col{padding:var(--space-4);border-left:none!important;border-right:none!important}.po-header-col:not(:last-child){border-bottom:1px solid var(--neutral-200)}.po-header-col.center-col{border-left:none;border-right:none}.po-details-actionbar{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4)}.po-details-actionbar-left{justify-content:center}.po-details-actionbar-right{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);width:100%}.po-details-actionbar-right .ghost-btn.small{width:100%;margin:0;justify-content:center;border:1px solid var(--neutral-250);background:var(--neutral-100);color:var(--neutral-700);font-size:.8rem;height:var(--space-10);padding:0 var(--space-1);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-action-dropdown{width:100%;position:relative}.po-action-menu{position:absolute;left:0;right:0;top:calc(100% + .5rem);min-width:0;width:100%;max-height:50vh;overflow-y:auto;z-index:10001}.po-action-menu-item{font-size:.95rem;padding:.75rem 1rem}.po-middle-bar{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.po-tabs-switch{flex-wrap:wrap;justify-content:center;gap:var(--space-1);width:100%}.po-tab-switch-btn{font-size:.8rem;padding:.35rem var(--space-3)}.left-actions,.center-actions,.right-actions{display:flex;justify-content:center;width:100%}.po-middle-bar .left-actions{max-width:100%;flex-basis:100%}.right-actions{gap:var(--space-2)}.po-line-table{display:block}.po-line-table thead{display:none}.po-line-table tbody{display:block;padding:var(--space-4)}.po-line-table tr{display:block;background:var(--neutral-100);border:1px solid var(--neutral-250);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);min-height:fit-content}.po-line-table tr:last-child{margin-bottom:0}.po-line-table td{display:block;padding:0;border:none;width:100%;margin-bottom:var(--space-3);word-break:break-word;position:relative;z-index:1}.po-line-table td:last-child{margin-bottom:0}.po-line-table td:before{content:attr(data-label);display:block;font-size:.7rem;font-weight:700;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem}.po-line-table td:first-child{padding-bottom:var(--space-3);border-bottom:1px solid var(--neutral-250);margin-bottom:var(--space-3)}.po-line-table td:first-child:before{content:"PRODUCT"}.po-line-table .po-item-cell{min-width:0;width:100%}.po-line-table .po-item-thumb{flex-shrink:0}.po-line-table .po-item-name,.po-line-table .po-item-sku{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.po-line-table td:nth-child(2):before{content:"VENDOR CODE"}.po-line-table td:nth-child(3):before{content:"QUANTITY"}.po-line-table td:nth-child(3) .po-qty-stepper{width:100%;max-width:180px;height:40px}.po-line-table td:nth-child(3) .po-qty-btn{width:40px}.po-line-table td:nth-child(4):before{content:"VENDOR PRICE"}.po-table-input-wrap{width:100%;height:40px;border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:#fff;padding:0 var(--space-3)}.po-line-table td:nth-child(5){text-align:left!important;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--neutral-250);padding-top:var(--space-3);margin-top:var(--space-2)}.po-line-table td:nth-child(5):before{content:"SUBTOTAL";margin-bottom:0}.po-line-table td:nth-child(5) strong{font-size:1.1rem;color:var(--neutral-900)}.po-line-table td>div{max-width:100%}.po-line-table td>div>div{min-width:0}.po-items-receive .po-line-table td:first-child{padding-bottom:0;border-bottom:none;margin-bottom:var(--space-2)}.po-items-receive .po-line-table td:first-child:before{content:"SELECT"}.po-items-receive .po-line-table td:nth-child(2){padding-bottom:var(--space-3);border-bottom:1px solid var(--neutral-250);margin-bottom:var(--space-3)}.po-items-receive .po-line-table td:nth-child(2):before{content:"PRODUCT"}.po-items-receive .po-line-table td:nth-child(3):before{content:"VENDOR CODE"}.po-items-receive .po-line-table td:nth-child(4):before{content:"QUANTITY"}.po-items-receive .po-line-table td:nth-child(5){text-align:left!important;display:block;border-top:none;padding-top:0;margin-top:0}.po-items-receive .po-line-table td:nth-child(5):before{content:"RECEIVE DATE";margin-bottom:.35rem}.po-items-receive .po-line-table td:nth-child(6):before{content:"ACTIONS"}.po-items-footer{flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--neutral-50);border-top:2px solid var(--neutral-250);margin-top:var(--space-4);position:relative;z-index:10}.po-add-buttons{flex-direction:column;width:100%;gap:var(--space-2);flex:none}.btn-outline-add{width:100%;justify-content:center;padding:var(--space-3) var(--space-4);font-size:.9rem}.po-summary-stack{width:100%;background:#fff;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--neutral-250);overflow-x:hidden;box-sizing:border-box}.po-sum-row{font-size:.9rem;gap:var(--space-2);align-items:center;flex-wrap:wrap}.po-sum-row.total{font-size:1.05rem}.po-sum-row>span:first-child{flex:0 0 auto;max-width:50%;min-width:0}.po-sum-row>span:last-child,.po-sum-row>strong{flex:1 1 auto;text-align:right;min-width:0}.po-sum-input-wrap{flex:1 1 auto;max-width:100%;min-width:0}.po-sum-input{width:100%;font-size:.9rem}.po-layout{height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important}.po-items-area{overflow-y:auto!important;overflow-x:hidden!important;flex:1 1 auto!important;height:auto!important;display:flex!important;flex-direction:column!important;min-height:0}}.po-save-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) 1.2rem;border-radius:var(--radius-sm);background:var(--neutral-900);color:#fff;font-weight:500;font-size:.85rem;border:none;cursor:pointer;transition:all .2s}.po-save-btn:hover{background:var(--neutral-700)}.po-save-btn:disabled{opacity:.7;cursor:not-allowed}.pagination-bar--bottom{border-top:.0625rem solid var(--neutral-200);z-index:10}.pagination-pagesize select{height:2rem;border-radius:.375rem;border:1px solid #ddd;background:#fff;padding:0 .5rem;min-width:3.25rem;line-height:2rem}.pagination-right{display:flex;align-items:center;gap:.75rem;white-space:nowrap}.po-cost-input-wrap{display:flex;align-items:center;position:relative;max-width:100px}.po-currency-symbol{position:absolute;left:.25rem;color:var(--neutral-500);font-size:.9rem;pointer-events:none;z-index:1!important}.po-cost-input{width:100%;padding:.35rem .5rem .35rem 1.5rem;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;font-size:.9rem;font-weight:500;color:var(--neutral-900);transition:all .2s}.po-cost-input:hover{border-color:var(--neutral-300);background-color:#fff}.po-cost-input:focus{background:#fff;border-color:var(--brand-600);outline:none;box-shadow:0 0 0 2px #1d36421a}.po-cost-input::-webkit-outer-spin-button,.po-cost-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.send-statement-modal{max-width:860px;height:90vh;overflow:hidden;display:flex;flex-direction:column;font-family:inherit}.send-statement-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.send-statement-title{font-size:1.25rem;font-weight:700;margin:0}.send-statement-subtitle{color:#6b7280;margin:.5rem 0 0;font-size:.9rem}.send-statement-body{flex:1;overflow-y:auto;padding:1.5rem;background:#f9fafb}.send-statement-section{margin-bottom:1.5rem}.send-statement-section-title{font-size:1rem;font-weight:600;margin-bottom:.75rem}.send-statement-range-list{background:#f3f4f6;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e5e7eb}.send-statement-range-btn{text-align:left;padding:.75rem 1rem;background:transparent;color:#6b7280;border:none;cursor:pointer;font-size:.9rem;font-weight:400}.send-statement-range-btn.is-active{background:var(--brand-500);color:#fff;font-weight:500}.send-statement-date-row{margin-top:1rem;display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center}.send-statement-date-field{display:flex;align-items:center;gap:1rem}.send-statement-date-label{font-weight:600;color:#111827;width:70px}.send-statement-date-label.to{width:50px}.send-statement-date-picker{position:relative;width:160px}.send-statement-date-btn{width:100%;background:#fff;border:1px solid #d1d5db;padding:.4rem;border-radius:4px;text-align:left}.send-statement-divider{border-top:1px solid #e5e7eb;margin:0 -1.5rem;padding:1.5rem 1.5rem 0}.send-statement-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.5rem;margin-top:1.5rem}.send-statement-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.send-statement-panel-title{font-size:.75rem;font-weight:700;color:#6b7280;letter-spacing:.08em;text-transform:uppercase}.send-statement-company-header{display:flex;align-items:center;gap:.75rem}.send-statement-company-logo{height:36px;width:auto}.send-statement-company-name{font-size:1.05rem;font-weight:700;color:#111827}.send-statement-company-lines,.send-statement-recipient-meta{display:flex;flex-direction:column;gap:.25rem}.send-statement-recipient-name{font-size:1rem;font-weight:600;color:#111827}.send-statement-muted{color:#6b7280;font-size:.9rem}.send-statement-fields{display:flex;flex-direction:column;gap:.75rem}.send-statement-fields.compact .send-statement-label{width:110px}.send-statement-field-row{display:flex;align-items:center}.send-statement-label{width:140px;font-weight:500;color:#374151;font-size:.95rem;font-family:inherit}.send-statement-input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;outline:none;background:#fff;font-family:inherit}.send-statement-preview-card{margin-top:1.5rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.send-statement-preview-body{padding:1.5rem}.send-statement-preview-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.send-statement-preview-logo{height:32px;width:auto}.send-statement-preview-title{font-size:1.1rem;font-weight:600}.send-statement-preview-title-light{font-weight:300}.send-statement-body-input{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;font-family:inherit;font-size:.95rem;line-height:1.6;color:#1f2937;resize:vertical}.send-statement-period{margin-top:.5rem;font-size:.85rem;color:#6b7280}.send-statement-attachment-row{background:#f3f4f6;padding:1rem 1.5rem;display:flex;align-items:center;border-top:1px solid #e5e7eb;gap:.75rem}.send-statement-attachment-badge{background:#ef4444;color:#fff;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700}.send-statement-attachment-name{font-size:.9rem;color:#4b5563}.send-statement-attachment-spacer{flex:1}.send-statement-download-btn{border:none;background:transparent;color:#4b5563;cursor:pointer}.send-statement-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-end;background:#fff}.send-statement-actions{display:flex;gap:.75rem}.send-statement-cancel{border:1px solid #d1d5db;color:#374151}.send-statement-send{border:none}@media (max-width: 900px){.send-statement-modal{max-width:720px}}@media (max-width: 720px){.send-statement-split{grid-template-columns:1fr}}.va-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.va-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.va-modal__panel{position:relative;width:min(56rem,calc(100vw - 3rem));max-height:min(42rem,calc(100vh - 3rem));background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;overflow:hidden}.va-modal__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-200);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.va-modal__title{font-weight:700;color:var(--neutral-900)}.va-modal__count{font-size:.875rem;color:var(--neutral-500)}.va-modal__body{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.va-modal__error{background:var(--neutral-50);border:1px solid var(--neutral-200);padding:var(--space-3);border-radius:var(--radius-lg);color:var(--error-700);font-size:.875rem}.va-dropzone{border:2px dashed var(--neutral-200);border-radius:var(--radius-lg);background:var(--neutral-50);min-height:12rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.va-dropzone.is-drag{background:var(--brand-50);border-color:var(--brand-600)}.va-dropzone.is-busy{opacity:.75;cursor:default}.va-dropzone__headline{font-weight:700;color:var(--neutral-900)}.va-dropzone__sub{font-size:.875rem;color:var(--neutral-500)}.va-dropzone__busy{margin-top:var(--space-2);font-size:.875rem;color:var(--neutral-500)}.va-list{border-top:1px solid var(--neutral-200);padding-top:var(--space-3);min-height:0}.va-list__empty{font-size:.875rem;color:var(--neutral-500);padding:var(--space-1) 0}.va-file-input{display:none}.va-list__items{max-height:12.5rem;overflow:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-right:var(--space-1)}.va-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:.625rem var(--space-3);background:#fff;transition:box-shadow var(--transition-fast)}.va-item:hover{box-shadow:var(--shadow-sm)}.va-item__meta{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.va-item__name{font-weight:600;color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:36rem}.va-item__sub{font-size:.75rem;color:var(--neutral-500)}.va-item__actions{display:flex;align-items:center;gap:var(--space-2)}.va-icon-btn{width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--neutral-700);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.va-icon-btn:hover{background:var(--neutral-50)}.va-icon-btn:disabled{opacity:.6;cursor:not-allowed}.va-icon-btn.is-disabled{opacity:.5;pointer-events:none}.va-modal__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--neutral-200);display:flex;justify-content:flex-end}.vp-dropdown{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001a;width:100%;z-index:10;overflow:hidden;animation:vp-slideDown .15s ease-out}@keyframes vp-slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vp-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-150)}.vp-dropdown-title{font-weight:600;font-size:.85rem;color:var(--neutral-700)}.vp-dropdown-close{background:none;border:none;cursor:pointer;color:var(--neutral-400);padding:0;line-height:1}.vp-dropdown-close .material-symbols-outlined{font-size:1.1rem}.vp-dropdown-list{max-height:220px;overflow-y:auto;padding:var(--space-1) 0}.vp-variant-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);gap:var(--space-3);transition:background .1s}.vp-variant-row:hover{background:var(--neutral-50)}.vp-variant-row--selected{background:var(--brand-50, var(--neutral-50))}.vp-variant-check{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;flex:1;min-width:0}.vp-variant-check input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--brand-600, var(--neutral-700));flex-shrink:0;cursor:pointer}.vp-variant-label{font-weight:500;color:var(--neutral-800);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-variant-sku{font-size:.8rem;color:var(--neutral-400);white-space:nowrap;margin-left:auto}.vp-qty-stepper{flex-shrink:0}.vp-qty-input{width:2.5rem!important}.vp-dropdown-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--neutral-150);display:flex;justify-content:flex-end}.vp-add-btn{padding:.4rem 1rem;border-radius:var(--radius-md);border:none;background:var(--brand-600, var(--neutral-700));color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:background .15s}.vp-add-btn:hover:not(:disabled){background:var(--brand-700, var(--neutral-800))}.vp-add-btn:disabled{opacity:.45;cursor:not-allowed}.po-variant-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:var(--radius-full);background:var(--neutral-150);color:var(--neutral-500);font-size:.75rem;font-weight:500;white-space:nowrap}.po-variant-badge .material-symbols-outlined{font-size:.85rem}.po-product-row-wrap{position:relative}.vendors-page .vendors-shell .vendors-card{overflow:visible}.vendors-page .table-wrap{overflow-x:auto;overflow-y:visible}.prod-source-badge{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.25rem .625rem;background:#ecfdf5;color:#059669;border:1px solid #6ee7b7;border-radius:.375rem;font-size:.75rem;font-weight:500}.list-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem var(--space-4);border-bottom:1px solid var(--neutral-200);background:var(--neutral-100);font-size:.95rem;font-weight:600;color:var(--neutral-600)}.close-pane-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;line-height:1;color:var(--neutral-400);padding:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);transition:all .2s;flex-shrink:0}.close-pane-btn:hover{color:var(--neutral-600);background:var(--neutral-200)}.toolbar-left.sidebar-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-200)}.toolbar-left.sidebar-search .icon-square-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:#fff;color:var(--neutral-500);cursor:pointer;flex-shrink:0}.toolbar-left.sidebar-search .search-input{flex:1;height:2.25rem;border-radius:var(--radius-md);border:1px solid var(--neutral-200);padding:0 var(--space-3);font-size:.875rem;outline:none;transition:border-color .15s}.toolbar-left.sidebar-search .search-input:focus{border-color:var(--brand-600)}.toolbar-left.sidebar-search .search-input::placeholder{color:var(--neutral-400)}.prod-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;overflow:visible;position:relative;z-index:100;width:100%}.prod-filter-left{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.prod-filter-right{display:flex;align-items:center}.prod-filter-dropdown{position:relative;z-index:110}.prod-filter-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:.0625rem solid var(--neutral-200);border-radius:.375rem;font-size:.875rem;color:#374151;cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative}.prod-filter-btn:hover{background:#fafafa;border-color:#9ca3af}.prod-filter-btn:active{background:#f3f4f6}.prod-filter-btn.prod-filter-active{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.prod-filter-badge{position:absolute;top:-.375rem;right:-.375rem;background:#3b82f6;color:#fff;font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;min-width:1.125rem;text-align:center}.prod-filter-icon{font-size:.875rem;color:var(--neutral-500, #6b7280);opacity:1}.prod-dropdown-menu{font-size:.75rem;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;z-index:15}.prod-dropdown-menu.prod-dropdown-wide{width:max-content;max-width:min(28rem,calc(100vw - 2rem));padding:1rem}.prod-dropdown-header{font-weight:500;color:#222;padding:0 1rem .75rem;font-size:.75rem;margin:0;line-height:normal}.prod-dropdown-item{font-size:.75rem}.prod-checkbox-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.prod-checkbox-item{display:flex;align-items:flex-start;gap:.75rem;padding:.25rem 0;cursor:pointer;font-size:.75rem;font-weight:400;line-height:normal;color:#222;margin:0;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.prod-checkbox-item input[type=checkbox]{width:1.125rem;height:1.125rem;margin-top:.125rem;cursor:pointer;accent-color:var(--brand-600);flex-shrink:0}.prod-checkbox-item>span{flex:1;font-size:.75rem;font-weight:400;line-height:normal;color:#222}.prod-checkbox-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.prod-checkbox-subtitle{font-size:.75rem;font-weight:400;line-height:normal;color:#959595;margin:0}.prod-divider{height:1px;background:#ddd;margin:.5rem 0}.prod-dropdown-divider{border:none;border-top:1px solid #ddd;margin:1rem 0}.prod-dropdown-input{width:100%;padding:.625rem;border:1px solid #ddd;border-radius:.375rem;font-size:.75rem;font-weight:400;line-height:normal;color:#222;margin:0 0 .5rem;box-sizing:border-box;-webkit-font-smoothing:antialiased}.prod-dropdown-input:focus{outline:none;border-color:var(--brand-500)}.prod-range-inputs{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.prod-range-inputs span{flex-shrink:0;color:#222;font-size:.75rem;font-weight:400;line-height:normal}.prod-range-input{flex:1;min-width:0;padding:.5rem;border:1px solid #ddd;border-radius:.375rem;font-size:.75rem;font-weight:400;line-height:normal;color:#222;box-sizing:border-box;-webkit-font-smoothing:antialiased}.prod-range-input:focus{outline:none;border-color:var(--brand-500)}.prod-dropdown-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.5rem}.prod-btn-clear{padding:.5rem 1.25rem;border:1px solid #ddd;border-radius:.375rem;background:#fff;color:#222;font-size:.75rem;font-weight:500;line-height:normal;margin:0;cursor:pointer;transition:all .15s ease;-webkit-font-smoothing:antialiased}.prod-btn-clear:hover{background:#f5f5f5;border-color:#999}.prod-btn-apply{padding:.5rem 1.25rem;border:1px solid var(--brand-600);border-radius:.375rem;background:var(--brand-600);color:#fff;font-size:.75rem;font-weight:500;line-height:normal;margin:0;cursor:pointer;transition:all .15s ease;-webkit-font-smoothing:antialiased}.prod-btn-apply:hover{background:var(--brand-700)}.prod-dropdown-actions button{font-size:.75rem;padding:.375rem .875rem}.prod-table thead th{background:#fff;position:sticky;top:0;z-index:5;border-bottom:.0625rem solid var(--neutral-200);font-size:.875rem;font-weight:500;color:#6b6b6c;padding:.75rem 1rem;text-align:left}.prod-table thead th:hover{background:var(--neutral-50)}.prod-header-content{display:inline-flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.prod-sort-icon{font-size:.75rem;color:var(--neutral-500, #6b7280);opacity:1}.prod-col-product{width:30%;min-width:16rem}.prod-col-category{width:20%;min-width:10rem}.prod-col-sku{width:15%;min-width:8rem}.prod-col-quantity{width:15%;min-width:8rem;text-align:center}.prod-col-price{width:10%;min-width:7rem;text-align:right}.prod-product-cell{display:flex;align-items:center;gap:.75rem}.prod-image{width:2.5rem;height:2.5rem;border-radius:.375rem;object-fit:cover;flex-shrink:0;border:.0625rem solid var(--neutral-200)}.prod-image-placeholder{width:2.5rem;height:2.5rem;border-radius:.375rem;background:var(--neutral-200);color:var(--neutral-600);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.prod-product-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.prod-product-name{font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.prod-variant-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:.1rem .5rem;border-radius:9999px;background:var(--neutral-150, #e5e7eb);color:var(--neutral-500, #6b7280);font-size:.7rem;font-weight:500;white-space:nowrap}.prod-product-sku{font-size:.875rem;color:var(--neutral-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prod-category-tag{background:#3b82f61a;color:#1e40af;font-size:.8125rem;padding:.25rem .75rem;border-radius:9999px;display:inline-block;white-space:nowrap}.prod-sku-text{font-family:SF Mono,Monaco,Consolas,monospace;color:#374151;font-size:.875rem}.prod-quantity-text{font-weight:500;color:#111827}.prod-quantity-text.prod-zero-stock{color:var(--neutral-600)}.prod-price-text{font-weight:500;color:#111827;font-variant-numeric:tabular-nums}.prod-row{transition:background-color .15s ease;cursor:pointer}.prod-row:hover{background:var(--neutral-50)}.prod-row:focus{outline:none;background:#3b82f60d}.prod-row td{padding:.875rem 1rem;border-bottom:.0625rem solid var(--neutral-200)}.prod-empty-state{padding:3rem 1rem!important;text-align:center}.prod-empty-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.prod-empty-icon{font-size:3rem;color:var(--neutral-500, #6b7280);opacity:.35}.prod-empty-title{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.prod-empty-text{margin:0;font-size:.875rem;color:var(--neutral-600)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.pagination-bar{background:var(--neutral-50)}.pagination-bar--top{border-top:.0625rem solid var(--neutral-200);border-bottom:.0625rem solid var(--neutral-200)}.pagination-bar--bottom{border-top:.0625rem solid var(--neutral-200);position:sticky;bottom:0;z-index:10}.pagination-left{display:flex;align-items:center;gap:1rem;min-width:0}.pagination-pagesize{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#444;white-space:nowrap}.pagination-pagesize select{height:2rem;border-radius:.375rem;border:1px solid #ddd;background:#fff;padding:0 .5rem}.pagination-summary{font-size:.875rem;color:#6b6b6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagination-right{display:flex;align-items:center;gap:.75rem;white-space:nowrap;flex-wrap:wrap}.pagination-page{font-size:.875rem;color:#333}.pagination .page-btn{display:flex;align-items:center;gap:.25rem;height:2rem;padding:0 .5rem;border-radius:.375rem;border:1px solid #ddd;background:#f3f3f3;cursor:pointer}.pagination .page-btn[disabled]{opacity:.5;cursor:not-allowed}.pagination .page-btn .material-symbols-outlined{font-size:1.125rem}@media (max-width: 80rem){.prod-col-product{min-width:14rem}.prod-col-category{min-width:8rem}.prod-filter-bar{padding:.75rem 1rem}.prod-page-header{padding:1.25rem 1rem .875rem}}@media (max-width: 64rem){.prod-col-sku{display:none}.prod-col-product{width:40%}.prod-col-category{width:30%}.prod-col-quantity,.prod-col-price{width:15%}.pagination{flex-wrap:wrap;gap:.75rem}.pagination-left{flex-wrap:wrap;gap:.5rem;flex:1 1 auto}.pagination-summary{width:100%;min-width:0}.pagination-right{gap:.5rem;flex:0 1 auto}.pagination .page-btn{padding:0 .75rem;font-size:.8125rem}.pagination-page{font-size:.8125rem}.prod-filter-bar{flex-direction:column;align-items:stretch}.prod-filter-left{order:2}.prod-filter-right{order:1;margin-bottom:.5rem}.prod-search-input{width:100%;min-width:auto}}@media (max-width: 48rem){.prod-product-cell{gap:.5rem}.prod-image,.prod-image-placeholder{width:2rem;height:2rem}.prod-product-name{font-size:.875rem}.prod-product-sku{display:none}.prod-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.prod-header-actions{width:100%;justify-content:flex-end}.prod-filter-left{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}.prod-filter-btn{flex-shrink:0}.prod-filter-bar{padding:.75rem 1rem .5rem;gap:.75rem}.prod-filter-left{width:100%;gap:.5rem;flex-wrap:wrap;overflow:visible}.prod-filter-btn{padding:.45rem .75rem;font-size:.8125rem;height:2.125rem}.prod-filter-right,.prod-search-wrapper,.prod-search-input{width:100%}.vendors-page.prod-page .vendors-shell,.vendors-page.prod-page .vendors-card,.vendors-page.prod-page .table-wrap{display:block!important}.pagination{flex-direction:column;align-items:stretch;gap:.75rem}.pagination-left,.pagination-right{width:100%;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.pagination-pagesize{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-summary{width:100%}.pagination-right .page-btn{flex:1 1 auto;min-width:7.5rem}}.prod-loading-spinner-container{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none;text-align:center}.prod-loading-spinner-container.show{opacity:1;pointer-events:all}.prod-spinner{border:5px solid rgba(0,0,0,.1);border-left:5px solid #3457b1;border-radius:50%;width:3.75rem;height:3.75rem;animation:prod-spin 1s linear infinite;margin-bottom:1rem}@keyframes prod-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prod-loading-spinner-container p{margin-top:.9375rem;font-size:1.2em;color:#fafafa;margin:0}.vendors-page.prod-detail-open{height:100vh;min-height:100dvh;overflow:auto}.vendors-page.prod-detail-open .vendors-shell,.vendors-page.prod-detail-open .vendors-card{height:100%}.two-pane{flex:1;min-height:0;overflow:hidden}.two-pane .two-pane-shell{display:flex;gap:var(--space-4);align-items:stretch;height:100%;min-height:0}.vendor-list-panel{width:16rem;background:#fff;border-radius:var(--radius-md);overflow:hidden;border:.0625rem solid var(--neutral-200);display:flex;flex-direction:column;min-height:0;flex-shrink:0}.vendor-list-panel .list-header{position:sticky;top:0;background:var(--neutral-100);padding:.75rem var(--space-4);border-bottom:1px solid var(--neutral-200);display:flex;align-items:center;justify-content:space-between;height:auto}.vendor-list-panel .list-body{flex:1;overflow:auto}.vendor-list{list-style:none;margin:0;padding:0}.vendor-row{padding:.75rem var(--space-4);border-bottom:1px solid var(--neutral-150);min-height:3.5rem;display:flex;flex-direction:column;gap:var(--space-1);cursor:pointer;border-left:3px solid transparent}.vendor-row:hover{background:var(--neutral-100)}.vendor-row.selected{background:var(--info-light);border-left-color:var(--info-base)}.vendor-row .row-line1{font-weight:700;font-size:.95rem;color:var(--neutral-900)}.vendor-row .row-line2{font-size:.85rem;color:var(--neutral-500)}.vendor-md-panel{flex:1;background:#fff;border-radius:var(--radius-md);border:.0625rem solid var(--neutral-200);overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:0}.vendor-md-detail{will-change:transform,opacity;transform:translate(100%);opacity:0;transition:transform .22s ease-in-out,opacity .22s ease-in-out;height:100%;display:flex;flex-direction:column;overflow:scroll}.vendor-md-detail[data-drawer-state=open]{transform:translate(0);opacity:1}.vendor-md-detail[data-drawer-state=closing]{transform:translate(100%);opacity:0}.vendor-details-panel.refined{height:100%;flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;max-height:none}.prod-md{height:100%;display:flex;background:#fff;border-top:.0625rem solid var(--neutral-200);overflow:hidden}.prod-md-sidebar{width:16rem;min-width:16rem;max-width:16rem;border-right:.0625rem solid var(--neutral-200);background:#fff;display:flex;flex-direction:column}.prod-md-list{overflow:auto;padding:0}.prod-md-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem var(--space-4);border-radius:0;border:none;border-bottom:1px solid var(--neutral-150);border-left:3px solid transparent;background:transparent;cursor:pointer;text-align:left;transition:all .15s}.prod-md-item:hover{background:var(--neutral-100)}.prod-md-item.is-active{border-left-color:var(--info-base);background:var(--info-light)}.prod-md-thumb{width:2.5rem;height:2.5rem;border-radius:.375rem;overflow:hidden;border:.0625rem solid var(--neutral-200);background:var(--neutral-100, #f3f4f6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.prod-md-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.prod-md-thumb-placeholder{font-size:.75rem;font-weight:700;color:var(--neutral-600)}.prod-md-meta{min-width:0;display:flex;flex-direction:column;gap:.125rem}.prod-md-name{font-size:.95rem;font-weight:700;color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-md-sku{font-size:.85rem;color:var(--neutral-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-md-detail{flex:1;min-width:0;overflow:auto;background:#fff;will-change:transform,opacity;transform:translate(100%);opacity:0;transition:transform .22s ease-in-out,opacity .22s ease-in-out}.prod-md-detail[data-drawer-state=open]{transform:translate(0);opacity:1}.prod-md-detail[data-drawer-state=closing]{transform:translate(100%);opacity:0}@media (prefers-reduced-motion: reduce){.prod-md-detail{transition:none}}.prod-md-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--neutral-600)}.prod-md-header{padding:1.25rem 1.5rem 0}.prod-md-hero{display:grid;grid-template-columns:220px 1fr;gap:1.5rem;align-items:start}.prod-md-hero-img{width:220px;height:220px;border-radius:.5rem;border:.0625rem solid var(--neutral-200);background:var(--neutral-50);overflow:hidden;display:flex;align-items:center;justify-content:center}.prod-md-hero-img img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.prod-md-hero-img-placeholder{font-weight:800;color:var(--neutral-600)}.prod-md-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--brand-700)}.prod-md-hero-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.prod-md-save-btn{flex:0 0 auto;white-space:nowrap}.prod-md-save-error{margin-top:.5rem;color:var(--neutral-600);font-size:.8125rem;font-weight:600}.prod-md-meta-grid{display:flex;align-items:center;gap:1.5rem;margin-top:.75rem}.prod-md-kv{display:flex;align-items:baseline;gap:.75rem}.prod-md-k{font-size:.75rem;font-weight:600;color:#374151}.prod-md-v{font-size:.8125rem;color:#111827}.prod-md-link{border:none;background:transparent;color:#7fccb7;font-weight:600;cursor:pointer;padding:0}.prod-md-link:disabled{opacity:.65;cursor:default}.prod-md-link--inline{font-size:.875rem}.prod-md-link--barcodes{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem}.prod-md-link-icon{width:1.5rem;height:1.5rem;border-radius:.375rem;background:var(--neutral-100, #f3f4f6);display:inline-flex;align-items:center;justify-content:center;color:var(--neutral-500, #6b7280);font-weight:800}.po-details-actionbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--neutral-200);background:#fff}.po-details-actionbar-left{display:flex;align-items:center;gap:var(--space-2)}.po-details-actionbar-right{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.prod-md-row{margin-top:.75rem;padding:.5rem 0;border-top:.0625rem solid var(--neutral-200);border-bottom:.0625rem solid var(--neutral-200)}.prod-md-row--barcode{margin-top:.5rem;border-top:none}.prod-md-row-left{display:flex;align-items:center;gap:.75rem}.prod-md-row-icon{width:1.5rem;height:1.5rem;border-radius:.375rem;background:var(--neutral-100, #f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--neutral-500, #6b7280);font-weight:800}.prod-md-row-title{color:#374151;font-size:.875rem}.prod-md-row-title--barcode{color:#374151;font-size:.875rem;letter-spacing:normal}.prod-md-barcode-value{font-family:SF Mono,Monaco,Consolas,monospace;color:#374151}.prod-md-section{margin-top:1rem;border-top:.0625rem solid var(--neutral-200);padding-top:1rem}.prod-md-section-title{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.75rem}.prod-md-v-sub{margin-top:.125rem;font-size:.75rem;color:var(--neutral-600);word-break:break-all}.prod-md-variations{border:.0625rem solid var(--neutral-200);border-radius:.5rem;overflow:hidden}.prod-md-variations-head{display:grid;grid-template-columns:1.2fr .6fr 1fr .7fr .7fr .5fr;gap:.75rem;padding:.75rem;background:var(--neutral-50);color:#374151;font-size:.75rem;font-weight:600}.prod-md-variations-head>:nth-child(2),.prod-md-variations-head>:nth-child(3),.prod-md-variations-head>:nth-child(4),.prod-md-variations-head>:nth-child(5),.prod-md-variations-head>:nth-child(6){text-align:center}.prod-md-variations-row{display:grid;grid-template-columns:1.2fr .6fr 1fr .7fr .7fr .5fr;gap:.75rem;padding:.75rem;align-items:center}.prod-md-variations-row>:nth-child(2),.prod-md-variations-row>:nth-child(3),.prod-md-variations-row>:nth-child(4),.prod-md-variations-row>:nth-child(5),.prod-md-variations-row>:nth-child(6){justify-self:center;text-align:center}.prod-md-var-val{color:#111827;font-size:.875rem}.prod-md-var-input{height:2.25rem;border:.0625rem solid var(--neutral-200);border-radius:.375rem;padding:0 .75rem;font-size:.875rem}.prod-md-var-input:disabled{background:var(--neutral-50);color:#9ca3af}.prod-md-var-input--compact{height:2rem;padding:0 .5rem;width:5rem;text-align:center}.prod-var-status{font-weight:700;font-size:.8rem;color:var(--neutral-600)}.prod-var-status--low{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .5rem;border-radius:999px;background:#1d36421f;color:var(--brand-700)}.prod-md-upc-input{height:2.25rem;border:.0625rem solid var(--neutral-200);border-radius:.375rem;padding:0 .75rem;font-size:.875rem;width:12rem}.prod-md-tabs-wrap{padding:.75rem 1.5rem;border-top:.0625rem solid var(--neutral-200);margin-top:1rem;display:flex;justify-content:center}.prod-md-tabs{display:inline-flex;gap:.25rem;padding:.25rem;background:#e5e7eb;border-radius:9999px}.prod-md-tab{border:.0625rem solid transparent;background:transparent;border-radius:9999px;padding:.425rem .85rem;font-size:.8125rem;font-weight:600;color:#374151;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.prod-md-tab-icon{font-size:.875rem;color:var(--neutral-500, #6b7280);opacity:1}.prod-md-tab.is-active{background:#045c67;color:#fff}.prod-md-tab.is-active .prod-md-tab-icon{color:#fff}.prod-md-tabpanel{padding:.75rem 1.5rem 1.5rem}.prod-ov-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.prod-ov-title{font-weight:800;color:#111827}.prod-ov-title .prod-ov-reorder-edit{margin-top:.75rem;padding:.75rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem}.prod-ov-title .prod-ov-reorder-label{display:block;font-size:.85rem;font-weight:600;color:#334155;margin-bottom:.5rem}.prod-ov-title .prod-ov-reorder-input-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.prod-ov-title .prod-ov-reorder-input{width:10rem;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9rem}.prod-ov-title .prod-ov-reorder-hint{margin-top:.5rem;font-size:.8rem;color:#64748b}.prod-ov-status{display:inline-flex;align-items:center;gap:.5rem;color:#045c67;font-weight:700;font-size:.875rem}.prod-ov-status-dot{display:inline-flex;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;border-radius:9999px;border:.125rem solid #045C67;color:#045c67;font-size:.75rem}.prod-ov-qty{padding-bottom:.75rem;border-bottom:.0625rem solid var(--neutral-200)}.prod-ov-qty-label{color:#374151;font-weight:700;display:flex;align-items:center;gap:.5rem}.prod-ov-pill{background:#dbeafe;color:#045c67;font-weight:800;padding:.25rem .5rem;border-radius:.5rem;font-size:.8125rem}.prod-ov-qty-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.prod-ov-qty-num{font-size:2rem;font-weight:800;color:#111827}.prod-ov-view{background:transparent;border:none;color:#64748b;font-weight:700;cursor:pointer}.prod-ov-break{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.prod-ov-break-left{flex:1;display:flex;gap:.75rem;color:#374151;font-weight:700;font-size:.875rem;padding:.5rem .75rem;border-radius:.5rem;background:#f3f4f6}.prod-ov-break-right{display:flex}.prod-ov-onorder{background:#e5e7eb;border-radius:.5rem;padding:.5rem .75rem;font-weight:800;color:#374151}.prod-ov-reorder{margin-top:1rem}.prod-ov-reorder-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.prod-ov-reorder-title{color:#374151;font-weight:700}.prod-ov-manage{background:transparent;border:none;color:#64748b;font-weight:700;cursor:pointer}.prod-ov-step-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:.0625rem solid var(--neutral-200);margin-top:.75rem}.prod-ov-step-label{color:#374151;font-weight:700}.prod-ov-stepper{display:inline-flex;border-radius:.5rem;overflow:hidden;background:#fff}.prod-ov-stepper-btn{width:2.25rem;height:2.25rem;border:none;background:#64748b;color:#fff;font-weight:900;cursor:pointer}.prod-ov-stepper-val{width:3.5rem;height:2.25rem;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;color:#111827;line-height:2.25rem}.prod-ov-stepper--variant .prod-ov-stepper-btn{width:2rem;height:2rem}.prod-ov-stepper--variant .prod-ov-stepper-val{width:3rem}.prod-ov-remarks{margin-top:1rem;padding-top:1rem;border-top:.0625rem solid var(--neutral-200);width:100%;box-sizing:border-box}.prod-ov-remarks-title{font-weight:800;color:#111827;margin-bottom:.5rem}.prod-ov-remarks-add{background:transparent;border:none;color:#64748b;font-weight:700;cursor:pointer}.prod-ov-remarks-text{color:#374151;padding:.75rem;background:#f3f4f6;border-radius:.5rem;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}.prod-ov-remarks-edit{display:grid;gap:.5rem;width:100%;box-sizing:border-box}.prod-ov-remarks-textarea{width:100%;min-height:5.5rem;border:.0625rem solid var(--neutral-200);border-radius:.5rem;padding:.75rem;font-size:.875rem;max-width:100%;box-sizing:border-box;resize:vertical}.prod-ov-remarks-actions{display:flex;justify-content:flex-end;gap:.5rem}.prod-ov-pricing-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.prod-switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--neutral-600);font-weight:700}.prod-switch input{display:none}.prod-switch-track{width:2.25rem;height:1.25rem;border-radius:9999px;background:#d1d5db;position:relative}.prod-switch-track:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:9999px;background:#fff;transition:transform .16s ease}.prod-switch input:checked+.prod-switch-track{background:#045c67}.prod-switch input:checked+.prod-switch-track:after{transform:translate(1rem)}.prod-switch-label{font-size:.875rem}.prod-ov-form{display:grid;gap:.5rem}.prod-ov-form-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:.0625rem solid var(--neutral-200)}.prod-ov-form-row:first-child{border-top:none}.prod-ov-form-label{color:#374151;font-weight:700}.prod-ov-form-value{min-width:10rem;text-align:right;font-weight:800}.prod-ov-form-row.is-muted .prod-ov-form-value{font-weight:800;color:#111827}.prod-tab-section{width:100%}.prod-table-wrap{border:.0625rem solid var(--neutral-200);border-radius:.75rem;overflow:hidden;background:#fff}.prod-vendors-head,.prod-orders-head,.prod-moves-head{display:grid;gap:1rem;padding:.75rem 1rem;background:#fff;border-bottom:.0625rem solid var(--neutral-200);color:#6b7280;font-size:.875rem;font-weight:700}.prod-vendors-head{grid-template-columns:1.5fr 1.2fr .9fr .9fr}.prod-orders-head{grid-template-columns:1.3fr 1fr 1fr 1.2fr .7fr .9fr}.prod-moves-head{grid-template-columns:1.4fr 1fr 1.3fr .8fr}.prod-add-row{width:100%;padding:1rem;background:#f3f4f6;border:none;cursor:pointer;font-weight:800;color:#64748b}.prod-vendor-add{display:grid;grid-template-columns:1.5fr 1.2fr .9fr .9fr;gap:1rem;padding:.75rem 1rem;background:#f9fafb;border-bottom:.0625rem solid var(--neutral-200);align-items:center}.prod-vendor-add-input{height:2.25rem;border:.0625rem solid var(--neutral-200);border-radius:.5rem;padding:0 .75rem;font-size:.875rem;background:#fff}.prod-vendor-add-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.5rem}.prod-vendor-row,.prod-orders-row,.prod-moves-row{display:grid;gap:1rem;padding:.75rem 1rem;border-bottom:.0625rem solid var(--neutral-200);align-items:center}.prod-vendor-row{grid-template-columns:1.5fr 1.2fr .9fr .9fr}.prod-vendor-cell.price,.prod-orders-money,.prod-orders-qty,.prod-moves-delta{text-align:right}.prod-orders-list .prod-orders-row{grid-template-columns:1.3fr 1fr 1fr 1.2fr .7fr .9fr}.prod-orders-order-id,.prod-moves-id{font-weight:900;color:#045c67}.prod-orders-order-sub,.prod-moves-sub{color:#374151;font-size:.875rem;font-weight:700}.prod-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;border:.0625rem solid #d1d5db;color:#92400e;background:#fff7ed;font-weight:800;font-size:.8125rem}.prod-qty-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;padding:.25rem .6rem;background:#e5e7eb;border-radius:.5rem;font-weight:900;color:#374151}.prod-moves-list .prod-moves-row{grid-template-columns:1.4fr 1fr 1.3fr .8fr}.prod-delta-pill{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:.25rem .6rem;border-radius:.5rem;font-weight:700;background:#e5e7eb;color:#374151}@media (max-width: 47.99rem){.prod-vendors-head,.prod-orders-head,.prod-moves-head{display:none}.prod-vendor-row,.prod-orders-row,.prod-moves-row{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-bottom:.0625rem solid var(--neutral-200);align-items:stretch;background:#fff}.prod-vendor-row:last-child,.prod-orders-row:last-child,.prod-moves-row:last-child{border-bottom:none}.prod-vendor-cell.vendor,.prod-orders-order,.prod-moves-type{order:-1;margin-bottom:.5rem}.prod-vendor-cell:not(.vendor){display:flex;justify-content:space-between;align-items:center;text-align:left}.prod-vendor-cell:nth-child(2):before{content:"Vendor Code:";color:#6b7280;font-weight:700;font-size:.875rem}.prod-vendor-cell:nth-child(3):before{content:"Lead Time:";color:#6b7280;font-weight:700;font-size:.875rem}.prod-vendor-cell:nth-child(4):before{content:"Price:";color:#6b7280;font-weight:700;font-size:.875rem}.prod-orders-status,.prod-orders-date,.prod-orders-loc,.prod-orders-qty,.prod-orders-money,.prod-moves-date,.prod-moves-loc,.prod-moves-delta{display:flex;justify-content:space-between;align-items:center;text-align:left}.prod-orders-status:before{content:"Status:";color:#6b7280;font-weight:700;font-size:.875rem}.prod-orders-date:before{content:"Date:";color:#6b7280;font-weight:700;font-size:.875rem}.prod-orders-loc:before{content:"Location:";color:#6b7280;font-weight:700;font-size:.875rem}.prod-orders-qty:before{content:"Quantity:";color:#6b7280;font-weight:700;font-size:.875rem}.prod-orders-money:before{content:"Subtotal:";color:#6b7280;font-weight:700;font-size:.875rem}.prod-moves-date:before{content:"Date:";color:#6b7280;font-weight:700;font-size:.875rem}.prod-moves-loc:before{content:"Location:";color:#6b7280;font-weight:700;font-size:.875rem}.prod-moves-delta:before{content:"Quantity:";color:#6b7280;font-weight:700;font-size:.875rem}.prod-vendor-add{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.prod-vendor-add-input{width:100%}.prod-vendor-add-actions{margin-top:.5rem}}.prod-delta-pill.pos{background:#e6f4ea;color:#166534}.prod-delta-pill.neg{background:#fee2e2;color:#b91c1c}.prod-md-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.prod-md-card{border:.0625rem solid var(--neutral-200);border-radius:.5rem;background:#fff;padding:1rem}.prod-md-card-title{font-weight:700;color:#111827;margin-bottom:.75rem}.prod-md-card-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-top:.0625rem solid var(--neutral-200)}.prod-md-card-row:first-of-type{border-top:none}.prod-md-card-k{color:var(--neutral-600);font-size:.8125rem;font-weight:600}.prod-md-card-v{color:#111827;font-size:.8125rem;font-weight:700}.prod-md-empty-tab{border:.0625rem solid var(--neutral-200);border-radius:.5rem;padding:1rem;color:var(--neutral-600);background:var(--neutral-50)}@media (max-width: 64rem){.prod-md-hero{grid-template-columns:180px 1fr}.prod-md-hero-img{width:180px;height:180px}}@media (max-width: 48rem){.vendors-page.prod-detail-open{overflow:auto;height:auto;min-height:100dvh}.prod-md{display:block}.prod-md-sidebar{width:100%;max-width:none;min-width:0;border-right:none}.prod-md-detail{border-top:.0625rem solid var(--neutral-200)}.prod-md-hero{grid-template-columns:1fr}.prod-md-hero-img{width:100%;height:220px}.prod-md-grid{grid-template-columns:1fr}.prod-md-tabs-wrap{padding:.5rem 0}.prod-md-tabs{flex-wrap:wrap;justify-content:center;gap:.25rem;padding:0 .5rem}.prod-md-tab{font-size:.85rem;padding:.45rem .75rem}}.mobile-product-list,.mobile-details-drawer,.mobile-pagination-controls{display:none}@media (max-width: 47.99rem){.table-wrap,.pagination-bar,.prod-md-sidebar{display:none!important}.vendors-page.prod-page{overflow-x:hidden;width:100%;max-width:100vw}.vendors-shell{padding:0;width:100%;max-width:100%}.vendors-card{overflow:visible;border-radius:0;border:none}.prod-page-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.prod-page-title{font-size:1.25rem}.prod-header-actions{width:100%;justify-content:flex-end}.prod-source-badge{font-size:.7rem;padding:.2rem .5rem}.prod-filter-bar{padding:.75rem;gap:.5rem;flex-direction:column;align-items:stretch}.prod-filter-left{width:100%;flex-wrap:wrap;gap:.5rem}.prod-filter-right,.prod-search-wrapper,.prod-search-input{width:100%}.prod-filter-btn{font-size:.8125rem;padding:.5rem .75rem}.mobile-product-list{display:block;padding-bottom:2rem}.mobile-product-item{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #f3f4f6;background:#fff;cursor:pointer;transition:background .15s}.mobile-product-item:active{background:#f9fafb}.mobile-product-icon{width:3rem;height:3rem;border-radius:.5rem;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-right:1rem;overflow:hidden;flex-shrink:0}.mobile-product-icon img{width:100%;height:100%;object-fit:cover}.mobile-product-icon-placeholder{color:#9ca3af;font-size:.875rem;font-weight:600}.mobile-product-info{flex:1;min-width:0}.mobile-product-name{font-size:.9375rem;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-bottom:.25rem}.mobile-product-sku{font-size:.8125rem;color:#6b7280}.mobile-chevron{color:#d1d5db;font-size:1.25rem;margin-left:.5rem;flex-shrink:0}.mobile-pagination-controls{display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;gap:1rem}.mobile-page-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer}.mobile-page-btn:disabled{opacity:.4;background:#f9fafb;cursor:not-allowed}.mobile-page-info{font-size:.875rem;color:#4b5563;font-weight:500}.mobile-details-drawer{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.mobile-details-drawer.open{transform:translateY(0)}.mobile-drawer-header{flex-shrink:0;height:3.5rem;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;position:sticky;top:0;z-index:10}.drawer-title{font-size:1rem;font-weight:700;color:#f3f4f6;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem}.drawer-close-btn{background:#f3f4f6;border:none;color:#4b5563;cursor:pointer;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;transition:all .2s;flex-shrink:0}.drawer-close-btn:active{background-color:#e5e7eb;transform:scale(.95)}.mobile-drawer-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:2rem;background:#fff}.mobile-drawer-content .prod-md-header{padding:1rem}.mobile-drawer-content .prod-md-hero{grid-template-columns:1fr;gap:1rem}.mobile-drawer-content .prod-md-hero-img{width:100%;height:220px;border-radius:.5rem}.mobile-drawer-content .prod-md-section{padding:1rem}.mobile-drawer-content .prod-md-tabs-wrap{padding:.75rem 1rem;position:sticky;top:0;background:#fff;z-index:5;border-bottom:1px solid #e5e7eb;margin-top:0}.mobile-drawer-content .prod-md-tabs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;padding:0;background:transparent;border-radius:0}.mobile-drawer-content .prod-md-tab{flex:1 1 calc(50% - .25rem);min-width:0;font-size:.8125rem;padding:.625rem .5rem;text-align:center;justify-content:center;white-space:nowrap;border:1px solid #d1d5db;background:#f9fafb;border-radius:.5rem}.mobile-drawer-content .prod-md-tab.is-active{background:#045c67;color:#fff;border-color:#045c67}.mobile-drawer-content .prod-md-tab-icon{font-size:1rem}.mobile-drawer-content .prod-md-tab-content{padding:1rem}.mobile-drawer-content .prod-md-grid{grid-template-columns:1fr}}.prod-ov-stepper-val--editable{padding:0;height:2.25rem;display:flex;align-items:center}.prod-ov-stepper-button,.prod-ov-stepper-input{width:3.5rem;height:2.25rem;padding:0;margin:0;border:1px solid transparent;background:transparent;font-size:1rem;font-weight:800;line-height:2.25rem;color:#111827;text-align:center;border-radius:.5rem;box-sizing:border-box}.prod-ov-stepper-button{cursor:pointer}.prod-ov-stepper-input{outline:none;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.prod-ov-stepper-input::-webkit-outer-spin-button,.prod-ov-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root{--brand-500: #1d3642;--brand-600: #1d3642;--brand-700: #045c67;--neutral-50: #fafafa;--neutral-100: #f3f4f6;--neutral-200: #e6e6e9}.integrations-page{min-height:100vh;background:var(--neutral-50);padding:1.5rem}.integrations-shell{max-width:90rem;margin:0 auto}.integrations-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem}.integrations-subtitle{color:#6b7280;font-size:.875rem;margin-top:.25rem}.integrations-section{margin-top:2rem}.integrations-section-header{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;margin-bottom:.75rem}.integrations-section-title{font-size:1.125rem;font-weight:600;color:#111827}.integrations-helper-text{font-size:.75rem;color:#6b7280}.int-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.int-grid-responsive-core{display:grid;gap:1rem}@media (min-width: 64rem){.int-grid-responsive-core{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 80rem){.int-grid-responsive-core{grid-template-columns:repeat(3,minmax(0,1fr))}}.int-grid-gallery{display:grid;gap:1rem}@media (min-width: 64rem){.int-grid-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 100rem){.int-grid-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}}.int-core-card{background:#fff;border:.0625rem solid var(--neutral-200);border-radius:.5rem;padding:1rem;box-shadow:0 1px 1px #00000008;cursor:pointer}.int-core-card:hover{background:#f0f6ff;border-color:#bcd3e0}.int-card-row{display:flex;align-items:center;gap:1rem}.int-logo{height:2.5rem;width:auto;display:block}.int-card-texts{display:flex;flex-direction:column;gap:.25rem}.int-card-name{font-size:.9375rem;font-weight:600;color:#1f2937}.int-card-desc{font-size:.8125rem;color:#6b7280}.int-actions-row{margin-top:.5rem;display:flex;gap:.5rem}.int-tile{background:#fff;border:.0625rem solid var(--neutral-200);border-radius:.375rem;height:6rem;display:grid;place-items:center;box-shadow:0 1px 1px #00000005}.int-tile:hover{border-color:#bcd3e0;box-shadow:0 2px 6px #0000000f}.int-tile-logo{max-height:3rem;max-width:9rem;object-fit:contain}.int-pills{display:flex;gap:.5rem}.int-pill{padding:.25rem .6rem;border-radius:999rem;background:#f3f4f6;color:#374151;border:.0625rem solid #e5e7eb;font-size:.8125rem;cursor:pointer}.int-pill[aria-pressed=true]{background:#e6f0f5;color:var(--brand-700);border-color:#bcd3e0}.int-info-card{background:#fff;border:.0625rem solid var(--neutral-200);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 1px #00000008}.int-info-grid{display:grid;gap:1rem}@media (min-width: 64rem){.int-info-grid{grid-template-columns:14rem 1fr}}.int-illustration{height:4.5rem;display:grid;place-items:center;color:#9ca3af}.int-keys-header{display:flex;align-items:center;gap:.5rem}.int-rows{display:flex;gap:.5rem;flex-wrap:wrap}.integrations-header{margin-bottom:1.5rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem}.integration-card{border:1px solid var(--neutral-200);border-radius:.75rem;padding:1rem 1.25rem;background:#fff;box-shadow:0 4px 12px #0f172a0f;display:flex;flex-direction:column}.integration-card__header{display:flex;align-items:flex-start;gap:1rem}.integration-card__logo{width:3rem;height:3rem;border-radius:.5rem;border:1px solid var(--neutral-200);flex-shrink:0}.integration-card__title{font-size:1.25rem;font-weight:600;margin:0;color:#111827}.integration-card__subtitle{font-size:.95rem;color:var(--neutral-600);margin-top:.25rem}.integration-card__status{margin-left:auto}.integration-card__body{margin-top:1rem;flex-grow:1}.integration-card__description{color:#374151;font-size:.95rem}.integration-card__footer{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.5rem}.integration-card__button{height:2.25rem}.int-info-card{margin-top:1.5rem;padding:1.5rem;border:1px solid var(--neutral-200);border-radius:.75rem;background:#fff}.int-card-name{font-size:1.125rem;font-weight:600;color:var(--brand-700)}.int-actions-row{margin-top:.75rem;display:flex;gap:.5rem}.keys-list{margin-top:1.5rem;display:grid;gap:.75rem}.key-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:.5rem}.key-card__info .integrations-subtitle{margin-top:.25rem}.key-card__masked-key{font-family:monospace;background:var(--neutral-100);padding:.25rem .5rem;border-radius:.25rem;color:#1f2937}.key-card__actions{display:flex;gap:.5rem}.key-card__revoke-btn{color:#b91c1c}.integration-header-row{display:flex;align-items:center;gap:.5rem}.integration-status-chip{font-size:.75rem;padding:.125rem .5rem;height:auto}.ecwid-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118277a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1200}.ecwid-confirm__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1300}.ecwid-confirm__modal{width:min(32rem,100%);background:#fff;border-radius:.75rem;border:1px solid var(--neutral-200);box-shadow:0 24px 60px #0f172a47;overflow:hidden;display:flex;flex-direction:column}.ecwid-confirm__header{padding:1rem;border-bottom:1px solid var(--neutral-200);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.ecwid-confirm__title{font-size:1.1rem;font-weight:700;color:#111827}.ecwid-confirm__subtitle{margin-top:.25rem;font-size:.9rem;color:var(--neutral-600)}.ecwid-confirm__close{width:2rem;height:2rem;border-radius:9999px;border:1px solid var(--neutral-200);background:#fff;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--neutral-600)}.ecwid-confirm__body{padding:1rem;color:#111827}.ecwid-confirm__footer{padding:.75rem 1rem;border-top:1px solid var(--neutral-200);display:flex;justify-content:flex-end;gap:.5rem}.ecwid-modal__container{width:min(66rem,100%);background:#fff;border-radius:.75rem;border:1px solid var(--neutral-200);box-shadow:0 32px 80px #0f172a2e;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:90vh;outline:none;min-height:0}.ecwid-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.ecwid-modal__title{margin:0;font-size:1.625rem;font-weight:600;color:#111827}.ecwid-modal__subtitle{margin:.25rem 0 0;color:var(--neutral-600);font-size:.95rem}.ecwid-modal__close{min-width:auto;padding:0 .5rem;height:2rem;line-height:1}.ecwid-modal__stepper{justify-content:flex-start;gap:.75rem;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:.5rem;padding:.75rem 1rem;flex-wrap:wrap}.ecwid-modal__stepchip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:transparent;border:none;font-size:.95rem;color:#1f2937}.ecwid-modal__stepdot{width:1rem;height:1rem;border-radius:999rem;background:var(--neutral-200);flex-shrink:0}.ecwid-modal__stepdot.is-active{background:var(--brand-600)}.ecwid-modal__body{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);align-items:start;flex:1 1 auto;min-height:0}.ecwid-modal__main{max-height:calc(90vh - 13rem);overflow-y:auto;padding-right:.5rem}.ecwid-modal__main::-webkit-scrollbar{width:6px}.ecwid-modal__main::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.ecwid-modal__sidebar{position:sticky;top:1rem;align-self:start;padding:1rem;max-height:calc(90vh - 8rem);overflow:auto;border:1px solid var(--neutral-200);box-shadow:0 1px 2px #0f172a0f;background:var(--neutral-50)}.ecwid-modal__sidebar-title{font-weight:700;margin-bottom:.5rem;color:#111827}.ecwid-modal__sidebar-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.ecwid-modal__sidebar-item{display:flex;gap:.5rem;align-items:center;font-size:.95rem;color:#1f2937}.ecwid-modal__log-title{margin-top:1rem;font-weight:700;color:#111827}.ecwid-modal__log{margin-top:.5rem;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:.375rem;padding:.5rem;max-height:30vh;overflow:auto}.ecwid-modal__log-empty{color:var(--neutral-600);font-size:.875rem;text-align:center;padding:.75rem 0}.ecwid-modal__log-list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.ecwid-modal__log-item{font-size:.875rem;display:flex;gap:.5rem;color:#1f2937}.ecwid-modal__log-time{color:var(--neutral-600);flex-shrink:0}.ecwid-modal__section{display:grid;gap:1rem}.ecwid-modal__lead{margin:0;color:#111827;font-size:.9375rem;line-height:1.5;font-weight:400}.ecwid-modal__checkbox-list{display:grid;gap:1rem;margin-top:1rem}.ecwid-modal__checkbox-list .checkbox-row{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.9375rem;line-height:1.5;color:#374151;justify-content:flex-start}.ecwid-modal__checkbox-list .checkbox-row input[type=checkbox]{width:1.1rem;height:1.1rem;margin:0;flex-shrink:0;cursor:pointer}.checkbox-row input[type=checkbox]:hover{cursor:pointer}.ecwid-modal__help-text{font-size:.85rem;color:var(--neutral-600);margin-top:.25rem}.ecwid-modal__inline-controls{display:flex;gap:.5rem;align-items:center}.ecwid-modal__callout{margin-top:1rem;padding:1rem 1.25rem;border:1px solid var(--neutral-200);border-radius:.5rem;background:#fafbfc}.ecwid-modal__callout-list{margin:0;padding-left:1.25rem;list-style-type:disc;color:#374151;font-size:.9375rem;line-height:1.6}.ecwid-modal__callout-list li{padding-left:.25rem;margin-bottom:.375rem}.ecwid-modal__callout-list li:last-child{margin-bottom:0}.ecwid-modal__card{display:grid;gap:1rem;padding:1rem;border:1px solid var(--neutral-200);border-radius:.75rem;background:#fff;box-shadow:0 1px 2px #0f172a0a}.ecwid-modal__button-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.ecwid-modal__status-chip{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.4);font-weight:600}.ecwid-modal__event-grid{display:grid;gap:.5rem;padding:.75rem;border:1px solid var(--neutral-200);border-radius:.5rem;background:var(--neutral-50)}.ecwid-modal__table-wrap{margin-top:.75rem}.ecwid-modal__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem}.ecwid-modal__stats-card{padding:.75rem;background:#fff;border:1px solid var(--neutral-200);border-radius:.5rem;display:grid;gap:.25rem}.ecwid-modal__toggle-card{display:grid;gap:.5rem;padding:1rem;border:1px solid var(--neutral-200);border-radius:.75rem;background:#fff;box-shadow:0 1px 2px #0f172a0a}.ecwid-modal__action-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.ecwid-modal__health-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.ecwid-modal__health-chip{background:#1d4ed81f;color:#7fccb7;border:1px solid rgba(29,78,216,.2);font-weight:600}.ecwid-modal__footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--neutral-200);gap:1rem}.ecwid-modal__footer-actions{display:flex;gap:.5rem;align-items:center}@media (max-width: 56rem){.ecwid-modal__body{grid-template-columns:1fr}.ecwid-modal__sidebar{position:relative;max-height:none}.ecwid-modal__main{max-height:none;padding-right:0}}.connect-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.connect-modal{width:min(32rem,100%);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--neutral-250);box-shadow:var(--shadow-2xl);overflow:hidden;display:flex;flex-direction:column}.connect-modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-250);display:flex;justify-content:space-between;align-items:flex-start}.connect-modal__header-content{flex:1}.connect-modal__title{font-size:1.125rem;font-weight:600;color:var(--neutral-900);line-height:1.5}.connect-modal__sub{margin-top:var(--space-1);color:var(--neutral-500);font-size:.875rem;line-height:1.25rem}.connect-modal__close{background:transparent;border:none;cursor:pointer;color:var(--neutral-400);padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);margin-left:var(--space-4)}.connect-modal__close:hover{color:var(--neutral-600);background-color:var(--neutral-100)}.connect-modal__body{padding:var(--space-6);flex:1}.connect-modal__footer{padding:var(--space-4) var(--space-6);background-color:var(--neutral-50);border-top:1px solid var(--neutral-250);display:flex;justify-content:flex-end;gap:var(--space-3)}.connect-modal-btn{height:2.25rem;padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;border:1px solid var(--neutral-300);background:#fff;color:var(--neutral-700);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.connect-modal-btn:hover:not(:disabled){background-color:var(--neutral-100);border-color:var(--neutral-300)}.connect-modal-btn:disabled{opacity:.6;cursor:not-allowed}.connect-modal-btn--primary{background-color:var(--neutral-900);color:#fff;border-color:var(--neutral-900)}.connect-modal-btn--primary:hover:not(:disabled){background-color:var(--neutral-800);border-color:var(--neutral-800)}.connect-modal-row{margin-bottom:var(--space-5)}.connect-modal-row:last-child{margin-bottom:0}.connect-modal-label{display:block;font-size:.875rem;font-weight:500;color:var(--neutral-700);margin-bottom:var(--space-1)}.connect-modal-input{width:100%;height:2.375rem;border-radius:var(--radius-md);border:1px solid var(--neutral-300);padding:0 var(--space-3);font-size:.875rem;color:var(--neutral-900);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.connect-modal-input:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 3px #1d36421a}:root{--primary-color: #1d3642;--light-grey-background: #f8f9fa;--white-background: #ffffff;--text-color: #212529;--text-muted: #6c757d;--border-color: #dee2e6;--placeholder-bg: #e9ecef}.profilePageContainer{display:flex;min-height:100vh;background-color:#f9fafb}.leftSidebar{width:17.5rem;flex-shrink:0;background-color:#fff;padding:2rem;border-right:.063rem solid #e5e7eb}.sidebarTitle{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:2rem}.sidebarNav ul{list-style:none;padding:0;margin:0}.navItem{display:flex;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;border-radius:.375rem;font-size:.95rem;color:#374151;cursor:pointer;transition:background-color .2s ease,color .2s ease}.navIcon{width:1.25rem;height:1.25rem;margin-right:.75rem;color:#045c67}.navItem:hover .navIcon{color:#045c67}.navItemActive .navIcon{color:#fff!important}.navItem:hover{background-color:#f3f4f6;color:#111827}.navItemActive{background-color:var(--brand-600, #7fccb7);color:#fff!important;font-weight:500}.navItemActive:hover{background-color:var(--brand-700, #7fccb7)}.mainContent{flex-grow:1;padding:2rem;background-color:#f9fafb;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.profileHeaderCard{background-color:#fff;padding:2rem;border-radius:.375rem;border:.063rem solid #e5e7eb;box-shadow:0 .063rem .188rem #0000001a,0 .063rem .125rem -.063rem #0000001a;display:flex;gap:2rem;align-items:flex-start}.profile-inline-display{padding:.25rem 0}.profile-inline-display.is-empty{color:#888}.profile-flex-fill{flex:1}.profile-row{display:flex;align-items:center;gap:.5rem}.password-form{width:100%;display:flex;flex-direction:column;gap:1rem}.profilePictureSection{flex-shrink:0}.profilePictureWrapper{position:relative;width:6.25rem;height:6.25rem;border-radius:50%;overflow:hidden;cursor:pointer}.profilePicture{width:100%;height:100%;object-fit:cover}.profilePictureOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3f3f3f4d;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;text-align:center}.profilePictureWrapper:hover .profilePictureOverlay{opacity:1}.overlayIconSvg{width:2rem;height:2rem;margin-bottom:.25rem}.overlayText{font-size:.8rem;font-weight:500}.profileActionsDropdown{position:absolute;background-color:#fff;border-radius:.375rem;box-shadow:0 .25rem .375rem -.063rem #0000001a,0 .125rem .25rem -.125rem #0000001a;padding:.5rem 0;z-index:10}.dropdownItem{display:flex;align-items:center;padding:.5rem 1rem;font-size:.9rem;color:#374151;cursor:pointer}.dropdownItem:hover{background-color:#f3f4f6}.dropdownIcon{width:1.125rem;height:1.125rem;margin-right:.5rem;color:var(--neutral-600)}.userIdentitySection{flex-grow:1;display:flex;flex-direction:column;gap:.25rem}.userName{font-size:1.75rem;font-weight:700;color:#111827;margin:0}.userTitle{font-size:1rem;color:var(--neutral-600);margin:0}.adminTag{background-color:#eff6ff;color:#7fccb7;font-size:.75rem;font-weight:500;padding:.25rem .6rem;border-radius:624.938rem;display:inline-block;margin-top:.25rem}.workScheduleSection{margin-top:1rem;display:flex;align-items:center;gap:.75rem}.workScheduleText{font-size:.9rem;color:#374151;margin:0}.accountScheduleButton{background-color:#fff;color:var(--brand-600);border:.063rem solid var(--brand-600);padding:.5rem 1rem;border-radius:.375rem;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease,border-color .2s ease}.buttonIcon{width:1.125rem;height:1.125rem}.accountScheduleButton:hover{background-color:var(--neutral-50);border-color:var(--brand-700)}.contactDetailsSection{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;flex-shrink:0;min-width:15.625rem}.contactDetailItem{display:flex;align-items:center;font-size:.9rem;color:#374151}.contactIconSvg{width:1.25rem;height:1.25rem;margin-right:.75rem;color:#045c67;flex-shrink:0}.passwordViewBlock{background-color:var(--white-background);padding:2rem;border-radius:.375rem;box-shadow:0 .063rem .125rem #0000000d}.lowerCardsContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:1.5rem}.infoCard{background-color:#fff;padding:1.5rem;border-radius:.375rem;border:.063rem solid #e5e7eb;box-shadow:0 .063rem .125rem #0000000d;display:flex;flex-direction:column;gap:1rem}.infoCardTitle{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.milestoneItem,.teamItem{display:flex;align-items:center;font-size:.9rem;color:#374151}.infoCardIconSvg{width:1.25rem;height:1.25rem;margin-right:.75rem;color:#045c67;flex-shrink:0}.exploreTeamsButton{background-color:transparent;color:var(--brand-600);border:.063rem solid var(--brand-600);padding:.6rem 1rem;border-radius:.375rem;font-size:.9rem;font-weight:500;cursor:pointer;text-align:center;margin-top:auto;align-self:flex-start;transition:background-color .2s ease,color .2s ease}.exploreTeamsButton:hover{background-color:var(--neutral-50)}.loadingState,.loginPromptState{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:var(--text-muted)}.editIcon{width:1rem;height:1rem;margin-left:.5rem;color:var(--neutral-600);cursor:pointer}.editIcon:hover{color:#374151}.editInput{border:.063rem solid #d1d5db;border-radius:.375rem;padding:.25rem .5rem;font-size:.9rem;margin-right:.5rem}.page-title-password{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:2rem;text-align:center}.password-form-container{max-width:50rem;padding:2rem;background-color:#fff;border-radius:.5rem;border:.063rem solid #e5e7eb;box-shadow:0 .063rem .188rem #0000001a,0 .063rem .125rem -.063rem #0000001a}.password-form-container .infoCard{padding:0;border:none;box-shadow:none}.password-form-container .cardHeader{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:1.5rem;text-align:center}.formGroup{margin-bottom:1.25rem;display:flex;flex-direction:column}.formLabel{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#374151}.formInput{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:#111827;background-color:#fff;background-clip:padding-box;border:.063rem solid #d1d5db;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-sizing:border-box}.formInput:focus{color:#111827;background-color:#fff;border-color:#f87171;outline:0;box-shadow:0 0 0 .2rem #6366f140}.formInput.invalidInput{border-color:#f87171}.formInput.invalidInput:focus{border-color:#ef4444;box-shadow:0 0 0 .2rem #ef444440}.invalidFeedback{color:#ef4444;font-size:.875rem;margin-top:.25rem}.button-primary{background-color:var(--brand-600, #7fccb7);color:#fff;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:1px solid var(--brand-600, #7fccb7);border-radius:.375rem;cursor:pointer;transition:background-color .2s ease;width:100%;margin-top:.5rem}.button-primary:hover{background-color:var(--brand-700, #7fccb7)}.button-primary:disabled{background-color:#9ca3af;color:#e5e7eb;cursor:not-allowed;opacity:.7}.password-strength-indicator{display:flex;align-items:center;margin-top:.5rem;gap:.5rem}.password-strength-bar-container{flex-grow:1;height:.5rem;background-color:#e5e7eb;border-radius:.375rem;overflow:hidden}.password-strength-bar{height:100%;width:0%;border-radius:.375rem;transition:width .3s ease,background-color .3s ease}.password-strength-bar.weak{background-color:#ef4444}.password-strength-bar.medium,.password-strength-bar.strong,.password-strength-bar.very-strong{background-color:#045c67}.password-strength-text{font-size:.8rem;color:#4b5563;white-space:nowrap}.feedbackMessage{padding:.75rem 1rem;margin-bottom:1rem;border-radius:.375rem;font-size:.9rem;text-align:center}.feedbackSuccess{background-color:#d1fae5;color:#065f46;border:.063rem solid #6ee7b7}.feedbackError{background-color:#fee2e2;color:#991b1b;border:.063rem solid #fca5a5}@media (max-width: 48rem){.profilePageContainer{flex-direction:column;width:100%;max-width:100%;overflow-x:hidden}.leftSidebar{width:100%;border-right:none;padding:1rem}.mainContent{padding:1rem;min-width:0}.profileHeaderCard{flex-direction:column;gap:1rem;padding:1.25rem;align-items:stretch}.userIdentitySection{min-width:0}.userName{font-size:1.4rem;word-break:break-word}.workScheduleSection{flex-wrap:wrap}.contactDetailsSection{min-width:0;align-items:flex-start;width:100%}.lowerCardsContainer{grid-template-columns:1fr}}.profilePageContainer.embedded{min-height:auto;background-color:transparent;display:flex;gap:1.5rem;padding:0}.profilePageContainer.embedded .leftSidebar{background-color:#fff;border-radius:.75rem;border:1px solid var(--neutral-200, #e6e6e9);padding:1.5rem;width:17.5rem;height:fit-content}.profilePageContainer.embedded .mainContent{padding:0;background-color:transparent;overflow:visible;flex:1}@media (max-width: 48rem){.profilePageContainer.embedded{flex-direction:column;gap:1rem;padding:0 .75rem}.profilePageContainer.embedded .leftSidebar,.profilePageContainer.embedded .mainContent{width:100%}}.profilePageContainer.embedded .profileHeaderCard,.profilePageContainer.embedded .infoCard{border-radius:.75rem;border:1px solid var(--neutral-200, #e6e6e9);background-color:#fff}.cropper-container{position:relative;width:50%;aspect-ratio:1 / 1;margin-bottom:1rem}.slider-container{width:80%}.actions-container{display:flex;justify-content:center;gap:.75rem}.crop-slider{width:100%;height:.25rem;background-color:#e0e0e0;border-radius:.125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.crop-slider::-webkit-slider-runnable-track{height:.25rem;background-color:#e0e0e0;border-radius:.125rem}.crop-slider::-moz-range-track{height:.25rem;background-color:#e0e0e0;border-radius:.125rem}.uploadIcon{width:2rem;height:2rem}.crop-slider::-webkit-slider-thumb{width:1rem;height:1rem;background-color:#0073ea;border-radius:50%;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.crop-slider::-moz-range-thumb{width:1rem;height:1rem;background-color:#0073ea;border-radius:50%;border:none;cursor:pointer}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.modal-content{position:relative;background-color:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 .25rem .938rem #0003;width:35rem;height:35rem;max-width:30rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.image-preview{width:8rem;height:8rem;border-radius:50%;object-fit:cover;margin-bottom:1.5rem;background-color:#f0f0f0}.upload-button{background-color:#7fccb7;color:#fff;max-height:3rem;font-size:1rem;width:15rem;padding:.75rem;border:none;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;justify-content:center}.modal-close{background-color:transparent;border:none;position:absolute;top:1rem;right:1rem;font-size:2rem}.file-input-hidden{display:none}.reactEasyCrop_CropArea{box-shadow:0 0 0 100vmax #191c2399;border-radius:50%}.account-settings-page{padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#333}.billing-banner{background:linear-gradient(135deg,#045c68d0,#045c68);color:#fafafa;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.billing-banner-content{position:relative;z-index:2}.billing-header{font-size:1.1rem;font-weight:700;margin-bottom:1rem}.billing-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;margin-bottom:1.5rem}.billing-info-col h4{font-size:.85rem;opacity:.8;margin:0 0 .25rem;font-weight:500}.billing-info-col p{margin:0;font-size:.95rem;line-height:1.4}.billing-actions{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.next-payment-text{font-size:.9rem;margin-bottom:.25rem}.next-payment-date{background:#fff3;padding:2px 6px;border-radius:4px;font-weight:600}.manage-billing-btn{background:transparent;border:1px solid #fafafa;color:#fafafa;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background .2s}.manage-billing-btn:hover{background:#ffffff1a}.cancel-sub-link{color:#fffc;font-size:.85rem;text-decoration:none;cursor:pointer}.usage-bar-section{border-top:1px solid rgba(255,255,255,.2);padding-top:1rem}.usage-header{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.5rem}.usage-progress-bg{background:#fff3;height:8px;border-radius:4px;overflow:hidden}.usage-progress-fill{background:#fafafa;height:100%;border-radius:4px}.current-plan-card{background:#fafafa;border-radius:.75rem;border:1px solid #e5e7eb;margin-bottom:1.5rem;overflow:hidden}.plan-header{background:#045c67;color:#fafafa;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.plan-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.current-plan-badge{background:#e5e7eb;color:#045c67;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:600}.manage-sub-btn{background:#e5e7eb;color:#045c67;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:600;cursor:pointer}.manage-sub-btn:hover{background:#d1d5db}.plan-details{padding:1.5rem;display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.plan-price-section{border-right:1px solid #e5e7eb}.plan-price{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.plan-price span{font-size:1rem;font-weight:400;color:#6b7280}.billed-monthly{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.plan-features-list{list-style:none;padding:0;margin:0}.plan-features-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:#4b5563}.check-icon{color:#045c67;font-weight:700}.addons-view{display:flex;padding:1.5rem;flex-direction:column;justify-content:space-between;height:100%;width:100%;max-width:500px}.addons-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.addon-item{display:flex;gap:.75rem;align-items:flex-start}.addon-check{color:#045c67;background:#fafafa;border-radius:50%;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.addon-check.selected{background-color:#045c67;color:#fff}.addon-info h5{margin:0 0 .25rem;font-size:.95rem;font-weight:600}.addon-price{font-weight:700;color:#045c67}.addon-sub{font-size:.85rem;color:#6b7280}.add-ons-badge{display:inline-block;background:#045c67;color:#fafafa;font-size:.75rem;padding:.25rem .75rem;border-radius:999px;margin-top:1rem;font-weight:600}.recommended-badge{display:inline-block;background:#dbeafe;color:#1e40af;font-size:.65rem;padding:.15rem .5rem;border-radius:999px;margin-left:.5rem;font-weight:700;text-transform:uppercase;vertical-align:middle;letter-spacing:.025em}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.support-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem}.support-content h3{margin:0 0 .5rem;font-size:1.1rem}.support-content p{margin:0 0 1rem;font-size:.9rem;color:#045c67;line-height:1.4}.support-btn{background:#fafafa;border:1px solid #045C67;color:#045c67;padding:.5rem 1rem;border-radius:4px;font-weight:600;cursor:pointer}.support-btn:hover{background:#eff6ff}.csm-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #045C67}.csm-card{background:#fafafa;border-color:#045c67}.explore-plans-section{text-align:center;margin-bottom:2rem}.explore-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.explore-sub{color:#6b7280;margin-bottom:2rem}.plans-preview-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;opacity:.5}.manage-data-section{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.manage-data-section h3{margin:0 0 .5rem;font-size:1.1rem}.manage-data-section p{color:#6b7280;font-size:.9rem;margin-bottom:1.5rem}.data-actions{display:flex;gap:1rem}.danger-btn{border:1px solid #ef4444;color:#ef4444;background:#fafafa;padding:.5rem 1rem;border-radius:4px;font-weight:600;cursor:pointer}.secondary-btn{border:1px solid #045C67;color:#045c67;background:#fafafa;padding:.5rem 1rem;border-radius:4px;font-weight:600;cursor:pointer}.sub-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.sub-modal-container{background:#f3f4f6;width:900px;height:600px;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.sub-modal-header{background:#045c67;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;position:relative}.sub-modal-back{position:absolute;left:1rem;background:none;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:.25rem;color:#fafafa;font-weight:600}.sub-modal-title{font-weight:600;font-size:1.1rem;color:#fafafa}.sub-modal-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#fafafa}.sub-modal-content{flex:1;overflow-y:auto;padding:2rem 2rem 4rem;display:flex;justify-content:center}.menu-view{width:100%;max-width:500px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.menu-card{background:#fafafa;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .1s}.menu-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.menu-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.menu-card-title{font-size:1.1rem;font-weight:700;color:#111}.menu-card-price{font-size:1.25rem;font-weight:700}.menu-card-sub{color:#6b7280;font-size:.9rem}.menu-list{list-style:none;padding:0;margin:0}.menu-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;margin:0 -1rem;color:#045c67;cursor:pointer;font-weight:500;font-size:1.05rem;border-radius:.5rem;transition:background-color .2s}.menu-item:hover{background-color:#f3f4f6;color:#045c67}.menu-item-icon{width:24px;text-align:center}.menu-item.exit{color:#045c67;margin-top:1rem}.details-view{width:100%;max-width:500px;display:flex;flex-direction:column;height:100%}.details-card{background:#fafafa;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.details-header{margin-bottom:1.5rem}.details-title{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.details-list{list-style:none;padding:0;margin:0 0 1.5rem}.details-list li{margin-bottom:.5rem;color:#045c67}.details-price{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.payment-method-preview{background:#fafafa;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer}.edit-sub-link{color:#045c67;text-decoration:none;font-weight:500;cursor:pointer;margin-bottom:2rem}.edit-view{width:100%;max-width:500px}.edit-card{background:#fafafa;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.edit-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.edit-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.edit-item-info{display:flex;align-items:center;gap:.5rem}.edit-item-price{font-weight:600}.remove-link{color:#045c67;font-size:.85rem;cursor:pointer;display:block;margin-top:.25rem}.qty-control{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.qty-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:4px}.add-addons-btn{width:100%;padding:.75rem;background:#fafafa;border:1px solid #e5e7eb;color:#045c67;font-weight:600;border-radius:4px;cursor:pointer;margin-bottom:1.5rem}.update-sub-btn{width:100%;padding:1rem;margin-bottom:2rem;background:#045c67;color:#fafafa;border:none;border-radius:4px;font-weight:700;font-size:1.1rem;cursor:pointer}.update-sub-btn:hover{background:#045c67}.next-charge-info{background:#fafafa;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;font-weight:600;box-shadow:0 1px 3px #0000001a}.history-view{width:100%;max-width:600px}.invoice-item{background:#fafafa;padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.invoice-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.invoice-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:none}.invoice-details h4{margin:0 0 .25rem;font-size:1rem}.invoice-details p{margin:0;color:#4b5563;font-size:.9rem}.invoice-price{font-weight:700;color:#111}.invoice-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.download-link{color:#045c67;text-decoration:none;font-size:.9rem;cursor:pointer}.view-usage-link{color:#045c67;text-decoration:none;font-size:.85rem;cursor:pointer}.payment-view{width:100%;max-width:500px}.payment-warning{background:#045c67;color:#fafafa;padding:1rem;border-radius:4px;margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:flex-start}.payment-card-item{background:#fafafa;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.card-info{display:flex;align-items:center;gap:.75rem;font-weight:500}.primary-badge{background:#045c67;color:#fafafa;font-size:.7rem;padding:.25rem .5rem;border-radius:4px;font-weight:700;text-transform:uppercase}.add-card-btn{width:100%;padding:1rem;background:#fafafa;border:1px solid #e5e7eb;color:#045c67;font-weight:600;border-radius:4px;cursor:pointer;box-shadow:0 1px 3px #0000001a}.explore-plans-section{margin-top:2rem;border-top:1px solid #e5e7eb;padding-top:2rem}.explore-header-clickable{cursor:pointer;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}.explore-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.explore-title .material-symbols-outlined{transition:transform .3s ease}.explore-title .material-symbols-outlined.rotated{transform:rotate(180deg)}.explore-sub{color:#6b7280;margin-bottom:1.5rem}.plans-preview-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;align-items:flex-end}.plan-preview-card{border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s}.plan-preview-card.standard{background:#f3f4f6;height:100px}.plan-preview-card.highlight{background:#045c67;height:120px;border:1px solid #045C67}.plan-name-preview{font-size:1.5rem;font-weight:700}.plan-preview-card.standard .plan-name-preview{color:#045c67}.plan-preview-card.highlight .plan-name-preview{color:#fafafa}.popular-badge{font-size:.7rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;color:#fafafa;text-transform:uppercase}.plans-comparison-container{margin-top:2rem;animation:slideDown .3s ease-out}.plans-comparison-header{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:0;margin-bottom:1rem}.plan-column{background:#f9fafb;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;position:relative;margin:0 .5rem}.plan-column.highlight{background:#fafafa;border-color:#045c67;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.most-popular-tag{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#045c67;color:#fafafa;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.plan-col-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.plan-col-price{font-size:2rem;font-weight:700;margin-bottom:.25rem}.plan-col-price span{font-size:.875rem;font-weight:400;color:#6b7280}.plan-col-billing{font-size:.875rem;color:#6b7280;background:#e5e7eb;display:inline-block;padding:2px 6px;border-radius:4px;margin-bottom:1rem}.subscribe-btn{width:100%;padding:.75rem;border-radius:6px;font-weight:600;cursor:pointer;border:none;transition:background .2s}.subscribe-btn.primary{background:#1d3642;color:#fff}.subscribe-btn.primary:hover{background:#045c67}.comparison-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;padding:1rem 0;border-bottom:1px solid #e5e7eb;align-items:center}.comparison-row:last-child{border-bottom:none}.feature-label{font-weight:500;color:#374151;display:flex;align-items:center;gap:.5rem}.feature-value{display:flex;text-align:center;font-size:.9rem;color:#111827;flex-direction:column;align-items:center;justify-content:center}.feature-check{color:#045c67}.feature-cross{color:#ef4444;background:#fee2e2;border-radius:50%;padding:2px;font-size:1rem}.plan-addons-header{background:#f3f4f6;padding:.5rem 1rem;font-weight:700;font-size:.8rem;letter-spacing:1px;color:#4b5563;margin-top:1rem;text-transform:uppercase}.plan-starts-at{font-size:.8rem;margin-bottom:.5rem}.addon-detail-text{font-size:.8rem}.addon-price-text{font-weight:700}.plan-addons-header-cell{text-align:center}.plan-addons-header-cell:first-child{text-align:left;padding-left:1rem}.menu-card-price-sub{font-weight:400;font-size:.9rem;color:#045c67}.details-price-sub{font-weight:400;font-size:1rem;color:#045c67}.payment-method-label{font-weight:600;margin-bottom:.25rem}.payment-method-row{display:flex;align-items:center;gap:.5rem}.payment-card-icon{color:#045c67}.edit-card-header{border-left:4px solid #045C67;padding-left:1rem;margin-bottom:1.5rem}.edit-card-title{font-weight:700;font-size:1.1rem}.edit-card-subtitle,.edit-item-dot{color:#045c67}.edit-item-usage-note{font-size:.8rem;color:#045c67;margin-top:.25rem}.edit-item-qty-row{display:flex;justify-content:space-between;align-items:center;width:100%}.remove-link-nomargin{margin:0}.apply-coupon-link{color:#045c67;margin-bottom:1.5rem;cursor:pointer}.next-charge-highlight{color:#045c67}.payment-preview-static{cursor:default}.account-name{font-weight:600}.account-email{color:#4b5563}.payment-warning-text{font-size:.9rem;line-height:1.4}.payment-card-icon-large{color:#045c67;font-size:2rem}.payment-card-actions{display:flex;align-items:center;gap:.5rem}.invoice-date{color:var(--neutral-600)}.billing-actions-row{display:flex;align-items:center;gap:1rem}.billing-note{font-size:.85rem;opacity:.8;margin-bottom:.5rem}.usage-reset-note{font-size:.8rem;opacity:.8;margin-top:.25rem}.usage-status{display:flex;align-items:center;gap:.25rem;font-size:.8rem}.usage-check-icon{font-size:1rem}.help-icon{font-size:.9rem;vertical-align:middle;color:#9ca3af}.help-icon-lg{font-size:1rem;color:#9ca3af}.csm-actions{display:flex;align-items:center;gap:1rem}.learning-center-link{color:#4b5563;font-size:.9rem;text-decoration:none}.learning-center-icon{font-size:.9rem;vertical-align:middle}.plan-addons-header-row{background:#f3f4f6;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;color:#4b5563}.juzbridge-logo{height:1rem;width:auto;object-fit:contain}.usage-limit-text{font-size:.8rem;opacity:.8;margin-top:.25rem}.usage-meta-row{display:flex;align-items:center;gap:.5rem}.usage-last-updated{font-size:.8rem}.usage-date-badge{background:#fff3;padding:2px 4px;border-radius:4px}.usage-status-badge{display:flex;align-items:center;gap:.25rem;font-size:.8rem}.usage-status-icon{font-size:1rem}.usage-progress-fill-13{width:13%}.addon-help-icon{font-size:.9rem;vertical-align:middle;color:#9ca3af}.addon-members-badge{background:#e5e7eb;display:inline-block;padding:0 .5rem;border-radius:4px;margin-top:.25rem}.support-actions-row{display:flex;align-items:center;gap:1rem}.plans-preview-grid-clickable{cursor:pointer}.feature-help-icon{font-size:1rem;color:#9ca3af}.sub-modal-logo-img{height:1rem;width:auto;object-fit:contain}.billing-form-view{padding:1rem}.billing-form-row{display:flex;gap:1rem;margin-bottom:1rem}.billing-form-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.billing-form-group label{font-size:.85rem;color:#6b7280;font-weight:500}.billing-form-group input,.billing-form-group select{padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;color:#1f2937;background:#fff}.billing-form-group input:focus,.billing-form-group select:focus{outline:none;border-color:#045c67;box-shadow:0 0 0 2px #045c671a}.billing-update-btn{width:100%;padding:.75rem;background:#1d3642;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;margin-top:1rem;transition:background .2s}.billing-update-btn:hover{background:#045c67}.form-status-message{margin-top:1rem;padding:.75rem;border-radius:6px;font-size:.9rem;display:flex;align-items:center;gap:.5rem;justify-content:center}.form-status-message.error{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.form-status-message.success{background-color:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.form-status-message .material-symbols-outlined{font-size:1.25rem}.payment-card-options{display:flex;gap:.5rem;padding:.5rem 1rem 1rem;background:#f9fafb;margin-top:-.5rem;margin-bottom:1rem;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border:1px solid #e5e7eb;border-top:none;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.payment-option-btn{flex:1;padding:.5rem;border:1px solid #e5e7eb;background:#fff;border-radius:4px;font-size:.85rem;cursor:pointer;font-weight:500;transition:all .2s}.payment-option-btn:hover{background:#f3f4f6}.payment-option-btn.remove{color:#dc2626;border-color:#fecaca;background:#fef2f2}.payment-option-btn.remove:hover{background:#fee2e2}.support-header{margin-bottom:1.5rem}.support-header h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#111827}.support-options{display:flex;flex-direction:column;gap:.75rem}.support-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s}.support-option:hover{background:#f9fafb;border-color:#d1d5db}.support-option input[type=radio]{width:1.2rem;height:1.2rem;accent-color:#eab308}.support-option span{font-size:.95rem;color:#374151;font-weight:500}.support-modal{max-width:500px!important;border-radius:12px!important;overflow:hidden;height:auto!important;min-height:450px}.support-modal-header{display:flex;justify-content:center;align-items:center;padding:1rem 1.5rem;position:relative;background:#045c67;color:#fafafa}.support-logo{height:24px;width:auto;filter:brightness(0) invert(1)}.support-close-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fafafa;transition:background .2s}.support-close-btn:hover{background:#ffffff1a}.support-close-btn span{font-size:20px}.support-view{display:flex;padding:1rem 2rem 2rem;flex-direction:column;justify-content:space-between;height:100%}.support-header-text h3{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;text-align:center}.support-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;flex-grow:1}.support-option{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:.75rem;border:1px solid transparent;border-radius:8px;background:transparent;transition:all .2s}.support-option:hover{background:#f9fafb}.support-option.selected{background:#f0fdfa;border-color:#ccfbf1}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;transition:border-color .2s;flex-shrink:0}.support-option.selected .radio-circle{border-color:#045c67}.radio-dot{width:10px;height:10px;border-radius:50%;background:#045c67}.support-option span{font-size:1rem;color:#4b5563;font-weight:500}.support-submit-btn{width:100%;padding:.75rem;background:#1d3642;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:auto}.support-submit-btn:hover{background:#045c67}.alert-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:2000}.alert-modal{width:min(32rem,100%);background:#fff;border-radius:.75rem;box-shadow:0 18px 40px #00000040;overflow:hidden;display:flex;flex-direction:column}.alert-modal__header{background-color:#1d3642;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:1rem}.alert-modal__title{font-size:1.1rem;font-weight:700;color:#fafafa}.alert-modal__body{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.alert-modal__footer{padding:.75rem 1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.5rem}.details-section-title{font-size:.85rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-top:1.5rem}.details-section-title:first-child{margin-top:0}.check-icon-small{font-size:1.1rem;vertical-align:middle;margin-right:.5rem;color:#045c67}.details-addon-price{font-weight:600;color:#045c67;font-size:.9rem;margin-left:.5rem}@media (max-width: 48rem){.billing-banner{padding:1rem}.billing-header{font-size:1rem;margin-bottom:.75rem}.billing-grid{grid-template-columns:1fr;gap:1rem}.billing-actions{align-items:flex-start;text-align:left}.billing-actions>div{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.manage-billing-btn,.cancel-sub-link{width:100%;text-align:center}.current-plan-card{border-radius:.75rem}.plan-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.plan-title{font-size:1.1rem}.manage-sub-btn{width:100%}.plan-details{grid-template-columns:1fr;padding:1rem;gap:1rem}.plan-price-section{border-right:none;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.addons-section,.support-grid{grid-template-columns:1fr;gap:1rem}.support-card{flex-direction:column;align-items:flex-start}.support-btn{width:100%}.csm-avatar{align-self:flex-start}.explore-plans-section{text-align:left}.explore-title{font-size:1.25rem}.plans-preview-grid{grid-template-columns:1fr;gap:.75rem}.manage-data-section{padding:1rem}.data-actions{flex-direction:column;align-items:stretch}.plans-comparison-container{margin:0;padding:0;overflow:visible}.plans-comparison-header{grid-template-columns:1fr;gap:.75rem;margin-bottom:.75rem}.plan-column-spacer{display:none}.plan-column{margin:0;padding:1rem;cursor:default}.plan-column.is-active{border-color:#045c67;box-shadow:0 6px 16px #045c6726}.plan-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;color:#045c67;margin-right:.5rem;cursor:pointer}.plan-toggle-btn:active{transform:scale(.96)}.plan-toggle-btn .material-symbols-outlined{font-size:1.25rem}.plan-mobile-details{display:none;margin-top:.75rem;border-top:1px solid #e5e7eb;padding-top:.75rem}.plan-column.is-active .plan-mobile-details{display:block}.plan-mobile-section-title{font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.plan-mobile-list{list-style:none;padding:0;margin:0 0 .75rem;display:grid;gap:.5rem}.plan-mobile-list li{display:flex;justify-content:space-between;gap:.75rem;font-size:.9rem;color:#111827}.plan-mobile-list li span{color:#6b7280}.plan-col-title{font-size:1.1rem}.plan-col-price{font-size:1.5rem}.most-popular-tag{font-size:.7rem;padding:.2rem .6rem}.comparison-row,.comparison-row.plan-addons-header{display:none}}.team-settings-wrapper{display:flex;flex-direction:column}.team-sub-tabs{display:flex;gap:.25rem}.team-sub-tab{background:none;border:none;padding:.5rem .75rem;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.team-sub-tab:hover{background-color:#0000000d;color:#111827}.team-sub-tab.active{background-color:#045c671a;color:#045c67}.tab-count-badge{font-size:.75rem;background-color:#0000000f;padding:.1rem .4rem;border-radius:99px;color:#6b7280}.team-sub-tab.active .tab-count-badge{background-color:#045c6733;color:#045c67}.team-card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid #f3f4f6;min-height:60px}.team-count{font-size:.95rem;color:#6b7280;font-weight:500}.invite-btn-primary{display:flex;align-items:center;gap:.5rem;background-color:#045c67;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.invite-btn-primary:hover{background-color:#034a52}.invite-btn-primary .material-symbols-outlined{font-size:1.1rem}.team-list{display:flex;flex-direction:column}.team-member-row{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;gap:1rem}.team-member-row:last-child{border-bottom:none}.member-avatar-col{flex-shrink:0}.member-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center}.member-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:1.1rem;font-weight:600;color:#6b7280}.member-info-col{flex:1;display:flex;flex-direction:column;gap:.1rem}.member-name{font-weight:500;color:#111827;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.you-badge{font-size:.75rem;background-color:#f3f4f6;color:#6b7280;padding:.1rem .4rem;border-radius:4px;font-weight:500}.member-email{font-size:.85rem;color:#6b7280}.member-role-col{width:100px;display:flex;justify-content:center}.role-pill{font-size:.75rem;padding:.2rem .6rem;border-radius:12px;font-weight:500;text-transform:capitalize}.role-admin{background-color:#045c671a;color:#045c67}.role-member{background-color:#f3f4f6;color:#4b5563}.member-actions-col{display:flex;gap:.5rem}.icon-btn{background:none;border:none;color:#045c67;cursor:pointer;padding:.4rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:#045c671a;color:#034a52}.icon-btn.danger:hover{background-color:#fee2e2;color:#ef4444}.icon-btn:disabled,.icon-btn.danger:disabled{opacity:.4;cursor:not-allowed;background-color:transparent;color:#9ca3af}.icon-btn:disabled:hover,.icon-btn.danger:disabled:hover{background-color:transparent;color:#9ca3af}.icon-btn .material-symbols-outlined{font-size:1.2rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh}.invite-modal{max-width:450px}.access-modal{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.close-modal-btn{background:none;border:none;color:#045c67;cursor:pointer;padding:.25rem;border-radius:4px;display:flex}.close-modal-btn:hover{background-color:#045c671a;color:#034a52}.modal-subheader{padding:.75rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #f3f4f6}.user-email{font-size:.9rem;color:#6b7280;font-family:monospace}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.modal-body.scrollable{overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:#374151}.form-group input[type=text],.form-group input[type=email]{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;outline:none;transition:border-color .2s}.form-group input:focus{border-color:#045c67;box-shadow:0 0 0 2px #045c671a}.type-selector{display:flex;gap:.75rem}.type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;color:#6b7280}.type-btn:hover{border-color:#d1d5db;background-color:#f9fafb}.type-btn.active{border-color:#045c67;background-color:#045c670d;color:#045c67}.type-btn .material-symbols-outlined{font-size:1.5rem;color:#045c67}.permission-section{border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.permission-header{margin-bottom:.75rem}.permission-header h4{margin:0;font-size:.95rem;font-weight:600;color:#374151}.permission-row{display:flex;gap:1rem;align-items:flex-start}.permission-info{flex:1}.perm-title{display:block;font-size:.9rem;font-weight:500;color:#111827;margin-bottom:.25rem}.perm-desc{margin:0;font-size:.85rem;color:#6b7280;line-height:1.4}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;box-shadow:0 1px 2px #0000001a}input:checked+.slider{background-color:#045c67}input:focus+.slider{box-shadow:0 0 1px #045c67}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:.75rem;background-color:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.cancel-btn{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.next-btn,.save-btn{padding:.5rem 1rem;background-color:#045c67;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.next-btn:hover,.save-btn:hover{background-color:#034a52}@media (max-width: 640px){.team-card-header{flex-direction:column;gap:1rem;align-items:center}.team-member-row{padding:.75rem 1rem;gap:.75rem}.member-email,.member-lastname,.member-role-col{display:none}.member-actions-col{margin-left:auto}.team-sub-tabs{width:100%;justify-content:center;overflow-x:auto;padding-bottom:2px}.team-sub-tab{flex-shrink:0}}.dd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dd-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:1.5rem;z-index:1200}.dd-popup{width:min(26rem,92vw);background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000f;padding:1rem 1rem .875rem}.dd-popup-badge{width:2.25rem;height:2.25rem;border-radius:999px;display:grid;place-items:center;margin-bottom:.75rem}.dd-popup-badge.success{background:#10b9811f;color:#059669}.dd-popup-badge.error{background:#ef44441f;color:#dc2626}.dd-popup-badge.info{background:#2563eb1a;color:#1d4ed8}.dd-popup-title{font-size:1rem;font-weight:800;color:#111827;margin-bottom:.25rem}.dd-popup-message{font-size:.875rem;color:#374151;line-height:1.5}.dd-popup-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.dd-modal-container{width:95vw;height:95vh;background-color:#f3f4f6;border-radius:.75rem;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dd-header{min-height:4rem;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;flex-shrink:0}.dd-title{font-size:1.125rem;font-weight:600;color:#111827;line-height:1.5;margin:0}.dd-header-actions{display:flex;gap:.75rem;align-items:center}.dd-header-status{font-size:.875rem;color:#6b7280}.dd-close-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:.5rem;border-radius:.375rem;transition:color .15s,background-color .15s;display:flex;align-items:center;justify-content:center}.dd-close-btn:hover{background-color:#f3f4f6;color:#4b5563}.dd-list-layout{display:flex;flex:1;overflow:hidden}.dd-list-sidebar{width:16.25rem;background-color:#f9fafb;color:#374151;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid #e5e7eb}.dd-sidebar-section{padding:1.5rem 0}.dd-sidebar-title{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.75rem;padding:0 1.5rem;font-weight:600}.dd-sidebar-item{display:block;padding:.75rem 1.5rem;cursor:pointer;color:#374151;font-size:.875rem;transition:background .2s;font-weight:500}.dd-sidebar-item:hover{background-color:#0000000a;color:#111827}.dd-sidebar-item.active{background-color:#e5e7eb;background-color:#1d3642;color:#fff;border-left:none}.dd-sidebar-footer{border-top:1px solid #e5e7eb;padding-top:1rem;padding-bottom:2rem}.dd-sidebar-footer-item{padding:.75rem 1.5rem;color:#374151;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.875rem}.dd-sidebar-footer-item:hover{background-color:#0000000a;color:#111827}.dd-list-content{flex:1;padding:2rem 3rem;overflow-y:auto;background-color:#f9fafb}.dd-section-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1.5rem}.dd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.125rem,1fr));gap:2rem}.dd-card{cursor:pointer;transition:transform .2s;display:flex;flex-direction:column;position:relative}.dd-card:hover{transform:translateY(-.125rem)}.dd-card-preview{width:100%;aspect-ratio:1 / 1.3;background-color:#fff;border:1px solid #f3f4f6;border-radius:.125rem;box-shadow:0 2px 5px #0000000d;padding:.75rem;margin-bottom:0;position:relative;overflow:hidden;transition:box-shadow .2s;display:flex;flex-direction:column}.dd-card:hover .dd-card-preview{box-shadow:0 10px 20px -5px #0000001a}.dd-card-name-pill{margin-top:auto;background-color:#f3f4f6;color:#374151;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:.75rem;width:fit-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-preview-placeholder-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.65rem;color:#9ca3af;text-align:center;width:100%}.dd-preview-doc{display:flex;flex-direction:column;gap:.375rem;width:100%;opacity:.3}.dd-line{background-color:#e5e7eb;height:.1875rem;border-radius:1px}.dd-line.short{width:30%}.dd-line.long{width:100%}.dd-sidebar-illustration{margin-top:auto;padding:2rem;opacity:.4;display:flex;justify-content:center}.dd-sidebar-illustration img{max-width:100%;filter:grayscale(100%) brightness(150%)}.dd-editor-layout{display:flex;flex:1;overflow:hidden;background-color:#f3f4f6}.dd-editor-sidebar{width:20rem;background-color:#f3f4f6;border-right:1px solid #e5e7eb;padding:0;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.dd-editor-sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb}.dd-sidebar-back{width:2.25rem;height:2.25rem;border-radius:.625rem;border:1px solid #e5e7eb;background:#fff;display:grid;place-items:center;cursor:pointer}.dd-editor-sidebar-title{font-weight:700;color:#111827;font-size:1rem}.dd-search-wrap{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem .75rem;margin:0 1rem .75rem}.dd-search-icon{color:#9ca3af;font-size:1.125rem}.dd-search{border:none;outline:none;width:100%;font-size:.875rem}.dd-settings-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin:0 1rem 1rem}.dd-panel-title{font-size:.875rem;font-weight:700;color:#111827;margin:.25rem 0 .5rem}.dd-panel-title.muted{color:#6b7280;margin-top:1rem}.dd-panel-note{font-size:.75rem;color:#6b7280;margin:-.25rem 0 .75rem}.dd-align-group{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.75rem}.dd-align-btn{flex:0 0 auto;width:2.5rem;height:2.25rem;border:1px solid #e5e7eb;background:#fff;border-radius:.375rem;cursor:pointer;display:grid;place-items:center}.dd-align-btn.active{border-color:#2563eb59;background:#2563eb14}.dd-columns-group{display:flex;gap:.5rem;margin-bottom:.75rem}.dd-column-btn{width:2.25rem;height:2rem;border-radius:.375rem;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.dd-column-btn.active{border-color:#2563eb59;background:#2563eb14;color:#1d4ed8;font-weight:700}.dd-number{width:4.75rem;padding:.25rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem}.dd-field-row{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid #eef2f7;border-radius:.5rem;margin-bottom:.5rem;background:#fff;transition:box-shadow .2s,border-color .2s,transform .2s}.dd-field-row.is-draggable-row{cursor:grab;user-select:none;-webkit-user-select:none}.dd-field-row.is-draggable-row:active{cursor:grabbing}.dd-field-icon{color:#9ca3af;font-size:1.125rem;user-select:none;-webkit-user-select:none}.dd-field-handle{border:none;background:transparent;padding:0;color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;cursor:grab}.dd-field-handle:active{cursor:grabbing}.dd-field-row.is-dragging{opacity:.5;background:#f3f4f6;border-style:dashed}.dd-field-label{flex:1;font-size:.875rem;color:#111827}.dd-field-options{border:1px solid #e5e7eb;background:#fff;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;cursor:pointer}.dd-field-action{background:none;border:none;color:#6b7280;cursor:pointer;padding:.4rem;border-radius:4px;transition:background-color .2s ease,color .2s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1}.dd-field-action:hover{background-color:#6b72801f;color:#374151}.dd-field-action:focus-visible{outline:2px solid rgba(4,92,103,.35);outline-offset:2px}.dd-field-action .material-symbols-outlined{font-size:1.2rem;line-height:1}.dd-settings-group{padding:1.5rem;border-bottom:1px solid #f3f4f6}.dd-group-title{font-size:.75rem;text-transform:uppercase;color:#9ca3af;font-weight:700;letter-spacing:.05em;margin-bottom:1rem}.dd-control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dd-control-label{font-size:.875rem;color:#374151}.dd-preview-area{flex:1;background-color:#94a3b8;padding:3rem;overflow-y:auto;display:flex;justify-content:center}.dd-paper{width:100%;max-width:50rem;min-height:62.5rem;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;padding:3rem;display:flex;flex-direction:column}.dd-preview-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem}.dd-preview-section{border:1px solid transparent;border-radius:.5rem;padding:.5rem;cursor:pointer}.dd-preview-section:hover{background:#2563eb0d;border-color:#2563eb2e}.dd-preview-section.active{background:#2563eb14;border-color:#2563eb59}.dd-preview-block{padding:.75rem}.dd-toggle{position:relative;display:inline-block;width:2.25rem;height:1.25rem}.dd-toggle input{opacity:0;width:0;height:0}.dd-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.4s;border-radius:2.125rem}.dd-toggle-slider:before{position:absolute;content:"";height:1rem;width:1rem;left:.125rem;bottom:.125rem;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 2px #0003}input:checked+.dd-toggle-slider{background-color:#2563eb}input:checked+.dd-toggle-slider:before{transform:translate(1rem)}.dd-column-drag-item{display:flex;align-items:center;padding:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.25rem;margin-bottom:.5rem;gap:.5rem}.dd-column-drag-handle{cursor:grab;color:#9ca3af}.dd-back-btn{background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:.25rem .75rem;border-radius:.375rem;cursor:pointer;font-weight:500;font-size:.875rem}.dd-back-btn:hover{background-color:#f9fafb}@media (max-width: 768px){.dd-modal-overlay{padding:0}.dd-modal-container{width:100vw;height:100vh;border-radius:0}.dd-header{padding:1rem 1.25rem;min-height:3.5rem}.dd-title{font-size:1rem}.dd-list-sidebar{width:14rem}.dd-list-content{padding:1.5rem 1.25rem}.dd-grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:1.5rem}}@media (max-width: 640px){.dd-modal-overlay{padding:0}.dd-modal-container{width:100vw;height:100vh;border-radius:0}.dd-header{padding:.875rem 1rem;min-height:3rem}.dd-title{font-size:.9375rem;font-weight:600}.dd-close-btn{padding:.375rem}.dd-list-layout{flex-direction:column}.dd-list-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;max-height:none;overflow-y:visible}.dd-sidebar-section{padding:1rem 0}.dd-sidebar-title{padding:0 1rem;font-size:.6875rem;margin-bottom:.5rem}.dd-sidebar-item{padding:.625rem 1rem;font-size:.8125rem}.dd-sidebar-footer{padding-top:.75rem;padding-bottom:1rem}.dd-sidebar-footer-item{padding:.625rem 1rem;font-size:.8125rem}.dd-list-content{padding:1rem;flex:1;overflow-y:auto}.dd-section-title{font-size:1.125rem;margin-bottom:1rem}.dd-grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:1rem}.dd-card-preview{padding:.5rem}.dd-card-name-pill{font-size:.6875rem;padding:.1875rem .5rem}.dd-editor-layout{flex-direction:column}.dd-editor-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;max-height:45vh;overflow-y:auto;flex-shrink:0}.dd-editor-sidebar-header{padding:.75rem 1rem}.dd-editor-sidebar-title{font-size:.9375rem}.dd-search-wrap{margin:0 1rem .5rem;padding:.5rem .65rem}.dd-settings-panel{margin:0 1rem .75rem;padding:.875rem}.dd-panel-title{font-size:.8125rem}.dd-align-group{gap:1rem;margin-bottom:.625rem}.dd-align-btn{width:2.25rem;height:2rem}.dd-align-btn .material-symbols-outlined{font-size:1.125rem}.dd-field-row{padding:.5rem .625rem;margin-bottom:.5rem}.dd-field-label{font-size:.8125rem}.dd-field-icon,.dd-field-handle .material-symbols-outlined{font-size:1rem}.dd-settings-group{padding:1rem}.dd-group-title{font-size:.6875rem;margin-bottom:.75rem}.dd-control-row{margin-bottom:.625rem}.dd-control-label{font-size:.8125rem}.dd-editor-content{padding:1rem}.dd-preview-area{padding:.5rem;background-color:#94a3b8;overflow-x:hidden;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center}.dd-paper{width:100%;max-width:100%;min-height:auto;padding:1.5rem 1rem;transform-origin:top center;transform:scale(.85);margin:0 auto;box-sizing:border-box}.dd-paper *{box-sizing:border-box}.dd-preview-header{margin-bottom:1rem;flex-direction:column;gap:.75rem}.dd-preview-section{padding:.375rem;font-size:.8125rem}.dd-preview-block{padding:.5rem}.dd-paper table{width:100%;font-size:.75rem;table-layout:fixed}.dd-paper table th,.dd-paper table td{padding:.375rem .25rem;word-wrap:break-word;overflow-wrap:break-word}.dd-preview-wrapper{padding:1rem}.dd-preview-page{max-width:100%;margin:0}.dd-toolbar{padding:.75rem 1rem;gap:.5rem;flex-wrap:wrap}.dd-btn,.dd-btn-secondary{padding:.5rem .875rem;font-size:.8125rem}.dd-popup{width:calc(100vw - 2rem);max-width:92vw}.dd-popup-title{font-size:.9375rem}.dd-popup-message{font-size:.8125rem}}@media (max-width: 380px){.dd-header{padding:.75rem .875rem}.dd-title{font-size:.875rem}.dd-list-content{padding:.875rem}.dd-grid{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.875rem}.dd-section-title{font-size:1rem}.dd-sidebar-item,.dd-sidebar-footer-item{padding:.5rem .875rem;font-size:.8125rem}.dd-editor-sidebar-header{padding:.625rem .875rem}.dd-search-wrap{margin:0 .875rem .5rem}.dd-preview-area{padding:.375rem}.dd-paper{padding:1rem .75rem;transform:scale(.75);margin:0 auto}.dd-paper table{font-size:.65rem}.dd-paper table th,.dd-paper table td{padding:.25rem .1875rem}.dd-preview-header{gap:.5rem}.dd-preview-section{font-size:.75rem;padding:.25rem}}@media (max-width: 768px) and (orientation: landscape){.dd-editor-sidebar{max-height:35vh}.dd-preview-area{padding:.5rem}.dd-paper{padding:1.25rem 1rem;transform:scale(.9);margin:0 auto}}.company-settings-page{min-height:100vh;background:#f5f5f7;padding:1.5rem}.company-settings-shell{max-width:70rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.company-settings-topbar{display:flex;align-items:center;justify-content:space-between}.company-settings-topbar__title{font-size:1rem;font-weight:700;color:#6b7280}.settings-tabs{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.settings-tabs-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:9999px;background:#0000000f}.settings-tab{height:2rem;padding:0 .65rem;border-radius:9999px;border:1px solid transparent;background:transparent;color:#6b7280;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;-webkit-user-select:none;user-select:none}.settings-tab:hover{background:#0000000a}.settings-tab.is-active{background:var(--brand-600, #1d3642);border-color:var(--brand-600, #1d3642);color:#fff}.settings-tab__icon{font-size:1.125rem;color:#045c67}.settings-tab.is-active .settings-tab__icon{color:#fff}.settings-card{background:#fff;border:1px solid var(--neutral-200, #e6e6e9);border-radius:.75rem;overflow:hidden}.settings-card__header{padding:1rem 1.25rem;border-bottom:1px solid var(--neutral-200, #e6e6e9);background:var(--neutral-50, #fafafa);display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.company-details-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;margin:0;display:inline-flex;align-items:center;gap:.5rem;color:inherit;font:inherit;cursor:pointer}.company-details-trigger__title{font-size:1rem;font-weight:700;color:#111827}.settings-card__title{margin:0;font-size:1rem;font-weight:700;color:#111827}.settings-card__chev{color:#9ca3af;font-weight:700}.settings-card__hint{color:#6b7280;font-size:.875rem}.settings-card__body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.company-details-grid{display:grid;grid-template-columns:1.1fr 1.6fr 1fr;gap:1.75rem;align-items:start}@media (max-width: 860px){.company-details-grid{grid-template-columns:1fr}}.company-details-cell{display:flex;flex-direction:column;gap:.375rem}.company-details-label{color:#6b7280;font-size:.875rem;font-weight:600}.company-details-value{display:flex;align-items:center;gap:.75rem}.company-details-strong{font-weight:700;color:#111827}.company-details-muted{color:#6b7280;font-size:.95rem}.company-details-mid .company-details-muted,.company-details-right .company-details-muted{line-height:1.45}.company-details-left,.company-details-mid,.company-details-right{min-width:0}.company-details-left{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.settings-logo--under-name{margin-top:.25rem}.company-details-summary{cursor:pointer}.company-details-summary:hover{background:var(--neutral-50, #fafafa)}.company-details-summary:focus{outline:none}.company-details-summary:focus-visible{outline:2px solid rgba(29,54,66,.25);outline-offset:-2px}.settings-row{display:grid;grid-template-columns:12rem 1fr;gap:.75rem;align-items:start}@media (max-width: 640px){.settings-row{grid-template-columns:1fr}}.settings-label{font-weight:600;color:#374151;padding-top:.4rem}.settings-field{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.settings-input{height:2.5rem;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;color:#111827;background:#fff;width:100%;transition:border-color .2s,box-shadow .2s}.settings-input:hover{border-color:#d1d5db}.settings-input:focus{outline:none;border-color:#045c67;box-shadow:0 0 0 2px #045c671f}.settings-input::placeholder{color:#9ca3af}.settings-textarea{border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;color:#111827;background:#fff;width:100%;resize:vertical;transition:border-color .2s,box-shadow .2s}.settings-textarea:hover{border-color:#d1d5db}.settings-textarea:focus{outline:none;border-color:#045c67;box-shadow:0 0 0 2px #045c671f}.settings-textarea::placeholder{color:#9ca3af}.settings-select{height:2.5rem;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;color:#111827;background:#fff;width:100%;cursor:pointer;transition:border-color .2s,box-shadow .2s}.settings-select:hover{border-color:#d1d5db}.settings-select:focus{outline:none;border-color:#045c67;box-shadow:0 0 0 2px #045c671f}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.modal{width:min(46rem,100%);background:#fff;border-radius:.75rem;border:1px solid var(--neutral-200, #e6e6e9);box-shadow:0 18px 40px #00000040;overflow:hidden;max-height:calc(100vh - 3rem);display:flex;flex-direction:column}.tn-modal{width:min(580px,95vw);max-width:580px}.tn-modal .modal__body{overflow-x:hidden;padding:1rem 1.5rem;max-height:70vh;overflow-y:auto}.tn-table{width:100%;display:flex;flex-direction:column;gap:0}.tn-row.tn-head{display:grid;grid-template-columns:140px 1fr 1fr 1fr 100px;gap:.75rem;padding:0 0 .75rem;border-bottom:1px solid #e5e7eb;margin-bottom:.5rem}.tn-row.tn-head .tn-cell{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.tn-row.tn-head .tn-cell.tn-type{text-align:left}.tn-row.tn-head .tn-cell:not(.tn-type){text-align:center}.tn-row:not(.tn-head){display:grid;grid-template-columns:140px 1fr 1fr 1fr 100px;gap:.75rem;align-items:center;padding:.6rem 0;border-bottom:1px solid #f3f4f6}.tn-row:not(.tn-head):last-child{border-bottom:none}.tn-cell{min-width:0}.tn-type{font-weight:600;color:#374151;font-size:.875rem}.tn-type-preview,.tn-chevron{display:none}.tn-fields-container{display:contents}.tn-preview-desktop,.tn-field{display:block}.tn-field__label{display:none}.tn-input{height:2.25rem;width:100%;border-radius:6px;border:1px solid #e5e7eb;padding:0 .5rem;background:#fff;font-size:.875rem;color:#111827;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.tn-input:hover{border-color:#d1d5db}.tn-input:focus{outline:none;border-color:#045c67;box-shadow:0 0 0 2px #045c671f}.tn-preview{font-size:.8rem;color:#6b7280;font-family:monospace;background:#f9fafb;padding:.35rem .5rem;border-radius:4px;text-align:center}.modal__header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--neutral-200, #e6e6e9)}.modal__title{font-size:1.1rem;font-weight:800;color:#111827}.modal__sub{margin-top:.35rem;color:#6b7280}.modal__body{padding:1rem 1.5rem;flex:1 1 auto;overflow:auto}.tn-modal .modal-btn{border:2px solid rgba(107,114,128,.6);color:#1f2937}.tn-modal .modal-btn--primary{border-color:#045c67;background:#045c67;color:#fff}.tn-modal .modal-btn--primary:hover{background:#034a52;border-color:#034a52}.modal__footer{padding:1rem 1.5rem;border-top:1px solid var(--neutral-200, #e6e6e9);display:flex;justify-content:flex-end;gap:.75rem}.modal-btn{height:2.5rem;padding:0 1rem;border-radius:.6rem;border:2px solid rgba(29,54,66,.6);background:#fff;color:#1d3642f2;font-weight:700;cursor:pointer}.modal-btn--primary{border-color:var(--brand-600, #1d3642);background:var(--brand-600, #1d3642);color:#fff}.modal-btn:disabled{opacity:.7;cursor:default}@media (max-width: 600px){.tn-modal{width:95vw;max-width:95vw}.tn-modal .modal__body{padding:1rem}.tn-row.tn-head{display:none}.tn-row:not(.tn-head){display:block;padding:0;margin-bottom:.5rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.tn-row:not(.tn-head) .tn-type{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;font-size:.95rem;font-weight:600;color:#111827;cursor:pointer;background:#f9fafb;transition:background-color .15s;border:none;margin:0}.tn-row:not(.tn-head) .tn-type:hover{background:#f3f4f6}.tn-type-label{flex:1}.tn-type-preview{display:block;font-size:.8rem;font-weight:500;color:#6b7280;font-family:monospace;background:#e5e7eb;padding:.2rem .5rem;border-radius:4px}.tn-chevron{display:block;font-size:1.25rem;color:#6b7280;transition:transform .2s}.tn-row--expanded .tn-chevron{transform:rotate(180deg)}.tn-preview-desktop{display:none}.tn-fields-container{display:none;padding:0 1rem 1rem;background:#fff}.tn-row--expanded .tn-fields-container{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.tn-fields-container .tn-cell{display:block}.tn-field{display:flex;flex-direction:column;gap:.25rem}.tn-field__label{display:block;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.tn-input{height:2.5rem;font-size:1rem}}@media (max-width: 980px) and (min-width: 601px){.tn-modal{width:min(560px,95vw)}.tn-row.tn-head,.tn-row:not(.tn-head){grid-template-columns:120px 1fr 1fr 1fr 90px;gap:.5rem}}.settings-stack{display:grid;gap:.5rem}.settings-inline{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:.5rem}.settings-options-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (max-width: 860px){.settings-options-grid{grid-template-columns:1fr}}.orders-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media (max-width: 980px){.orders-grid{grid-template-columns:1fr}}.orders-right{display:grid;grid-template-columns:1fr;gap:1rem}.orders-item{display:grid;grid-template-columns:2.5rem 1fr 1rem;gap:.75rem;align-items:center;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.orders-item+.orders-item{border-top:1px solid var(--neutral-200, #e6e6e9)}.orders-item:hover{background:var(--neutral-50, #fafafa)}.orders-item__icon{width:2.5rem;height:2.5rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:var(--neutral-50, #fafafa);border:1px solid var(--neutral-200, #e6e6e9);color:#6b7280}.orders-item__text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.orders-item__title{font-weight:700;color:#111827}.orders-item__sub{color:#9ca3af;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-item__chev{color:#9ca3af;font-weight:700;text-align:right}.orders-card{display:grid;grid-template-columns:1fr 10rem;gap:1rem;padding:1rem 1.25rem}@media (max-width: 980px){.orders-card{grid-template-columns:1fr}.orders-card__art{display:none}.orders-card__main{gap:.75rem}.orders-card__sub{font-size:.875rem;line-height:1.45}}.orders-card__main{display:flex;flex-direction:column;gap:.5rem;min-width:0}.orders-card__title-row{display:grid;grid-template-columns:2.5rem 1fr 1rem;gap:.75rem;align-items:center}.orders-card__icon{width:2.5rem;height:2.5rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:var(--neutral-50, #fafafa);border:1px solid var(--neutral-200, #e6e6e9);color:#6b7280}.orders-card__title{font-weight:700;color:#111827}.orders-card__chev{color:#9ca3af;font-weight:700;text-align:right}.orders-card__sub{color:#6b7280;font-size:.9rem;line-height:1.35}.orders-card__powered{color:#9ca3af;font-size:.875rem}.orders-card__brand{font-weight:800;color:#6b7280;letter-spacing:.02em}.orders-card__art{border:1px solid var(--neutral-200, #e6e6e9);border-radius:.75rem;background:var(--neutral-50, #fafafa);min-height:6rem}@media (max-width: 980px){.orders-card__art{display:none}}.ps-modal-footer{justify-content:space-between;align-items:center}.ps-toggle{display:inline-flex;align-items:center;gap:.5rem;color:#6b7280;font-weight:700;-webkit-user-select:none;user-select:none}.ps-footer-actions{display:inline-flex;align-items:center;gap:.75rem}.ps-error{border:1px solid rgba(239,68,68,.25);background:#ef444414;color:#991b1b;padding:.6rem .75rem;border-radius:.5rem;margin-bottom:.75rem;font-weight:700}.ps-table{width:100%}.ps-row{display:grid;grid-template-columns:1fr .65fr;gap:.75rem;align-items:center;padding:.65rem 0;border-top:1px solid rgba(0,0,0,.08)}.ps-row.ps-head{border-top:none;padding-top:0;padding-bottom:.85rem;color:#6b7280;font-weight:800}.ps-head-name,.ps-head-currency{font-size:.95rem}.ps-row.is-deactivated{opacity:.7}.ps-cell{min-width:0}.ps-name{display:flex;align-items:center;gap:.75rem;min-width:0}.ps-currency{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}.ps-remove{width:1.75rem;height:1.75rem;border-radius:.375rem;border:1px solid rgba(0,0,0,.08);background:#0000000f;color:#6b7280;cursor:pointer;font-weight:900;line-height:1}.ps-remove:hover{background:#00000014}.ps-input{height:2.25rem;width:100%;border-radius:.5rem;border:1px solid var(--neutral-200, #e6e6e9);padding:0 .6rem;background:#fff;min-width:10rem}.ps-tax{display:inline-flex;align-items:center;gap:.5rem;color:#374151;font-weight:700;white-space:nowrap}.ps-tax input[type=checkbox]{margin:0}.ps-select{height:2.25rem;width:100%;border-radius:.5rem;border:1px solid var(--neutral-200, #e6e6e9);padding:0 .6rem;background:#fff;min-width:10rem}.ps-input:focus,.ps-select:focus{outline:none;border-color:var(--brand-600, #1d3642);box-shadow:0 0 0 2px #1d364226}.ps-star{width:2.5rem;height:2.25rem;border-radius:.5rem;border:none;background:transparent;cursor:pointer;color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center}.ps-star.is-on{color:#045c67}.ps-star:disabled{opacity:.6;cursor:default}.ps-footer-row{display:flex;justify-content:flex-start;margin-top:.75rem}.ps-add{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#7fccb7;font-weight:800;border-radius:.5rem;height:2.25rem;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.ps-plus{width:1.6rem;height:1.6rem;border-radius:.375rem;display:inline-flex;align-items:center;justify-content:center;background:#2563eb1a}.ts-modal,.ts-modal *{box-sizing:border-box}.ts-modal input,.ts-modal button,.ts-modal select,.ts-modal textarea{font:inherit}.ts-modal .ps-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.75fr)}.ts-modal .ps-row.ps-head{display:grid}.ts-modal .ts-head-rate,.ts-modal .ps-currency{justify-content:flex-end}.ts-modal .ts-label{display:flex;align-items:center;min-width:0}.ts-modal .ts-rate{gap:.5rem}.ts-modal .ts-rate-input{min-width:6.5rem;width:6.5rem;text-align:right}.ts-modal .ps-add:hover{text-decoration:none}.pt-modal .ps-row{grid-template-columns:minmax(0,1fr) minmax(0,7.5rem)}.pt-modal .pt-days{justify-content:flex-end}.pt-modal .pt-days-input{width:4.5rem;min-width:0}.pt-modal .pt-days,.pt-modal .ps-name .ps-input{min-width:0}.pt-modal .ps-add:hover{text-decoration:none}.pt-learn{color:#045c67;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;text-decoration:none}.pt-learn__icon{font-size:1rem}.pm-modal .ps-row{grid-template-columns:minmax(0,1fr)}.pm-modal .ps-name .ps-input{min-width:0}.pm-modal .ps-add:hover{text-decoration:none}.cr-modal .ps-row{grid-template-columns:minmax(0,1fr)}.cr-modal .ps-name .ps-input{min-width:0}@media (max-width: 720px){.cr-modal .ps-row{grid-template-columns:1fr}.cr-modal .ps-row.ps-head{display:none}}@media (max-width: 720px){.pm-modal .ps-row.ps-head{display:none}}@media (max-width: 720px){.ts-modal .ps-row{grid-template-columns:1fr}.ts-modal .ps-row.ps-head{display:none}.ts-modal .ps-currency{justify-content:flex-start}.ts-modal .ts-rate-input{width:100%;text-align:left}.pt-modal .ps-row{grid-template-columns:1fr}.pt-modal .ps-row.ps-head{display:none}.pt-modal .pt-days{justify-content:flex-start}.pt-modal .pt-days-input{width:100%}}.ts-modal .modal__sub{display:block}.ts-learn{color:var(--brand-600, #1d3642);font-weight:800;display:inline-flex;align-items:center;gap:.25rem;text-decoration:none;margin-top:.35rem}.ts-learn__icon{font-size:1rem}.ts-topcheck{display:inline-flex;align-items:center;gap:.65rem;color:#111827;font-weight:700;-webkit-user-select:none;user-select:none;margin-bottom:.75rem}.ts-topcheck input[type=checkbox]{margin:0}.ts-table{width:100%;border-top:1px solid rgba(0,0,0,.08)}.ts-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;padding:.85rem 0;border-top:1px solid rgba(0,0,0,.08)}.ts-row:first-child{border-top:none}.ts-row.is-deactivated{opacity:.7}.ts-left{display:flex;align-items:center;gap:.75rem;min-width:0}.ts-right{display:inline-flex;align-items:center;gap:.35rem}.ts-nameblock{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;width:100%}.ts-name{min-width:0;display:inline-flex;align-items:center;gap:.5rem}.ts-name__text{font-weight:800;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:28rem}.ts-chip{height:1.35rem;padding:0 .5rem;border-radius:.4rem;background:#0000000f;color:#374151;font-weight:800;font-size:.85rem;display:inline-flex;align-items:center}.ts-rate{font-weight:900;color:#6b7280;white-space:nowrap}.ts-remove{width:1.75rem;height:1.75rem;border-radius:.375rem;border:1px solid rgba(0,0,0,.08);background:#0000000f;color:#6b7280;cursor:pointer;font-weight:900;line-height:1}.ts-remove:hover{background:#00000014}.ts-star{width:2.5rem;height:2.25rem;border-radius:.5rem;border:none;background:transparent;cursor:pointer;color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center}.ts-star.is-on{color:#045c67}.ts-star:disabled{opacity:.6;cursor:default}.ts-edit{width:2.5rem;height:2.25rem;border-radius:9999px;border:1px solid rgba(0,0,0,.08);background:#0000000a;cursor:pointer;color:#6b7280;display:inline-flex;align-items:center;justify-content:center}.ts-edit.is-on{border-color:#1d364240;background:#1d364214}.ts-editor{grid-column:1 / -1;padding-left:2.5rem}.ts-editor__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.6fr);gap:.75rem;padding:.75rem;border:1px solid var(--neutral-200, #e6e6e9);border-radius:.75rem;background:var(--neutral-50, #fafafa)}.ts-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.ts-field__label{color:#6b7280;font-weight:800;font-size:.85rem}.ts-input{height:2.25rem;width:100%;border-radius:.5rem;border:1px solid var(--neutral-200, #e6e6e9);padding:0 .6rem;background:#fff}.ts-input:focus{outline:none;border-color:var(--brand-600, #1d3642);box-shadow:0 0 0 2px #1d364226}@media (max-width: 720px){.ts-nameblock{flex-direction:column;align-items:flex-start;gap:.25rem}.ts-name__text{max-width:100%}.ts-editor__grid{grid-template-columns:1fr}.ts-editor{padding-left:0}}@media (max-width: 720px){.ps-row{grid-template-columns:1fr;gap:.5rem}.ps-row.ps-head{display:none}.ps-name{flex-wrap:wrap;justify-content:flex-start}.ps-tax{width:100%}.ps-currency{justify-content:flex-start;flex-wrap:nowrap}.ps-modal-footer{flex-direction:column;align-items:stretch;gap:.75rem}.ps-footer-actions{justify-content:flex-end}}.option-list{padding:0;gap:0}.option-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--neutral-200, #e6e6e9);color:#111827;text-decoration:none;cursor:pointer}.option-item:first-child{border-top:none}.option-item:hover{background:var(--neutral-50, #fafafa)}.option-item__title{font-weight:700}.option-item__text{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1 1 auto}.option-item__sub{color:#9ca3af;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-item__icon{width:2.5rem;height:2.5rem;border-radius:9999px;background:#0000000a;display:inline-flex;align-items:center;justify-content:center;color:#045c67;flex:0 0 auto}.option-item__icon .material-symbols-outlined{font-size:1.25rem}.option-item__chev{color:#045c67;font-size:1.25rem}.options-group{display:flex;flex-direction:column;gap:.5rem}.options-group__header{display:flex;align-items:center;gap:.5rem;padding:0 .25rem}.options-group__icon{color:#045c67;font-size:1.25rem}.options-group__title{font-size:1.25rem;font-weight:700;color:#111827}.settings-logo{height:4.5rem;width:auto;border-radius:.5rem;object-fit:contain;padding:.25rem}.spacer-075{height:.75rem}.dd-modal{width:min(80rem,100%)!important;height:90vh;max-height:90vh!important}.dd-body{background-color:#f9fafb}.dd-section{margin-bottom:2rem}.dd-section-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1rem}.dd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.5rem}.dd-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;display:flex;flex-direction:column}.dd-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#d1d5db}.dd-card-preview{aspect-ratio:1 / 1.1;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #e5e7eb}.dd-card-preview-text{color:#9ca3af;font-size:.875rem;font-weight:500}.dd-card-badge{position:absolute;bottom:.75rem;left:.75rem;background:#ffffffe6;padding:.25rem .6rem;border-radius:.25rem;font-size:.75rem;font-weight:600;color:#374151;box-shadow:0 1px 2px #0000000d}.dd-card-footer{padding:.75rem 1rem}.dd-card-name{font-size:.875rem;font-weight:500;color:#111827}@media (max-width: 64rem){.company-settings-page{padding:1rem}.company-settings-shell{gap:.75rem}.settings-card__header,.settings-card__body{padding:1rem}}@media (max-width: 48rem){.company-settings-page{padding:.75rem}.company-settings-topbar{margin:-.75rem -.75rem 0;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #f3f4f6}.company-settings-topbar__title{font-size:.9375rem}.settings-tabs{padding:.5rem 1rem;margin:0 -.75rem;background:#fff;border-bottom:1px solid #f3f4f6;overflow:visible;justify-content:center}.settings-tabs-bar{background:transparent;padding:0;border-radius:0;width:100%;flex-wrap:wrap;gap:.5rem;justify-content:center}.settings-tab{flex:1 1 calc(50% - .25rem);height:2.25rem;border-radius:.375rem;justify-content:center;background:#fff;border:1px solid #e5e7eb;font-size:.875rem;white-space:nowrap;color:#6b7280}.settings-tab.is-active{background:var(--brand-600, #1d3642);border-color:var(--brand-600, #1d3642);color:#fff}.settings-tab:hover{background:#f9fafb}.settings-tab.is-active:hover{background:var(--brand-600, #1d3642)}.settings-card__header,.settings-card__body{padding:1rem}.company-details-grid{grid-template-columns:1fr;gap:1rem}.settings-card__header{flex-direction:column;align-items:flex-start;gap:.75rem}.settings-card__title{font-size:1rem}.form-label{font-size:.875rem}.option-item{align-items:flex-start;padding:.875rem 1rem;gap:.75rem}.option-item__sub{white-space:normal;overflow:visible;text-overflow:unset;line-height:1.35}.option-item__chev{margin-top:.25rem}.std-input,.std-textarea,.std-select{font-size:.9375rem}.orders-card{padding:1rem}.orders-card__title-row{grid-template-columns:2.25rem 1fr 1rem;gap:.625rem}.orders-card__icon{width:2.25rem;height:2.25rem}.orders-card__icon .material-symbols-outlined{font-size:1.25rem}.orders-card__title{font-size:.9375rem}.orders-card__sub{font-size:.8125rem}}.choose-file-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;background-color:#045c67;border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #045c6733}.choose-file-btn .material-symbols-outlined{font-size:1.1rem}.choose-file-btn:hover{background-color:#034a52;box-shadow:0 4px 8px #045c674d;transform:translateY(-1px)}.choose-file-btn:active{background-color:#023a42;transform:translateY(0);box-shadow:0 1px 2px #045c6733}.vsm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.vsm-modal{background-color:#fff;width:500px;max-width:90vw;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-base)}.vsm-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--neutral-250)}.vsm-title{font-size:1.25rem;font-weight:600;color:var(--neutral-700);margin:0;padding:0}.vsm-banner{background-color:var(--neutral-100);padding:var(--space-4);margin:var(--space-4) var(--space-6) 0 var(--space-6);border:1px solid var(--neutral-250);border-radius:var(--radius-sm);position:relative;display:flex;gap:var(--space-4)}.vsm-banner-icon{width:80px;height:auto;opacity:.8}.vsm-banner-icon-placeholder{font-size:3rem;color:var(--neutral-400)}.vsm-banner-content{flex:1}.vsm-banner-title{font-size:.875rem;font-weight:700;color:var(--neutral-800);margin-bottom:var(--space-1)}.vsm-banner-text{font-size:.8125rem;color:var(--neutral-600);line-height:1.4;margin-bottom:var(--space-2)}.vsm-banner-link{display:flex;align-items:center;gap:var(--space-1);font-size:.8125rem;color:var(--neutral-600);text-decoration:none;font-weight:500}.vsm-banner-close{position:absolute;top:var(--space-2);left:var(--space-2);cursor:pointer;color:var(--neutral-400);background:none;border:none;border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.vsm-banner-close:hover{background-color:#0000000d;color:var(--neutral-600)}.vsm-search-container{padding:var(--space-4) var(--space-6);position:relative}.vsm-search-icon{position:absolute;left:calc(var(--space-6) + var(--space-3));top:50%;transform:translateY(-50%);color:var(--neutral-400);font-size:1.25rem;pointer-events:none}.vsm-search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-6) + var(--space-3));border:1px solid var(--neutral-300);border-radius:var(--radius-sm);font-size:.875rem;outline:none;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.vsm-search-input:focus{border-color:var(--brand-600);box-shadow:0 0 0 3px #1d36421a}.vsm-list{max-height:300px;overflow-y:auto;border-top:1px solid var(--neutral-250)}.vsm-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);cursor:pointer;border-bottom:1px solid var(--neutral-100);transition:background-color .1s}.vsm-list-item:hover{background-color:var(--neutral-50)}.vsm-item-icon{color:#855f42;font-size:1.25rem}.vsm-item-name{font-size:.875rem;font-weight:600;color:var(--neutral-800)}.vsm-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--neutral-250);display:flex;align-items:center;justify-content:space-between;background-color:#fff}.vsm-new-vendor-btn{display:flex;align-items:center;gap:var(--space-1);color:var(--neutral-500);background:none;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.vsm-new-vendor-btn:hover{color:var(--neutral-700)}.vsm-cancel-btn{padding:.375rem var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);background-color:#fff;color:var(--neutral-700);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.vsm-cancel-btn:hover{background-color:var(--neutral-50);border-color:var(--neutral-400)}.vsm-banner-image-placeholder{width:60px;height:60px;background-color:var(--neutral-250);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);box-sizing:border-box}.vsm-skel-line{height:.25rem;background-color:var(--neutral-300);border-radius:var(--radius-sm);margin-bottom:6px}.vsm-skel-80{width:80%}.vsm-skel-100{width:100%}.vsm-skel-60{width:60%}.vsm-skel-90{width:90%}.vsm-icon-xs{font-size:14px}.vsm-icon-sm{font-size:16px}.vsm-icon-md{font-size:18px}.send-po-modal{width:min(700px,95vw);background:#fff;border-radius:var(--radius-lg, 8px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;font-family:var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--neutral-900, #111827);justify-content:space-between}.send-po-header{padding:1rem 1.5rem;border-bottom:1px solid var(--neutral-200, #e5e7eb);background:var(--neutral-100, #f3f4f6);display:flex;align-items:center;justify-content:space-between}.send-po-title{font-size:1.125rem;font-weight:600;margin:0;color:var(--neutral-900, #111827)}.send-po-body{padding:1.5rem;overflow-y:auto;background:#fff;display:flex;flex-direction:column;gap:1rem}.send-po-form-row{display:flex;align-items:center;gap:1rem}.send-po-label{width:100px;flex-shrink:0;font-size:.95rem;font-weight:500;color:var(--neutral-700, #374151)}.send-po-input{flex:1;padding:.5rem .75rem;border:1px solid var(--neutral-300, #d1d5db);border-radius:var(--radius-md, 6px);font-size:.95rem;outline:none;background:#fff;color:var(--neutral-900, #111827)}.send-po-input:focus{border-color:var(--brand-600, #1d3642);box-shadow:0 0 0 2px #1d364233}.send-po-input:disabled{background:var(--neutral-100, #f3f4f6);color:var(--neutral-500, #6b7280)}.send-po-toggle-group{display:flex;background:#fff;border:1px solid var(--neutral-300, #d1d5db);border-radius:var(--radius-md, 6px);overflow:hidden}.send-po-toggle-btn{padding:.5rem 1rem;border:none;background:transparent;font-size:.9rem;cursor:pointer;border-right:1px solid var(--neutral-300, #d1d5db);color:var(--neutral-600, #4b5563)}.send-po-toggle-btn:last-child{border-right:none}.send-po-toggle-btn.active{background:var(--neutral-200, #e5e7eb);font-weight:600;color:var(--neutral-900, #111827)}.email-preview-card{background:#fff;border-radius:var(--radius-lg, 8px);padding:1.5rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.1));margin-top:1rem;border:1px solid var(--neutral-200, #e5e7eb);height:10rem;overflow-y:auto}.email-preview-card .email-preview-sender{font-weight:700;margin-bottom:1rem;font-size:1.1rem}.email-preview-card .email-preview-body{width:100%;border:.0625rem solid transparent;border-radius:.25rem;padding:.375rem;margin-bottom:1rem;color:#333;font-family:inherit;font-size:inherit;line-height:1.5;resize:vertical;min-height:3.75rem;background:transparent;outline:none;white-space:pre-wrap}.email-preview-card .email-preview-body:focus{border-color:#1a73e8;background:#fff}.attachment-pill{background:var(--neutral-50, #f9fafb);border:1px solid var(--neutral-200, #e5e7eb);border-radius:6px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;margin-top:1rem;font-weight:500;color:var(--neutral-600, #4b5563)}.send-po-footer{padding:1rem 1.5rem;background:var(--neutral-100, #f3f4f6);border-top:1px solid var(--neutral-200, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.send-po-check-template{display:flex;align-items:center;gap:.5rem;color:var(--neutral-600, #4b5563);font-weight:500;text-decoration:none;cursor:pointer;font-size:.95rem;border:none;background:none}.send-po-check-template:hover{color:var(--neutral-900, #111827)}.send-po-actions{display:flex;gap:.75rem}.send-po-btn-cancel{padding:.5rem 1rem;background:#fff;border:1px solid var(--neutral-300, #d1d5db);border-radius:var(--radius-md, 6px);font-weight:500;cursor:pointer;color:var(--neutral-700, #374151)}.send-po-btn-cancel:hover{background:var(--neutral-50, #f9fafb)}.send-po-btn-send{padding:.5rem 1.5rem;background:var(--brand-600, #1d3642);border:1px solid var(--brand-600, #1d3642);border-radius:var(--radius-md, 6px);font-weight:600;color:#fff;cursor:pointer}.send-po-btn-send:hover{background:var(--brand-700, #045c67);border-color:var(--brand-700, #045c67)}.send-po-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.app-header{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#ffffffe6;border-bottom:.063rem solid #e5e7eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 .25rem .75rem #0f172a0f}.app-header .main-nav{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.app-header .main-nav a{text-decoration:none;color:#0f172a;padding:.5rem .9rem;border-radius:9999px;transition:background-color .2s,color .2s,box-shadow .2s;font-weight:600;font-size:.95rem}.app-header .main-nav a:hover{background-color:#f1f5f9;color:#0f172a}.app-header .main-nav a.active{background:#e6f4f1;color:#0f766e;box-shadow:inset 0 0 0 1px #0f766e33}.app-header .user-actions{display:flex;align-items:center;gap:.75rem}.app-header .user-info{font-size:.95rem;color:#475569;font-weight:600}.app-header .profile-link{text-decoration:none;color:#0f766e;padding:.5rem .9rem;border-radius:9999px;transition:background-color .2s,color .2s;margin-right:.313rem;font-weight:600}.app-header .profile-link:hover{background-color:#e6f4f1;text-decoration:none}.app-header .profile-area{position:relative}.app-header .profile-picture{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid #e2e8f0;box-shadow:0 .25rem .5rem #0f172a14}.app-header .profile-dropdown{position:absolute;right:0;margin-top:2rem;background-color:#fff;border-radius:.75rem;box-shadow:0 .75rem 2rem #0f172a1f;border:1px solid #e5e7eb;z-index:9999;min-width:14.5rem;overflow:hidden}.app-header .profile-dropdown a,.app-header .profile-dropdown button{display:flex;align-items:center;padding:.5rem 1rem;font-size:.9rem;color:#374151;text-decoration:none;background:none;border:none;cursor:pointer}.app-header .profile-dropdown a:hover,.app-header .profile-dropdown button:hover{background-color:#f3f4f6}.app-header .profile-dropdown .material-symbols-outlined{font-size:1.25rem;color:#9ca3af}.dropdown-item{display:flex;align-items:center;padding:.6rem 1rem;font-size:.92rem;color:#1f2937;text-decoration:none;background:none;border:none;cursor:pointer;gap:.75rem}.dropdown-item:hover{background-color:#f8fafc}.dropdown-item .material-symbols-outlined{font-size:1.25rem;color:#9ca3af}.app-header .logout-button{text-align:left}.material-symbols-outlined{font-size:1.2rem!important}.mobile-menu-btn{display:none;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:.5rem;color:#0f172a;margin-right:.75rem;box-shadow:0 .25rem .5rem #0f172a0f}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:20000;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:100vw;background:#fff;z-index:20001;height:100dvh;max-height:100dvh;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:.75rem 0 2rem #0f172a26;border-right:1px solid #e5e7eb}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{padding:1.5rem 1.25rem;background:linear-gradient(135deg,#0f766e,#0f172a);color:#fff;position:relative}.mobile-user-row{display:flex;align-items:center;justify-content:space-between;cursor:default;gap:.75rem}.mobile-user-details{display:flex;flex-direction:column;min-width:0;padding-right:3rem}.mobile-user-name{font-weight:600;font-size:1rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-user-email{font-size:.8rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-drawer-close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;border-radius:.5rem;background:#fffffff2;border:1px solid rgba(15,23,42,.12);color:#0f172a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 .5rem 1rem #0f172a33}.mobile-drawer-close .material-symbols-outlined{font-size:1.25rem}.mobile-user-arrow{color:#ffffffe6;font-size:1.5rem}.mobile-nav-list{flex:1;overflow-y:auto;padding:.5rem 0}.mobile-nav-link{display:flex;align-items:center;padding:.95rem 1.5rem;text-decoration:none;color:#334155;font-size:.95rem;font-weight:600;gap:1rem;border-left:4px solid transparent;transition:background-color .2s,color .2s}.mobile-nav-link:hover{background-color:#f8fafc}.mobile-nav-link.active{background-color:#e6f4f1;color:#0f766e;border-left-color:#0f766e}.mobile-nav-link .nav-icon,.mobile-nav-link .nav-symbol{color:#94a3b8;font-size:1.25rem}.mobile-nav-link.active .nav-icon,.mobile-nav-link.active .nav-symbol{color:#0f766e}.mobile-nav-divider{height:1px;background:#e5e7eb;margin:.5rem 1.5rem}.mobile-nav-section{margin:.5rem 1.5rem .25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.mobile-nav-link-button{text-align:left;width:100%;border:none;background:transparent}@media (max-width: 64rem){.app-header .desktop-nav,.app-header .desktop-user-actions{display:none}.mobile-menu-btn{display:block}.app-header{justify-content:flex-end}}*,*:before,*:after{box-sizing:border-box}:root{--brand-50: #f0f9fa;--brand-100: #d9f0f2;--brand-200: #b3e0e5;--brand-300: #7fccb7;--brand-400: #4db8a4;--brand-500: #1d3642;--brand-600: #1d3642;--brand-700: #045c67;--brand-800: #034651;--brand-900: #023840;--neutral-50: #fafafa;--neutral-100: #f9fafb;--neutral-150: #f5f5f7;--neutral-200: #e6e6e9;--neutral-250: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-500: #16a34a;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #166534;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-900: #991b1b;--warning-50: #fef3c7;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--info-50: #eff6ff;--info-100: #e0ecff;--info-200: #cbd5f5;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--accent-yellow: #f7c85a;--accent-yellow-hover: #f3be3c;--accent-yellow-dark: #f6c64f;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 9999;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.container-sm{max-width:48rem}.page-wrapper{min-height:100vh;background:var(--neutral-150);padding:var(--space-6)}.section{margin-bottom:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.btn-primary:hover:not(:disabled){background:var(--brand-700);border-color:var(--brand-700)}.btn-secondary{background:var(--neutral-900);color:#fff;border-color:var(--neutral-900)}.btn-secondary:hover:not(:disabled){background:var(--neutral-800);border-color:var(--neutral-800)}.btn-accent{background:var(--accent-yellow);color:var(--neutral-900);border-color:var(--accent-yellow)}.btn-accent:hover:not(:disabled){background:var(--accent-yellow-hover);border-color:var(--accent-yellow-hover)}.btn-ghost{background:transparent;color:var(--brand-600);border-color:var(--brand-600)}.btn-ghost:hover:not(:disabled){background:var(--neutral-50)}.btn-destructive{background:var(--error-500);color:#fff;border-color:var(--error-500)}.btn-destructive:hover:not(:disabled){background:var(--error-600);border-color:var(--error-600)}.btn-default{background:#fff;color:var(--neutral-700);border-color:var(--neutral-300)}.btn-default:hover:not(:disabled){background:var(--neutral-100);border-color:var(--neutral-300)}.btn-sm{height:2rem;padding:0 .5rem;font-size:.8125rem}.btn-md{height:2.25rem;padding:0 .9rem}.btn-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.btn-xl{height:3.25rem;padding:0 2rem;font-size:1rem}.btn-icon{width:2.25rem;height:2.25rem;padding:0;border-radius:var(--radius-lg)}.btn-icon.btn-sm{width:2rem;height:2rem}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-row{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-start;width:100%;margin-bottom:var(--space-5)}.form-row .form-group{margin-bottom:0}.form-row:last-child{margin-bottom:0}.form-field{flex:1 1 14rem;min-width:0}.form-checkbox-row{display:flex;align-items:center;gap:var(--space-2)}.form-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--brand-600)}.form-label{font-size:.875rem;font-weight:600;color:var(--neutral-700)}.form-input,.form-select,.form-textarea,input[type=text]:not([class*=raw]),input[type=email]:not([class*=raw]),input[type=password]:not([class*=raw]),input[type=number]:not([class*=raw]),input[type=search]:not([class*=raw]),input[type=tel]:not([class*=raw]),input[type=url]:not([class*=raw]),input[type=date]:not([class*=raw]),select:not([class*=raw]),textarea:not([class*=raw]){width:100%;padding:.25rem .75rem;border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:.875rem;color:var(--neutral-900);background:#fff;transition:border-color .15s ease,background-color .15s ease;font-family:var(--font-base);box-sizing:border-box}.form-textarea,textarea:not([class*=raw]){height:auto;min-height:6rem}.form-input::placeholder,.form-textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--neutral-400)}.form-input:hover:not(:focus):not(:disabled),.form-select:hover:not(:focus):not(:disabled),.form-textarea:hover:not(:focus):not(:disabled),input:not([class*=raw]):hover:not(:focus):not(:disabled),select:not([class*=raw]):hover:not(:focus):not(:disabled),textarea:not([class*=raw]):hover:not(:focus):not(:disabled){border-color:var(--neutral-400)}.form-input:focus,.form-select:focus,.form-textarea:focus,input:not([class*=raw]):focus,select:not([class*=raw]):focus,textarea:not([class*=raw]):focus{outline:none;border-color:var(--brand-400);background:var(--neutral-50)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,input:disabled,select:disabled,textarea:disabled{background:var(--neutral-100);cursor:not-allowed;opacity:.6}.form-input-sm{height:2rem;padding:.25rem .5rem;font-size:.8125rem}.form-input-md{height:2.375rem;padding:.5rem .75rem}.form-input-lg{height:3rem;padding:.75rem 1rem;font-size:.95rem}.form-input-xl{height:3.25rem;padding:.875rem 1rem;font-size:1rem}.form-textarea{min-height:6rem;resize:vertical;line-height:1.5}.form-helper{font-size:.75rem;color:var(--neutral-500);margin-top:-.25rem}.form-error{font-size:.75rem;color:var(--error-600);margin-top:-.25rem}.search-group{display:flex;align-items:center;background:var(--neutral-250);border-radius:var(--radius-full);padding:.35rem .75rem;gap:var(--space-2);min-height:2.25rem}.search-icon{color:var(--neutral-500);font-size:1.125rem}.search-input{border:none;background:transparent;outline:none;font-size:.875rem;flex:1;color:var(--neutral-900);height:auto;padding:0;width:auto}.search-input::placeholder{color:var(--neutral-500)}.card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);overflow:hidden}.card-shadow{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-250)}.card-title{font-size:1.125rem;font-weight:600;color:var(--neutral-900);margin:0}.card-subtitle{font-size:.875rem;color:var(--neutral-500);margin-top:var(--space-1)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background:var(--neutral-50);border-top:1px solid var(--neutral-250);display:flex;justify-content:flex-end;gap:var(--space-3)}.panel{background:#fff;border:1px solid var(--neutral-250);border-radius:var(--radius-xl);padding:var(--space-4)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:min(32rem,92vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-sm{width:min(26rem,92vw)}.modal-md{width:min(32rem,92vw)}.modal-lg{width:min(48rem,92vw)}.modal-xl{width:min(64rem,92vw)}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-250);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--neutral-900);margin:0}.modal-close{background:transparent;border:none;cursor:pointer;color:var(--neutral-400);padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--neutral-600);background:var(--neutral-100)}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-6);background:var(--neutral-50);border-top:1px solid var(--neutral-250);display:flex;justify-content:flex-end;gap:var(--space-3)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--neutral-200)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table thead{background:var(--neutral-100);border-bottom:1px solid var(--neutral-250)}.table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:700;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table td{padding:.75rem 1rem;color:var(--neutral-900);border-bottom:1px solid var(--neutral-100);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--neutral-50)}.table-row-clickable{cursor:pointer}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-success{background:var(--success-100);color:var(--success-900)}.badge-error{background:var(--error-100);color:var(--error-900)}.badge-warning{background:var(--warning-100);color:var(--warning-800)}.badge-info{background:var(--info-100);color:var(--info-700)}.badge-neutral{background:var(--neutral-200);color:var(--neutral-700)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.425rem .85rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all var(--transition-base)}.chip-default{background:transparent;color:var(--neutral-700)}.chip-default:hover{background:var(--neutral-300)}.chip-active{background:var(--brand-700);color:#fff}.alert{padding:.875rem 1rem;border-radius:var(--radius-xl);border:1px solid;margin-bottom:var(--space-4);font-size:.95rem}.alert-success{background:var(--success-50);border-color:var(--success-200);color:var(--success-900)}.alert-error{background:var(--error-50);border-color:var(--error-200);color:var(--error-700)}.alert-warning{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-800)}.alert-info{background:var(--info-50);border-color:var(--info-200);color:var(--info-700)}.toast-container{position:fixed;right:var(--space-5);bottom:var(--space-5);display:grid;gap:var(--space-3);z-index:var(--z-notification)}.toast{min-width:240px;max-width:360px;padding:.75rem .9rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--neutral-250);box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--neutral-900);font-size:.95rem}.toast-message{flex:1}.toast-close{border:none;background:transparent;font-size:1.1rem;cursor:pointer;color:var(--neutral-500)}.toast-success{border-color:var(--success-200);background:var(--success-50)}.toast-error{border-color:var(--error-200);background:var(--error-50)}.toast-info{border-color:var(--info-200);background:var(--info-50)}.text-primary{color:var(--brand-600)}.text-secondary{color:var(--neutral-600)}.text-muted{color:var(--neutral-500)}.text-success{color:var(--success-600)}.text-error{color:var(--error-600)}.text-warning{color:var(--warning-600)}.bg-primary{background-color:var(--brand-600)}.bg-neutral{background-color:var(--neutral-100)}.bg-success{background-color:var(--success-50)}.bg-error{background-color:var(--error-50)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}@media (max-width: 48rem){.page-wrapper,.card-body{padding:var(--space-4)}.form-row{flex-direction:column;align-items:stretch}.form-field{flex:auto;width:100%}.modal{width:92vw}input,select,textarea,button{font-size:16px}}.prod-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border:1px solid #ddd;border-radius:.5rem;box-shadow:0 .25rem 1rem #0000001a;min-width:12rem;width:max-content;max-width:min(24rem,100%);max-height:25rem;overflow-y:auto;z-index:1100;padding:.5rem 0;font-size:.875rem;font-weight:400;line-height:normal;color:#222}.prod-dropdown-item{display:block;width:100%;padding:.625rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;font-size:.875rem;font-weight:400;line-height:normal;margin:0;transition:background .15s ease;color:#222}.prod-dropdown-item:hover{background:#f5f5f5}.prod-dropdown-item.prod-dropdown-active{background:#e8f0fe;color:var(--brand-600)}@media (max-width: 48rem){.prod-filter-dropdown:last-child .prod-dropdown-menu,.prod-filter-dropdown:nth-last-child(2) .prod-dropdown-menu,.prod-filter-dropdown:nth-last-child(3) .prod-dropdown-menu{left:auto;right:0}}@media (min-width: 48.01rem){.prod-filter-dropdown:last-child .prod-dropdown-menu,.prod-filter-dropdown:nth-last-child(2) .prod-dropdown-menu{left:auto;right:0}}.po-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182740;display:flex;align-items:center;justify-content:center;z-index:10000}.po-product-modal{width:min(900px,92vw);background:#fff;border-radius:14px;box-shadow:0 18px 50px #00000026;display:flex;flex-direction:column;overflow:hidden;max-height:80vh}.po-scan-modal{width:min(560px,92vw);background:#fff;border-radius:14px;box-shadow:0 18px 50px #00000026;display:flex;flex-direction:column;overflow:hidden}.barcode-modal{min-height:70vh;background:var(--neutral-150)}.barcode-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:var(--space-2);padding:.85rem var(--space-4);background:#fff;border-bottom:1px solid var(--neutral-200)}.barcode-back{width:40px;height:40px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--brand-600);cursor:pointer}.barcode-title{text-align:center;font-weight:700;color:var(--brand-600);font-size:1.05rem}.barcode-spacer{width:40px;height:40px}.barcode-list{padding:var(--space-3) var(--space-4) var(--space-5);display:grid;gap:var(--space-3)}.barcode-list-header{display:grid;grid-template-columns:32px 1fr auto;align-items:center;background:var(--neutral-250);border-radius:10px;padding:.6rem var(--space-3);font-weight:600;color:var(--neutral-600)}.barcode-count{width:26px;height:26px;border-radius:var(--radius-full);background:var(--neutral-300);color:var(--neutral-900);display:flex;align-items:center;justify-content:center;font-size:.9rem}.barcode-label{padding-left:var(--space-2)}.barcode-edit{border:2px solid var(--neutral-500);border-radius:12px;padding:.35rem var(--space-4);background:#fff;color:var(--neutral-500);font-weight:600;cursor:pointer}.barcode-edit-placeholder{width:70px;height:32px}.barcode-item{display:flex;align-items:center;justify-content:space-between;padding:.9rem var(--space-3);background:#fff;border-radius:10px;box-shadow:0 1px #0f172a14;font-size:1.05rem;color:var(--neutral-900)}.barcode-star{color:var(--warning-500)}.barcode-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.barcode-btn{border:2px solid var(--neutral-500);border-radius:12px;padding:var(--space-3) var(--space-4);background:#fff;color:var(--neutral-500);font-weight:600;cursor:pointer}.barcode-error{color:var(--error-700);font-size:.9rem}.barcode-manual{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:10001;display:flex;align-items:center;justify-content:center;padding:1rem}.barcode-manual-sheet{width:min(500px,92vw);background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);display:grid;gap:var(--space-4);box-shadow:0 4px 20px #0003;position:relative;box-sizing:border-box}.barcode-manual-close{position:absolute;top:-var(--space-3);right:-var(--space-3);width:var(--space-8);height:var(--space-8);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;color:var(--neutral-700)}.barcode-input{height:var(--space-12);border-radius:12px;border:1px solid var(--neutral-200);padding:0 var(--space-3);font-size:var(--space-4);width:100%;max-width:100%;box-sizing:border-box}.barcode-primary{height:var(--space-12);border-radius:12px;border:1px solid var(--brand-600);background:var(--brand-600);color:#fff;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.barcode-primary:hover{background:var(--brand-700);border-color:var(--brand-700)}.barcode-primary:disabled{opacity:1;background:var(--neutral-200);border-color:var(--neutral-200);color:var(--neutral-500);cursor:not-allowed}.barcode-scan{flex:1;display:grid;gap:var(--space-3);padding:var(--space-4);background:#0f172a26;position:relative}.barcode-scan .po-scan-reader{min-height:360px;border-radius:16px;position:relative}.barcode-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.barcode-frame span{position:absolute;width:28px;height:28px;border:3px solid white}.barcode-frame span:nth-child(1){top:12px;left:12px;border-right:none;border-bottom:none}.barcode-frame span:nth-child(2){top:12px;right:12px;border-left:none;border-bottom:none}.barcode-frame span:nth-child(3){bottom:12px;left:12px;border-right:none;border-top:none}.barcode-frame span:nth-child(4){bottom:12px;right:12px;border-left:none;border-top:none}.barcode-scan-hint{text-align:center;color:#fff;font-weight:600;margin-top:-var(--space-10)}.po-product-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-200)}.po-scan-body{padding:var(--space-4) var(--space-5) var(--space-6);display:grid;gap:var(--space-3)}.po-scan-reader{width:100%;min-height:320px;border-radius:12px;border:1px solid var(--neutral-200);background:var(--neutral-900)}@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--font-mono)}@media (max-width: 48rem){input,select,textarea,button{font-size:16px}}