@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap);.App{text-align:center;height:100vh;width:100%;margin:0;padding:0;display:flex;flex-direction:column}.App-header{background-color:#262626;padding:20px;color:#fff}.main-content-wrapper{position:relative;height:100%;flex-direction:column;flex:1 1;max-width:none;margin:0;overflow-y:auto}.App-main,.main-content-wrapper{width:100%;display:flex;background-color:#323232}.App-main{flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}.App-footer{background-color:#f4f4f4;padding:5px;color:#333;width:100%}body,html{background-color:#323232;margin:0;padding:0;min-height:100vh;height:auto;overflow-x:hidden;color:#fff;font-family:"Rubik",sans-serif}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#262626;border-radius:10px}::-webkit-scrollbar-thumb{background:#323232;border-radius:10px;border:3px solid #262626}::-webkit-scrollbar-thumb:hover{background:#323232}button:disabled,input:disabled:not([type=checkbox]):not([type=radio]),select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}.App-header.redesign-header{position:sticky;top:0;left:0;width:100%;min-height:74px;padding:14px 24px;box-sizing:border-box;display:grid;grid-template-columns:auto auto auto;align-items:center;grid-gap:14px;gap:14px;z-index:20;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 6px 24px rgba(0,0,0,.35)}.header-left,.header-right{display:flex;align-items:center;grid-gap:10px;gap:10px;min-width:0}.header-right{justify-content:flex-end}.header-title{margin:0;color:#fff;text-decoration:none;font-size:20px;font-weight:600;letter-spacing:.4px;white-space:nowrap}.header-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.header-btn:hover{background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.3)}.header-btn--icon{width:36px;height:36px;padding:0;font-size:20px;line-height:1}.reset-workspace-btn{background:rgba(225,67,67,.825);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500}.reset-workspace-btn:hover{background:#e14343;border-color:hsla(0,0%,100%,.2)}.reset-workspace-btn:disabled{background:rgba(225,67,67,.45);cursor:not-allowed}.header-logout-btn{white-space:nowrap;flex-shrink:0}.header-company-wrapper{display:flex;align-items:center;grid-gap:6px;gap:6px}.header-company-warning{position:relative;cursor:default;font-size:1rem;line-height:1}.header-company-warning-tooltip{display:none;position:absolute;left:calc(100% + 8px);top:100%;transform:translateY(-50%);background:#3a3a3a;color:#f0ad4e;font-size:.75rem;padding:.4rem .6rem;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:100;border:1px solid #f0ad4e}.header-company-warning:hover .header-company-warning-tooltip{display:block}.header-company-select{min-width:130px;padding:8px 12px;border-radius:8px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;font-size:13px}.header-company-select:focus{outline:none;border-color:#4caf50}.header-company-select option{background:#262626;color:#fff}.header-menu-wrap{position:relative}.header-nav-links{display:flex;align-items:center;grid-gap:8px;gap:8px}.header-nav-link{color:#fff;text-decoration:none;font-size:13px;font-weight:500;padding:8px 10px;border-radius:8px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);transition:all .2s ease;white-space:nowrap}.header-nav-link:hover{background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.3)}.header-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:250px;padding:10px;background:linear-gradient(135deg,#2d2d2d,#1f1f1f);border:1px solid hsla(0,0%,100%,.15);border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.4);z-index:60}.header-dropdown--right{left:auto;right:0;width:190px}.header-dropdown-group+.header-dropdown-group{margin-top:10px;padding-top:10px;border-top:1px solid hsla(0,0%,100%,.12)}.header-dropdown-title{margin:0 0 6px;color:hsla(0,0%,100%,.65);text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:600}.backdoor-code>.header-menu-item,.header-menu-item,.header-menu-link{width:100%;text-align:left;margin:0;padding:8px 10px;border-radius:8px;color:#fff;background:transparent;border:none;font-size:13px;text-decoration:none;cursor:pointer;display:block}.backdoor-code>.header-menu-item:hover,.header-menu-item:hover,.header-menu-link:hover{background:hsla(0,0%,100%,.12)}.header-info{display:flex;align-items:center;grid-gap:4px;gap:4px;font-size:12px;min-width:0}.header-info-label{color:hsla(0,0%,100%,.7)}.header-info-value{color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal p.header-modal-status{margin:8px 0;font-size:12px;color:#9ddd9f}.modal .header-modal-warning-box{margin:10px 0 14px;padding:12px 14px;border:1px solid rgba(255,95,82,.55);border-left:4px solid #ff5f52;border-radius:8px;background:rgba(255,79,68,.12)}.modal p.header-modal-warning{display:flex;align-items:flex-start;grid-gap:10px;gap:10px;margin:0;font-size:14px;font-weight:600;line-height:1.35;color:#ff8a80}.header-modal-warning-icon{font-size:22px;line-height:1;color:#ff5f52}.header-modal-warning-ack{display:flex;align-items:flex-start;grid-gap:8px;gap:8px;margin-top:10px}.modal .header-modal-warning-ack input{width:42px;flex-shrink:0;margin:2px 4px;accent-color:#ff5f52;cursor:pointer}.modal .header-modal-warning-ack label{margin:0;font-size:13px;line-height:1.35;color:#ffd7d2;cursor:pointer}.header-modal-checkbox{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;margin-top:12px;font-size:14px;cursor:pointer}.header-modal-checkbox input{margin:0;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:90}.modal{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;width:100%;max-width:420px;padding:24px;box-sizing:border-box}.modal h3{margin-top:0;margin-bottom:14px;font-size:18px;color:#fff}.modal p{font-size:13px}.modal label,.modal p{color:hsla(0,0%,100%,.85)}.modal label{display:block;font-size:12px;margin-bottom:8px}.modal input,.modal select{width:100%;margin-top:6px;margin-bottom:12px;padding:10px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08);color:#fff;box-sizing:border-box}.modal select option{background:#262626;color:#fff}.modal input:focus,.modal select:focus{outline:none;border-color:#4caf50}.modal-buttons{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px}.btn-cancel,.btn-export{border:none;border-radius:8px;padding:10px 14px;color:#fff;cursor:pointer;font-size:13px}.btn-export{background:linear-gradient(135deg,#4caf50,#45a049)}.btn-cancel{background:hsla(0,0%,100%,.14)}.btn-export:hover:not(:disabled){filter:brightness(1.06)}.btn-cancel:hover:not(:disabled){background:hsla(0,0%,100%,.2)}.btn-cancel:disabled,.btn-export:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1200px){.App-header.redesign-header{grid-template-columns:1fr;justify-items:stretch}.header-title{order:-1;text-align:center}.header-left,.header-right{justify-content:center;flex-wrap:wrap}}.backdoor-code>button{background-color:#262626;color:#fff;border:none;padding:.4rem .8rem;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:background-color .2s ease}.backdoor-code>button:hover{background-color:#323232}.backdoor-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1e1e;color:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.6);z-index:1000;width:560px;max-width:90vw;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;font-family:"Arial",sans-serif}.backdoor-panel h3{text-align:center;margin:0;font-size:1.2rem}.backdoor-panel label{display:flex;flex-direction:column}.backdoor-panel input,.backdoor-panel select{background:#2c2c2c;color:#fff;border:1px solid #444;border-radius:8px;padding:8px;margin-top:4px;font-size:.95rem}.backdoor-panel button:not(.close-button){padding:10px;border-radius:8px;background-color:#0096fa;color:#fff;font-weight:700;border:none;cursor:pointer;transition:background-color .3s}.backdoor-panel button:not(.close-button):hover{background-color:#0078cc}.modal-overlay{background:rgba(0,0,0,.5);z-index:999}.backdoor-panel div{grid-gap:.5rem;gap:.5rem}.backdoor-panel span{font-size:.85rem;font-weight:500;color:#ccc}.backdoor-panel input[type=radio]{accent-color:#0096fa}.backdoor-panel label input[type=radio]{margin-right:6px}.backdoor-panel label{font-size:.85rem;color:#eee;display:inline-flex;align-items:center}.close-button{position:absolute;top:12px;right:12px;background:#2c2c2c;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.close-button:hover{background-color:#444}.tab-header{display:flex;justify-content:space-between;border-bottom:2px solid #333;margin-bottom:1rem}.tab-item{flex:1 1;text-align:center;padding:10px 0;cursor:pointer;font-weight:500;color:#ccc;transition:all .2s ease;border-bottom:2px solid transparent}.tab-item:hover{color:#fff}.tab-item.active{color:#fff;border-bottom:3px solid #0af}.access-modules{font-size:.85rem;color:#ddd;line-height:1.4}.access-modules strong{display:block;margin-bottom:.4rem;color:#fff}.access-module-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));grid-gap:.3rem;gap:.3rem;overflow-y:auto}.access-module-chip{padding:.18rem .4rem;border:1px solid #3f5f78;border-radius:7px;background:#253544;color:#d7efff;font-size:.72rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-module-empty{color:#aaa;font-style:italic}.alc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.alc-modal{background:#323232;color:#fff;width:600px;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.2);font-family:Arial,sans-serif}.alc-modal-footer,.alc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #444}.alc-modal-footer{border-top:1px solid #444;border-bottom:none}.alc-close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1}.alc-modal-body{display:flex}.alc-sidebar{width:150px;background:#2a2a2a;border-right:1px solid #444;padding:8px;overflow-y:auto}.alc-sidebar .alc-user-btn.new{display:block;width:100%;text-align:left;padding:8px;margin-bottom:12px;background:#0096fa;border:none;color:#fff;cursor:pointer;font-weight:700;border-radius:4px}.alc-sidebar .alc-user-btn.new:hover{background:#007acc}.alc-user-btn{display:block;width:100%;text-align:left;padding:8px;margin-bottom:4px;background:none;border:none;color:#ccc;cursor:pointer;border-radius:4px}.alc-user-btn:hover{background:#3a3a3a}.alc-user-btn.selected{background:#444;color:#fff}.alc-form-area{flex:1 1;padding:16px;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.alc-form-row{display:flex;align-items:center;justify-content:space-between}.alc-form-row label{flex:1 1;color:#ccc;margin-right:8px}.alc-form-row input[type=password],.alc-form-row input[type=text]{flex:2 1;padding:6px 8px;background:#222;border:1px solid #444;border-radius:4px;color:#fff}.alc-ml-checkbox-input,.alc-ml-enable-input{-webkit-appearance:checkbox!important;appearance:checkbox!important;width:auto;height:auto;margin:0}.alc-ml-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.5rem 1rem;gap:.5rem 1rem;margin-top:.5rem}.alc-ml-checkbox{font-size:14px;color:#ccc;cursor:pointer}.alc-ml-checkbox-input{margin-right:.4rem;accent-color:#0096fa}.alc-ml-label{font-size:.9rem}.alc-cancel-btn,.alc-save-btn{padding:6px 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.alc-save-btn{background:#0096fa;color:#fff}.alc-save-btn:hover:not(:disabled){background:#007acc}.alc-save-btn:disabled{background:#444;cursor:not-allowed}.alc-cancel-btn{background:#d9534f;color:#fff}.alc-cancel-btn:hover{background:#c9302c}.alc-delete-btn{background:#d9534f;color:#fff;padding:6px 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer;margin:0 8px}.alc-delete-btn:hover{background:#c9302c}.alc-status{text-align:center;margin:8px 0;font-size:14px}.alc-error{color:#ff4d4f}.alc-success{color:#52c41a}.alc-ml-checkbox-input{-webkit-appearance:checkbox!important;appearance:checkbox!important;width:16px!important;height:16px!important;border-radius:3px!important;margin:0!important;outline:none!important}.alc-ml-checkbox-input:after,.alc-ml-checkbox-input:before{content:none!important;display:none!important}.alc-ml-modules-grid{padding:8px;border-radius:4px;background:#323232}.alc-ml-checkbox{display:flex;align-items:center;padding:6px 8px;margin-bottom:6px;border-radius:4px;transition:background .2s}.alc-ml-checkbox:hover{background:hsla(0,0%,100%,.1)}.alc-ml-checkbox-input{margin-right:10px;accent-color:#28a745}.alc-ml-label{font-size:14px;color:#ddd;text-transform:capitalize}.alc-modules-fieldset{border:none;padding:0;margin:0}.pi{display:flex;flex-direction:column;grid-gap:6px;gap:6px;width:100%}.pi--fixed,.pi--overlay{justify-content:center;align-items:center;grid-gap:10px;gap:10px;padding:16px;background:rgba(15,15,15,.72)}.pi--overlay{position:absolute;inset:0;z-index:20}.pi--fixed{position:fixed;inset:0;z-index:1000}.pi__inner{display:flex;flex-direction:column;grid-gap:8px;gap:8px;align-items:center;width:min(360px,80%);text-align:center}.pi__inner .pi__label{font-size:13px;color:#eaeaea}.pi__label{font-size:12px;color:#cfcfcf;line-height:1.2}.pi__track{position:relative;width:100%;min-width:160px;height:10px;background:#1d1d1d;border:1px solid #151515;border-radius:999px;overflow:hidden}.pi__bar{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#4a90e2,#66b3ff);transition:width .15s ease}.pi__bar--indeterminate{width:40%;transition:none;animation:pi-slide 1.2s ease-in-out infinite}@keyframes pi-slide{0%{transform:translateX(-120%)}to{transform:translateX(320%)}}.pi__spinner-row{display:flex;align-items:center;grid-gap:8px;gap:8px}.pi__spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.25);border-top-color:#66b3ff;border-radius:50%;animation:pi-spin .8s linear infinite;flex:none}@keyframes pi-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.pi__bar--indeterminate{animation-duration:2.4s}.pi__spinner{animation-duration:1.6s}}.read-only-badge{color:#ffc857;font-size:13px;line-height:1;margin-left:4px;flex-shrink:0}.data-refresh-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:16px;height:16px;margin:0;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;background:transparent;color:#fff;font-size:12px;line-height:1;cursor:pointer}.data-refresh-button:hover:not(:disabled){background:hsla(0,0%,100%,.15)}.data-refresh-button:focus-visible{outline:2px solid #4caf50;outline-offset:2px}.data-refresh-button:disabled{opacity:.5;cursor:wait}.workspace-usage{display:flex;align-items:center;grid-gap:4px;gap:4px;font-size:12px;cursor:default;flex-shrink:0}.workspace-usage-label{color:hsla(0,0%,100%,.7)}.workspace-usage-track{display:inline-block;width:64px;height:8px;border-radius:4px;background:hsla(0,0%,100%,.18);overflow:hidden}.workspace-usage-fill{display:block;height:100%;border-radius:4px;min-width:2px;transition:width .3s ease,background-color .3s ease}.workspace-usage--ok .workspace-usage-fill{background:#4caf50}.workspace-usage--warn .workspace-usage-fill{background:#ffc857}.workspace-usage--full .workspace-usage-fill{background:#e53935}.workspace-usage--unlimited .workspace-usage-fill{background:hsla(0,0%,100%,.35)}.product-container{padding:20px;display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;justify-content:center;background-color:#323232;font-family:"Rubik",sans-serif;width:100%}.product-box{background-color:#1e1e1e;padding:16px;width:281px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;opacity:1;font-family:"Rubik",sans-serif;border-radius:16px}.product-box:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.2)}.product-box img{width:150px;height:150px;object-fit:cover;border-radius:8px;margin-bottom:12px}.product-box h3{font-size:1.2em;color:#333}.toggle-wrapper{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;width:100%;grid-gap:1rem;gap:1rem}.productbox-name{color:#fff}.switch{width:40px}.new-product-btn{padding:.4rem 1rem;background-color:#1e1e1e;color:#fff;border-radius:4px;font-size:.9rem;border:1px solid transparent}.preview-btn{padding:8px 12px;background-color:#0096fa;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.preview-btn:hover{background-color:#0077c6}.ui-config{width:100%;background-color:#1e1e1e;color:#fff;margin-top:2rem;padding:2rem 5rem;box-shadow:10px 10px 3px rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-family:"Rubik",sans-serif}.UITitle{font-size:1.6rem;font-weight:700}.uiconfig-divider{width:100%;height:1px;background-color:#fff;border:none;margin:1rem 0}.ui-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:10rem;column-gap:10rem;grid-row-gap:1.5rem;row-gap:1.5rem;width:100%;margin-top:2rem;position:relative}.ui-item{display:flex;align-items:center;justify-content:space-between;font-size:1.05rem}.ui-item-company .company-control{display:flex;flex-direction:column;align-items:flex-end;grid-gap:.35rem;gap:.35rem}.company-disclaimer{font-size:.8rem;color:#f0ad4e;font-style:italic}.theme-switch .slider:before{font-size:14px;display:flex;align-items:center;justify-content:center;color:#000}.label{font-weight:500}.switch{width:42px;height:22px}.slider{background-color:#555;transition:.3s;border-radius:22px}.slider:before{height:16px;width:16px;transition:.3s}input:checked+.slider:before{transform:translateX(20px)}.dropdown-placeholder,.lang-select-row select{padding:.5rem 1.2rem;border-radius:20px;background-color:#0096fa;color:#fff;border:none;font-size:1rem;font-family:"Rubik",sans-serif;-webkit-appearance:none;appearance:none;outline:none}.dropdown-placeholder option,.lang-select-row select option{background-color:#000;color:#fff}.ui-item select:disabled{opacity:.6;cursor:not-allowed}.jug-settings-wrapper,.language-selector-wrapper{position:relative;display:inline-block}.icon-button,.language-toggle{background:none;color:#fff;font-size:1.05rem;border:1px solid #1e1e1e;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:"Rubik",sans-serif;transition:background-color .2s ease}.jug-popup,.language-popup{position:absolute;width:100%;top:110%;left:0;background-color:#2a2a2a;border:1px solid #444;border-radius:10px;padding:1rem;box-shadow:0 0 10px rgba(0,0,0,.6);z-index:1000;min-width:300px;font-family:"Rubik",sans-serif}.lang-select-row{display:flex;align-items:center;margin-bottom:1rem;grid-gap:1rem;gap:1rem}.lang-select-row label{flex:1 1;font-size:.8rem}.save-btn{background-color:#4caf50;padding:.6rem 1.5rem;border-radius:20px;font-family:"Rubik",sans-serif;transition:background-color .3s ease}.save-btn:hover{background-color:#45a049}.status-message{margin-top:1rem;color:#4caf50;font-weight:700;animation:fadeIn .3s ease}.access-btn,.status-message{font-family:"Rubik",sans-serif}.access-btn{padding:.5rem 1.2rem;border-radius:20px;background-color:#0096fa;color:#fff;border:none;font-size:1rem;-webkit-appearance:none;appearance:none;outline:none}.access-btn:hover{background:#007bff}.access-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.access-popup .access-config{background:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.2);max-width:90%;max-height:90%;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.theme-switch-wrapper{display:flex;align-items:center;grid-gap:8px;gap:8px}.theme-label{font-size:.9rem;color:#fff}.jug-settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.jug-settings-modal{width:100%;max-width:520px;max-height:85vh;overflow:auto;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);color:#fff}.jug-settings-header{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;padding:18px 20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.jug-settings-title{margin:0;font-size:18px;font-weight:600;letter-spacing:.3px}.jug-settings-close{width:32px;height:32px;border:none;border-radius:8px;background:hsla(0,0%,100%,.1);color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:background .2s ease}.jug-settings-close:hover{background:hsla(0,0%,100%,.2)}.jug-settings-body{padding:20px;display:grid;grid-gap:20px;gap:20px}.jug-settings-section{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.jug-settings-section-title{margin:0;font-size:13px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px}.jug-settings-toggle-label{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;gap:16px}.jug-settings-toggle-text{font-size:14px;color:#e0e0e0}.jug-settings-toggle-wrapper{position:relative;width:48px;height:26px;flex-shrink:0}.jug-settings-toggle-input{position:absolute;opacity:0;width:0;height:0}.jug-settings-toggle-slider{position:absolute;inset:0;border-radius:26px;background:hsla(0,0%,100%,.2);transition:.3s}.jug-settings-toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;border-radius:50%;background:#fff;transition:.3s}.jug-settings-toggle-input:checked+.jug-settings-toggle-slider{background:#4caf50}.jug-settings-toggle-input:checked+.jug-settings-toggle-slider:before{transform:translateX(22px)}.jug-settings-field-row{display:flex;align-items:center;justify-content:space-between;grid-gap:14px;gap:14px}.jug-settings-field-label{font-size:14px;color:#e0e0e0}.jug-settings-input{flex:1 1;min-width:140px;max-width:220px;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);color:#fff;font-size:14px;transition:all .2s ease}.jug-settings-input::placeholder{color:hsla(0,0%,100%,.5)}.jug-settings-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2)}.jug-settings-input--number{max-width:120px}.jug-settings-actions{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px;padding:0 20px 20px}.jug-settings-btn{padding:11px 18px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.jug-settings-btn--primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.3)}.jug-settings-btn--primary:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}.jug-settings-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.jug-settings-btn--secondary:hover{background:hsla(0,0%,100%,.16);border-color:hsla(0,0%,100%,.3)}.modal-overlay{width:100vw;height:100vh;background-color:rgba(0,0,0,.7)}.modal-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.5);box-sizing:border-box}.modal-container,.spp__preview-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.spp__preview{position:absolute;top:50%;left:50%;width:1280px;height:800px;transform-origin:center center;background-color:#d9d9d9;overflow:hidden;border-radius:12px}.spp__preview-hd{width:1920px;height:1080px}.spp__container{position:relative;background-color:#d9d9d9;width:100%;height:100%;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.spp__header{display:flex;justify-content:space-between;align-items:center;padding:5px 15px;background-color:initial;color:#333;flex-shrink:0}.spp__logo-text{font-weight:700;font-size:1.2em}.spp__time-text{font-weight:500;font-size:.9em}.spp__header-right{position:relative;display:flex;align-items:center;grid-gap:10px;gap:10px}.spp__menu-icon-btn{font-size:1.5em;font-weight:lighter}.spp__close-icon-btn,.spp__menu-icon-btn{background:transparent;border:none;cursor:pointer;color:#333;line-height:1;padding:0}.spp__close-icon-btn{font-size:1.8em;font-weight:300;transform:translateY(-1px)}.spp__header-menu-panel{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:10px;min-width:240px;z-index:10}.spp__header-menu-panel select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #e5e5e5;outline:none;font-size:14px}.spp__content{overflow:hidden;display:grid;flex-grow:1;grid-gap:20px;gap:20px;padding:10px;grid-template-columns:3fr 1fr;grid-template-rows:2fr 3fr}.spp__main-content{grid-row:1/3;grid-column:1;min-height:0;background-color:#fff;border-radius:20px;padding:30px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;position:relative}.spp__drink-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;grid-gap:10px;gap:10px;padding:40px 20px 0;width:40%;max-height:100%}.spp__drink-image-container{width:100%;max-width:300px;height:auto;max-height:40vh}.spp__drink-img{max-width:100%;max-height:100%;object-fit:contain}.spp__drink-title{font-size:2em;font-weight:600;color:#333}.spp__drink-icons{display:flex;grid-gap:12px;gap:12px;margin-bottom:25px;color:#333}.spp__icon-circle{width:42px;height:42px;border-radius:50%;background-color:#f7f7f7;color:#2f2f2f;display:flex;justify-content:center;align-items:center;border:1px solid #d8d8d8;box-shadow:0 2px 6px rgba(0,0,0,.08)}.spp__icon-svg{width:22px;height:22px;display:block}.spp__nutritional-info-link{color:#5d8e96;text-decoration:none;font-weight:500}.spp__size-selector-container{display:flex;background-color:#e5e5e5;width:60%}.spp__size-option{flex:1 1;padding:20px 5px;text-align:center;cursor:pointer;transition:background-color .3s,color .3s}.spp__size-option.selected{background-color:#5d8e96;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);font-weight:600}.spp__size-name{font-size:1.1em}.spp__size-description{font-size:.8em;opacity:.8}.spp__add-product-container{grid-row:1;grid-column:2;position:relative;border-radius:20px;overflow:hidden;background-color:#f0f0f0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.spp__add-product-img{width:100%;height:100%;object-fit:cover}.spp__promo-actions{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;grid-gap:8px;gap:8px;align-items:center;z-index:2}.spp__add-button,.spp__delete-button{display:flex;justify-content:center;align-items:center;height:40px;width:40px;background-color:rgba(190,215,241,.6);color:#111;border:4px solid;border-radius:50%;font-size:2em;font-weight:700;cursor:pointer;transition:all .3s;line-height:1}.spp__add-button:hover,.spp__delete-button:hover{background-color:#bed7f1;color:#444;box-shadow:0 0 30px 10px rgba(190,215,241,.8)}.spp__pay-screen-container{grid-row:2;grid-column:2;background-color:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;justify-content:flex-start}.spp__your-drink-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.spp__your-drink-label{font-weight:600;color:#999}.spp__your-drink-id{display:flex;flex-direction:column;align-items:flex-end;grid-gap:2px;gap:2px;font-size:.9em;line-height:1.1;color:#222}.spp__your-drink-short-code-label,.spp__your-drink-short-code-value{margin:0}.spp__your-drink-short-code-label{color:#666}.spp__your-drink-short-code-value{color:#222;font-weight:500}.spp__your-drink-info{border:1px solid;border-radius:50%;width:1.2em;height:1.2em;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;font-size:.8em;font-weight:600;line-height:1;vertical-align:middle;padding:10px}.spp__mini-drink-details{display:flex;justify-content:flex-start;margin-bottom:20px}.spp__mini-drink-image-container{max-width:50%;height:auto;display:flex;justify-content:center;align-items:flex-end}.spp__mini-drink-image{width:100%;height:auto}.spp__pay-button{width:100%;height:25%;margin-top:auto;padding:15px;background-color:#333;color:#fff;border:none;border-radius:8px;font-size:1.5em;font-weight:500;cursor:pointer}.spp__pay-button:hover{background-color:#111}.spp__transparent-mode{background:transparent!important;background-color:initial!important;border:none!important;box-shadow:none!important}.spp__container-dark,.spp__theme-dark{background-color:#1a1a1a}.spp__theme-dark .spp__close-icon-btn,.spp__theme-dark .spp__header,.spp__theme-dark .spp__menu-icon-btn{color:#e5e5e5}.spp__theme-dark .spp__header-menu-panel{background:#2d2d2d;box-shadow:0 10px 30px rgba(0,0,0,.4)}.spp__theme-dark .spp__header-menu-panel select{background-color:#3d3d3d;color:#e5e5e5;border-color:#4d4d4d}.spp__theme-dark .spp__main-content{background-color:#2d2d2d}.spp__theme-dark .spp__main-content.transparent-mode{background-color:initial}.spp__theme-dark .spp__drink-icons,.spp__theme-dark .spp__drink-title{color:#e5e5e5}.spp__theme-dark .spp__icon-circle{background-color:#e5e5e5;color:#f2f2f2;border-color:#4d4d4d;box-shadow:0 2px 6px rgba(0,0,0,.28)}.spp__theme-dark .spp__nutritional-info-link{color:#7fb8c4}.spp__theme-dark .spp__size-selector-container{background-color:#3d3d3d}.spp__theme-dark .spp__size-option{color:#e5e5e5}.spp__theme-dark .spp__size-option.selected{background-color:#5d8e96;color:#fff}.spp__theme-dark .spp__add-product-container,.spp__theme-dark .spp__pay-screen-container{background-color:#2d2d2d}.spp__theme-dark .spp__pay-screen-container.transparent-mode{background-color:initial}.spp__theme-dark .spp__your-drink-label{color:#888}.spp__theme-dark .spp__your-drink-id{color:#e5e5e5}.spp__theme-dark .spp__your-drink-short-code-label{color:#b8b8b8}.spp__theme-dark .spp__your-drink-short-code-value{color:#f2f2f2}.spp__theme-dark .spp__your-drink-info{border-color:#e5e5e5}.spp__theme-dark .spp__pay-button{background-color:#e5e5e5;color:#1a1a1a}.spp__theme-dark .spp__pay-button:hover{background-color:#fff}.spp__company-gold .spp__pay-button{background-color:#e1b465}.spp__company-gold .spp__pay-button:hover{background-color:#b88e45}.spp__company-gold .spp__size-option.selected{background:linear-gradient(180deg,#000 0,#8e7b48 50%)}.back-button-bar{position:absolute;top:0;left:0;z-index:1;padding:.75rem 0 0 .75rem}.back-button{background:none;border:none;font-size:16px;font-weight:700;color:#b2b2b2;cursor:pointer;padding:4px 8px}.back-button:hover{text-decoration:underline}.back-button--icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;color:#2d2d2d;transition:background-color .2s,transform .15s,box-shadow .2s}.back-button--icon:hover{background:hsla(0,0%,63.1%,.5098039215686274);box-shadow:0 4px 12px rgba(0,0,0,.15);text-decoration:none;transform:translateX(-2px)}.back-button--icon:active{transform:translateX(-2px) scale(.98);box-shadow:0 2px 6px rgba(0,0,0,.12)}.back-button__arrow{width:32px;height:24px;flex-shrink:0}.preview-dark .back-button--icon,.sfp__theme-dark .back-button--icon,.spp__theme-dark .back-button--icon{color:#e5e5e5}.preview-header.preview-header--no-bottom-margin{margin-bottom:0}.header-fake-menu-btn{background:transparent;margin-right:10px;border:none;color:inherit;font-size:1.5rem;font-weight:300;line-height:1;padding:0;cursor:default}.sfp__wrapper{height:100%;width:100%;position:relative;overflow:hidden}.sfp__preview{position:absolute;top:50%;left:50%;width:1280px;height:800px;transform-origin:center center;background-color:#d9d9d9;overflow:hidden;border-radius:12px}.sfp__preview-hd{width:1920px;height:1080px}.sfp__container{position:relative;background-color:#d9d9d9;width:100%;height:100%;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.sfp__forward-button-bar{left:auto;right:0;padding:.75rem .75rem 0 0}.sfp__arrow-right{transform:scaleX(-1)}.sfp__forward-button-bar .back-button--icon:hover{transform:translateX(2px)}.sfp__forward-button-bar .back-button--icon:active{transform:translateX(2px) scale(.98)}.sfp__header{display:flex;justify-content:space-between;align-items:center;padding:5px 15px;background-color:initial;color:#333;flex-shrink:0}.sfp__logo-text{font-weight:700;font-size:1.2em}.sfp__time-text{font-weight:500;font-size:.9em}.sfp__menu-icon{font-size:1.5em;font-weight:lighter}.sfp__content{position:relative;overflow:hidden;flex-grow:1;display:grid;height:100%;grid-gap:20px;gap:20px;padding:10px;grid-template-columns:1fr 2fr}.sfp__adv-container{position:relative;background-color:#666;max-height:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden}.sfp__img{height:100%;width:100%;object-fit:cover}.sfp__add-adv-button{position:absolute;display:flex;justify-content:center;align-items:center;bottom:5%;height:40px;width:40px;padding:30px;background-color:initial;color:#111;border:3px solid;border-radius:50%;font-family:"Poppins",sans-serif;font-size:3em;font-weight:700;cursor:pointer;transition:all .3s;filter:drop-shadow(0 0 4px rgb(255,255,255))}.sfp__add-adv-button:hover{background-color:rgba(190,215,241,.6);color:#444;box-shadow:0 0 10px 2px rgba(190,215,241,.5)}@media (min-width:1300px){.sfp__content{grid-gap:15px;gap:15px}.sfp__logo-text{font-size:1.5em}.sfp__time-text{font-size:1.2em}.sfp__menu-icon{font-size:2em}.sfp__add-adv-button{font-size:4em;padding:50px;border:4px solid}}.sfp__container-dark,.sfp__theme-dark{background-color:#1a1a1a}.sfp__theme-dark .sfp__header,.sfp__theme-dark .sfp__menu-icon{color:#e5e5e5}.sfp__theme-dark .sfp__adv-container{background-color:#2d2d2d}.sfp__theme-dark .sfp__add-adv-button{color:#e5e5e5;border-color:#e5e5e5;filter:drop-shadow(0 0 4px rgb(255,255,255))}.sfp__theme-dark .sfp__add-adv-button:hover{background-color:rgba(190,215,241,.6);color:#2d2d2d;box-shadow:0 0 10px 2px rgba(190,215,241,.5)}.sfp__card{box-shadow:#333;border-radius:15px;box-shadow:2px 2px 10px 0 rgba(0,0,0,.5019607843137255)}.sfp__main-content{background-color:#f5f5f5;background:linear-gradient(#f5f5f5 40%,#d7d7d7 42%,#f5f5f5)}.sfp__main-content,.sfp__main-content__payment{display:grid;grid-template-rows:1fr 15%;place-items:center;padding:20px}.sfp__main-content__payment{background-color:#f5f5f5}.sfp__main-content-wrapper{flex-direction:column;justify-content:center;font-weight:400;height:100%;margin:0 auto auto;flex:1 1;min-width:0}.sfp__main-content-wrapper,.sfp__main-content-wrapper__payment{display:flex;align-items:center;font-family:"Poppins",sans-serif;grid-gap:20px;gap:20px}.sfp__main-content-wrapper__payment{flex-direction:column;font-weight:300;max-width:50%;color:#222}.sfp__main-content-wrapper__payment .sfp__code-message{color:inherit}.sfp__screen-name{font-size:2em;color:#333;margin:0 0 1em;text-transform:uppercase}.sfp__product-img{max-width:100%;max-height:30vh;object-fit:contain}.sfp__message{font-size:1.5em;margin:0 0 1em;font-weight:500;color:#222}.sfp__code-info{display:flex;flex-direction:column;align-items:center;grid-gap:5px;gap:5px}.sfp__coffee-code{font-size:1.2em;font-weight:500;color:#648fa1;margin:0}.sfp__code-message{font-size:1em;color:#222;margin:0;text-align:center}.sfp__dispensing-message{font-size:1em;color:#333;margin:0;text-align:center;font-weight:500}.sfp__progress-bar{background-color:#888;width:100%;height:15px;border-radius:50px;margin:10px 0;position:relative}.sfp__current-progress{position:absolute;top:0;left:0;background-color:#222;width:60%;height:15px;border-radius:50px}.sfp__coffee-button{background-color:#222;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer}.sfp__coffee-button:hover{background-color:#111;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff}.sfp__credit-card-img{height:50px;width:auto}.sfp__credit-card-img--light{filter:brightness(0) saturate(100%)}.sfp__credit-card-img--dark{filter:brightness(0) saturate(100%) invert(1)}@media (min-width:1300px){.sfp__message{font-size:2em}.sfp__coffee-code{font-size:1.8em}}.pps__theme-dark.sfp__main-content{background-color:#2d2d2d;background:linear-gradient(#2d2d2d 40%,#1a1a1a 42%,#2d2d2d)}.pps__theme-dark.sfp__main-content__payment{background-color:#2d2d2d}.pps__theme-dark .sfp__message,.pps__theme-dark .sfp__screen-name{color:#e5e5e5}.pps__theme-dark .sfp__coffee-code{color:#7fb8c4}.pps__theme-dark .sfp__code-message,.pps__theme-dark .sfp__dispensing-message,.pps__theme-dark .sfp__main-content-wrapper__payment{color:#e5e5e5}.pps__theme-dark .sfp__progress-bar{background-color:#555}.pps__theme-dark .sfp__current-progress{background-color:#e5e5e5}.pps__theme-dark .sfp__coffee-button{background-color:#e5e5e5;color:#1a1a1a}.pps__company-gold .sfp__coffee-button,.pps__company-gold .sfp__current-progress{background-color:#e1b465}.pps__company-gold .sfp__coffee-button:hover{background-color:#b88e45}.banners-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100vw;overflow:hidden;box-sizing:border-box;padding:1rem 0}.banners-wrapper{display:flex;flex-direction:row;grid-gap:1rem;gap:1rem;padding:2rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;max-width:90vw;box-sizing:border-box}.banners-wrapper::-webkit-scrollbar{display:none}.banner-box{background-color:#1e1e1e;color:#fff;border-radius:16px;width:300px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 10px rgba(0,0,0,.3);overflow:hidden;font-family:"Arial",sans-serif;flex:0 0 auto}.banner-header{padding:.5rem 1rem 0;font-size:.8rem;opacity:.85;font-weight:600}.banner-tag{color:#fff;opacity:.9}.banner-content{text-align:left;padding:16px}.banner-name{font-size:1.1rem;margin:.3rem 0}.banner-price{font-size:.95rem;margin-top:.2rem}.banner-img-wrapper{padding-top:10px;border-radius:8px;overflow:hidden}.banner-img{width:100%;height:auto;object-fit:cover;border-radius:8px}.banner-footer{display:flex;align-items:center;padding:.5rem 1rem;background-color:#111}.footer-label{font-size:.75rem;opacity:.7}.switch{position:relative;display:inline-block;width:36px;height:20px;margin:0 4px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:20px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(16px)}.edit-btn{background:none;font-size:1rem}.add-new-banner{display:flex;justify-content:center;align-items:center;background-color:#1e1e1e;cursor:pointer;transition:background-color .3s ease;border-radius:16px;min-height:320px;width:300px;box-shadow:0 4px 10px rgba(0,0,0,.3)}.add-new-banner:hover{background-color:#323232}.plus-sign{font-size:3rem;font-weight:700;color:#fff;border:2px solid #fff;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.add-banner-text{font-size:.9rem;margin-top:.5rem;color:#ccc}.arrow{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;padding:0 10px;transition:color .2s;z-index:1}.arrow:hover{color:#0096fa}.filters-container{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:2rem;background-color:#323232;margin-bottom:1rem;flex-wrap:wrap;width:100%}.filter-btn{padding:.4rem 1rem;background-color:#1e1e1e;color:#ccc;border-radius:4px;cursor:pointer;font-size:.9rem;border:1px solid transparent;transition:all .2s ease}.filter-btn:hover{background-color:#555;color:#fff}.filter-btn.active{background-color:#111;color:#fff;font-weight:700;border:1px solid #222}.filter-controls{display:flex;background-color:initial;align-items:center;margin-left:auto;grid-gap:.4rem;gap:.4rem}.circle-btn,.square-btn{background-color:#1e1e1e;color:#fff;border:none;padding:.4rem .6rem;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.square-btn{border-radius:4px;font-size:.9rem}.edit-product-container{display:flex;justify-content:space-between;background-color:#323232;padding:2rem 8rem;color:#fff;margin:40px auto;border-radius:16px;font-family:"Rubik",sans-serif;grid-gap:6rem;gap:6rem;box-sizing:border-box}.edit-form{flex:1 1;display:flex;flex-direction:column;grid-gap:1.8rem;gap:1.8rem;width:100%}.form-row{display:flex;align-items:center;justify-content:flex-start;grid-gap:3rem;gap:3rem;padding:.6rem 0}.edit-form label{font-size:1.1rem;flex:0 0 180px;text-align:left;color:#fff}.custom-select,.edit-form input[type=text].custom-select,textarea.custom-select{background-color:#2699fb;color:#fff;border:none;padding:.5rem 1rem;font-size:1rem;font-weight:700;border-radius:1.5rem;cursor:pointer;min-width:200px;max-width:300px;width:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.custom-select:focus{outline:none;box-shadow:0 0 0 2px rgba(38,153,251,.5)}textarea.custom-select{resize:vertical;height:100px}.image-thumb{width:60px;height:60px;border-radius:10px;object-fit:cover;background-color:#323232;padding:4px}.product-preview{flex:0 0 35%;padding:2rem;background-color:#1a1a1a;color:#fff;border-radius:16px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.3);border:1px dashed #555}.product-preview img{width:100%;height:auto;border-radius:12px;margin-bottom:1rem;padding:4px;background-color:#323232}.product-preview h3{font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.product-preview span{font-size:1rem;font-weight:700;color:#ccc}.icon-button{background:none;color:#fff;font-size:1.2rem;border:none;cursor:pointer;padding:.3rem .6rem;border-radius:6px;transition:background-color .2s ease}.icon-button:hover{background-color:hsla(0,0%,100%,.1)}.button-group{align-items:center}.button-group button{border-radius:6px;font-size:1rem;display:flex;align-items:center;justify-content:center;border:none;color:#fff;cursor:pointer;transition:background-color .2s ease}.save-btn{border-radius:1rem}.jug-popup{position:absolute;top:110%;left:0;background-color:#2a2a2a;border:1px solid #444;border-radius:10px;padding:1rem;box-shadow:0 0 10px rgba(0,0,0,.6);z-index:1000;min-width:280px;font-family:"Rubik",sans-serif}.jug-settings-wrapper{position:relative;display:inline-block}.popup-title{font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.popup-placeholder{font-size:.95rem;opacity:.7}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1a1a1a;padding:2rem;border-radius:16px;max-height:80vh;width:90%;max-width:900px;overflow-y:auto;box-shadow:0 0 20px rgba(0,0,0,.5);font-family:"Rubik",sans-serif;text-align:center}.modal-content h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.image-grid>*{background-color:#000;border-radius:10px;padding:4px}.image-grid img{background-color:#323232}.selectable-image{background-color:#000;border-radius:10px;padding:4px}.modal-content .cancel-btn{background-color:#d9534f}.modal-content .cancel-btn:hover{background-color:#c9302c}.modal-content .save-btn{background-color:#5cb85c}.modal-content .save-btn:hover:not(:disabled){background-color:#4cae4c}.modal-content button:hover:not(:disabled){background-color:#c9302c}.description-box{position:relative;display:flex;align-items:flex-start;background:#0096fa;border-radius:1.5rem;padding:12px 40px 12px 12px;box-shadow:0 2px 6px rgba(0,0,0,.05);margin-top:8px}.description-text{margin:0}.custom-textarea,.description-text{flex:1 1;color:#fff;line-height:1.4}.custom-textarea{padding:8px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px;background-color:#0096fa;border:none}.description-box .edit-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;cursor:pointer;font-size:1.1rem;color:#fff;transition:color .2s ease}.description-box .edit-btn:hover{color:#555}.cancel-btn{color:#fff;padding:.6rem 1.5rem;border-radius:20px;font-family:"Rubik",sans-serif;transition:background-color .3s ease}.volume-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.volume-modal-content{background:#242424;padding:32px;border-radius:8px;width:440px;max-width:90%;text-align:center;color:#fff}.volume-modal-content h2{margin-bottom:20px;font-size:1.4rem}.volume-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.volume-row label{flex:1 1;text-align:left;font-size:1rem}.volume-select-container{flex:1 1;display:flex;justify-content:flex-end}.volume-select{background:#0288d1;color:#fff;border:none;border-radius:20px;padding:8px 18px;font-size:1rem;min-width:140px;cursor:pointer;appearance:auto;-webkit-appearance:auto;-moz-appearance:auto}.volume-select::-ms-expand{display:block}.volume-select-container:after{display:none}.modal-button-group{display:flex;justify-content:flex-end;margin-top:28px}.modal-button-group .cancel-btn{padding:10px 20px;margin-right:12px}.modal-button-group .save-btn{padding:10px 20px}.custom-dropdown{position:relative;display:inline-block;width:100%}.dropdown-button{width:100%;padding:12px 16px;background-color:#2b2b2b;color:#fff;border:1px solid #444;border-radius:12px;font-size:1rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.dropdown-button:hover{background-color:#3a3a3a}.dropdown-button span{margin-left:auto;font-size:1rem;transform:translateY(2px)}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;background-color:#1e1e1e;border:1px solid #333;border-radius:12px;width:100%;padding:12px;z-index:200;box-shadow:0 4px 10px rgba(0,0,0,.4);max-height:240px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;padding:6px 0;color:#ccc;font-size:.95rem;transition:color .2s ease}.dropdown-item input{margin-right:10px;accent-color:#2699fb}.dropdown-item:hover{color:#fff}.upload-section{display:flex;flex-direction:column;align-items:center;grid-gap:1.2rem;gap:1.2rem;padding:1.5rem;background-color:#2a2a2a;border-radius:12px;border:2px dashed #555;margin-top:1rem;font-family:"Rubik",sans-serif}.upload-section input[type=file]{color:#fff;background-color:initial;border:none;cursor:pointer}.upload-section input[type=file]::-webkit-file-upload-button,.upload-section input[type=file]::file-selector-button{background-color:#2699fb;color:#fff;padding:6px 14px;font-size:.9rem;border:none;border-radius:8px;cursor:pointer}.preview-image{max-width:180px;max-height:180px;background-color:#1a1a1a;border:2px solid #444;border-radius:12px}.save-btn{background-color:#5cb85c;padding:.6rem 1.4rem;font-size:1rem;border-radius:12px;border:none;color:#fff;cursor:pointer;transition:background-color .2s ease}.save-btn:hover:not(:disabled){background-color:#4cae4c}.preset-image-btn{background-color:#444;color:#fff;border:none;border-radius:10px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.preset-image-btn:hover{background-color:#666}.tabs{display:flex;justify-content:center;grid-gap:1rem;gap:1rem;margin-bottom:1.2rem}.tabs button{background-color:#3a3a3a;color:#ddd;border:none;padding:.6rem 1.2rem;border-radius:10px;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.tabs button.active{background-color:#2699fb;color:#fff}.tabs button:hover{background-color:#505050}.form-lang-and-name{display:flex;flex-direction:row;grid-gap:1rem;gap:1rem;align-items:center}.form-lang-and-name input.custom-input,.form-lang-and-name select.custom-select{width:auto;min-width:18px;max-width:200px;flex:0 0 auto}.custom-input{background-color:#323232;color:#fff;border:2px solid #2699fb;padding:.5rem 1rem;font-size:1rem;font-weight:700;border-radius:1.5rem;min-width:200px;max-width:300px;width:100%;box-sizing:border-box}.custom-input:focus{outline:none;box-shadow:0 0 0 2px rgba(38,153,251,.5)}.new-filter-page{display:flex;flex-direction:column;height:100%;min-height:100%;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);color:#fff;font-family:inherit;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden}.new-filter-header{grid-gap:12px;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-bottom:1px solid hsla(0,0%,100%,.1)}.new-filter-back,.new-filter-header{display:flex;align-items:center;flex-shrink:0}.new-filter-back{justify-content:center;width:36px;height:36px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.new-filter-back:hover{background:hsla(0,0%,100%,.2);transform:translateX(-2px)}.new-filter-back:active{transform:translateX(-1px)}.new-filter-title{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.new-filter-content{flex:1 1;overflow:auto;padding:20px 24px;display:grid;grid-template-columns:1fr 2fr;grid-gap:24px;gap:24px}.new-filter-content::-webkit-scrollbar{width:8px}.new-filter-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.new-filter-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.new-filter__left-column{display:flex;flex-direction:column;grid-gap:32px;gap:32px}.new-filter-section{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.new-filter-section-title{margin:0;font-size:14px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px}.new-filter-create-row{display:flex;grid-gap:10px;gap:10px;align-items:center}.new-filter-create-input{flex:1 1;min-width:0;padding:12px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.new-filter-create-input::placeholder{color:hsla(0,0%,100%,.5)}.new-filter-create-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2)}.new-filter-create-btn{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(76,175,80,.3)}.new-filter-create-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px rgba(76,175,80,.4);transform:translateY(-1px)}.new-filter-toggles{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.new-filter-toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 0}.new-filter-toggle-label:has(.new-filter-toggle-input:disabled){cursor:default;opacity:.7}.new-filter-toggle-text{font-size:14px;font-weight:500;color:#e0e0e0}.new-filter-toggle-wrapper{position:relative;width:48px;height:26px;flex-shrink:0}.new-filter-toggle-input{position:absolute;opacity:0;width:0;height:0}.new-filter-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.2);transition:.3s;border-radius:26px}.new-filter-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.new-filter-toggle-input:checked+.new-filter-toggle-slider{background-color:#4caf50}.new-filter-toggle-input:checked+.new-filter-toggle-slider:before{transform:translateX(22px)}.new-filter-toggle-input:disabled+.new-filter-toggle-slider{opacity:.5;cursor:not-allowed}.new-filter-enable-toggle{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.new-filter-enable-toggle .new-filter-toggle-wrapper{width:40px;height:22px}.new-filter-enable-toggle .new-filter-toggle-slider:before{height:16px;width:16px;left:3px;bottom:3px}.new-filter-enable-toggle .new-filter-toggle-input:checked+.new-filter-toggle-slider:before{transform:translateX(18px)}.new-filter-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.new-filter-empty{margin:0;padding:24px;text-align:center;color:#888;font-size:14px;background:hsla(0,0%,100%,.05);border-radius:8px;border:1px dashed hsla(0,0%,100%,.15)}.new-filter-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.new-filter-card-main{display:flex;align-items:center;grid-gap:12px;gap:12px}.new-filter-reorder{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.new-filter-arrow-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;padding:0;background:hsla(0,0%,100%,.1);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.new-filter-arrow-btn:hover:not(:disabled){background:hsla(0,0%,100%,.2)}.new-filter-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.new-filter-card-name{flex:1 1;min-width:0;display:flex;align-items:center;grid-gap:12px;gap:12px;flex-wrap:wrap}.new-filter-name-text{font-size:15px;font-weight:500;color:#e0e0e0}.new-filter-image-slots{display:inline-flex;align-items:flex-end;grid-gap:12px;gap:12px;flex-shrink:0}.new-filter-image-slot-wrap{display:flex;flex-direction:column;align-items:center;grid-gap:4px;gap:4px;flex-shrink:0}.new-filter-image-slot-label{font-size:10px;font-weight:500;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-align:center;line-height:1.2;min-height:14px}.new-filter-image-slot{position:relative;display:flex;align-items:center;justify-content:center;height:36px;flex-shrink:0;grid-gap:2px;gap:2px}.new-filter-thumb{height:36px;object-fit:contain;border-radius:6px;background:rgba(0,0,0,.2);display:block}.new-filter-ghost-add{width:52px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.06);border:1px dashed hsla(0,0%,100%,.25);border-radius:6px;color:hsla(0,0%,100%,.5);cursor:pointer;transition:all .2s ease;flex-shrink:0}.new-filter-ghost-add:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.4);color:hsla(0,0%,100%,.8)}.new-filter-ghost-add-plus{font-size:20px;font-weight:300;line-height:1}.new-filter-thumb-remove{width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border:none;border-radius:4px;color:#fff;font-size:16px;line-height:1;cursor:pointer;transition:background .2s}.new-filter-thumb-remove:hover{background:#c62828}.new-filter-edit-input{padding:8px 12px;font-size:14px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;width:180px;max-width:100%}.new-filter-edit-input:focus{outline:none;border-color:#4caf50}.new-filter-card-actions{display:flex;align-items:center;grid-gap:8px;gap:8px;flex-wrap:wrap}.new-filter-action-btn{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.new-filter-action-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.new-filter-action-btn--secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.new-filter-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.new-filter-icon-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.new-filter-icon-btn--danger:hover{background:rgba(244,67,54,.3);border-color:rgba(244,67,54,.5);color:#ff6b6b}.new-filter-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.new-filter-modal{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px;width:100%;max-width:980px;max-height:85vh;overflow:auto;box-shadow:0 8px 32px rgba(0,0,0,.4)}.new-filter-modal--upload{max-width:420px}.new-filter-modal-header{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:16px}.new-filter-modal-title{margin:0;font-size:16px;font-weight:600;color:#fff}.new-filter-modal-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:background .2s}.new-filter-modal-close:hover{background:hsla(0,0%,100%,.2)}.new-filter-transfer-layout{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:14px;gap:14px;align-items:center}.new-filter-transfer-column{min-width:0}.new-filter-transfer-title{margin:0 0 8px;font-size:12px;font-weight:600;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:.6px}.new-filter-transfer-list{height:min(58vh,520px);overflow:auto;display:flex;flex-direction:column;grid-gap:6px;gap:6px;padding:8px;border-radius:10px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.12)}.new-filter-transfer-item{width:100%;display:flex;align-items:center;grid-gap:10px;gap:10px;padding:9px;border-radius:8px;border:1px solid transparent;background:hsla(0,0%,100%,.06);color:#fff;cursor:pointer;text-align:left}.new-filter-transfer-item:hover{background:hsla(0,0%,100%,.12)}.new-filter-transfer-item:disabled{opacity:.65;cursor:not-allowed}.new-filter-transfer-item:disabled:hover{background:hsla(0,0%,100%,.06)}.new-filter-transfer-item.is-selected{border-color:rgba(76,175,80,.8);background:rgba(76,175,80,.2)}.new-filter-transfer-thumb{width:34px;height:34px;object-fit:contain;border-radius:6px;background:rgba(0,0,0,.2);flex-shrink:0}.new-filter-transfer-name{font-size:13px;color:#e0e0e0;line-height:1.2;word-break:break-word}.new-filter-transfer-actions{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.new-filter-transfer-actions .new-filter-btn{min-width:120px}.new-filter-transfer-actions .new-filter-btn:disabled{opacity:.5;cursor:not-allowed}.new-filter-upload-section{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.new-filter-file-input{padding:8px 0;font-size:13px;color:#e0e0e0}.new-filter-preview-img{object-fit:contain;max-height:200px;width:auto;border-radius:8px;background:rgba(0,0,0,.2)}.new-filter-modal-actions{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap}.new-filter-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.new-filter-btn--primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.3)}.new-filter-btn--primary:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}.new-filter-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.new-filter-btn--secondary:hover{background:hsla(0,0%,100%,.15)}.multi-pmf-page{display:flex;flex-direction:column;height:100%;min-height:100%;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden}.multi-pmf-header{grid-gap:12px;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-bottom:1px solid hsla(0,0%,100%,.1)}.multi-pmf-back,.multi-pmf-header{display:flex;align-items:center;flex-shrink:0}.multi-pmf-back{justify-content:center;width:36px;height:36px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.multi-pmf-back:hover{background:hsla(0,0%,100%,.2);transform:translateX(-2px)}.multi-pmf-title{margin:0;font-size:20px;font-weight:600;letter-spacing:.5px}.multi-pmf-content{flex:1 1;overflow:auto;padding:20px 24px;display:flex;flex-direction:column;grid-gap:24px;gap:24px}.multi-pmf-section{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.multi-pmf-section-title{margin:0;font-size:14px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px}.multi-pmf-controls{display:flex;align-items:center;grid-gap:12px;gap:12px;flex-wrap:wrap}.multi-pmf-input{width:320px;max-width:100%;padding:12px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px}.multi-pmf-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2)}.multi-pmf-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.multi-pmf-empty{padding:24px;color:#888;background:hsla(0,0%,100%,.05);border-radius:8px;border:1px dashed hsla(0,0%,100%,.15)}.multi-pmf-empty,.multi-pmf-warning{margin:0;text-align:center;font-size:14px}.multi-pmf-warning{padding:12px;color:#ff8a80}.multi-pmf-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:14px 16px;grid-gap:12px;gap:12px}.multi-pmf-card,.multi-pmf-card-main{display:flex;align-items:center;justify-content:space-between}.multi-pmf-card-main{width:100%;grid-gap:16px;gap:16px;min-width:0;margin:0 16px}.multi-pmf-default-toggle{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:13px;color:#e0e0e0;cursor:pointer;flex-shrink:0}.multi-pmf-default-toggle input{accent-color:#4caf50}.multi-pmf-info{min-width:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-items:center;width:100%;margin:0 32px}.multi-pmf-name{text-align:left;margin:0 0 6px;font-size:16px;font-weight:600;color:#fff}.multi-pmf-meta{margin:0;font-size:13px;color:#d0d0d0;line-height:1.4;text-align:left}.multi-pmf-meta:nth-child(3){grid-column:span 2}.multi-pmf-actions{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px;padding:16px 24px 20px;border-top:1px solid hsla(0,0%,100%,.08);background:rgba(0,0,0,.1)}.multi-pmf-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.multi-pmf-btn:disabled{opacity:.6;cursor:not-allowed}.multi-pmf-btn--primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.3)}.multi-pmf-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}.multi-pmf-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.multi-pmf-btn--secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.multi-pmf-btn--ghost-danger{background:rgba(244,67,54,.15);color:#ff8a80;border:1px solid rgba(244,67,54,.35);padding:8px 12px;font-size:13px}.multi-pmf-btn--ghost-danger:hover{background:rgba(244,67,54,.25);color:#ff6b6b}.App-footer{text-align:center;font-size:.9rem;box-shadow:0 -2px 4px rgba(0,0,0,.3)}.App-footer,.new-product-container{background-color:#323232;color:#fff}.new-product-container{display:flex;justify-content:space-between;padding:2rem 8rem;margin:40px auto;border-radius:16px;font-family:"Rubik",sans-serif;grid-gap:6rem;gap:6rem;box-sizing:border-box}.new-product-form{flex:1 1;display:flex;flex-direction:column;grid-gap:1.8rem;gap:1.8rem;width:100%}.new-product-form .form-row{display:flex;align-items:center;justify-content:flex-start;grid-gap:3rem;gap:3rem}.new-product-form label{font-size:1.1rem;flex:0 0 180px;text-align:left;color:#fff}.new-product-form input,.new-product-form select{background-color:#2699fb;color:#fff;border:none;padding:.5rem 1rem;font-size:1rem;font-weight:700;border-radius:1.5rem;min-width:200px;max-width:300px;width:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box}.new-product-form input:disabled{background-color:#666;color:#ccc;font-style:italic}.new-product-form select{background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer}.new-product-form input:focus,.new-product-form select:focus{outline:none;box-shadow:0 0 0 2px rgba(38,153,251,.5)}.button-group{display:flex;justify-content:center;grid-gap:2rem;gap:2rem;margin-top:2rem}.new-cancel-btn,.new-save-btn{border-radius:50%;font-size:1.6rem;display:flex;align-items:center;justify-content:center;border:none;color:#fff;cursor:pointer;transition:background-color .2s ease;padding:.75rem 1.5rem}.new-save-btn{background-color:#5cb85c}.new-save-btn:hover{background-color:#4cae4c}.new-save-btn:disabled{background-color:#888;cursor:not-allowed}.new-cancel-btn{background-color:#d9534f}.new-cancel-btn:hover{background-color:#c9302c}.new-product-preview{flex:0 0 30%;margin-left:3rem;padding:2rem;background-color:#1a1a1a;border-radius:16px;text-align:center;color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);border:1px dashed #555}.new-product-preview h3{font-size:1.4rem;margin-bottom:1rem;font-weight:700}.preview-image{width:100%;max-height:220px;object-fit:contain;border-radius:10px;background-color:#2a2a2a;padding:6px}.edit-btn{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0 8px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:1rem}.selectable-image{width:100px;height:100px;object-fit:contain;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:transform .2s,border-color .2s}.selectable-image:hover{transform:scale(1.05);border-color:#2699fb}.new-ipd-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.6rem 1rem;border:0;border-radius:12px;background:linear-gradient(180deg,#2699fb,#3a6fe6);color:#fff;font-weight:600;letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 18px rgba(63,111,230,.35);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background .2s ease}.new-ipd-btn:before{content:"🔎";font-size:1rem;line-height:1}.new-ipd-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(63,111,230,.45);filter:brightness(1.02)}.new-ipd-btn:active{transform:translateY(0);box-shadow:0 6px 16px rgba(63,111,230,.35);filter:brightness(.98)}.new-ipd-btn:focus-visible{outline:3px solid rgba(79,140,255,.35);outline-offset:2px}.new-ipd-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.new-ipd-btn--ghost{background:#eef3ff;color:#2b56c6;box-shadow:none}.new-ipd-btn--ghost:hover{background:#e4ecff}.sysconf-container{padding:20px;background-color:#111;color:#fff;font-family:sans-serif}.sysconf-tabs{display:flex;margin-bottom:20px}.sysconf-tab-btn{background:none;color:#aaa;padding:10px 16px;cursor:pointer;font-size:16px;border:none;border-bottom:2px solid transparent;transition:all .2s ease-in-out}.sysconf-tab-btn.active{color:#fff;border-bottom:2px solid #fff;font-weight:700}.sysconf-tab-content{background-color:#1e1e1e;padding:20px;border-radius:10px}.sysconf-setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #333}.sysconf-setting-label{font-size:14px;color:#888}.sysconf-setting-value{font-size:16px;font-weight:500}.sysconf-edit-btn{background:none;border:none;color:#ccc;font-size:18px;cursor:pointer}.sysconf-edit-btn:hover{color:#fff}.sysconf-menu-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#ccc}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:40px;height:20px;background:#555;border-radius:20px;position:relative;outline:none;cursor:pointer;transition:background .3s}input[type=checkbox]:checked{background:#4caf50}input[type=checkbox]:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;top:2px;left:2px;background:#fff;transition:transform .3s}input[type=checkbox]:checked:before{transform:translateX(20px)}.sysconf-radio-group{flex-wrap:wrap;grid-gap:10px;gap:10px;margin-top:8px}.sysconf-radio-group label{display:flex;align-items:center;background-color:#333;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;color:#ccc;border:1px solid #444;transition:all .2s ease-in-out}.sysconf-radio-group input[type=radio]{-webkit-appearance:none;appearance:none;margin-right:6px;width:14px;height:14px;border-radius:50%;border:2px solid #aaa;background-color:initial;position:relative}.sysconf-radio-group input[type=radio]:checked{border-color:#4caf50;background-color:#4caf50}select{background-color:#333;color:#fff;padding:6px 12px;border:1px solid #555;border-radius:4px;font-size:14px;outline:none}.sysconf-subtabs{display:flex;margin-bottom:12px;grid-gap:8px;gap:8px}.sysconf-subtab-btn{background:none;color:#888;padding:8px 12px;border:none;border-bottom:2px solid transparent;cursor:pointer}.sysconf-subtab-btn.active{color:#fff;border-color:#fff;font-weight:700}.sysconf-network-panel{display:flex}.sysconf-network-types{width:30%;background-color:#323232;padding:10px;border-radius:6px;display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-right:20px}.sysconf-network-option{background-color:#333;padding:10px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#fff;border:2px solid transparent;transition:.2s ease}.sysconf-network-option.active{border-color:#4caf50;background-color:#2a2a2a;color:#fff}.sysconf-network-details{flex:1 1;padding:10px;background-color:#323232;border-radius:6px}.sysconf-iot-content p{margin:4px 0;font-size:14px;color:#aaa}.sysconf-agent-panel img{margin-top:10px;border:2px solid #666;border-radius:8px}.sysconf-agent-panel button{background-color:#222;color:#fff;padding:10px 16px;border:1px solid #777;border-radius:8px;cursor:pointer;font-size:14px;transition:.2s}.sysconf-agent-panel button:hover{background-color:#444}.sysconf-volume-control{display:flex;align-items:center;grid-gap:10px;gap:10px;width:300px;margin-top:10px;margin-bottom:16px}.sysconf-volume-control input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:5px;background-color:#2196f3;outline:none}.sysconf-volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#2196f3;border:2px solid #fff;cursor:pointer;margin-top:-5px}.sysconf-volume-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#2196f3;border:2px solid #fff;cursor:pointer}.sysconf-connection-info input[type=text],.sysconf-network-details input[type=email],.sysconf-network-details input[type=number],.sysconf-network-details input[type=password],.sysconf-network-details input[type=text],.sysconf-network-details select,.sysconf-network-section input[type=password],.sysconf-network-section input[type=text]{width:220px!important;padding:8px 10px;background-color:#1e1e1e;border:1px solid #555;border-radius:4px;color:#fff;margin-top:4px;margin-bottom:10px;font-size:14px;outline:none}.sysconf-savebutton{margin-top:20px;background-color:#4caf50;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s ease-in-out}.sysconf-network-panel button:hover{background-color:#43a047}.sysconf-connection-info{display:flex;flex-direction:column;grid-gap:12px;gap:12px;padding:20px;background-color:#323232;border-radius:6px;min-width:300px}.sysconf-connection-info label{display:flex;align-items:center;justify-content:space-between;color:#ccc;font-size:14px}.sysconf-connection-info input[type=text]{width:100%;padding:8px 10px;background-color:#1c1c1c;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;margin-top:4px}.sysconf-connection-info p{color:#ccc;font-weight:700;font-size:16px;margin-bottom:12px}.sysconf-save-button button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.sysconf-save-button button:hover:not(:disabled){background-color:#45a049}.sysconf-network-section{display:flex;flex-direction:column;grid-gap:12px;gap:12px;padding:20px;background-color:#2c2c2c;border-radius:6px;min-width:300px}.sysconf-network-section label{display:flex;justify-content:space-between;align-items:center;color:#ccc;font-size:14px}.sysconf-network-section input[type=password],.sysconf-network-section input[type=text]{width:100%;padding:8px 10px;background-color:#1c1c1c;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;margin-top:4px}.sysconf-network-section p{color:#ccc;font-weight:700;font-size:16px;margin-bottom:12px}.sysconf-machine-settings{padding:20px;display:flex;flex-direction:column;grid-gap:20px;gap:20px;color:#fff}.sysconf-machine-settings .form-row{display:flex;flex-direction:column;align-items:flex-start;grid-gap:6px;gap:6px}.sysconf-machine-settings label{font-size:14px;font-weight:400}.sysconf-machine-settings input[type=email],.sysconf-machine-settings input[type=number],.sysconf-machine-settings input[type=text]{background-color:#222;border:1px solid #444;color:#eee;padding:8px 10px;border-radius:6px;font-size:14px;min-width:280px;outline:none;transition:border .2s ease}.sysconf-machine-settings input:focus{border-color:#0096fa}.sysconf-save-button{display:flex;justify-content:flex-end}.sysconf-display-settings{display:flex;flex-direction:column;grid-gap:20px;gap:20px;padding:20px;color:#fff}.sysconf-display-settings .form-row{display:flex;flex-direction:column;align-items:flex-start;grid-gap:6px;gap:6px}.sysconf-display-settings input[type=range]{width:250px}.sysconf-display-settings input[type=checkbox],.sysconf-display-settings select{margin-top:6px}.sysconf-menu-settings{display:flex;flex-direction:column;grid-gap:20px;gap:20px;padding:20px;color:#fff}.sysconf-radio-group{display:flex;flex-direction:column;grid-gap:6px;gap:6px;margin-top:6px}.IoT-enable-button{background-color:#1e1e1e;margin-top:2rem}.cancel-button-row{margin-top:20px;text-align:left}.cancel-btn{padding:8px 16px;background-color:#d9534f;border:none;border-radius:4px;cursor:pointer}.cancel-btn:hover{background-color:#c9302c}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#323232}.login-form{background:#323232;padding:2rem;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);width:100%;max-width:360px}.login-form h2{margin-bottom:1.5rem;font-size:1.5rem;text-align:center;color:#fff}.login-form label{display:block;margin-bottom:.25rem;font-size:.875rem;color:#fff}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #0096fa;border-radius:.25rem;font-size:1rem;box-sizing:border-box;background-color:#323232;color:#fff}.login-form input:focus{outline:none;border-color:#0096fa;box-shadow:0 0 0 2px rgba(63,81,181,.2)}.login-error{background:#ffcdd2;color:#b71c1c;padding:.75rem;border-radius:.25rem;margin-bottom:1rem;text-align:center;font-size:.875rem}.login-form button{width:100%;padding:.75rem;background:#0096fa;color:#fff;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:background .3s ease}.login-form button:hover{background:#0077c6}@media (max-width:480px){.login-form{padding:1.5rem;margin:0 1rem}}.cookie-banner{position:fixed;bottom:0;width:100%;background-color:#222;color:#fff;padding:1em;text-align:center;z-index:1000}.cookie-banner p{margin:0;padding:0 .5em;display:inline}.cookie-banner button{margin-left:1em;background-color:#4caf50;color:#fff;border:none;padding:.5em 1em;cursor:pointer;border-radius:4px}.login-version-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);z-index:2000}.login-version-modal{width:min(90vw,420px);padding:1.5rem;border:1px solid hsla(0,0%,100%,.18);border-radius:.5rem;background:#323232;color:#fff;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.35)}.login-version-modal h3{margin-top:0}.login-version-shortcut{margin:.5rem 0;font-weight:700;color:#0096fa}.login-switch{margin-top:1rem;text-align:center;font-size:.875rem;color:#aaa}.login-switch a{color:#0096fa;text-decoration:none}.login-switch a:hover{text-decoration:underline}.register-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#323232}.register-form{background:#323232;padding:2rem;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);width:100%;max-width:360px}.register-form h2{margin-bottom:1.5rem;font-size:1.5rem;text-align:center;color:#fff}.register-form label{display:block;margin-bottom:.25rem;font-size:.875rem;color:#fff}.register-form input[type=email],.register-form input[type=password],.register-form input[type=text]{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #0096fa;border-radius:.25rem;font-size:1rem;box-sizing:border-box;background-color:#323232;color:#fff}.register-form input:focus{outline:none;border-color:#0096fa;box-shadow:0 0 0 2px rgba(63,81,181,.2)}.register-error{background:#ffcdd2;color:#b71c1c}.register-error,.register-success{padding:.75rem;border-radius:.25rem;margin-bottom:1rem;text-align:center;font-size:.875rem}.register-success{background:#c8e6c9;color:#1b5e20}.register-form button{width:100%;padding:.75rem;background:#0096fa;color:#fff;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:background .3s ease}.register-form button:hover{background:#0077c6}.register-form button:disabled{background:#555;cursor:not-allowed}.register-hint{font-size:.75rem;color:#aaa;margin-top:-.5rem;margin-bottom:1rem}.register-switch{margin-top:1rem;text-align:center;font-size:.875rem;color:#aaa}.register-switch a{color:#0096fa;text-decoration:none}.register-switch a:hover{text-decoration:underline}@media (max-width:480px){.register-form{padding:1.5rem;margin:0 1rem}}.admin-page{padding:2rem;max-width:1000px;margin:0 auto;color:#fff;color-scheme:dark}.admin-page h2{font-size:1.5rem;margin-bottom:1.5rem}.admin-section{background:#3a3a3a;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.admin-section h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#ccc}.admin-form-row{display:flex;grid-gap:1rem;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.admin-form-field{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem}.admin-form-row .admin-form-field{flex:0 0 auto;max-width:200px}.admin-form-note{margin:0;font-size:.75rem;color:#888;line-height:1.5}.admin-form-note strong{color:#aaa;font-weight:600}.admin-form-field label{font-size:.75rem;color:#aaa}.admin-form-field input,.admin-form-field select{padding:.5rem;border:1px solid #0096fa;border-radius:.25rem;font-size:.9rem;background-color:#2a2a2a;color:#fff;min-width:120px}.admin-form-field input:focus,.admin-form-field select:focus{outline:none;border-color:#0096fa;box-shadow:0 0 0 2px rgba(0,150,250,.2)}.admin-create-btn{padding:.55rem 1.5rem;background:#0096fa;color:#fff;border:none;border-radius:.25rem;font-size:.9rem;cursor:pointer;transition:background .3s ease}.admin-create-btn:hover{background:#0077c6}.admin-create-btn:disabled{background:#555;cursor:not-allowed}.admin-error{background:#ffcdd2;color:#b71c1c}.admin-error,.admin-success{padding:.6rem;border-radius:.25rem;margin-bottom:1rem;font-size:.85rem}.admin-success{background:#c8e6c9;color:#1b5e20;word-break:break-all}.admin-success code{font-weight:700;font-size:.9rem;-webkit-user-select:all;user-select:all}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{text-align:left;padding:.5rem;border-bottom:2px solid #555;color:#aaa;font-weight:600}.admin-table td{padding:.5rem;border-bottom:1px solid #444}.admin-table tr:hover{background:hsla(0,0%,100%,.03)}.admin-badge{display:inline-block;padding:.15rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.admin-badge-active{background:#2e7d32;color:#c8e6c9}.admin-badge-inactive{background:#c62828;color:#ffcdd2}.admin-badge-spent{background:#555;color:#ccc}.admin-empty{color:#888;text-align:center;padding:1rem}.admin-muted{color:#888}.admin-expiry-lapsed{color:#e07a7a;font-weight:500}.admin-copy-btn{background:none;border:1px solid #0096fa;color:#0096fa;padding:.2rem .6rem;border-radius:.25rem;font-size:.75rem;cursor:pointer;min-width:5.5rem;white-space:nowrap}.admin-copy-btn:hover{background:rgba(0,150,250,.1)}.admin-token-cell{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.admin-token-value{font-size:.8rem;color:#ccc;word-break:break-all;max-width:220px;-webkit-user-select:all;user-select:all}.admin-back-link{display:inline-block;margin-bottom:1rem;color:#0096fa;text-decoration:none;font-size:.9rem}.admin-back-link:hover{text-decoration:underline}.admin-actions-cell{width:1%;white-space:nowrap;text-align:right}.admin-icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:.25rem;border-radius:.25rem;color:#aaa;cursor:pointer;transition:background .2s ease,color .2s ease}.admin-icon-btn:hover{background:hsla(0,0%,100%,.08);color:#fff}.admin-icon-btn:disabled{opacity:.4;cursor:not-allowed}.admin-icon-btn-danger:hover:not(:disabled){background:rgba(198,40,40,.15);color:#ef5350}.admin-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.25rem}.admin-modal{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);padding:1.5rem;width:100%;max-width:420px;max-height:85vh;overflow:auto;color:#fff}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.admin-modal-title{margin:0;font-size:1rem;font-weight:600}.admin-modal-close{width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border:none;border-radius:.5rem;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer}.admin-modal-close:hover{background:hsla(0,0%,100%,.2)}.admin-modal-fields{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.admin-modal-fields .admin-form-field input:not([type=checkbox]),.admin-modal-fields .admin-form-field select{width:100%;box-sizing:border-box}.admin-toggle{display:inline-flex;align-items:center;grid-gap:.6rem;gap:.6rem;font-size:.9rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.15rem 0}.admin-toggle input{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0;border:none;min-width:0}.admin-toggle-track{position:relative;flex:none;width:2.5rem;height:1.35rem;border-radius:999px;background:#555;transition:background .2s ease,box-shadow .2s ease}.admin-toggle-track:after{content:"";position:absolute;top:.175rem;left:.175rem;width:1rem;height:1rem;border-radius:50%;background:#fff;transition:transform .2s ease}.admin-toggle input:checked+.admin-toggle-track{background:#0096fa}.admin-toggle input:checked+.admin-toggle-track:after{transform:translateX(1.15rem)}.admin-toggle input:focus-visible+.admin-toggle-track{box-shadow:0 0 0 2px rgba(0,150,250,.4)}.admin-toggle-disabled{cursor:not-allowed;color:#888}.admin-toggle-disabled .admin-toggle-track{opacity:.45}.user-active-checkbox{display:flex;width:auto;cursor:pointer}.admin-modal-note{margin:0 0 .75rem;font-size:.75rem;color:#aaa}.admin-modal-actions{display:flex;justify-content:flex-end;grid-gap:.5rem;gap:.5rem}.admin-cancel-btn{padding:.55rem 1.25rem;background:none;color:#ccc;border:1px solid #555;border-radius:.25rem;font-size:.9rem;cursor:pointer;transition:background .3s ease}.admin-cancel-btn:hover:not(:disabled){background:hsla(0,0%,100%,.08)}.admin-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.admin-field-hint{font-size:.7rem;color:#888}.initial-content{text-align:center;padding:4rem 2rem}.initial-content h2{font-size:2rem;margin-bottom:1rem}.initial-content p{font-size:1.2rem;color:#fff;margin-bottom:2.5rem}.initial-upload-buttons{display:flex;justify-content:center;grid-gap:2rem;gap:2rem;flex-wrap:wrap}.initial-btn{margin:.5rem;padding:1.2rem 2.5rem;font-size:1.5rem;background-color:#0070f3;color:#fff;border:none;border-radius:.8rem;cursor:pointer;transition:background-color .2s ease}.initial-btn:hover{background-color:#0057c2}.initial-btn:active{transform:scale(.98)}.ipd-prompt{margin-top:1.5rem;padding:1rem;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;max-width:420px;margin-left:auto;margin-right:auto}.ipd-prompt p{margin:0 0 .75rem;color:#fff}.cb-container{position:relative;width:100%;display:grid;grid-template-columns:240px 1fr;background:#2f2f2f;color:#eaeaea}.cb-sidebar{background:#2b2b2b;border-right:1px solid #151515;padding:16px;overflow-y:auto}.cb-campaign-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:16px;gap:16px}.cb-campaign-item{background:#262626;border:1px solid #151515;padding:14px 12px;cursor:pointer;font-weight:600;transition:transform .08s ease,background-color .15s ease,border-color .15s ease}.cb-campaign-item:hover{background:#2d2d2d}.cb-campaign-item.is-active{border-color:#0096fa;box-shadow:inset 0 0 0 1px #0096fa}.cb-main{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr 2fr;grid-gap:22px;gap:22px;padding:20px;overflow-y:auto}.cb-media-content{display:grid;grid-template-columns:3fr 1fr;grid-gap:12px;gap:12px;min-width:0;width:100%}.cb-media-info{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.cb-media-info-text{font-size:12px;color:#cfcfcf}.cb-grid-top{display:grid;grid-template-columns:1fr 420px;grid-gap:20px;gap:20px}.cb-card{background:#3a3a3a;border:2px solid #1f1f1f;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;padding:20px}.cb-card-title{align-self:flex-start;top:12px;left:12px;font-weight:700;color:#fff;opacity:.9}.cb-media{grid-column:1/3;min-width:0;width:100%}.cb-config{min-height:360px}@media (max-width:1100px){.cb-grid-top{grid-template-columns:1fr}.cb-media{grid-column:1/2}.cb-config,.cb-media{min-height:260px}.cb-main{grid-template-columns:1fr}}@media (max-width:820px){.cb-container{grid-template-columns:1fr}.cb-sidebar{order:-1;border-right:none;border-bottom:1px solid #151515}}.cb-actions{display:flex;flex-direction:column;grid-gap:8px;gap:8px;padding:12px 8px 0;border-top:1px solid #151515;margin-top:16px}.cb-btn{background-color:#4a90e2;color:#fff;border:none;border-radius:8px;padding:10px 12px;font-size:.95rem;cursor:pointer;transition:background-color .2s ease}.cb-btn:hover{background-color:#357ab8}.cb-btn:disabled{background-color:#777;cursor:not-allowed}.cb-btn-danger{background-color:#e74c3c}.cb-btn-danger:hover{background-color:#c0392b}.cb-config-form{display:grid;grid-gap:12px;gap:12px;width:100%;max-width:520px}.cb-field{display:grid;grid-gap:6px;gap:6px}.cb-field>span{font-size:.9rem;opacity:.9}.cb-row{display:flex;grid-gap:10px;gap:10px;align-items:center;flex-wrap:wrap}.cb-checkbox{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;-webkit-user-select:none;user-select:none;min-width:300px}.cb-actions-inline{margin-top:8px}.cb-config input[type=date],.cb-config input[type=time],.cb-input,.cb-select{background:#262626;color:#eaeaea;border:1px solid #151515;padding:8px;border-radius:6px}.cb-recurring .cb-config-form{width:100%;max-width:none;padding-top:0}.cb-recurring .cb-config-form .cb-field{display:grid;grid-template-columns:170px 1fr;align-items:center;grid-gap:12px;gap:12px}.cb-recurring .cb-config-form .cb-field>span{white-space:nowrap;line-height:1.2;padding-top:2px}.cb-recurring .cb-config-form .cb-field input[type=number]{max-width:140px;justify-self:start}@media (max-width:680px){.cb-recurring .cb-config-form .cb-field{grid-template-columns:1fr;grid-gap:6px;gap:6px}}.cb-monthly-layout{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:flex-start;width:100%;min-width:0}.cb-monthly-right{display:grid;grid-gap:16px;gap:16px;align-content:start;padding:0 20px}@media (max-width:1100px){.cb-monthly-layout{grid-template-columns:1fr}}.cb-month-grid{display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));grid-gap:8px;gap:8px;width:100%}.cb-month-day{padding:8px 0;background-color:#262626;border:1px solid #151515;border-radius:6px;color:#eaeaea;text-align:center;cursor:pointer;font-size:13px;line-height:1;transition:background-color .2s ease,border-color .2s ease}.cb-month-day:hover{background-color:#2d2d2d}.cb-month-day.is-selected{background-color:#0096fa;border-color:#0096fa}@media (max-width:1200px){.cb-month-grid{grid-template-columns:repeat(6,minmax(34px,1fr));grid-gap:6px;gap:6px}.cb-month-day{font-size:12px;padding:7px 0}}@media (max-width:900px){.cb-month-grid{grid-template-columns:repeat(5,minmax(34px,1fr))}}@media (max-width:600px){.cb-month-grid{grid-template-columns:repeat(4,minmax(34px,1fr))}}.cb-chip{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;-webkit-user-select:none;user-select:none;background:#262626;padding:6px 10px;border-radius:6px;border:1px solid #151515}.cb-recurring input[type=number],.cb-recurring select{max-width:140px;padding:8px;font-size:14px}@media (max-width:520px){.cb-recurring input[type=number],.cb-recurring select{max-width:100%}}.cb-media-uploader{margin-top:8px;min-width:0;width:100%}.cb-media-grid{display:grid;grid-auto-flow:column;grid-auto-columns:220px;grid-gap:12px;gap:12px;margin-top:12px;overflow-x:auto;overflow-y:hidden;height:220px;width:100%;max-width:100%}.cb-media-item{background:#1d1d1d;border:1px solid #151515;border-radius:8px;padding:10px;display:flex;flex-direction:column;grid-gap:8px;gap:8px;min-height:220px}.cb-thumb{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#0f0f0f;display:flex;align-items:center;justify-content:center}.cb-thumb img,.cb-thumb video{width:100%;height:100%;object-fit:cover}.cb-media-meta{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.cb-media-name{font-size:12px;color:#cfcfcf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-media-row{display:flex;grid-gap:8px;gap:8px;align-items:center;justify-content:space-between}.cb-media-empty{opacity:.6;padding:18px;border:1px dashed #333;border-radius:8px;text-align:center}.cb-media-row .cb-field{flex:1 1;min-width:0}.cb-media-row .cb-btn{flex-shrink:0;white-space:nowrap}.cb-btn{display:inline-flex;align-items:center;justify-content:center;grid-gap:6px;gap:6px}.cb-badge-wrap{position:absolute;top:8px;left:8px;display:flex;grid-gap:6px;gap:6px;z-index:2}.cb-badge{font-size:11px;line-height:1;padding:5px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.3);background:#2b2b2b;color:#eaeaea;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.cb-badge-server{background:#1f4e2b;color:#c9f1d2}.cb-badge-pending{background:#5a460f;color:#ffe7a3}.cb-media-item.is-pending .cb-thumb{opacity:.9}.cb-media-item.is-pending .cb-media-name{color:#ffe7a3}.cb-thumb{position:relative}.cb-progress{flex:1 1;height:10px;background:#1d1d1d;border:1px solid #151515;border-radius:999px;overflow:hidden;min-width:160px}.cb-progress-bar{height:100%;background:linear-gradient(90deg,#4a90e2,#66b3ff);width:0;transition:width .15s ease}.cb-week-grid{display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));grid-gap:8px;gap:8px;width:100%}.cb-week-day{padding:8px 0;background-color:#262626;border:1px solid #151515;border-radius:6px;color:#eaeaea;text-align:center;cursor:pointer;font-size:13px;line-height:1;text-transform:uppercase;font-weight:700;transition:background-color .2s ease,border-color .2s ease,transform .05s ease}.cb-week-day:hover{background-color:#2d2d2d}.cb-week-day:active{transform:translateY(1px)}.cb-week-day.is-selected{background-color:#0096fa;border-color:#0096fa;color:#fff}@media (max-width:520px){.cb-week-grid{grid-template-columns:repeat(7,minmax(28px,1fr));grid-gap:6px;gap:6px}.cb-week-day{font-size:12px;padding:7px 0}}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:1;width:1.2em;height:1.2em}input[type=date],input[type=time]{color-scheme:light}.cp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:50}.cp-modal{width:min(1100px,96vw);height:min(700px,92vh);background:#1f1f1f;color:#eaeaea;border:1px solid #2b2b2b;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.4);margin-top:2rem}.cp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #2b2b2b;background:#161616}.cp-title{font-weight:600;font-size:16px}.cp-close{background:#2a2a2a;border:1px solid #3a3a3a;color:#eaeaea;border-radius:8px;padding:6px 10px;cursor:pointer}.cp-close:hover{background:#343434}.cp-toolbar{justify-content:space-between;grid-gap:12px;gap:12px;padding:10px 14px;border-bottom:1px solid #2b2b2b}.cp-legend,.cp-toolbar{display:flex;align-items:center}.cp-legend{flex-wrap:wrap;grid-gap:10px 16px;gap:10px 16px}.cp-legend-item{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;font-size:12px;background:#222;padding:6px 8px;border-radius:8px;border:1px solid #2e2e2e}.cp-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.cp-legend-text{white-space:nowrap}.cp-legend-empty{font-size:12px;color:#bdbdbd}.cp-nav{display:flex;align-items:center;grid-gap:10px;gap:10px}.cp-btn{background:#2a2a2a;border:1px solid #3a3a3a;color:#eaeaea;border-radius:8px;padding:6px 10px;cursor:pointer}.cp-btn:hover{background:#343434}.cp-month-label{min-width:190px;text-align:center;font-weight:600}.cp-body{flex:1 1;overflow:auto;padding:12px 12px 16px}.cp-error,.cp-loading{padding:24px;text-align:center;color:#cfcfcf}.cp-calendar{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.cp-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.cp-cell{background:#1a1a1a;border:1px solid #2b2b2b;border-radius:10px;min-height:86px;padding:8px}.cp-grid-head .cp-cell{min-height:auto;text-align:center;background:transparent;border:none;color:#bdbdbd;font-size:12px}.cp-day{display:flex;flex-direction:column}.cp-empty{background:transparent;border:none}.cp-day-number{font-size:12px;color:#bdbdbd;margin-bottom:6px}.cp-events{flex-direction:column}.cp-event,.cp-events{display:flex;grid-gap:6px;gap:6px}.cp-event{flex-wrap:wrap;align-items:center;padding:6px 8px;border-radius:8px;color:#0a0a0a;font-weight:600;background:#4b5563}.cp-event-name{font-size:12px}.cp-event-time{font-size:11px;opacity:.85;padding-left:6px}@media (max-width:900px){.cp-modal{width:98vw;height:94vh}.cp-cell{min-height:72px;padding:6px}}.campaign-header{position:sticky;top:0;left:0;width:100%;height:70px;background-color:#262626;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1);font-size:1.3rem}.campaign-header-title{flex:1 1;text-align:center;font-weight:100;font-size:large}.campaign-header-left,.campaign-header-right{width:150px;display:flex;justify-content:flex-start;align-items:center}.campaign-header-right{justify-content:flex-end;width:auto;min-width:150px}.campaign-header-btn{background-color:#262626}.campaign-header-btn,.import-campaign-header-btn{color:#fff;border:none;padding:.4rem .8rem;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:background-color .2s ease}.import-campaign-header-btn{background-color:#0096fa}.import-campaign-header-btn:hover{background-color:#0077c6}.campaign-header-btn:hover,.export-btn{background-color:#0096fa}.export-btn:hover{background-color:#0077c6}.screen-configurator{width:100%;height:100%;flex-grow:1;display:grid;grid-template-columns:1fr 3fr;grid-gap:10px;gap:10px;padding:10px;background-color:#1e1e1e;color:#fff;font-size:1rem}.screen-configurator--config-menu{display:flex;flex-direction:column;grid-gap:10px;gap:10px;justify-content:flex-start;align-items:flex-start;padding:20px;background-color:#2e2e2e;border-radius:10px}.screen-configurator--config-menu-item{display:flex;align-items:center;grid-gap:10px;gap:10px}.screen-configurator--config-menu-item-button{background-color:#555;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:flex-start}.screen-configurator--config-preview{border-radius:10px;overflow:hidden}.preview-overlay{position:relative;top:0;left:0;width:100%;height:100%;background-color:rgba(51,51,51,.5019607843137255);display:flex;justify-content:center;align-items:center}.preview-scale-wrapper{position:absolute;top:50%;left:50%;transform-origin:center center}.preview-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:1rem;grid-gap:12px;gap:12px;position:relative}.header-logo{display:block;justify-self:start}.logo-upload-trigger{background:transparent;border:none;padding:0;cursor:pointer}.logo-upload-trigger img{display:block}.preview-logo-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.preview-logo-modal{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px;width:100%;max-width:560px;max-height:85vh;overflow:auto;box-shadow:0 8px 32px rgba(0,0,0,.4)}.preview-logo-modal-header{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:12px}.preview-logo-modal-title{margin:0;font-size:16px;font-weight:600;color:#fff}.preview-logo-modal-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:background .2s}.preview-logo-modal-close:hover{background:hsla(0,0%,100%,.2)}.preview-logo-modal-note{margin:0 0 14px;font-size:12px;color:#bdbdbd}.preview-logo-theme-options{display:flex;grid-gap:20px;gap:20px;flex-wrap:wrap;margin-bottom:14px}.preview-logo-theme-options label{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:14px;color:#e0e0e0;cursor:pointer}.preview-logo-theme-options input{accent-color:#4caf50}.preview-logo-file-input{padding:8px 0;font-size:13px;color:#e0e0e0}.preview-logo-preview-image{margin-top:14px;max-height:160px;width:auto;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.2);padding:4px}.preview-logo-status-message{margin-top:12px;margin-bottom:0;color:#d6d6d6;font-size:13px}.preview-logo-modal-actions{display:flex;grid-gap:10px;gap:10px;margin-top:16px;flex-wrap:wrap}.preview-logo-btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.preview-logo-btn:disabled{opacity:.65;cursor:not-allowed}.preview-logo-btn--primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.3)}.preview-logo-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.4)}.preview-logo-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.preview-logo-btn--secondary:hover:not(:disabled){background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.preview-logo-btn--danger{background:rgba(244,67,54,.18);color:#ffb3b0;border:1px solid rgba(244,67,54,.35)}.preview-logo-btn--danger:hover:not(:disabled){background:rgba(244,67,54,.3);border-color:rgba(244,67,54,.5);color:#ffd1cf}.header-time{justify-self:center;grid-column:2}.header-right{grid-column:3;justify-self:end;display:flex;align-items:center;grid-gap:12px;gap:12px}.carousel-toggle-btn{background:#2b2b2b;color:#fff;border:none;border-radius:20px;padding:8px 14px;cursor:pointer;font-size:.95rem}.preview-light .carousel-toggle-btn{background:#111;color:#fff}.carousel-toggle-btn.active{opacity:.9}.preview-container{background:#f8f8f8;width:1280px;height:800px;overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;border-radius:12px;position:relative;padding:24px;box-sizing:border-box;box-shadow:0 8px 16px rgba(0,0,0,.2)}.preview-container::-webkit-scrollbar{width:0;height:0}.preview-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#333}.preview-banners-section,.preview-products-section{position:relative;margin-bottom:32px}.banner-grid{display:grid;grid-template-columns:repeat(auto-fill,326px);grid-gap:16px;gap:16px;justify-content:start}.banner-grid-hd{grid-template-columns:repeat(auto-fill,490px)}.banner-card{position:relative;aspect-ratio:16/11;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;align-items:flex-end}.banner-card-hd{aspect-ratio:16/10}.banner-card--clickable,.jobmeal-banner-card--clickable{cursor:pointer}.banner-card-image{height:100%;width:100%;object-fit:cover;opacity:.8}.banner-description-container{top:12px}.banner-description-container,.banner-title-container{position:absolute;left:12px;padding:6px 10px;border-radius:6px;color:#fff}.banner-title-container{top:50%;transform:translateY(-50%)}.banner-description{display:block;font-size:.85rem;color:#fff}.banner-title{display:block;font-size:1rem;font-weight:600;color:#fff}.preview-filters-section{display:flex;flex-wrap:wrap;grid-gap:12px;gap:12px;margin-bottom:32px}.preview-light .preview-filter-button{background:#fff;padding:8px 12px;border-radius:20px;font-size:.95rem;color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1)}.preview-light .preview-filter-button.active-filter{background:#ccc;color:#000}.preview-dark .preview-filter-button{background:#323232;padding:8px 12px;border-radius:20px;font-size:.95rem;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.preview-dark .preview-filter-button.active-filter{background:#444;color:#fff}.preview-product-box{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;cursor:grab;min-height:0;min-width:0}.preview-product-box img{width:100%;height:100%;object-fit:contain;position:relative}.product-placeholder{width:100%;height:100%;background-color:#eee}.product-label{position:absolute;bottom:0;width:100%;background:transparent;text-align:center;padding:8px 0;font-size:1rem;font-weight:500;color:#333}.preview-product-box.span-1x1{grid-column:span 1;grid-row:span 1}.preview-product-box.span-2x1{grid-column:span 2;grid-row:span 1}.preview-product-box.span-4x1{grid-column:span 4;grid-row:span 1}.preview-product-box.span-1x2{grid-column:span 1;grid-row:span 2}.preview-product-box.span-2x2{grid-column:span 2;grid-row:span 2}.preview-product-box.span-4x2{grid-column:span 4;grid-row:span 2}.preview-light .preview-container{background:#d9d9d9;color:#000}.preview-light .preview-close-btn{color:#333}.preview-light .preview-filter-name{background:#fff;color:#333}.preview-light .preview-product-box{background-color:#fff}.preview-light .product-placeholder{background-color:#eee}.preview-light .product-label{color:#333}.preview-light .banner-labels{background:hsla(0,0%,100%,.85)}.preview-light .banner-description,.preview-light .banner-title{color:#fff}.preview-dark .preview-container{background:#323232;color:#fff}.preview-dark .preview-close-btn{color:#fff}.preview-dark .preview-filter-name{background:#333;color:#fff}.preview-dark .preview-product-box{background-color:#161616}.preview-dark .product-placeholder{background-color:#444}.preview-dark .product-label{color:#fff}.preview-dark .banner-labels{background:rgba(0,0,0,.6)}.preview-dark .banner-description,.preview-dark .banner-title{color:#fff}.preview-product-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:300px;grid-gap:16px;gap:16px;justify-content:start;grid-auto-flow:dense}.preview-product-grid-hd{grid-template-columns:repeat(5,1fr);grid-auto-rows:360px}.preview-product-grid-hd .preview-product-box.span-4x1,.preview-product-grid-hd .preview-product-box.span-4x2{grid-column:span 5}.preview-product-grid-hd .preview-product-box img{width:100%;height:100%}.preview-product-grid-hd .preview-product-box.span-2x2 img,.preview-product-grid-hd .preview-product-box.span-4x2 img{width:100%;height:calc(100% - 40px);max-width:none;max-height:none}.preview-container-hd{width:1920px;height:1080px}.preview-product-box{position:relative}.banner-card-actions,.product-card-actions{position:absolute;display:flex;grid-gap:6px;gap:6px;top:10px;right:10px;z-index:3}.product-enable-toggle{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:4px 8px;border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none}.product-enable-toggle input{margin:0;accent-color:#4caf50}.banner-delete-btn{width:30px;height:30px;border:0;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}.banner-delete-btn:hover{background:rgba(190,39,39,.9)}.banner-delete-btn svg{width:24px;height:24px;fill:currentColor}.resize-handle{position:absolute;width:30px;height:30px;bottom:6px;right:6px;cursor:se-resize;border-radius:50px;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:1.5rem;pointer-events:auto}.maas-theme .preview-container{background:#000;color:#fff}.maas-theme .preview-close-btn{color:#fff}.maas-theme .preview-filter-button{background:#111;color:#fff}.maas-theme .preview-container,.maas-theme .preview-container *{font-family:"Butler",serif}.carousel-wrapper{position:relative;width:100%;height:560px;border-radius:16px;overflow:hidden;background:#000}.carousel-bg{position:absolute;inset:0;background:#000}.carousel-stage{position:relative;width:100%;height:100%;perspective:1200px}.carousel-card{top:50%;width:360px;height:500px;border-radius:24px;background:linear-gradient(180deg,#c69f69 -20%,#000 95%);box-shadow:0 28px 60px rgba(0,0,0,.65);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;transition:transform .35s ease,opacity .35s ease,filter .35s ease,z-index 0s step-end}.carousel-card,.carousel-card img{position:absolute;left:50%;transform:translate(-50%,-50%)}.carousel-card img{top:52%;width:320px;height:340px;object-fit:contain}.carousel-label{position:relative;width:100%;text-align:center;background:rgba(0,0,0,.55);color:#fff;padding:10px 0;font-weight:600;letter-spacing:.2px;font-size:1.5rem}.carousel-card.pos-0{z-index:5;transform:translate(-50%,-50%) scale(1) rotateY(0deg);filter:blur(0);opacity:1}.carousel-card.pos--1{z-index:4;transform:translate(calc(-50% - 230px),-50%) rotateY(12deg) scale(.9);opacity:.9;filter:blur(.3px)}.carousel-card.pos-1{z-index:4;transform:translate(calc(-50% + 230px),-50%) rotateY(-12deg) scale(.9);opacity:.9;filter:blur(.3px)}.carousel-card.pos--2{z-index:3;transform:translate(calc(-50% - 420px),-50%) rotateY(22deg) scale(.78);opacity:.75;filter:blur(.6px)}.carousel-card.pos-2{z-index:3;transform:translate(calc(-50% + 420px),-50%) rotateY(-22deg) scale(.78);opacity:.75;filter:blur(.6px)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:hsla(0,0%,100%,.15);color:#fff;font-size:28px;line-height:44px;text-align:center;cursor:pointer;z-index:6}.carousel-nav.prev{left:24px}.carousel-nav.next{right:24px}.carousel-nav:hover{background:hsla(0,0%,100%,.25)}.jobmeal-theme .preview-product-box{cursor:default}.jobmeal-theme .resize-handle{display:none}.jobmeal-grid{display:flex;grid-gap:16px;gap:16px;align-items:flex-start}.jobmeal-banners-col{flex:1 1;min-width:0}.jobmeal-products-col{flex:2 1;min-width:0}.jobmeal-products-col.span-3{flex:1 1 100%}.jobmeal-banners-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:150px;grid-gap:16px;gap:16px}.jobmeal-products-grid.two-col{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;grid-gap:16px;gap:16px}.jobmeal-products-grid.three-col{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:150px;grid-gap:16px;gap:16px}.jobmeal-product-box{grid-row:span 2;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:0}.jobmeal-card{display:flex;align-items:center;grid-gap:16px;gap:16px;padding:20px 20px 20px 0;height:100%}.jobmeal-icon{width:157px;height:157px;object-fit:contain;object-position:left center;display:block}.jobmeal-icon.placeholder{background:hsla(0,0%,100%,.15);border-radius:8px}.jobmeal-info{display:flex;flex-direction:column;justify-content:center;flex:1 1;min-width:0}.jobmeal-title{color:#fff;font-size:1.2rem;font-weight:400;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-content:center}.jobmeal-banner-card{grid-row:span 3;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;align-items:flex-end;justify-content:center}.jobmeal-banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1}.jobmeal-below{margin-top:16px}.jobmeal-theme .jobmeal-products-grid.three-col,.jobmeal-theme .jobmeal-products-grid.two-col{grid-auto-rows:205px}.jobmeal-theme .jobmeal-product-box{grid-row:span 1;height:205px}.jobmeal-theme .jobmeal-banners-grid{grid-auto-rows:313px}.jobmeal-theme .jobmeal-banner-card{grid-row:span 1;height:313px}.jobmeal-theme .preview-product-box img.jobmeal-icon{width:157px;height:157px;margin-bottom:0;position:static}.jobmeal-theme .preview-product-box{display:block}.jobmeal-theme .jobmeal-card{align-items:center;grid-gap:16px;gap:16px;padding:20px}.jobmeal-theme .jobmeal-icon{flex:0 0 157px;margin:0;object-position:left center}.jobmeal-theme .preview-product-box img{margin:0!important;position:static}.jobmeal-theme .jobmeal-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobmeal-theme .jobmeal-banner-card{justify-content:flex-start}.jobmeal-theme .jobmeal-banner-image{object-position:left center}.jobmeal-banner-card{background-color:#fff}.transparent-mode{background:transparent!important;background-color:initial!important;border:none!important;box-shadow:none!important}.transparent-mode.banner-card,.transparent-mode.carousel-card,.transparent-mode.jobmeal-banner-card,.transparent-mode.preview-product-box{background:transparent!important}.config-menu{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden}.config-menu__header{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-bottom:1px solid hsla(0,0%,100%,.1)}.config-menu__back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.config-menu__section--screens{box-shadow:inset 0 0 10px 0 rgba(0,0,0,.5);border-radius:10px;padding:20px;margin:-5px}.config-menu__back-button:hover{background:hsla(0,0%,100%,.2);transform:translateX(-2px)}.config-menu__back-button:active{transform:translateX(-1px)}.config-menu__title{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.config-menu__content{overflow-y:scroll;padding:20px 24px;display:flex;flex-direction:column;grid-gap:24px;gap:24px}.config-menu__content::-webkit-scrollbar{width:8px}.config-menu__content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.config-menu__content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.config-menu__content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.config-menu__section{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.config-menu__section--edit-mode{padding:16px;background:linear-gradient(135deg,rgba(76,175,80,.2),rgba(76,175,80,.08));box-shadow:0 6px 18px rgba(0,0,0,.25)}.config-menu__section-title{margin:0;font-size:14px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px}.config-menu__control-group,.config-menu__controls{display:flex;flex-direction:column}.config-menu__control-group{grid-gap:8px;gap:8px}.config-menu__label{font-size:14px;font-weight:500;color:#e0e0e0;margin-bottom:4px}.config-menu__toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 0}.config-menu__toggle-label--prominent{padding:4px 0}.config-menu__toggle-text{font-size:14px;font-weight:500;color:#e0e0e0}.config-menu__toggle-text--prominent{font-size:15px;font-weight:700;color:#fff}.config-menu__toggle-wrapper{position:relative;width:48px;height:26px;flex-shrink:0}.config-menu__toggle-input{position:absolute;opacity:0;width:0;height:0}.config-menu__toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.2);transition:.3s;border-radius:26px}.config-menu__toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.config-menu__toggle-input:checked+.config-menu__toggle-slider{background-color:#4caf50}.config-menu__toggle-input:checked+.config-menu__toggle-slider:before{transform:translateX(22px)}.config-menu__toggle-input:focus+.config-menu__toggle-slider{box-shadow:0 0 0 3px rgba(76,175,80,.3)}.config-menu__toggle-input:disabled+.config-menu__toggle-slider{opacity:.5;cursor:not-allowed}.config-menu__select{width:100%;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:12px 40px 12px 16px}.config-menu__select:hover{background-color:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.config-menu__select:focus{outline:none;background-color:hsla(0,0%,100%,.15);border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2)}.config-menu__select option{background:#2a2a2a;color:#fff;padding:8px}.config-menu__button-group{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap}.config-menu__button{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1 1;min-width:120px}.config-menu__button svg{flex-shrink:0}.config-menu__button--primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.3)}.config-menu__button--primary:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px rgba(76,175,80,.4);transform:translateY(-1px)}.config-menu__button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(76,175,80,.3)}.config-menu__button--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.config-menu__button--secondary:hover:not(:disabled){background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-1px)}.config-menu__button--secondary:active:not(:disabled){transform:translateY(0)}.config-menu__button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.config-menu__button-spinner{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.config-menu__file-input{display:none}.config-menu__error{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:12px 16px;background:rgba(244,67,54,.15);border:1px solid rgba(244,67,54,.3);border-radius:8px;color:#ff6b6b;font-size:13px;font-weight:500;margin-top:4px}.config-menu__error svg{flex-shrink:0}@media (max-width:768px){.config-menu__header{padding:16px 20px}.config-menu__content{padding:16px 20px;grid-gap:20px;gap:20px}.config-menu__button{min-width:100px;padding:10px 16px;font-size:13px}}.edit-product-page{display:flex;flex-direction:column;height:100%;min-height:100%;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);color:#fff;font-family:inherit;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden}.edit-product-header{grid-gap:12px;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-bottom:1px solid hsla(0,0%,100%,.1)}.edit-product-back,.edit-product-header{display:flex;align-items:center;flex-shrink:0}.edit-product-back{justify-content:center;width:36px;height:36px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.edit-product-back:hover{background:hsla(0,0%,100%,.2);transform:translateX(-2px)}.edit-product-back:active{transform:translateX(-1px)}.edit-product-title{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.edit-product-content{flex:1 1;overflow:auto;padding:20px 24px;display:grid;grid-template-columns:1fr 280px;grid-gap:24px;gap:24px;align-items:start}.edit-product-content::-webkit-scrollbar{width:8px}.edit-product-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.edit-product-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.edit-product__main{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;min-width:0}.edit-product-section{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.grid-span-2{grid-column:span 2}.edit-product-section-title{margin:0;font-size:14px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;text-align:left}.edit-product-name-row,.edit-product-options-row{display:flex;grid-gap:12px;gap:12px;align-items:center;flex-wrap:wrap}.edit-product-input{flex:1 1;min-width:160px;padding:12px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.edit-product-input::placeholder{color:hsla(0,0%,100%,.5)}.edit-product-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2)}.edit-product-select{padding:12px 40px 12px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;min-width:140px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.edit-product-select:focus{outline:none;border-color:#4caf50}.edit-product-select option{background:#2a2a2a;color:#fff}.edit-product-toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 0}.edit-product-toggle-text{font-size:14px;font-weight:500;color:#e0e0e0}.edit-product-toggle-wrapper{position:relative;width:48px;height:26px;flex-shrink:0}.edit-product-toggle-input{position:absolute;opacity:0;width:0;height:0}.edit-product-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.2);transition:.3s;border-radius:26px}.edit-product-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.edit-product-toggle-input:checked+.edit-product-toggle-slider{background-color:#4caf50}.edit-product-toggle-input:checked+.edit-product-toggle-slider:before{transform:translateX(22px)}.edit-product-dropdown{position:relative;width:100%;max-width:320px}.edit-product-dropdown-btn{width:100%;padding:12px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.edit-product-dropdown-btn:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.edit-product-dropdown-btn span{margin-left:8px;opacity:.8}.edit-product-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#1e1e1e;border:1px solid hsla(0,0%,100%,.15);border-radius:8px;padding:8px;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,.4);max-height:240px;overflow-y:auto}.edit-product-dropdown-item{display:flex;align-items:center;padding:8px 10px;color:#e0e0e0;font-size:14px;cursor:pointer;border-radius:6px;transition:background .2s}.edit-product-dropdown-item:hover{background:hsla(0,0%,100%,.08)}.edit-product-dropdown-item input{margin-right:10px;accent-color:#4caf50}.edit-product-volume-row{display:flex;align-items:center;grid-gap:12px;gap:12px}.edit-product-volume-text{font-size:14px;color:#e0e0e0}.edit-product-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.edit-product-icon-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.edit-product-image-row{display:flex;align-items:center;grid-gap:12px;gap:12px}.edit-product-thumb{width:60px;height:60px;border-radius:8px;object-fit:contain;background:rgba(0,0,0,.3)}.edit-product-thumb--empty,.edit-product-thumb--loading{display:flex;align-items:center;justify-content:center;font-size:12px;color:hsla(0,0%,100%,.6)}.edit-product-action-btn{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.edit-product-action-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.edit-product-action-btn--secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.edit-product-description-wrap{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden}.edit-product-textarea{width:100%;min-height:100px;padding:12px 16px;background:transparent;border:none;color:#fff;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.edit-product-textarea:focus{outline:none}.edit-product-description-display{display:flex;align-items:flex-start;grid-gap:12px;gap:12px;padding:12px 16px}.edit-product-description-display p{flex:1 1;margin:0;font-size:14px;color:#e0e0e0;line-height:1.5}.edit-product-actions{display:flex;grid-gap:12px;gap:12px;margin-top:8px}.edit-product-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.edit-product-btn--primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.3)}.edit-product-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.4)}.edit-product-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.edit-product-btn--secondary:hover:not(:disabled){background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.edit-product-preview{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;position:sticky;top:0}.edit-product-preview .edit-product-section-title{align-self:flex-start}.edit-product-preview-img{width:100%;max-width:180px;height:auto;border-radius:8px;background:rgba(0,0,0,.3);object-fit:contain}.edit-product-preview-placeholder{width:100%;max-width:180px;height:140px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);border-radius:8px;font-size:13px;color:hsla(0,0%,100%,.5)}.edit-product-preview-name{margin:0;font-size:15px;font-weight:600;color:#e0e0e0;text-align:center}.edit-product-preview-hint{margin:0;font-size:12px;color:#888}.edit-product-empty{padding:48px 24px;text-align:center;color:#a0a0a0;display:flex;flex-direction:column;align-items:center;grid-gap:16px;gap:16px}.edit-product-empty p{margin:0}.edit-product-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-product-modal{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px;width:100%;max-width:440px;max-height:85vh;overflow:auto;box-shadow:0 8px 32px rgba(0,0,0,.4)}.edit-product-modal--wide{max-width:560px}.edit-product-modal-header{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:16px}.edit-product-modal-title{margin:0;font-size:16px;font-weight:600;color:#fff}.edit-product-modal-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:background .2s}.edit-product-modal-close:hover{background:hsla(0,0%,100%,.2)}.edit-product-modal-row{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;gap:16px;margin-bottom:16px}.edit-product-modal-label{flex:0 0 80px;font-size:14px;color:#e0e0e0}.edit-product-modal-row .edit-product-select{flex:1 1}.edit-product-modal-actions{display:flex;grid-gap:10px;gap:10px;margin-top:20px}.edit-product-tabs{display:flex;grid-gap:8px;gap:8px;margin-bottom:16px}.edit-product-tab{padding:10px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s ease}.edit-product-tab:hover{background:hsla(0,0%,100%,.15)}.edit-product-tab--active{background:#4caf50;border-color:#4caf50;color:#fff}.edit-product-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:12px;gap:12px}.edit-product-selectable-img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.3);cursor:pointer;border:2px solid transparent;transition:all .2s ease}.edit-product-selectable-img:hover{border-color:#4caf50;transform:scale(1.05)}.edit-product-upload-section{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.edit-product-file-input{padding:8px 0;font-size:13px;color:#e0e0e0}.edit-product-upload-options{display:flex;grid-gap:20px;gap:20px;flex-wrap:wrap}.edit-product-upload-options label{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:14px;color:#e0e0e0;cursor:pointer}.edit-product-upload-options input{accent-color:#4caf50}.edit-product-preview-img-inline{max-height:180px;width:auto;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.2)}.new-product-page{display:flex;flex-direction:column;height:100%;min-height:100%;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);color:#fff;font-family:inherit;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden}.new-product-header{grid-gap:12px;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-bottom:1px solid hsla(0,0%,100%,.1)}.new-product-back,.new-product-header{display:flex;align-items:center;flex-shrink:0}.new-product-back{justify-content:center;width:36px;height:36px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.new-product-back:hover{background:hsla(0,0%,100%,.2);transform:translateX(-2px)}.new-product-title{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.new-product-content{flex:1 1;overflow:auto;padding:20px 24px;display:grid;grid-template-columns:1fr 280px;grid-gap:24px;gap:24px;align-items:start}.new-product-content::-webkit-scrollbar{width:8px}.new-product-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.new-product-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.new-product-main{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;min-width:0;align-content:start}.new-product-section{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.span-2{grid-column:span 2}.new-product-section-title{margin:0;font-size:14px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;text-align:left}.new-product-input,.new-product-select{width:100%;box-sizing:border-box;padding:12px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.new-product-input:focus,.new-product-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2)}.new-product-input:disabled{color:hsla(0,0%,100%,.6);cursor:not-allowed}.new-product-select{padding-right:40px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.new-product-select option{background:#2a2a2a;color:#fff}.new-product-image-row{display:flex;align-items:center;grid-gap:12px;gap:12px}.new-product-image-row .new-product-input{flex:1 1}.new-product-action-btn{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.new-product-action-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.new-product-action-btn--secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.new-product-actions{grid-column:span 2;display:flex;grid-gap:12px;gap:12px;flex-wrap:wrap;margin-top:8px}.new-product-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.new-product-btn:disabled{cursor:not-allowed;opacity:.6}.new-product-btn--primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.3)}.new-product-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.4)}.new-product-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.new-product-btn--secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.new-product-btn--accent{background:linear-gradient(135deg,#2699fb,#3a6fe6);color:#fff;box-shadow:0 2px 8px rgba(63,111,230,.35)}.new-product-btn--accent:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(63,111,230,.45)}.new-product-hidden-input{display:none}.new-product-preview-v2{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;position:sticky;top:0}.new-product-preview .new-product-section-title{align-self:flex-start}.new-product-preview-img{width:100%;max-width:180px;height:auto;border-radius:8px;background:rgba(0,0,0,.3);object-fit:contain}.new-product-preview-placeholder{width:100%;max-width:180px;height:140px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);border-radius:8px;font-size:13px;color:hsla(0,0%,100%,.5)}.new-product-preview-name{margin:0;font-size:15px;font-weight:600;color:#e0e0e0;text-align:center}.new-product-preview-hint{margin:0;font-size:12px;color:#888}.new-product-empty-state{padding:16px;color:#bdbdbd;text-align:center}.new-product-error{margin:0;color:#ff8a80;font-size:14px}.new-product-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.new-product-modal{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px;width:100%;max-width:560px;max-height:85vh;overflow:auto;box-shadow:0 8px 32px rgba(0,0,0,.4)}.new-product-modal--wide{max-width:620px}.new-product-modal--ipd{max-width:720px}.new-product-modal-header{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:16px}.new-product-modal-title{margin:0;font-size:16px;font-weight:600;color:#fff}.new-product-modal-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:background .2s}.new-product-modal-close:hover{background:hsla(0,0%,100%,.2)}.new-product-tabs{display:flex;grid-gap:8px;gap:8px;margin-bottom:16px}.new-product-tab{padding:10px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s ease}.new-product-tab:hover{background:hsla(0,0%,100%,.15)}.new-product-tab--active{background:#4caf50;border-color:#4caf50;color:#fff}.new-product-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:12px;gap:12px}.new-product-selectable-img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.3);cursor:pointer;border:2px solid transparent;transition:all .2s ease}.new-product-selectable-img:hover{border-color:#4caf50;transform:scale(1.05)}.new-product-upload-section{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.new-product-file-input{padding:8px 0;font-size:13px;color:#e0e0e0}.new-product-upload-options{display:flex;grid-gap:20px;gap:20px;flex-wrap:wrap}.new-product-upload-options label{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:14px;color:#e0e0e0;cursor:pointer}.new-product-upload-options input{accent-color:#4caf50}.new-product-preview-img-inline{max-height:180px;width:auto;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.2)}.new-product-ipd-list{max-height:360px;overflow:auto;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:12px}.new-product-ipd-item{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 0;color:#e0e0e0}.new-product-ipd-item input{accent-color:#4caf50}.new-product-ipd-name{font-weight:600}.new-product-ipd-meta{margin-left:auto;color:#9e9e9e;font-size:12px}.new-product-modal-actions{display:flex;grid-gap:10px;gap:10px;margin-top:20px}@media (max-width:1080px){.new-product-content{grid-template-columns:1fr}.new-product-preview{position:static}}@media (max-width:760px){.new-product-main{grid-template-columns:1fr}.new-product-actions{grid-column:span 1}.new-product-image-row{flex-direction:column;align-items:stretch}}.edit-banner-page{display:flex;flex-direction:column;height:100%;min-height:100%;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);color:#fff;font-family:inherit;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden}.edit-banner-header{grid-gap:12px;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-bottom:1px solid hsla(0,0%,100%,.1)}.edit-banner-back,.edit-banner-header{display:flex;align-items:center;flex-shrink:0}.edit-banner-back{justify-content:center;width:36px;height:36px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.edit-banner-back:hover{background:hsla(0,0%,100%,.2);transform:translateX(-2px)}.edit-banner-title{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.edit-banner-content{flex:1 1;overflow:auto;padding:20px 24px;display:grid;grid-template-columns:1fr 320px;grid-gap:24px;gap:24px;align-items:start}.edit-banner-content::-webkit-scrollbar{width:8px}.edit-banner-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.edit-banner-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.edit-banner__main{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;min-width:0}.edit-banner-section{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.edit-banner-section-title{margin:0;font-size:14px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;text-align:left}.edit-banner-input,.edit-banner-select{width:100%;box-sizing:border-box;padding:12px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.edit-banner-input::placeholder{color:hsla(0,0%,100%,.5)}.edit-banner-input:focus,.edit-banner-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2)}.edit-banner-select{cursor:pointer;-webkit-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.edit-banner-select option{background:#2a2a2a;color:#fff}.edit-banner-color-row{display:flex;align-items:center;grid-gap:12px;gap:12px}.edit-banner-color-picker{width:52px;height:38px;padding:4px;border:1px solid hsla(0,0%,100%,.25);border-radius:8px;background:hsla(0,0%,100%,.08);cursor:pointer}.edit-banner-color-value{font-size:13px;color:#d0d0d0;font-family:monospace;text-transform:uppercase}.edit-banner-toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 0}.edit-banner-toggle-text{font-size:14px;font-weight:500;color:#e0e0e0}.edit-banner-toggle-wrapper{position:relative;width:48px;height:26px;flex-shrink:0}.edit-banner-toggle-input{position:absolute;opacity:0;width:0;height:0}.edit-banner-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.2);transition:.3s;border-radius:26px}.edit-banner-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.edit-banner-toggle-input:checked+.edit-banner-toggle-slider{background-color:#4caf50}.edit-banner-toggle-input:checked+.edit-banner-toggle-slider:before{transform:translateX(22px)}.edit-banner-image-row{display:flex;align-items:center;grid-gap:12px;gap:12px;flex-wrap:wrap}.edit-banner-thumb{width:96px;height:64px;border-radius:8px;object-fit:contain;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.1)}.edit-banner-thumb--empty,.edit-banner-thumb--loading{display:flex;align-items:center;justify-content:center;font-size:12px;color:hsla(0,0%,100%,.65)}.edit-banner-action-btn{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.edit-banner-action-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.edit-banner-action-btn--secondary:hover{background:hsla(0,0%,100%,.16);border-color:hsla(0,0%,100%,.3)}.edit-banner-actions{grid-column:span 2;display:flex;grid-gap:12px;gap:12px;margin-top:4px}.edit-banner-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.edit-banner-btn--primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.3)}.edit-banner-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.35)}.edit-banner-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.edit-banner-btn--secondary:hover:not(:disabled){background:hsla(0,0%,100%,.16);border-color:hsla(0,0%,100%,.3)}.edit-banner-btn--danger{background:rgba(244,67,54,.18);color:#ffb3b0;border:1px solid rgba(244,67,54,.35)}.edit-banner-btn--danger:hover:not(:disabled){background:rgba(244,67,54,.3);border-color:rgba(244,67,54,.5);color:#ffd1cf}.edit-banner-preview{border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:20px;display:flex;flex-direction:column;grid-gap:12px;gap:12px;position:sticky;top:0;min-height:280px}.edit-banner-preview-content{display:flex;flex-direction:column;grid-gap:8px;gap:8px;margin-top:8px;align-items:center}.edit-banner-preview-label{margin:0;font-size:14px;color:hsla(0,0%,100%,.9)}.edit-banner-preview-name{margin:0;font-size:19px;font-weight:700;color:#fff}.edit-banner-preview-img{object-fit:contain;background:#fff;padding:6px}.edit-banner-preview-img,.edit-banner-preview-placeholder{width:100%;max-width:260px;border-radius:10px;margin-top:8px}.edit-banner-preview-placeholder{min-height:120px;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;color:hsla(0,0%,100%,.78);background:hsla(0,0%,100%,.12);font-size:13px}.edit-banner-numpad-preview,.edit-banner-preview-card.banner-card{width:100%;max-width:280px;height:190px}.edit-banner-numpad-preview{border-radius:10px;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.18);display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.edit-banner-numpad-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.edit-banner-numpad-key{height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.24);color:#fff;font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none}.edit-banner-empty{padding:48px 24px;text-align:center;color:#a0a0a0;display:flex;flex-direction:column;align-items:center;grid-gap:16px;gap:16px}.edit-banner-empty p{margin:0}.edit-banner-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-banner-modal{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px;width:100%;max-width:460px;max-height:86vh;overflow:auto;box-shadow:0 8px 32px rgba(0,0,0,.4)}.edit-banner-modal--wide{max-width:620px}.edit-banner-modal-header{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:16px}.edit-banner-modal-title{margin:0;font-size:16px;font-weight:600;color:#fff}.edit-banner-modal-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:background .2s}.edit-banner-modal-close:hover{background:hsla(0,0%,100%,.2)}.edit-banner-tabs{display:flex;grid-gap:8px;gap:8px;margin-bottom:16px}.edit-banner-tab{padding:10px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s ease}.edit-banner-tab:hover{background:hsla(0,0%,100%,.15)}.edit-banner-tab--active{background:#4caf50;border-color:#4caf50;color:#fff}.edit-banner-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:12px;gap:12px}.edit-banner-selectable-img{width:100%;height:72px;object-fit:contain;border-radius:8px;background:#fff;cursor:pointer;border:2px solid transparent;transition:all .2s ease;padding:4px;box-sizing:border-box}.edit-banner-selectable-img:hover{border-color:#4caf50;transform:scale(1.03)}.edit-banner-modal-empty{padding:18px 12px;text-align:center;color:#b4b4b4;font-size:13px;border:1px dashed hsla(0,0%,100%,.18);border-radius:8px}.edit-banner-upload-section{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.edit-banner-file-input{padding:8px 0;font-size:13px;color:#e0e0e0}.edit-banner-upload-options{display:flex;grid-gap:20px;gap:20px;flex-wrap:wrap}.edit-banner-upload-options label{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:14px;color:#e0e0e0;cursor:pointer}.edit-banner-upload-options input{accent-color:#4caf50}.edit-banner-preview-img-inline{max-height:140px;width:auto;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.2);padding:4px}@media (max-width:1100px){.edit-banner-content{grid-template-columns:1fr}.edit-banner-preview{position:static}}@media (max-width:760px){.edit-banner__main{grid-template-columns:1fr}.edit-banner-actions{grid-column:span 1;flex-wrap:wrap}}.new-banner-page{display:flex;flex-direction:column;height:100%;min-height:100%;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);color:#fff;font-family:inherit;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden}.new-banner-header{grid-gap:12px;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-bottom:1px solid hsla(0,0%,100%,.1)}.new-banner-back,.new-banner-header{display:flex;align-items:center;flex-shrink:0}.new-banner-back{justify-content:center;width:36px;height:36px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.new-banner-back:hover{background:hsla(0,0%,100%,.2);transform:translateX(-2px)}.new-banner-title{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.new-banner-content{flex:1 1;overflow:auto;padding:20px 24px;display:grid;grid-template-columns:1fr 280px;grid-gap:24px;gap:24px;align-items:start}.new-banner-content::-webkit-scrollbar{width:8px}.new-banner-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.new-banner-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.new-banner-main{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;min-width:0;align-content:start}.new-banner-section{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.new-banner-grid-span-2{grid-column:span 2}.new-banner-section-title{margin:0;font-size:14px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;text-align:left}.new-banner-input,.new-banner-select{width:100%;box-sizing:border-box;padding:12px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.new-banner-input::placeholder{color:hsla(0,0%,100%,.5)}.new-banner-input:focus,.new-banner-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2)}.new-banner-select{padding-right:40px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.new-banner-select option{background:#2a2a2a;color:#fff}.new-banner-color-row{display:flex;align-items:center;grid-gap:12px;gap:12px}.new-banner-color-picker{width:48px;height:40px;padding:2px;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;background:hsla(0,0%,100%,.08);cursor:pointer}.new-banner-color-value{font-size:13px;color:#d2d2d2;letter-spacing:.3px}.new-banner-image-row{display:flex;align-items:center;grid-gap:12px;gap:12px}.new-banner-thumb-wrap{width:64px;height:64px;border-radius:8px;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;overflow:hidden}.new-banner-thumb{width:100%;height:100%;object-fit:contain}.new-banner-action-btn{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.new-banner-action-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.new-banner-action-btn--secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.new-banner-muted{font-size:13px;color:hsla(0,0%,100%,.65)}.new-banner-actions{grid-gap:12px;gap:12px;margin-top:8px}.new-banner-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.new-banner-btn--primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.3)}.new-banner-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.4)}.new-banner-btn--secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.new-banner-btn--secondary:hover:not(:disabled){background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.new-banner-preview-panel{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;align-items:center}.new-banner-preview-panel .new-banner-section-title{align-self:flex-start}.new-banner-preview{width:100%;min-height:200px;border-radius:10px;padding:18px;justify-content:space-between;grid-gap:12px;gap:12px;border:1px solid hsla(0,0%,100%,.15)}.new-banner-preview-copy h4{margin:0 0 6px;color:#fff;font-size:14px;font-weight:500}.new-banner-preview-copy p{margin:0;color:#fff;font-size:20px;font-weight:700}.new-banner-preview-image{width:100%;max-height:120px;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.22);padding:6px;box-sizing:border-box}.new-banner-preview-hint{margin:0;font-size:12px;color:#888;text-align:center}.new-banner-empty{width:100%;min-height:220px;border:1px solid hsla(0,0%,100%,.12);border-radius:10px;background:hsla(0,0%,100%,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:16px;gap:16px;color:#bdbdbd}.new-banner-empty p{margin:0}.new-banner-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.new-banner-modal{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px;width:100%;max-width:560px;max-height:85vh;overflow:auto;box-shadow:0 8px 32px rgba(0,0,0,.4)}.new-banner-modal--wide{max-width:620px}.new-banner-modal-header{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:16px}.new-banner-modal-title{margin:0;font-size:16px;font-weight:600;color:#fff}.new-banner-modal-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:background .2s}.new-banner-modal-close:hover{background:hsla(0,0%,100%,.2)}.new-banner-tabs{display:flex;grid-gap:8px;gap:8px;margin-bottom:16px}.new-banner-tab{padding:10px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s ease}.new-banner-tab:hover{background:hsla(0,0%,100%,.15)}.new-banner-tab--active{background:#4caf50;border-color:#4caf50;color:#fff}.new-banner-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:12px;gap:12px}.new-banner-selectable-img-wrap{width:100%;border:2px solid transparent;border-radius:8px;background:rgba(0,0,0,.3);padding:0;margin:0;cursor:pointer;transition:all .2s ease}.new-banner-selectable-img-wrap:hover{border-color:#4caf50;transform:scale(1.03)}.new-banner-selectable-img-wrap.is-selected{border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.25)}.new-banner-selectable-img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px;display:block}.new-banner-upload-section{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.new-banner-file-input{padding:8px 0;font-size:13px;color:#e0e0e0}.new-banner-upload-options{display:flex;grid-gap:20px;gap:20px;flex-wrap:wrap}.new-banner-upload-options label{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:14px;color:#e0e0e0;cursor:pointer}.new-banner-upload-options input{accent-color:#4caf50}.new-banner-preview-img-inline{max-height:180px;width:auto;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.2)}@media (max-width:1080px){.new-banner-content{grid-template-columns:1fr}.new-banner-preview-panel{position:static}}@media (max-width:760px){.new-banner-main{grid-template-columns:1fr}.new-banner-grid-span-2{grid-column:span 1}.new-banner-image-row{flex-direction:column;align-items:stretch}}.new-banner-container{display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:18rem;gap:18rem;height:calc(100vh - 80px);padding:2rem 10rem;background-color:#323232;color:#fff;font-family:"Rubik",sans-serif;box-sizing:border-box}.new-banner-left{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;width:100%;text-align:left;padding:1rem}.new-banner-row{display:flex;align-items:center;grid-gap:5rem;gap:5rem;width:100%}.new-banner-row label{font-size:1.1rem;flex:0 0 150px}.new-banner-row button,.new-banner-row input[type=color],.new-banner-row input[type=text],.new-banner-row select{background-color:#2699fb;color:#fff;border:none;padding:.5rem 1rem;font-size:1rem;border-radius:1.5rem;cursor:pointer;min-width:150px;max-width:300px}.new-banner-row input[type=text]{color:#fff;cursor:text}.color-picker{width:50px;height:70px;border-radius:12px;background-color:initial;border:2px solid #fff;padding:2px}.new-banner-preview{background-color:#1a1a1a;border-radius:16px;padding:4rem;border:1px dashed #555;text-align:center;display:flex;flex-direction:column;align-items:center}.new-banner-preview h4{font-size:1.1rem;font-weight:500;color:#ccc;margin-bottom:.3rem}.new-banner-preview .title{font-size:1.6rem;font-weight:700;margin-bottom:.3rem}.new-banner-preview .price{font-size:1.2rem;margin-bottom:1rem}.new-banner-preview img{width:100%;height:100%;object-fit:cover;border-radius:12px;margin:1rem auto;background-color:#fff;display:block;padding:4px}.new-banner-preview p{font-size:.85rem;color:#888;margin-top:.5rem}.new-banner-actions{display:flex;grid-gap:2rem;gap:2rem;margin-top:2rem}.new-banner-actions button{background-color:#666;border:none;border-radius:6px;font-size:1rem;color:#fff;cursor:pointer;transition:background-color .2s;padding:.75rem 1.5rem}.new-banner-actions button:hover{background-color:#888}.new-banner-actions button.confirm{background-color:#5cb85c}.new-banner-actions button.confirm:hover{background-color:#4cae4c}.new-banner-actions button.cancel{background-color:#d9534f}.new-banner-actions button.cancel:hover{background-color:#c9302c}.image-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:999}.image-modal{background:#1e1e1e;padding:2rem;border-radius:12px;max-height:80vh;overflow-y:auto;width:90%;max-width:600px;text-align:center;box-shadow:0 0 12px rgba(0,0,0,.8)}.image-modal h3{color:#fff;margin-bottom:1rem}.image-grid{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.image-grid img{width:80px;height:80px;object-fit:contain;border-radius:6px;padding:4px;cursor:pointer;border:2px solid transparent;transition:transform .2s,border-color .2s}.image-grid img:hover{transform:scale(1.05);border-color:#2699fb}.image-grid img.selected{border:3px solid #00f}.image-modal button{background-color:#2699fb;color:#fff;padding:.5rem 1.5rem;border:none;border-radius:20px;font-size:1rem;cursor:pointer}.image-modal button:hover{background-color:#1976d2}.maas-disabled-message{text-align:center;font-size:4rem;font-weight:700;color:#fff;margin-top:5rem;width:100%}.maas-back-banner{margin-top:2rem;padding:.6rem 1.5rem;font-size:1rem;background-color:#555;color:#fff;border:none;border-radius:1.5rem;cursor:pointer;transition:background-color .2s,transform .2s}.maas-back-banner:hover{background-color:#777;transform:scale(1.03)}.new-banner-preview-panel{border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:20px;display:flex;flex-direction:column;grid-gap:12px;gap:12px;position:sticky;top:0;min-height:280px}.new-banner-preview-content{display:flex;flex-direction:column;grid-gap:8px;gap:8px;margin-top:8px;align-items:center}.new-banner-preview-placeholder{margin-top:8px;width:100%;max-width:260px;min-height:120px;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;color:hsla(0,0%,100%,.78);border-radius:10px;background:hsla(0,0%,100%,.12);font-size:13px}.new-banner-preview-card.banner-card{width:100%;max-width:280px;height:190px}*{padding:0;box-sizing:border-box}#root{width:100%;max-width:none;margin:0 auto;text-align:center;background-color:#323232;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:10px}
/*# sourceMappingURL=main.65827632.chunk.css.map */