:root{--v4p-header-height: 0px;--v4p-footer-height: 0px}.v4p-container{width:100%;max-width:1600px;margin:0 auto;padding-left:24px;padding-right:24px}@media screen and (min-width: 1800px){.v4p-container{max-width:1800px}}@media screen and (max-width: 749px){.v4p-container{padding-left:16px;padding-right:16px}}.v4p-app{display:flex;flex-direction:column;min-height:calc(100vh - var(--v4p-header-height, 80px) - var(--v4p-footer-height, 80px))}.v4p-dashboard,.v4p-new-order,.v4p-repeats,.v4p-non-vet,.v4p-practice-stock,.v4p-stock-mgmt{flex:1;display:flex;flex-direction:column}.v4p-status-bar{margin-top:auto}.v4p-nav{background:rgba(var(--color-foreground),.03);border-bottom:1px solid rgba(var(--color-foreground),.1);padding:12px 0;margin-bottom:24px}.v4p-app .v4p-nav~.v4p-nav{display:none!important}.v4p-nav__inner{display:flex;gap:8px;flex-wrap:wrap}.v4p-nav__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--buttons-radius, 4px);background:rgb(var(--color-background));color:rgba(var(--color-foreground),.7);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.v4p-nav__btn:hover{background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.25)}.v4p-nav__btn.active{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.v4p-main{flex:1;display:flex;flex-direction:column;padding-bottom:0}.v4p-page{display:none!important;flex:1;flex-direction:column}.v4p-page.active{display:flex!important;flex-direction:column;animation:v4pFadeIn .3s ease}@keyframes v4pFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.v4p-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.v4p-page-header__left{display:flex;flex-direction:column;gap:4px}.v4p-page-title{font-size:1.8rem;font-weight:600;margin:0;color:rgb(var(--color-foreground))}.v4p-page-subtitle{font-size:14px;color:rgba(var(--color-foreground),.6);margin:0;max-width:600px}.v4p-grid{display:grid;gap:20px}.v4p-grid--2col{grid-template-columns:1fr 1fr}.v4p-grid--3col{grid-template-columns:1.2fr 1.1fr 1fr}@media screen and (max-width: 1100px){.v4p-grid--3col{grid-template-columns:1fr 1fr}}@media screen and (max-width: 749px){.v4p-grid--2col,.v4p-grid--3col{grid-template-columns:1fr}}.v4p-card{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:12px;padding:20px;transition:box-shadow .2s}.v4p-card:hover{box-shadow:0 4px 12px #0000000f}.v4p-card--soft{background:rgba(var(--color-foreground),.02);border-color:rgba(var(--color-foreground),.08)}.v4p-card--scrollable{max-height:none;overflow-y:visible}.v4p-card--scroll-constrained{max-height:400px;overflow-y:auto}.v4p-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid rgba(var(--color-foreground),.1)}.v4p-card__title{font-size:15px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.v4p-card__title-icon{font-size:18px}.v4p-card__subtitle{font-size:12px;color:rgba(var(--color-foreground),.5)}.v4p-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, 4px);background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.v4p-btn:hover{background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.3)}.v4p-btn:disabled{opacity:.5;cursor:not-allowed}.v4p-btn--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.v4p-btn--primary:hover{opacity:.9}.v4p-btn--secondary{background:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.15)}.v4p-btn--danger{background:#dc35451a;color:#dc3545;border-color:#dc35454d}.v4p-btn--danger:hover{background:#dc354533}.v4p-btn--success{background:#22c55e1a;color:#16a34a;border-color:#22c55e4d}.v4p-btn--success:hover{background:#22c55e33}.v4p-btn--small{padding:6px 12px;font-size:13px}.v4p-btn-row{display:flex;gap:8px;flex-wrap:wrap}.v4p-btn-row--end{justify-content:flex-end}.v4p-btn-group{display:inline-flex;padding:3px;background:rgba(var(--color-foreground),.05);border-radius:var(--buttons-radius, 4px);border:1px solid rgba(var(--color-foreground),.1);gap:2px;flex-wrap:wrap}.v4p-btn-toggle{padding:8px 14px;border:none;border-radius:calc(var(--buttons-radius, 4px) - 2px);background:transparent;color:rgba(var(--color-foreground),.6);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.v4p-btn-toggle:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.v4p-btn-toggle.active{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.v4p-form__group{margin-bottom:16px}.v4p-form__label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:rgb(var(--color-foreground))}.v4p-form__label--required:after{content:" *";color:#dc3545}.v4p-form__input,.v4p-form__select,.v4p-form__textarea{width:100%;padding:10px 14px;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 4px);font-size:14px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;transition:border-color .2s,box-shadow .2s}.v4p-form__input::placeholder,.v4p-form__textarea::placeholder{color:rgba(var(--color-foreground),.4)}.v4p-form__input:focus,.v4p-form__select:focus,.v4p-form__textarea:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.v4p-form__input:disabled{opacity:.6;cursor:not-allowed;background:rgba(var(--color-foreground),.03)}.v4p-form__select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.v4p-form__textarea{min-height:80px;resize:vertical}.v4p-form__hint{font-size:12px;color:rgba(var(--color-foreground),.5);margin-top:4px}.v4p-form__error{font-size:12px;color:#dc3545;margin-top:4px}.v4p-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.v4p-form__row--2col{grid-template-columns:1fr 1fr}.v4p-form__row--3col{grid-template-columns:1fr 1fr 1fr}@media screen and (max-width: 749px){.v4p-form__row,.v4p-form__row--2col,.v4p-form__row--3col{grid-template-columns:1fr}}.v4p-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:14px;cursor:pointer;margin-bottom:10px}.v4p-checkbox input[type=checkbox],.v4p-checkbox input[type=radio]{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:2px solid rgba(var(--color-foreground),.25);border-radius:4px;background:rgb(var(--color-background));cursor:pointer;transition:all .2s;flex-shrink:0;position:relative;margin-top:1px}.v4p-checkbox input[type=radio]{border-radius:50%}.v4p-checkbox input[type=checkbox]:checked,.v4p-checkbox input[type=radio]:checked{background:rgb(var(--color-button));border-color:rgb(var(--color-button))}.v4p-checkbox input[type=checkbox]:checked:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--color-button-text));font-size:12px;font-weight:700}.v4p-checkbox input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:rgb(var(--color-button-text));border-radius:50%}.v4p-toggle-options{display:flex;gap:16px}.v4p-toggle-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.v4p-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:rgba(var(--color-foreground),.08);color:rgba(var(--color-foreground),.7);white-space:nowrap}.v4p-tag--primary{background:rgba(var(--color-button),.15);color:rgb(var(--color-button))}.v4p-tag--success{background:#22c55e26;color:#16a34a}.v4p-tag--warning{background:#fbbf2426;color:#d97706}.v4p-tag--danger{background:#ef444426;color:#dc2626}.v4p-tag--info{background:#3b82f626;color:#2563eb}.v4p-list{display:flex;flex-direction:column;gap:10px}.v4p-list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;background:rgba(var(--color-foreground),.02);border:1px solid rgba(var(--color-foreground),.08);border-radius:8px;transition:all .2s}.v4p-list-item:hover{background:rgba(var(--color-foreground),.04);border-color:rgba(var(--color-foreground),.15)}.v4p-list-item__main{flex:1;min-width:0}.v4p-list-item__title{font-size:14px;font-weight:600;color:rgb(var(--color-foreground));margin-bottom:2px}.v4p-list-item__meta{font-size:12px;color:rgba(var(--color-foreground),.6)}.v4p-search-wrapper{position:relative}.v4p-search-results{position:absolute;top:100%;left:0;right:0;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius, 4px);margin-top:4px;max-height:320px;overflow-y:auto;z-index:50;display:none;box-shadow:0 8px 24px #0000001f}.v4p-search-results.visible{display:block}.v4p-search-results__count{padding:10px 14px;font-size:12px;color:rgba(var(--color-foreground),.5);border-bottom:1px solid rgba(var(--color-foreground),.1);background:rgba(var(--color-foreground),.02)}.v4p-search-result{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(var(--color-foreground),.06)}.v4p-search-result:last-child{border-bottom:none}.v4p-search-result:hover{background:rgba(var(--color-foreground),.04)}.v4p-search-result__name{font-size:14px;font-weight:500}.v4p-search-result__meta{font-size:12px;color:rgba(var(--color-foreground),.5)}.v4p-summary-line{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:6px 0}.v4p-summary-line__label{color:rgba(var(--color-foreground),.7)}.v4p-summary-line__value{font-weight:600;color:rgb(var(--color-foreground))}.v4p-summary-line--highlight .v4p-summary-line__value{color:rgb(var(--color-button))}.v4p-summary-line--total{border-top:1px solid rgba(var(--color-foreground),.1);padding-top:12px;margin-top:8px}.v4p-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v4p-upload-tile{border:2px dashed rgba(var(--color-foreground),.2);border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .2s;background:rgba(var(--color-foreground),.02)}.v4p-upload-tile:hover{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.05)}.v4p-upload-tile__icon{font-size:24px;margin-bottom:8px}.v4p-upload-tile__title{font-size:14px;font-weight:600;color:rgb(var(--color-foreground));margin-bottom:4px}.v4p-upload-tile__desc{font-size:12px;color:rgba(var(--color-foreground),.5)}@media screen and (max-width: 480px){.v4p-upload-row{grid-template-columns:1fr}}.v4p-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:rgba(var(--color-foreground),.5);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(var(--color-foreground),.1)}.v4p-divider{border:none;border-top:1px solid rgba(var(--color-foreground),.1);margin:16px 0}.v4p-text-muted{color:rgba(var(--color-foreground),.5);font-size:13px}.v4p-text-highlight{color:rgb(var(--color-button));font-weight:600}.v4p-text-danger{color:#dc3545}.v4p-text-success{color:#16a34a}.v4p-text-warning{color:#d97706}.v4p-status-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 0 24px;margin-top:auto;border-top:1px solid rgba(var(--color-foreground),.1);font-size:13px;color:rgba(var(--color-foreground),.5);flex-wrap:wrap;gap:12px}.v4p-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;padding:20px}.v4p-modal-overlay.visible{opacity:1;visibility:visible}.v4p-modal{background:rgb(var(--color-background));border-radius:12px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;transform:translateY(20px);transition:transform .2s}.v4p-modal-overlay.visible .v4p-modal{transform:translateY(0)}.v4p-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(var(--color-foreground),.1);position:sticky;top:0;background:rgb(var(--color-background));z-index:1}.v4p-modal__title{margin:0;font-size:1.25rem;font-weight:600}.v4p-modal__close{background:none;border:none;font-size:28px;cursor:pointer;color:rgba(var(--color-foreground),.4);padding:0;line-height:1;transition:color .2s}.v4p-modal__close:hover{color:rgb(var(--color-foreground))}.v4p-modal__body{padding:24px}.v4p-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(var(--color-foreground),.1);background:rgba(var(--color-foreground),.02)}.v4p-toast{position:fixed;bottom:24px;right:24px;padding:14px 24px;border-radius:8px;font-size:14px;font-weight:500;z-index:1001;transform:translateY(100px);opacity:0;transition:transform .3s ease,opacity .3s ease;box-shadow:0 4px 12px #00000026}.v4p-toast.visible{transform:translateY(0);opacity:1}.v4p-toast--success{background:#22c55e;color:#fff}.v4p-toast--error{background:#dc3545;color:#fff}.v4p-toast--warning{background:#f59e0b;color:#fff}.v4p-toast--info{background:#3b82f6;color:#fff}.v4p-pack-visual{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:rgba(var(--color-foreground),.03);border-radius:8px;border:1px solid rgba(var(--color-foreground),.08)}.v4p-pack-block{padding:10px 14px;background:rgba(var(--color-button),.1);border:1px solid rgba(var(--color-button),.2);border-radius:8px;text-align:center}.v4p-pack-block__units{font-size:18px;font-weight:700;color:rgb(var(--color-button))}.v4p-pack-block__label{font-size:11px;color:rgba(var(--color-foreground),.6)}.v4p-pack-block--waste{background:#dc35451a;border-color:#dc354533}.v4p-pack-block--waste .v4p-pack-block__units{color:#dc3545}.v4p-card--scrollable::-webkit-scrollbar,.v4p-search-results::-webkit-scrollbar,.v4p-modal::-webkit-scrollbar{width:6px}.v4p-card--scrollable::-webkit-scrollbar-track,.v4p-search-results::-webkit-scrollbar-track,.v4p-modal::-webkit-scrollbar-track{background:transparent}.v4p-card--scrollable::-webkit-scrollbar-thumb,.v4p-search-results::-webkit-scrollbar-thumb,.v4p-modal::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:3px}.v4p-card--scrollable::-webkit-scrollbar-thumb:hover,.v4p-search-results::-webkit-scrollbar-thumb:hover,.v4p-modal::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.3)}.v4p-upload{--v4p-upload-primary: rgb(var(--color-button, 14, 165, 233));--v4p-upload-primary-hover: rgb(var(--color-button-hover, 2, 132, 199));--v4p-upload-text: rgb(var(--color-foreground, 30, 58, 95));--v4p-upload-text-muted: rgba(var(--color-foreground, 30, 58, 95), .6);--v4p-upload-bg: rgb(var(--color-background, 255, 255, 255));--v4p-upload-border: rgba(var(--color-foreground, 30, 58, 95), .15);--v4p-upload-success: #10b981;--v4p-upload-warning: #f59e0b;--v4p-upload-danger: #ef4444;--v4p-upload-radius: var(--buttons-radius, 6px);--v4p-header-height: 120px;font-family:inherit;font-size:14px;color:var(--v4p-upload-text);line-height:1.5}.v4p-upload__dropzone{border:2px dashed var(--v4p-upload-border);border-radius:12px;padding:1.5rem;background:var(--v4p-upload-bg);transition:all .2s ease}.v4p-upload__dropzone.drag-over{border-color:var(--v4p-upload-primary);background:rgba(var(--color-button, 14, 165, 233),.05);box-shadow:0 0 0 4px rgba(var(--color-button, 14, 165, 233),.1)}.v4p-upload__options{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.v4p-upload__option-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.75rem;background:var(--v4p-upload-bg);border:2px solid var(--v4p-upload-border);border-radius:var(--v4p-upload-radius);cursor:pointer;transition:all .2s ease;min-width:150px;font-family:inherit}.v4p-upload__option-btn:hover{border-color:var(--v4p-upload-primary);background:rgba(var(--color-button, 14, 165, 233),.05);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.v4p-upload__option-icon{font-size:1.75rem}.v4p-upload__option-title{font-weight:600;font-size:14px;color:var(--v4p-upload-text)}.v4p-upload__option-hint{font-size:12px;color:var(--v4p-upload-text-muted)}.v4p-upload__divider{color:var(--v4p-upload-text-muted);font-size:13px;font-weight:500}.v4p-upload__qr-section{text-align:center;padding:1rem}.v4p-upload__qr-back{background:none;border:none;color:var(--v4p-upload-primary);cursor:pointer;font-size:14px;font-family:inherit;margin-bottom:1rem}.v4p-upload__qr-back:hover{text-decoration:underline}.v4p-upload__qr-title{font-size:16px;font-weight:600;margin:0 0 1rem;color:var(--v4p-upload-text)}.v4p-upload__qr-container{display:flex;justify-content:center;padding:1rem}.v4p-upload__qr-container img{border-radius:8px;box-shadow:0 2px 8px #0000001a}.v4p-upload__qr-loading{padding:2rem;color:var(--v4p-upload-text-muted)}.v4p-upload__qr-hint{font-size:13px;color:var(--v4p-upload-text-muted);margin:.5rem 0}.v4p-upload__qr-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:13px}.v4p-upload__status-dot{width:8px;height:8px;border-radius:50%;background:var(--v4p-upload-warning);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.v4p-upload__qr-status.connected .v4p-upload__status-dot{background:var(--v4p-upload-success);animation:none}.v4p-upload__success{display:flex;flex-direction:column;align-items:center;gap:1rem}.v4p-upload__preview-img-wrap{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;max-width:200px}.v4p-upload__preview-img{display:block;width:100%;height:auto;max-height:200px;object-fit:contain}.v4p-upload__preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500;opacity:0;transition:opacity .2s}.v4p-upload__preview-img-wrap:hover .v4p-upload__preview-overlay{opacity:1}.v4p-upload__success-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.v4p-upload__success-icon{font-size:1.25rem}.v4p-upload__success-name{font-size:13px;color:var(--v4p-upload-text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v4p-upload__remove-btn{background:none;border:1px solid var(--v4p-upload-danger);color:var(--v4p-upload-danger);padding:.35rem .75rem;border-radius:var(--v4p-upload-radius);font-size:12px;cursor:pointer;font-family:inherit;transition:all .2s}.v4p-upload__remove-btn:hover{background:var(--v4p-upload-danger);color:#fff}.v4p-upload [hidden],.v4p-upload__lightbox[hidden],.v4p-upload__enhance-panel[hidden],.v4p-upload__crop-panel[hidden],.v4p-upload__crop-overlay[hidden],.v4p-upload__tool-select[hidden]{display:none!important}.v4p-upload__lightbox{position:fixed;top:var(--v4p-header-height, 120px);left:0;right:0;bottom:0;z-index:999;display:flex;flex-direction:column}.v4p-upload__lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e3a5f73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.v4p-upload__lightbox-content{position:relative;display:flex;flex-direction:column;height:100%;z-index:1}.v4p-upload__lightbox-img-wrap{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;min-height:0;background:#1e3a5f73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.v4p-upload__lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 24px #0006;transition:filter .2s ease}.v4p-upload__lightbox-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#fffffff2;border:none;border-radius:50%;font-size:20px;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;color:var(--v4p-upload-text);box-shadow:0 2px 8px #0003;transition:transform .15s}.v4p-upload__lightbox-close:hover{transform:scale(1.1)}.v4p-upload__lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;font-size:22px;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;color:var(--v4p-upload-text);box-shadow:0 2px 8px #0003;transition:transform .15s,opacity .15s}.v4p-upload__lightbox-arrow:hover:not(:disabled){transform:translateY(-50%) scale(1.1)}.v4p-upload__lightbox-arrow:disabled{opacity:.3;cursor:not-allowed}.v4p-upload__lightbox-arrow--prev{left:1rem}.v4p-upload__lightbox-arrow--next{right:1rem}.v4p-upload__viewfinder{position:absolute;width:100px;height:100px;border:3px solid rgba(255,255,255,.6);border-radius:8px;overflow:hidden;background:#0f172a;opacity:0;pointer-events:none;transition:opacity .3s ease,border-color .2s,box-shadow .2s;z-index:25;isolation:isolate}.v4p-upload__viewfinder--tl{top:1rem;left:1rem}.v4p-upload__viewfinder--tr{top:1rem;right:1rem}.v4p-upload__viewfinder--br{right:1rem;bottom:1rem}.v4p-upload__viewfinder--bl{left:1rem;bottom:1rem}.v4p-upload__viewfinder-img{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;z-index:1}.v4p-upload__viewfinder-crosshair{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;display:block}.v4p-upload__viewfinder-crosshair:before,.v4p-upload__viewfinder-crosshair:after{content:"";position:absolute;background:#ff2d2d;box-shadow:0 0 6px #ff2d2df2}.v4p-upload__viewfinder-label{position:absolute;bottom:4px;right:4px;font-size:10px;font-weight:700;color:#fff;background:#000c;padding:2px 6px;border-radius:4px;letter-spacing:.5px;z-index:12}.v4p-upload__viewfinder.is-active{border-color:#22d3ee;box-shadow:0 0 0 4px #22d3ee66,0 0 20px #22d3ee4d}.v4p-upload__lightbox.is-crop-mode .v4p-upload__viewfinder{opacity:1}.v4p-upload__crop-overlay{position:absolute;pointer-events:none;border:2px dashed rgba(34,211,238,.8);background:#22d3ee0d;box-shadow:0 0 0 9999px #00000080}.v4p-upload__crop-handle{position:absolute;width:36px;height:36px;transform:translate(-50%,-50%);cursor:grab;pointer-events:auto;z-index:20;background:#22d3ee;border:4px solid white;border-radius:50%;box-shadow:0 2px 10px #0006,0 0 0 2px #22d3ee4d;transition:transform .15s,box-shadow .15s}.v4p-upload__crop-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.v4p-upload__crop-handle:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 4px 14px #00000080,0 0 0 4px #22d3ee66}.v4p-upload__crop-handle.is-active{transform:translate(-50%,-50%) scale(1.2);background:#06b6d4;cursor:grabbing;box-shadow:0 4px 18px #00000080,0 0 0 6px #22d3ee80}.v4p-upload__lightbox-footer{background:var(--v4p-upload-bg);border-top:1px solid var(--v4p-upload-border);flex-shrink:0;max-height:55vh;overflow-y:auto;display:flex;flex-direction:column}.v4p-upload__tool-tabs{display:flex;background:#f1f5f9;border-bottom:1px solid var(--v4p-upload-border);padding:0;gap:0}.v4p-upload__tool-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--v4p-upload-text-muted);transition:all .2s}.v4p-upload__tool-tab:hover{background:rgba(var(--color-button, 14, 165, 233),.05);color:var(--v4p-upload-text)}.v4p-upload__tool-tab.is-active{background:#fff;color:var(--v4p-upload-primary);border-bottom-color:var(--v4p-upload-primary)}.v4p-upload__tool-tab-icon{font-size:1.1rem}.v4p-upload__tool-select{padding:1.5rem;text-align:center;background:linear-gradient(180deg,#f8fafc,#fff)}.v4p-upload__tool-title{font-size:16px;font-weight:600;margin:0 0 1.25rem;color:var(--v4p-upload-text)}.v4p-upload__tool-buttons{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}.v4p-upload__tool-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:#fff;border:2px solid var(--v4p-upload-border);border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:200px;font-family:inherit;box-shadow:0 2px 8px #0000000a}.v4p-upload__tool-btn:hover{border-color:var(--v4p-upload-primary);background:rgba(var(--color-button, 14, 165, 233),.02);transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.v4p-upload__tool-btn-icon{font-size:2rem}.v4p-upload__tool-btn-title{font-weight:600;font-size:15px;color:var(--v4p-upload-text)}.v4p-upload__tool-btn-desc{font-size:12px;color:var(--v4p-upload-text-muted);max-width:160px;line-height:1.4}.v4p-upload__enhance-panel,.v4p-upload__crop-panel{padding:0}.v4p-upload__panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid var(--v4p-upload-border)}.v4p-upload__panel-title{display:flex;align-items:center;gap:.5rem;font-size:15px;font-weight:600;margin:0;color:var(--v4p-upload-text)}.v4p-upload__panel-back{background:none;border:1px solid var(--v4p-upload-border);color:var(--v4p-upload-text);padding:.5rem 1rem;border-radius:var(--v4p-upload-radius);font-size:13px;cursor:pointer;font-family:inherit;transition:all .2s;display:flex;align-items:center;gap:.35rem}.v4p-upload__panel-back:hover{background:var(--v4p-upload-bg);border-color:var(--v4p-upload-primary);color:var(--v4p-upload-primary)}.v4p-upload__panel-body{padding:1.25rem}.v4p-upload__instructions{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.875rem 1rem;margin-bottom:1.25rem;font-size:13px;color:#1e40af;line-height:1.5}.v4p-upload__instructions p{margin:0}.v4p-upload__instructions--warning{background:#fefce8;border-color:#fde047;color:#854d0e}.v4p-upload__quick-toggles{display:flex;gap:1.25rem;margin-bottom:1.25rem;flex-wrap:wrap}.v4p-upload__checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:13px;color:var(--v4p-upload-text);padding:.5rem .75rem;background:#f8fafc;border-radius:6px;transition:background .2s}.v4p-upload__checkbox:hover{background:#f1f5f9}.v4p-upload__checkbox input{width:16px;height:16px;accent-color:var(--v4p-upload-primary)}.v4p-upload__presets{margin-bottom:1.25rem}.v4p-upload__presets-label{font-size:12px;font-weight:600;color:var(--v4p-upload-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;display:block}.v4p-upload__presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.v4p-upload__preset-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#fff;border:2px solid var(--v4p-upload-border);border-radius:8px;cursor:pointer;font-family:inherit;font-size:11px;color:var(--v4p-upload-text);transition:all .2s}.v4p-upload__preset-btn:hover{border-color:var(--v4p-upload-primary);background:rgba(var(--color-button, 14, 165, 233),.05)}.v4p-upload__preset-btn.is-active{border-color:var(--v4p-upload-primary);background:rgba(var(--color-button, 14, 165, 233),.1);color:var(--v4p-upload-primary)}.v4p-upload__preset-icon{font-size:1.25rem}.v4p-upload__sliders{display:flex;flex-direction:column;gap:1.25rem}.v4p-upload__slider-item{background:#f8fafc;border-radius:8px;padding:1rem}.v4p-upload__slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.v4p-upload__slider-label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:13px;color:var(--v4p-upload-text)}.v4p-upload__slider-icon{font-size:1rem}.v4p-upload__slider-value{font-size:13px;font-weight:600;color:var(--v4p-upload-primary);background:#fff;padding:.2rem .5rem;border-radius:4px;min-width:50px;text-align:center}.v4p-upload__slider-desc{font-size:12px;color:var(--v4p-upload-text-muted);margin:0 0 .75rem;line-height:1.4}.v4p-upload__slider{width:100%;height:6px;border-radius:3px;background:#e2e8f0;-webkit-appearance:none;appearance:none;cursor:pointer}.v4p-upload__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--v4p-upload-primary);border:3px solid white;box-shadow:0 2px 6px #0003;cursor:grab}.v4p-upload__slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.v4p-upload__enhance-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--v4p-upload-border);margin-top:1.25rem}.v4p-upload__crop-panel .v4p-upload__instructions{background:#fefce8;border-color:#fde047;color:#854d0e}.v4p-upload__crop-guides{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem}.v4p-upload__crop-guide-item{background:#f8fafc;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:.75rem}.v4p-upload__crop-guide-icon{width:40px;height:40px;background:linear-gradient(135deg,#22d3ee,#06b6d4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;color:#fff}.v4p-upload__crop-guide-text{font-size:12px;color:var(--v4p-upload-text-muted);line-height:1.4}.v4p-upload__crop-guide-text strong{display:block;color:var(--v4p-upload-text);font-size:13px;margin-bottom:2px}.v4p-upload__transform-section{background:#f8fafc;border-radius:10px;padding:16px;margin-bottom:1.25rem}.v4p-upload__transform-label{font-size:12px;font-weight:600;color:var(--v4p-upload-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.v4p-upload__transform-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.v4p-upload__transform-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--v4p-upload-border);border-radius:8px;cursor:pointer;font-family:inherit;font-size:11px;color:var(--v4p-upload-text);transition:all .2s;min-width:65px;width:100%;min-width:0;padding:12px 0;text-align:center;justify-content:center;gap:6px}.v4p-upload__transform-btn:hover{border-color:var(--v4p-upload-primary);background:rgba(var(--color-button, 14, 165, 233),.05);transform:translateY(-1px)}.v4p-upload__transform-btn:active{transform:translateY(0)}.v4p-upload__transform-btn-icon{font-size:18px}.v4p-upload__auto-detect{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#fff;border:none;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:1rem}.v4p-upload__auto-detect:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22d3ee66}.v4p-upload__auto-detect:active{transform:translateY(0)}.v4p-upload__crop-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--v4p-upload-border)}.v4p-upload__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.625rem 1.25rem;border-radius:var(--v4p-upload-radius);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.v4p-upload__btn--primary{background:var(--v4p-upload-primary);color:#fff;border:none}.v4p-upload__btn--primary:hover{background:var(--v4p-upload-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-button, 14, 165, 233),.3)}.v4p-upload__btn--success{background:var(--v4p-upload-success);color:#fff;border:none}.v4p-upload__btn--success:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.v4p-upload__btn--ghost{background:transparent;color:var(--v4p-upload-text-muted);border:1px solid var(--v4p-upload-border)}.v4p-upload__btn--ghost:hover{background:#f8fafc;color:var(--v4p-upload-text);border-color:var(--v4p-upload-text-muted)}.v4p-upload__btn--danger{background:transparent;color:var(--v4p-upload-danger);border:1px solid var(--v4p-upload-danger)}.v4p-upload__btn--danger:hover{background:var(--v4p-upload-danger);color:#fff}.v4p-upload__footer-meta{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#f8fafc;border-top:1px solid var(--v4p-upload-border);gap:1rem}.v4p-upload__page-nav{display:flex;align-items:center;gap:.5rem;font-size:13px;color:var(--v4p-upload-text-muted)}.v4p-upload__page-nav button{width:28px;height:28px;background:#fff;border:1px solid var(--v4p-upload-border);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.v4p-upload__page-nav button:hover:not(:disabled){border-color:var(--v4p-upload-primary);color:var(--v4p-upload-primary)}.v4p-upload__page-nav button:disabled{opacity:.4;cursor:not-allowed}.v4p-upload__footer-filename{font-size:12px;color:var(--v4p-upload-text-muted);flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v4p-upload__footer-done{background:var(--v4p-upload-success);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:var(--v4p-upload-radius);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.35rem}.v4p-upload__footer-done:hover{background:#059669;transform:translateY(-1px)}@media (max-width: 768px){.v4p-upload__lightbox{--v4p-header-height: 80px}.v4p-upload__tool-tabs{padding:0}.v4p-upload__tool-tab{padding:.75rem .5rem;font-size:12px}.v4p-upload__tool-tab-icon{font-size:1rem}.v4p-upload__tool-btn{min-width:160px;padding:1.25rem 1.5rem}.v4p-upload__tool-buttons{gap:1rem}.v4p-upload__viewfinder{width:80px;height:80px}.v4p-upload__crop-handle{width:32px;height:32px}.v4p-upload__crop-guides{grid-template-columns:1fr}.v4p-upload__presets-grid{grid-template-columns:repeat(2,1fr)}.v4p-upload__footer-meta{flex-wrap:wrap}}@media (max-width: 480px){.v4p-upload__lightbox{--v4p-header-height: 60px}.v4p-upload__options{flex-direction:column;gap:1rem}.v4p-upload__option-btn{width:100%}.v4p-upload__divider{display:none}.v4p-upload__tool-tab span:not(.v4p-upload__tool-tab-icon){display:none}.v4p-upload__tool-tab{flex:none;padding:.75rem 1rem}.v4p-upload__tool-btn{width:100%;min-width:auto}.v4p-upload__tool-buttons{flex-direction:column}.v4p-upload__viewfinder{width:65px;height:65px}.v4p-upload__viewfinder--tl,.v4p-upload__viewfinder--tr{top:.5rem}.v4p-upload__viewfinder--tl,.v4p-upload__viewfinder--bl{left:.5rem}.v4p-upload__viewfinder--tr,.v4p-upload__viewfinder--br{right:.5rem}.v4p-upload__viewfinder--br,.v4p-upload__viewfinder--bl{bottom:.5rem}.v4p-upload__crop-handle{width:28px;height:28px}.v4p-upload__transform-tools{justify-content:space-between}.v4p-upload__transform-btn{flex:1;min-width:auto}.v4p-upload__enhance-actions,.v4p-upload__crop-actions{flex-direction:column}.v4p-upload__btn{width:100%;justify-content:center}.v4p-upload__footer-meta{padding:.5rem 1rem}.v4p-upload__footer-filename{order:-1;flex:none;width:100%;text-align:left}}.v4p-upload__loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--v4p-upload-text-muted)}.v4p-upload__spinner{width:24px;height:24px;border:3px solid var(--v4p-upload-border);border-top-color:var(--v4p-upload-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.v4p-upload__lightbox-img-wrap{overflow:hidden}.v4p-upload__viewfinder-crosshair{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;display:block}.v4p-upload__viewfinder-crosshair:before{width:3px}.v4p-upload__viewfinder-crosshair:after{height:3px}.v4p-upload__viewfinder-crosshair:before,.v4p-upload__viewfinder-crosshair:after{background:#ff2d2d;box-shadow:0 0 6px #ff2d2df2}.v4p-upload__viewfinder-crosshair:before,.v4p-upload__viewfinder-crosshair:after{content:""!important;position:absolute;background:#ff2d2d;box-shadow:0 0 6px #ff2d2df2;z-index:999;display:block}.v4p-upload__viewfinder-crosshair:before{left:50%;top:0;bottom:0;width:3px;transform:translate(-50%)}.v4p-upload__viewfinder-crosshair:after{top:50%;left:0;right:0;height:3px;transform:translateY(-50%)}.v4p-upload__viewfinder{isolation:isolate}.v4p-upload__viewfinder-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.v4p-upload__viewfinder-crosshair{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none}.v4p-upload__viewfinder-crosshair{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999!important;display:block!important;--crosshair-thickness: 2px;background-image:linear-gradient(to right,transparent calc(50% - (var(--crosshair-thickness) / 2)),#ff2d2d calc(50% - (var(--crosshair-thickness) / 2)),#ff2d2d calc(50% + (var(--crosshair-thickness) / 2)),transparent calc(50% + (var(--crosshair-thickness) / 2))),linear-gradient(to bottom,transparent calc(50% - (var(--crosshair-thickness) / 2)),#ff2d2d calc(50% - (var(--crosshair-thickness) / 2)),#ff2d2d calc(50% + (var(--crosshair-thickness) / 2)),transparent calc(50% + (var(--crosshair-thickness) / 2)));background-repeat:no-repeat;background-size:100% 100%;filter:none!important}.v4p-upload__viewfinder-crosshair,.v4p-upload__viewfinder-crosshair *{visibility:visible!important;opacity:1!important}.v4p-upload__viewfinder-crosshair{background-image:linear-gradient(to right,transparent calc(50% - .5px),#ff2d2d calc(50% - .5px),#ff2d2d calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#ff2d2d calc(50% - .5px),#ff2d2d calc(50% + .5px),transparent calc(50% + .5px));filter:none!important}html.v4p-scroll-lock,body.v4p-scroll-lock{overflow:hidden!important;height:100%}.v4p-pro-selector{margin-top:6px}.v4p-pro-selector__options{margin:8px 0 12px}.v4p-pro-selector__options input[type=radio]{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:2px solid rgba(var(--color-foreground),.25);border-radius:50%;background:rgb(var(--color-background));cursor:pointer;transition:all .2s;flex-shrink:0;position:relative}.v4p-pro-selector__options input[type=radio]:checked{background:rgb(var(--color-button));border-color:rgb(var(--color-button))}.v4p-pro-selector__options input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:rgb(var(--color-button-text));border-radius:50%}.v4p-pro-selector__select .v4p-form__group{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/v4p-platform.css.map */