@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";:root{--hue-primary: 210;--hue-secondary: 210;--bg-main-sl: 0% 100%;--bg-header-sl: 0% 95%;--btn-primary-bg-sl: 100% 50%;--text-main-sl: 0% 15%;--text-on-primary-sl: 0% 100%;--bg-main: hsl(var(--hue-primary) var(--bg-main-sl));--btn-primary-bg: hsl(var(--hue-primary) var(--btn-primary-bg-sl));--text-main: hsl(var(--hue-primary) var(--text-main-sl));--text-on-primary: hsl(var(--hue-primary) var(--text-on-primary-sl));--border-divider: hsl(var(--hue-primary) var(--text-main-sl) / 10%)}html,body{height:100%;margin:0;font-family:Montserrat,sans-serif;text-align:center;-webkit-tap-highlight-color:transparent;padding-top:35px!important;background-color:var(--bg-main)!important;background-image:none!important;color:var(--text-main)!important;transition:background-color .3s ease,color .3s ease}#page-content{background-color:var(--bg-main)!important;color:var(--text-main)!important;transition:opacity .6s ease-in-out,background-color .3s ease,color .3s ease}.header-main-box{position:fixed;top:0;left:0;width:100%;height:65px;background-color:hsl(var(--hue-primary) var(--bg-header-sl) / 15%)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:10000;display:flex;align-items:center;padding:0 15px;box-sizing:border-box;border-bottom:1px solid var(--border-divider)!important;transition:background-color .3s ease,border-bottom-color .3s ease}.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:280px;min-height:48px;padding:12px 24px;margin-bottom:12px;background-color:var(--btn-primary-bg)!important;color:var(--text-on-primary)!important;border:none!important;border-radius:12px!important;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s ease,background-color .3s ease;position:relative;box-sizing:border-box;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 4px #0000001a;filter:brightness(.9)}.btn-primary,a.btn-primary,.btn-primary.ajax-link,a.btn-primary.ajax-link,.btn-primary:visited,.btn-primary:hover{background-color:var(--btn-primary-bg)!important;color:var(--text-on-primary)!important;text-decoration:none!important}.btn-primary i,.btn-primary span{color:var(--text-on-primary)!important}.admin-header{display:flex;align-items:center;justify-content:center;width:220px;gap:8px;font-size:15px;font-weight:600;letter-spacing:.3px;color:var(--text-main)!important;transition:color .3s ease}.admin-header .gear-icon,.admin-header i{color:var(--text-main)!important;transition:color .3s ease}.admin-separator hr{border:none!important;border-top:1px solid var(--border-divider)!important;margin:15px 0;transition:border-color .3s ease}.btn-circle-back{visibility:hidden}.v-spacer{display:block;width:100%;height:12px}h1{font-size:28px;margin:20px 0}.button-container{display:flex;flex-direction:column;align-items:center;gap:12px}a.button,button.button{display:block;width:220px;padding:12px 24px;background:#f60;color:#fff;text-decoration:none;border-radius:8px;transition:.3s;cursor:pointer}a.button:hover,button.button:hover{background:#e65500;transform:scale(1.05)}.floating{position:fixed;width:60px;height:60px;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1000}.logoAPP.top-left{top:10px;left:10px;background-image:url(/image/no-logo.png)}.input{width:90%;max-width:320px;padding:10px;border:2px solid #FF6600;border-radius:10px;outline:none;transition:.2s;font-size:15px}.input:focus{border-color:#e65500;box-shadow:0 0 5px #f609}textarea.input{height:140px;resize:vertical;border:2px solid #FF6600;border-radius:10px;padding:10px;line-height:1.4;font-size:15px;font-family:Montserrat,sans-serif;background:#fff7f3}#cameraModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:2000;flex-direction:column;justify-content:center;align-items:center}video,canvas{width:100%;max-width:400px;border:1px solid #ccc;margin:10px 0}#foto-preview{width:200px;height:200px;border:2px dashed #FF6600;border-radius:10px;margin:20px auto;display:flex;align-items:center;justify-content:center;color:#777;overflow:hidden;background:#fff7f3}#foto-preview img{max-width:100%;max-height:100%;border-radius:8px}.save-producto[disabled]{background:#6c757d!important;opacity:.6;cursor:not-allowed;pointer-events:none}.save-producto.enabled{background:#28a745!important;opacity:1;cursor:pointer}.productos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;padding:10px;justify-items:center}@media(max-width:480px){.productos-grid{grid-template-columns:repeat(2,1fr)}}.producto-card{background:#fff7f3;border:2px solid #FF6600;border-radius:12px;width:160px;overflow:hidden;text-align:center;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.producto-card:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff66004d}.producto-card{position:relative}.activo-container{position:absolute;bottom:4px;right:4px;font-size:13px}.checkbox-label.small{font-size:13px}.checkbox-label.small .custom-checkbox{width:20px;height:20px;border:2px solid orange}.checkbox-label.small input:checked+.custom-checkbox{background:#28a745;border-color:#28a745}.producto-card-user{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:10px}.producto-content-user{flex-grow:1}.cantidad-container-user{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:6px 8px;border-top:1px solid #eee}.btn-cantidad-user{width:32px;height:32px;border:none;background:#eee;border-radius:6px;font-size:20px;cursor:pointer}.btn-cantidad-user.mas{background:#28a745}.btn-cantidad-user.menos{background:#dc3545}.btn-cantidad-user:hover{background:#ddd}.cantidad-num-user{font-size:18px;font-weight:700;width:40px;text-align:center}.cart-floating{position:fixed;top:20px;right:-20px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10000;cursor:pointer}.cart-item{position:relative;width:80px;height:80px}.cart-icon{width:35%;height:35%;display:block;transform:translateY(-12.5%)}.cart-badge-count{position:absolute;top:40%;left:20%;transform:translate(-50%,-50%);color:#007bff;font-weight:700;font-size:12px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s ease}.cart-badge-count.animate{transform:translate(-50%,-50%) scale(1.4)}.cart-badge-total{position:absolute;top:60%;left:20%;transform:translate(-50%,-50%);color:#007bff;font-weight:700;font-size:12px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s ease}.cart-badge-total.animate{transform:translate(-50%,-50%) scale(1.4)}.producto-foto{width:100%;aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center}.producto-foto img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-foto{color:#aaa;font-size:14px}@media(max-width:480px){.productos-grid{grid-template-columns:repeat(2,1fr);justify-items:stretch}.producto-card{width:100%}}.producto-nombre{padding:4px;font-weight:700;font-size:15px;color:#333}.producto-precio{font-size:14px;font-weight:500;color:#f60;margin-bottom:4px}.checkbox-container{display:flex;align-items:center;margin-top:15px;justify-content:center}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-family:Montserrat,sans-serif;font-size:16px;color:#333;gap:10px}.checkbox-label input{display:none}.custom-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid #FF6600;background-color:#fff8f0;display:inline-block;position:relative;transition:all .2s ease}.checkbox-label:hover .custom-checkbox{border-color:#28a745}.checkbox-label input:checked+.custom-checkbox{background-color:#28a745;border-color:#28a745}.checkbox-label input:checked+.custom-checkbox:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.flash-highlight{animation:borderFlash 2s ease-in-out 3}@keyframes borderFlash{0%{box-shadow:0 0 #ffd70000;border-color:#f60}25%{box-shadow:0 0 10px 3px #ffd700cc;border-color:gold}50%{box-shadow:0 0 #ffd70000;border-color:#f60}75%{box-shadow:0 0 10px 3px #ffd700cc;border-color:gold}to{box-shadow:0 0 #ffd70000;border-color:#f60}}.categoria-subtitle{font-size:16px;color:#555;margin-bottom:20px;text-align:center;line-height:1.4}.categoria-list{list-style:none;padding:0;margin:0 auto;max-width:400px;display:flex;flex-direction:column;gap:10px}.categoria-item{display:flex;align-items:center;justify-content:space-between;background:#fff7f3;border:2px solid #FF6600;border-radius:12px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.categoria-item:hover{transform:scale(1.02);box-shadow:0 3px 10px #ff660040}.categoria-input{flex:1;border:none;background:transparent;font-size:16px;color:#333;outline:none;font-family:Montserrat,sans-serif}.categoria-input:focus{background:#fff;border-radius:6px;box-shadow:0 0 4px #f606;padding:4px 6px}.drag-handle{cursor:grab;font-size:22px;color:#f60;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .15s ease}.drag-handle:active{transform:scale(1.2);cursor:grabbing}.dragging{opacity:.6;background-color:#f0f0f0}.drag-handle{cursor:grab}.categoria-item input:focus{outline:none;border-color:#007bff}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease}.modal-content{background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 8px 20px #0003;width:320px;max-width:90%;text-align:center;font-family:Segoe UI,sans-serif}.modal-content h3{margin-bottom:15px;font-size:1.2em;color:#333}.modal-content .categoria-input{width:100%;padding:10px;font-size:1em;border-radius:6px;border:1px solid #ccc;margin-bottom:15px;box-sizing:border-box}.modal-buttons{display:flex;gap:10px;justify-content:center}.modal-buttons .btn-primary{max-width:130px;min-height:40px;font-size:14px;margin-bottom:0}.button.btn-green{background-color:#28a745;color:#fff}.button.btn-green:hover{background-color:#218838}.button.btn-red{background-color:#dc3545;color:#fff}.button.btn-red:hover{background-color:#c82333}.categoria-list{padding:0;margin:0 auto;max-width:480px;display:flex;flex-direction:column;gap:10px}.categoria-row{display:flex;align-items:stretch;gap:10px;width:100%;box-sizing:border-box}.categoria-item{flex:1;display:flex;align-items:center;justify-content:space-between;background:#fff7f3;border:2px solid #FF6600;border-radius:12px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.categoria-content{display:flex;align-items:center;gap:10px;width:100%}.categoria-item .categoria-input{flex:1;border:none;background:transparent;font-size:16px;color:#333;outline:none;font-family:Montserrat,sans-serif}.delete-categoria-btn{background-color:#dc3545;color:#fff;border:none;border-radius:10px;padding:0 14px;cursor:pointer;font-size:16px;font-weight:700;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px 6px #dc354540;min-width:72px}.delete-categoria-btn:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 6px 12px #dc354559}@media(max-width:420px){.categoria-row{gap:8px}.delete-categoria-btn{min-width:56px;font-size:14px;border-radius:8px}.categoria-item{padding:8px 10px;border-radius:10px}}.delete-categoria-btn{background-color:#fff;border:2px solid #dc3545;color:#dc3545;border-radius:10px;padding:0 14px;cursor:pointer;font-size:18px;font-weight:700;transition:all .15s ease;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;min-width:52px;box-shadow:0 2px 4px #dc35451a}.delete-categoria-btn:hover{background-color:#dc3545;color:#fff;box-shadow:0 4px 8px #dc354540;transform:translateY(-2px)}.delete-categoria-btn svg{width:32px;height:32px;fill:currentColor;pointer-events:none}@media(max-width:420px){.delete-categoria-btn{min-width:42px;padding:0 10px;border-radius:8px}.delete-categoria-btn svg{width:18px;height:18px}}.categoria-wrapper{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:8px}.drag-handle{cursor:grab;font-size:18px;margin-left:10px}#categories-list{display:flex;flex-direction:column;align-items:center;margin-top:15px}#categories-list .button{width:220px;background-color:#f60;color:#fff;text-decoration:none;border-radius:8px;padding:12px 24px;font-weight:400;transition:background .25s,transform .15s;margin-bottom:12px}#categories-list .button:last-child{margin-bottom:0}#categories-list .button:hover{background-color:#e65500;transform:scale(1.05)}.gear-icon{width:16px;height:16px;display:inline-block;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23555' viewBox='0 0 24 24'><path d='M19.14,12.94a7.07,7.07,0,0,0,0-1.88l2.11-1.65a.5.5,0,0,0,.12-.64l-2-3.46a.5.5,0,0,0-.61-.22l-2.49,1a7.11,7.11,0,0,0-1.63-.95l-.38-2.65A.5.5,0,0,0,13.81,2H10.19a.5.5,0,0,0-.5.42L9.31,5.07a7.11,7.11,0,0,0-1.63.95l-2.49-1a.5.5,0,0,0-.61.22l-2,3.46a.5.5,0,0,0,.12.64L4.86,11.06a7.07,7.07,0,0,0,0,1.88l-2.11,1.65a.5.5,0,0,0-.12.64l2,3.46a.5.5,0,0,0,.61.22l2.49-1a7.11,7.11,0,0,0,1.63.95l.38,2.65a.5.5,0,0,0,.5.42h3.62a.5.5,0,0,0,.5-.42l.38-2.65a7.11,7.11,0,0,0,1.63-.95l2.49,1a.5.5,0,0,0,.61-.22l2-3.46a.5.5,0,0,0-.12-.64ZM12,15.5A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z'/></svg>") no-repeat center;background-size:contain;opacity:.8}.edit-header{display:flex;align-items:center;justify-content:center;gap:8px;color:#555;font-size:15px;letter-spacing:.3px}.recuperar-header{display:flex;align-items:center;justify-content:center;gap:8px;color:#555;font-size:15px;font-weight:600;letter-spacing:.3px}.cart-item-card{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;background-color:#fff;gap:15px}.cart-item-foto img{width:70px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.cart-item-info{flex:1;display:flex;flex-direction:column}.cart-item-nombre{font-weight:600;font-size:16px;margin-bottom:5px}.cart-item-precio{font-size:14px;color:#555}.cart-item-cantidad{display:flex;flex-direction:column;align-items:center;gap:5px}.cart-item-cantidad button{width:28px;height:28px;border:1px solid #ccc;background-color:#f7f7f7;font-size:16px;border-radius:4px;cursor:pointer}.cart-item-cantidad span{min-width:25px;text-align:center;font-weight:700}#cart-items{display:flex;flex-direction:column;gap:12px}.producto-cart{background:#fff7f3;border:2px solid #FF6600;border-radius:12px;overflow:hidden;text-align:center;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;width:100%!important;max-width:100%!important;flex:0 0 100%!important}.producto-cart:hover{box-shadow:none;transform:none;cursor:default}.producto-cart-user{display:flex;justify-content:space-between;padding-bottom:0}.cart-item-row{display:flex;align-items:center;gap:6px;width:100%;padding:12px;background:#fff;border-radius:10px;margin-bottom:0;box-shadow:0 2px 5px #00000014;justify-content:space-between}.cart-item-photo img{width:70px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.no-foto-small{width:70px;height:70px;background:#eee;color:#666;display:flex;align-items:center;justify-content:center;border-radius:8px}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:15px;font-weight:600;min-width:0;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.cart-item-total{font-size:14px;color:#d9534f;min-width:0;margin-top:5px}.cart-item-controls{display:flex;align-items:center;gap:6px;flex-shrink:0;width:110px;justify-content:flex-end}.cart-item-controls button{width:32px;height:32px;border:none;color:#fff;font-size:20px;border-radius:6px;cursor:pointer}.cart-item-controls button.mas{background:#28a745}.cart-item-controls button.menos{background:#dc3545}.cantidad-num-user{font-size:18px;width:28px;text-align:center}.filter-container{display:flex;flex-direction:column;gap:10px;margin:0 auto 20px;max-width:300px;text-align:center}.filter-container .input{width:100%;box-sizing:border-box}.info-card{width:90%;max-width:320px;padding:15px 20px;background:#fff7f3;border:2px solid #FF6600;border-radius:12px;text-align:left;box-shadow:0 0 5px #ff660026}.info-card h3{margin:0 0 8px;font-size:17px;color:#f60;font-weight:700}.info-card p{margin:0;font-size:15px}.producto-foto-estilo{border-radius:12px;border:2px solid #FF6600;overflow:hidden;margin-bottom:20px}.producto-foto-estilo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pedido-card{padding:15px;margin-bottom:15px;background:#fff;border-radius:12px;box-shadow:0 2px 6px #00000014}.pedido-header{display:flex;justify-content:space-between;margin-bottom:10px}.pedido-user{margin-bottom:12px;font-size:14px}.item-row{display:flex;margin-bottom:8px}.item-img{width:60px;height:60px;border-radius:8px;-o-object-fit:cover;object-fit:cover;margin-right:10px}.item-info{font-size:14px}.pedido-total{margin-top:10px;font-size:16px;text-align:right}.button-ajustes{display:inline-flex;align-items:center;padding:8px 14px 8px 36px;position:relative}.button-ajustes .gear-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%)}#adminModal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}#adminModal .modal-content{background:#fff;padding:20px;border-radius:10px;max-width:400px;width:90%;text-align:center;position:relative}#adminModal #qrCodeContainer{margin:20px auto;width:200px;height:200px}.language-select{width:220px;padding:12px 24px;background:#fff;color:#000;text-decoration:none;border-radius:8px;transition:.3s;cursor:pointer}.input-error{border:1px solid red}.producto-foto{position:relative}.badge-out-of-stock{position:absolute;top:8px;left:8px;background:#dc3545;color:#fff;padding:4px 8px;font-size:.75em;border-radius:6px;font-weight:700;z-index:2}.producto-card-user.out-of-stock{opacity:.55}.btn-cantidad-user:disabled{opacity:.4;cursor:not-allowed}.out-of-stock-message{margin-top:10px;padding:10px 14px;background:#fff3cd;color:#856404;border:1px solid #ffeeba;border-radius:8px;font-size:.95em;text-align:center}.auth-container{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin:0 auto}.input{width:100%;box-sizing:border-box}.password-wrapper{position:relative;width:100%}.password-wrapper .input{padding-right:44px}.toggle-pass{position:absolute;right:30px;top:50%;transform:translateY(-65%);z-index:10;background:transparent;border:none;padding:0;cursor:pointer}.toggle-pass svg{width:24px;height:24px;fill:#666;pointer-events:none}.eye-closed{display:none}.button-container.auth-container .input{display:block;margin:0 auto 10px;max-width:100%;width:90%;box-sizing:border-box}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:#fff;padding:20px;max-width:420px;width:90%;border-radius:8px}.stock-ok{color:#28a745;font-size:.85em;margin-top:4px}.stock-low{color:#dc3545;font-size:.85em;margin-top:4px;animation:blink-red 1s infinite}@keyframes blink-red{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.item-stock-status{font-size:.9em;font-weight:700;margin-top:5px}.stock-good{color:#28a745}.stock-critical{color:red;animation:blinker-stock 1s linear infinite}@keyframes blinker-stock{50%{opacity:.2}}.producto-card.out-of-stock{opacity:.7;border:1px dashed #ff4d4f}.producto-foto{position:relative;overflow:hidden}.stock-badge{position:absolute;bottom:0;left:0;right:0;background:#ff4d4fe6;color:#fff;padding:4px 0;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;z-index:10}.stock-counter{font-size:.85em;color:#666;margin-top:4px}.stock-counter.text-red{color:#ff4d4f;font-weight:700}.nav-col{flex:1;display:flex;align-items:center}.nav-col-center{justify-content:center}.nav-col-right{justify-content:flex-end}.btn-circle-back{width:40px;height:40px;background-color:#ffffff40;border:1px solid rgba(0,0,0,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#333;transition:background .2s,transform .1s}.btn-circle-back:active{background-color:#ffffff80;transform:scale(.92)}#cartFloating{display:flex;align-items:center;background-color:#ffffff40;padding:6px 12px;border-radius:25px;gap:10px;cursor:pointer;border:1px solid rgba(0,0,0,.05);transition:transform .1s;text-decoration:none}#cartFloating:active{transform:scale(.95)}.cart-icon-rel{position:relative;display:flex;align-items:center}.cart-icon-img{width:26px;height:26px}#cartCount{position:absolute;top:-8px;right:-10px;background:#ff3b30;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}#cartTotal{font-size:14px;font-weight:800;color:#007aff;font-family:Montserrat,sans-serif}.logo-preview-container img{background-color:#f8f9fa;transition:transform .2s;cursor:pointer}.logo-preview-container img:active{transform:scale(.95)}.logo-dynamic{max-height:40px;max-width:150px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:inline-block;vertical-align:middle;transition:opacity .3s ease-in-out}.logoAPP-center{width:46px;height:46px;background-image:url(/image/no-logo.png);background-size:contain;background-repeat:no-repeat;background-position:center;margin:0 auto}#user-orders-list{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:50px}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 180px);background-color:#f0f2f5;border-radius:20px;overflow:hidden;margin:0 10px 20px;box-shadow:0 4px 15px #0000000d;border:1px solid rgba(0,0,0,.05)}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background-image:linear-gradient(#f0f2f5eb,#f0f2f5eb),url(https://www.transparenttextures.com/patterns/cubes.png)}.message{display:flex;width:100%;background:none!important}.message.my{justify-content:flex-end}.message.others{justify-content:flex-start}.message-content{max-width:75%;padding:10px 15px;font-size:14px;line-height:1.4;position:relative;word-wrap:break-word;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column}.message-content .text{white-space:pre-wrap;word-break:break-word}.message.my .message-content{background-color:#007bff;color:#fff;border-radius:18px 18px 4px}.message.others .message-content{background-color:#fff;color:#333;border-radius:18px 18px 18px 4px}.message-time{display:block;font-size:10px;margin-top:4px;opacity:.7;text-align:right}.chat-input-area{background-color:#fff;padding:12px 15px;display:flex;align-items:center;gap:12px;border-top:1px solid #eee;flex-shrink:0}#message-text{flex:1;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;padding:12px 18px;font-size:16px;outline:none;resize:none;min-height:44px;max-height:150px;line-height:1.4;font-family:inherit;transition:border-color .2s}#message-text:focus{border-color:#007bff}.send-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;transition:transform .2s;flex-shrink:0}.send-button:active{transform:scale(.9)}.send-button svg{width:28px;height:28px;fill:#007bff}.loading-spinner{text-align:center;color:#888;margin-top:20px;font-style:italic}.support-list-wrapper{max-width:600px;margin:20px auto;padding:0 15px}.support-title{text-align:center;margin:20px 0}.chat-card{background-color:#ff6d00!important;color:#fff!important;border-radius:12px!important;padding:15px 20px!important;margin-bottom:12px;text-decoration:none;display:block;transition:transform .2s ease,background-color .2s ease;box-shadow:0 4px 6px #0000001a;border:none!important}.chat-card:hover{transform:translateY(-2px);background-color:#e65100!important;color:#fff!important}.chat-card .client-name{font-weight:700;font-size:1.1rem;display:block;margin-bottom:4px}.chat-card .last-message{color:#ffffffe6!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.badge-unread{position:absolute;top:-5px;right:-5px;background-color:#ff3b30;color:#fff;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 4px #0003;z-index:5}.support-list-container{max-width:600px;margin:0 auto;padding-bottom:30px}.new-ticket-form{margin-bottom:20px}.create-ticket-btn{background-color:#28a745!important;color:#fff!important;width:100%;border:none;border-radius:12px;padding:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0000001a}.section-divider{font-size:12px;color:#888;text-transform:uppercase;margin:20px 0 10px 5px;letter-spacing:1px}.chat-card.ticket-closed{background-color:#9e9e9e!important;opacity:.8}.chat-card-header{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px;opacity:.9}.ticket-number{font-weight:700}.empty-list-text{text-align:center;color:#999;margin-top:50px}.chat-card .badge-unread{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.ticket-closed-msg{border:1px solid #ddd;margin-top:10px;font-style:italic}.ticket-closed .message-cloud{filter:grayscale(.3) opacity(.9)}.closed-banner{background:#f8f9fa;border-top:1px solid #dee2e6;padding:20px;text-align:center;color:#6c757d;font-size:14px;border-radius:0 0 15px 15px}.closed-banner i{margin-right:8px;color:#adb5bd}.ticket-is-closed .message-cloud{opacity:.85}.ticket-is-closed .chat-messages{filter:grayscale(.2)}.chat-card.ticket-closed{background-color:#9e9e9e!important;opacity:.7;box-shadow:none;border:1px solid #888}.chat-card.ticket-closed:hover{opacity:1;background-color:#8a8a8a!important}.ticket-number{font-size:12px;opacity:.6;margin-left:5px}.closed-label{position:absolute;right:10px;top:5px;font-size:10px;background:#0000001a;padding:2px 5px;border-radius:4px;color:#fff}.chat-card-info{display:flex;justify-content:space-between;align-items:center;width:100%}.admin-item{background:#fff;padding:15px;border-radius:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #eee}.badge-owner{color:#28a745;font-size:.8em;font-weight:700;margin-left:5px}.btn-transfer{background:#ffc107!important;padding:5px 10px!important;font-size:12px!important;margin-right:5px!important}.btn-remove{background:#dc3545!important;padding:5px 10px!important;font-size:12px!important}.admin-info strong{font-size:1.1em}.admin-controls-wrapper{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.admin-controls-wrapper .btn-manage-final{background-color:#17a2b8!important;color:#fff!important;border:2px solid #000!important;border-radius:8px!important;display:flex!important;align-items:center;justify-content:center;text-decoration:none!important;width:100%!important;max-width:280px;height:44px;font-size:14px;font-weight:700;box-sizing:border-box}.admin-controls-wrapper .admin-button{border:2px solid #000!important;border-radius:8px!important;width:100%;max-width:280px;height:44px}.badge-unread2{position:absolute;top:-5px;right:-5px;background-color:#ff3b30;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:10px;border:1px solid white;min-width:15px;text-align:center;box-shadow:0 2px 4px #0003}.pulse-border{animation:pulse-orange 2s infinite}@keyframes pulse-orange{0%{box-shadow:0 0 #ff7300b3}70%{box-shadow:0 0 0 10px #ff730000}to{box-shadow:0 0 #ff730000}}.btn-primary:hover{background-color:var(--main-color-hover);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-primary:disabled{background-color:#ccc;border-color:#999;background-color:#e0e0e0!important;color:#9e9e9e!important;border-color:#bdbdbd!important;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-success{background-color:var(--success-color)!important}.btn-success:hover{background-color:var(--success-color-hover)!important}.btn-danger{background-color:var(--danger-color)!important}.btn-danger:hover{background-color:var(--danger-color-hover)!important}.btn-secondary{background-color:var(--secondary-color)!important;color:#fff!important;border:2px solid #000000!important}.btn-secondary:hover{background-color:var(--secondary-color-hover)!important}.chat-preview-container{display:flex;flex-wrap:wrap;padding:10px;background:#f9f9f9;border-bottom:1px solid #eee;gap:8px}.chat-input-area{position:relative;display:flex;align-items:center}.attach-button{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:10px}.attach-menu{position:absolute;bottom:50px;left:10px;background:#fff;box-shadow:0 4px 12px #00000026;border-radius:8px;overflow:hidden;z-index:10}.attach-menu button{display:block;width:100%;padding:10px 15px;border:none;background:none;text-align:left;cursor:pointer}.attach-menu button:hover{background:#f5f5f5}