*{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #1b120a;--color-surface: #312318;--color-primary: #c8a664;--color-primary-light: #f3d999;--color-primary-lighter: #fff5d8;--color-border: #4e3d2c;--color-text-base: #f3d999;--color-text-muted: #8b6c43;--color-whatsapp: #25D366;--color-whatsapp-hover: #1EBE57;--color-danger: #dc3545;--color-danger-hover: #c82333;--color-success: #28a745;--font-family-base: "Poppins", sans-serif;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 10px rgba(0,0,0,.4);--shadow-lg: 0 10px 25px rgba(0,0,0,.5);--shadow-gold-glow: 0 0 15px rgba(200, 166, 100, .4)}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);color:var(--color-text-base);line-height:1.7;min-height:100vh;background-image:linear-gradient(#1b120abf,#1b120abf),url(/fundo-dourado.jpg);background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hidden{display:none!important}header{background-color:var(--color-background);padding:1rem 2rem;position:sticky;top:0;left:0;width:100%;z-index:1000;box-shadow:var(--shadow-md)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:1.5rem}.logo-area{text-align:left}header h1{color:var(--color-primary-light);margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:1px}header p{margin:0;font-size:.9rem;color:var(--color-primary-light);opacity:.8}.menu-btn{background:none;border:2px solid var(--color-border);color:var(--color-primary-light);width:48px;height:48px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden;position:relative}.menu-btn:hover{background-color:#c8a6641a;border-color:var(--color-primary)}.menu-btn .user-icon{font-size:1.6rem;line-height:1;color:var(--color-primary-light)}.menu-btn .profile-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--color-primary)}.main-nav{width:100%;background-color:var(--color-background);border-bottom:2px solid var(--color-border);display:flex;justify-content:center;box-shadow:var(--shadow-sm)}.nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:stretch}.nav-list li{display:flex}.nav-list li a{display:flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;color:var(--color-primary-light);text-decoration:none;font-weight:600;transition:all .3s ease;border-bottom:3px solid transparent;text-align:center;position:relative;overflow:hidden}.nav-list li a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background-color:var(--color-primary);transition:all .3s ease;transform:translate(-50%)}.nav-list li a:hover,.nav-list li a.active{color:var(--color-primary-lighter);background-color:#c8a6640d}.nav-list li a:hover:before,.nav-list li a.active:before{width:70%}.nav-list li a i{margin-right:.6rem;font-size:1.1em}.nav-list li a .nav-text{display:inline}.container{display:flex;max-width:1400px;margin:2.5rem auto;padding:0 1.5rem;gap:2.5rem;position:relative;z-index:5;align-items:flex-start}.sidebar{flex:0 0 260px;background:#1b120ae6;padding:1.8rem;border-radius:10px;box-shadow:var(--shadow-md);height:fit-content;border:1px solid var(--color-border);position:sticky;top:130px}.supplier-filter{list-style:none;padding:0}.supplier-filter li{margin-bottom:.6rem}.supplier-filter li a{display:block;padding:.9rem 1rem;border-radius:6px;font-weight:600;color:var(--color-primary-light);text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.supplier-filter li a:hover{background-color:#c8a6641a;color:var(--color-primary-lighter);border-left-color:var(--color-primary)}.supplier-filter li a.active{background-color:var(--color-primary);color:var(--color-background);box-shadow:var(--shadow-gold-glow);border-left-color:var(--color-primary-lighter);font-weight:700}.product-grid-wrapper{flex-grow:1}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.product-card{background:#1b120ae6;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-md);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--color-border);position:relative}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg),var(--shadow-gold-glow);border-color:var(--color-primary)}.product-card iframe{width:100%;height:180px;border:none;display:block}.product-card video{width:100%;aspect-ratio:16 / 9;border:none;background-color:#000;object-fit:cover;display:block}.video-placeholder{width:100%;height:180px;border:none;background:#000;display:flex;justify-content:center;align-items:center;text-align:center;padding:1rem;color:var(--color-text-muted);font-weight:600;font-size:.9rem}.card-content{padding:1.2rem;display:flex;flex-direction:column;flex-grow:1;border-top:2px solid var(--color-primary)}.card-content h3{margin-bottom:.4rem;color:var(--color-primary);font-size:1.15rem;font-weight:700;line-height:1.4}.card-content .description{font-size:.85rem;color:var(--color-primary-light);opacity:.9;margin-bottom:.8rem;flex-grow:1;line-height:1.5}.card-content .price{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.whatsapp-button{display:flex;align-items:center;justify-content:center;gap:.6rem;background-color:var(--color-whatsapp);color:#fff;text-align:center;padding:.8rem;border-radius:6px;text-decoration:none;font-weight:700;transition:all .3s;box-shadow:var(--shadow-sm);border:none;cursor:pointer;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.whatsapp-button:hover:not([disabled]){background-color:var(--color-whatsapp-hover);transform:translateY(-2px);box-shadow:0 4px 8px #25d36666}.whatsapp-button.disabled{background-color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.channels-container,.references-container,.sellers-container,.settings-container{max-width:1100px;margin:2.5rem auto;padding:2.5rem;background:#1b120ae6;border-radius:10px;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.settings-container{max-width:700px}.channels-container h1,.references-container h1,.sellers-container h1,.settings-container h1{text-align:center;color:var(--color-primary);margin-bottom:.8rem;font-size:clamp(1.8rem,5vw,2.2rem);font-weight:700}.channels-container p,.references-container p,.sellers-container p,.settings-container p{text-align:center;color:var(--color-primary-light);margin-bottom:2.5rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.settings-container h1{margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--color-border)}.main-channels{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.channel-button{padding:.9rem 1.8rem;border-radius:6px;text-decoration:none;color:#fff;font-weight:700;transition:all .3s ease;display:inline-flex;align-items:center;gap:.8rem;box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.channel-button.telegram{background:linear-gradient(135deg,#2aabee,#1792cd)}.channel-button.discord{background:linear-gradient(135deg,#5865f2,#4752c4)}.channel-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}.channels-container h2{text-align:center;color:var(--color-primary);border-top:1px solid var(--color-border);padding-top:2.5rem;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.accordion{max-width:800px;margin:0 auto}.accordion-item{margin-bottom:.8rem;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.accordion-header{width:100%;background-color:var(--color-surface);border:none;padding:1.2rem 1.5rem;text-align:left;color:var(--color-primary-light);font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s;position:relative;display:flex;justify-content:space-between;align-items:center}.accordion-header:hover{background-color:#c8a6641a}.accordion-header:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:1rem;transition:transform .3s ease-out;color:var(--color-primary)}.accordion-header.active:after{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out,padding .4s ease-out;background-color:#0a0a0a99;padding:0 1.5rem;border-top:1px solid var(--color-border)}.accordion-header.active+.accordion-content{padding-left:1.5rem;padding-right:1.5rem}.whatsapp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding-top:1.5rem;padding-bottom:1.5rem}.whatsapp-grid .whatsapp-button{font-size:.9rem;padding:.7rem}.references-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.ref-card{background:#1b120ae6;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-md)}.ref-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg),var(--shadow-gold-glow);border-color:var(--color-primary)}.ref-card img{width:100%;display:block;aspect-ratio:9 / 13;object-fit:cover}.ref-vendor-tag{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(15,10,5,.95) 20%,transparent);color:var(--color-primary-lighter);padding:2rem 1rem .8rem;font-weight:700;font-size:.95rem;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.sellers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2.5rem 2rem;justify-items:center}.seller-card{display:flex;flex-direction:column;align-items:center;text-align:center;width:160px;transition:transform .3s ease;text-decoration:none;padding:1rem;border-radius:8px;background-color:transparent}.seller-card:hover{transform:translateY(-8px);background-color:#c8a6640d}.seller-image-wrapper{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:1.2rem;border:4px solid var(--color-primary);box-shadow:var(--shadow-md);background-color:var(--color-surface);display:flex;justify-content:center;align-items:center;position:relative;transition:border-color .3s ease}.seller-card:hover .seller-image-wrapper{border-color:var(--color-primary-lighter)}.seller-image-wrapper:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:3rem;color:var(--color-border);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:.7}.seller-image-wrapper img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;background-color:transparent}.seller-name{font-weight:700;color:var(--color-primary-light);font-size:1.05rem;line-height:1.4;transition:color .3s ease}.seller-card:hover .seller-name{color:var(--color-primary-lighter)}.user-side-panel,.filter-side-panel{position:fixed;top:0;width:320px;max-width:90vw;height:100%;background-color:var(--color-background);box-shadow:var(--shadow-lg);z-index:10001;transition:transform .35s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column}.user-side-panel{right:0;border-left:2px solid var(--color-primary);transform:translate(100%)}.filter-side-panel{left:0;border-right:2px solid var(--color-primary);transform:translate(-100%)}.user-side-panel.is-open,.filter-side-panel.is-open{transform:translate(0)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.8rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.panel-header h3{color:var(--color-primary);margin:0;font-size:1.2rem}.close-panel-btn{background:none;border:none;color:var(--color-primary-light);font-size:2.2rem;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .3s}.close-panel-btn:hover{opacity:1;color:var(--color-primary-lighter)}.panel-content{padding:1.8rem;overflow-y:auto;flex-grow:1}.google-login-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.9rem;background-color:#fff;color:#333;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-sm)}.google-login-btn:hover{background-color:#f5f5f5;box-shadow:var(--shadow-md);transform:translateY(-1px)}.google-login-btn img{width:22px;height:22px;margin-right:12px}#logged-in-view p{font-size:1.1rem;margin-bottom:2rem;line-height:1.5}#user-display-name{color:var(--color-primary);font-weight:700;font-size:1.2em}.panel-link{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem;background-color:var(--color-surface);color:var(--color-primary-lighter);text-decoration:none;font-weight:600;border-radius:6px;margin-bottom:1rem;transition:all .3s}.panel-link:hover{background-color:var(--color-primary);color:var(--color-background);box-shadow:var(--shadow-gold-glow)}.panel-link i{font-size:1.1em;width:20px;text-align:center}.separator{text-align:center;margin:1.5rem 0;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;font-size:.85rem;position:relative}.separator:before,.separator:after{content:"";position:absolute;top:50%;width:38%;height:1px;background-color:var(--color-border)}.separator:before{left:0}.separator:after{right:0}#panel-login-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-group-panel input{width:100%;padding:.9rem;border:1px solid var(--color-border);background-color:var(--color-background);border-radius:6px;color:var(--color-primary-lighter);font-size:1rem;font-family:var(--font-family-base);transition:border-color .3s,box-shadow .3s}.form-group-panel input::placeholder{color:var(--color-text-muted)}.form-group-panel input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 8px #c8a6644d}.panel-login-btn{width:100%;padding:.9rem;background-color:var(--color-primary);border:none;border-radius:6px;color:var(--color-background);font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-sm)}.panel-login-btn:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-md),var(--shadow-gold-glow);transform:translateY(-1px)}.secondary-link{display:block;margin-top:1.2rem;text-align:center;color:var(--color-primary);font-size:.9rem;text-decoration:underline;transition:color .3s}.secondary-link:hover{color:var(--color-primary-light)}.panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:10000;opacity:1;transition:opacity .35s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel-overlay.hidden{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f0a05cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10002;opacity:1;transition:opacity .3s ease}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-content{background-color:var(--color-surface);padding:2.5rem 3.5rem;border-radius:12px;border:1px solid var(--color-border);box-shadow:var(--shadow-lg),0 0 30px #c8a66433;width:90%;max-width:550px;position:relative;transform:scale(1) translateY(0);transition:transform .3s ease,opacity .3s ease;max-height:90vh;overflow-y:auto}.modal-overlay.hidden .modal-content{transform:scale(.95) translateY(-10px);opacity:0}.modal-content h1,.modal-content h2{text-align:center;color:var(--color-primary);margin-bottom:2rem;font-weight:700}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.6rem;color:var(--color-primary-light);font-weight:600;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.9rem;border:1px solid var(--color-border);background-color:var(--color-background);border-radius:6px;color:var(--color-primary-lighter);font-size:1rem;font-family:var(--font-family-base);transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px #c8a66466}.btn-login{width:100%;padding:.9rem;background-color:var(--color-primary);border:none;border-radius:6px;color:var(--color-background);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px}.btn-login:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-md),var(--shadow-gold-glow);transform:translateY(-2px)}[class*=close-btn]{position:absolute;top:18px;right:22px;font-size:2rem;color:var(--color-primary-light);cursor:pointer;transition:color .3s;background:none;border:none;padding:0;line-height:1;opacity:.8}[class*=close-btn]:hover{color:var(--color-primary-lighter);opacity:1}.terms-group{display:flex;align-items:center;gap:10px;margin-top:1.5rem}.terms-group input[type=checkbox]{width:auto;transform:scale(1.2);accent-color:var(--color-primary)}.terms-group label{margin-bottom:0;font-size:.9rem;color:var(--color-primary-light)}.terms-group label a{color:var(--color-primary);text-decoration:underline;font-weight:600}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f0a05b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10003}.spinner{width:55px;height:55px;border:6px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10004;display:flex;flex-direction:column-reverse;gap:12px;align-items:center}.toast{padding:1rem 1.5rem;border-radius:8px;color:#fff;font-weight:600;box-shadow:var(--shadow-lg);animation:slideUp .4s ease forwards,fadeOutToast .5s ease 3.5s forwards;opacity:0;min-width:280px;text-align:center;border-left:5px solid}.toast.toast-success{background-color:var(--color-success);border-left-color:#1a6b2c}.toast.toast-error{background-color:var(--color-danger);border-left-color:#a01c28}.toast.toast-info{background-color:var(--color-primary);color:var(--color-background);border-left-color:#8b6c43}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOutToast{0%{opacity:1}to{opacity:0;transform:translateY(10px)}}.confirm-dialog{max-width:420px}.confirm-dialog p{text-align:center;color:var(--color-primary-light);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.confirm-buttons{display:flex;justify-content:space-around;gap:1rem}.btn-confirm{border:none;padding:.8rem 1.8rem;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;font-size:.9rem;flex-grow:1}.btn-cancel{background-color:var(--color-text-muted);color:var(--color-primary-lighter)}.btn-cancel:hover{background-color:var(--color-border)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:var(--color-danger-hover);transform:translateY(-1px);box-shadow:0 3px 8px #dc354566}.modal-content-tabs{display:flex;padding:0;max-width:950px;width:90vw;overflow:hidden;height:88vh;max-height:88vh}.dashboard-menu{flex-basis:260px;flex-shrink:0;background-color:#00000040;padding:2rem 1.5rem;border-right:1px solid var(--color-border);display:flex;flex-direction:column}.dashboard-menu h4{color:var(--color-primary-light);font-size:1.3rem;padding-bottom:1.2rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;font-weight:700}.dashboard-menu-list{list-style:none;padding:0;flex-grow:1;overflow-y:auto}.dashboard-menu-item{width:100%;background:none;border:none;color:var(--color-primary-light);padding:1rem 1.2rem;margin-bottom:.6rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:1rem;font-family:var(--font-family-base);transition:all .2s ease;text-align:left}.dashboard-menu-item:hover{background-color:#c8a6641a;color:var(--color-primary-lighter)}.dashboard-menu-item.active{background-color:var(--color-primary);color:var(--color-background);font-weight:700;box-shadow:var(--shadow-gold-glow)}.dashboard-menu-item i{font-size:1.1em;width:22px;text-align:center}.dashboard-content{flex-grow:1;padding:2.5rem;overflow-y:auto;max-height:100%}.dashboard-panel .dashboard-section{border:none;box-shadow:none;background:none;padding:0;margin-bottom:2.5rem}.dashboard-panel .dashboard-section:last-child{margin-bottom:0}.dashboard-section h2{display:flex;align-items:center;gap:12px;font-size:1.6rem;color:var(--color-primary);margin-bottom:.8rem;font-weight:700}.dashboard-section p{text-align:left;margin-bottom:1.5rem;color:var(--color-primary-light);opacity:.9}.dashboard-btn,.action-btn{border:none;padding:10px 20px;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.dashboard-btn.add-btn{background-color:var(--color-whatsapp);color:#fff}.dashboard-btn.add-btn:hover{background-color:var(--color-whatsapp-hover);transform:translateY(-2px);box-shadow:0 4px 10px #25d36666}.dashboard-btn.settings-btn,#add-reference-form button,.open-item-selection-modal-btn{background-color:var(--color-text-muted);color:var(--color-primary-lighter)}.dashboard-btn.settings-btn:hover,#add-reference-form button:hover,.open-item-selection-modal-btn:hover{background-color:var(--color-primary);color:var(--color-background);transform:translateY(-2px);box-shadow:0 4px 10px #c8a66466}.vendor-product-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:.8rem}.vendor-product-item{display:flex;justify-content:space-between;align-items:center;background-color:#00000040;padding:1rem 1.5rem;border-radius:6px;border:1px solid var(--color-border);transition:background-color .3s}.vendor-product-item:hover{background-color:#0006}.vendor-product-item p{margin:0;font-weight:600;color:var(--color-primary-light)}.vendor-product-item .actions{display:flex;gap:1rem}.action-btn{padding:8px 15px;font-size:.85rem;box-shadow:none}.action-btn.edit-btn,.action-btn.admin-manage-btn{background-color:var(--color-primary);color:var(--color-background)}.action-btn.edit-btn:hover,.action-btn.admin-manage-btn:hover{filter:brightness(1.1);box-shadow:var(--shadow-sm)}.action-btn.delete-btn{background-color:var(--color-danger);color:#fff}.action-btn.delete-btn:hover{background-color:var(--color-danger-hover);box-shadow:0 2px 6px #dc354566}#add-reference-form input[type=file],#vendor-picture{display:none}.file-input-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background-color:var(--color-surface);color:var(--color-primary-light);border:1px dashed var(--color-text-muted);border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}.file-input-label:hover{background-color:var(--color-border);color:var(--color-primary-lighter);border-color:var(--color-primary)}#file-name-display{margin-left:1rem;font-style:italic;color:var(--color-text-muted);font-size:.9rem}.profile-picture-group{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.profile-picture-preview{width:110px;height:110px;border-radius:50%;overflow:hidden;margin-bottom:1.2rem;border:4px solid var(--color-primary);background-color:var(--color-surface);box-shadow:var(--shadow-md)}.profile-picture-preview img{width:100%;height:100%;object-fit:cover}.small-label{padding:8px 18px;font-size:.9rem}.vendor-references-list{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;max-height:450px;overflow-y:auto;padding:1rem;background-color:#00000040;border-radius:8px;border:1px solid var(--color-border)}.vendor-ref-item{position:relative;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;transition:transform .2s ease}.vendor-ref-item:hover{transform:scale(1.03)}.vendor-ref-item img{display:block;width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover}.vendor-ref-delete-btn{position:absolute;top:6px;right:6px;background-color:#dc3545d9;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:.95rem;line-height:30px;text-align:center;cursor:pointer;transition:all .2s;padding:0;box-shadow:var(--shadow-sm)}.vendor-ref-delete-btn:hover{background-color:var(--color-danger);transform:scale(1.1);box-shadow:0 2px 6px #dc354580}.supplier-filter li.filter-title{color:var(--color-primary);font-size:1.4rem;font-weight:700;margin-top:2rem;margin-bottom:1.2rem;padding:0 .5rem .6rem;border-bottom:1px solid var(--color-border)}.supplier-filter li.filter-title-item{color:var(--color-primary-light);font-size:.85rem;font-weight:700;text-transform:uppercase;margin-top:2rem;padding:0 .5rem;margin-bottom:.6rem;opacity:.8}.open-item-filter-btn-sidebar{background:none;border:1px solid var(--color-border);color:var(--color-primary-light);font-size:.9rem;padding:.9rem;border-radius:6px;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;font-family:var(--font-family-base);font-weight:600}.open-item-filter-btn-sidebar:hover{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.open-item-filter-btn-sidebar i{margin-right:.6rem;margin-left:.2rem;width:20px;text-align:center}.modal-content-filter{max-width:850px;max-height:700px}.modal-filter-layout{display:flex;padding:0;overflow:hidden;height:100%}.filter-tab-menu{flex-basis:90px;flex-shrink:0;background-color:#0000004d;padding:2rem .8rem;border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:1rem;overflow-y:auto}.filter-tab-button{background:none;border:2px solid transparent;color:var(--color-primary-light);padding:.6rem;border-radius:10px;cursor:pointer;transition:all .2s ease;width:70px;height:70px;display:flex;justify-content:center;align-items:center;opacity:.7}.filter-tab-button:hover{background-color:#c8a6641a;border-color:var(--color-text-muted);opacity:.9}.filter-tab-button.active{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary);box-shadow:var(--shadow-gold-glow);opacity:1}.filter-tab-icon{display:block;width:100%;height:100%;max-width:48px;max-height:48px;object-fit:contain;transition:filter .2s ease,transform .2s ease;filter:brightness(.9) grayscale(20%)}.filter-tab-button:hover .filter-tab-icon{filter:brightness(1.1)}.filter-tab-button.active .filter-tab-icon{filter:brightness(0) invert(1);transform:scale(1.05)}.filter-content-area{flex-grow:1;padding:2rem 2.5rem;display:flex;flex-direction:column;height:100%;min-height:0}.filter-content-area h2{text-align:center;margin-bottom:.8rem;color:var(--color-primary);font-size:1.5rem}.filter-content-area p{text-align:center;margin-bottom:1.5rem;font-size:.95rem;color:var(--color-primary-light);opacity:.9}.filter-category-subtitle{color:var(--color-primary-lighter);font-size:1.1rem;font-weight:700;text-align:center;margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding-bottom:.6rem;flex-shrink:0}#item-filter-modal-grid{flex-grow:1;overflow-y:auto;margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:1rem;background-color:#0003;border-radius:8px;border:1px solid var(--color-border)}.item-filter-button{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary-light);padding:.8rem;border-radius:6px;font-weight:600;font-size:.9rem;text-align:center;cursor:pointer;transition:all .2s ease;width:100%;font-family:var(--font-family-base)}.item-filter-button:hover{background-color:var(--color-border);transform:translateY(-2px)}.item-filter-button.active{background-color:var(--color-primary);color:var(--color-background);box-shadow:var(--shadow-gold-glow);border-color:var(--color-primary)}.item-filter-button{display:flex;justify-content:center;align-items:center;padding:8px;min-height:80px}.item-filter-button .item-filter-icon{display:block;max-width:100%;max-height:60px;object-fit:contain}.item-filter-button span{display:inline;font-weight:600;font-size:.9rem;line-height:1.3}.item-filter-button img+span{display:none}.filter-modal-actions{padding-top:1.5rem;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;border-top:1px solid var(--color-border)}.filter-modal-actions .dashboard-btn{flex-basis:48%;text-align:center;font-size:.9rem;padding:.8rem}.filter-modal-actions #clear-item-filter-btn{background-color:var(--color-text-muted)}.filter-modal-actions #clear-item-filter-btn:hover{background-color:var(--color-border)}.filter-modal-actions #apply-item-filter-btn{background-color:var(--color-primary);color:var(--color-background)}.filter-modal-actions #apply-item-filter-btn:hover{background-color:var(--color-primary-light)}.selected-tags-display{margin-top:1rem;padding:.8rem;background-color:#0003;border:1px solid var(--color-border);border-radius:6px;min-height:40px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.9rem;color:var(--color-text-muted)}.selected-tag-pill{background-color:var(--color-primary);color:var(--color-background);padding:4px 10px;border-radius:15px;font-weight:600;font-size:.8rem}.filter-fab{position:fixed;top:50%;transform:translateY(-50%);left:0;z-index:999;background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:0 12px 12px 0;width:50px;height:65px;padding-left:10px;font-size:1.6rem;box-shadow:3px 3px 10px #00000080;cursor:pointer;display:none;justify-content:center;align-items:center;transition:transform .2s ease,background-color .3s}.filter-fab:hover{transform:translateY(-50%) scale(1.05);background-color:var(--color-primary-light)}.filter-panel-header{display:none}.filter-panel-content{padding:1.8rem;flex-grow:1}.filter-panel-content .supplier-filter{padding:0}.settings-nav{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.settings-nav-link{padding:.7rem 1.5rem;color:var(--color-primary-light);text-decoration:none;font-weight:600;border-radius:6px;border:1px solid transparent;transition:all .3s ease}.settings-nav-link:hover{background-color:#c8a6641a;border-color:var(--color-text-muted);color:var(--color-primary-lighter)}.settings-nav-link.active{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary);box-shadow:var(--shadow-gold-glow)}.settings-content h2{color:var(--color-primary);margin-bottom:1rem;font-size:1.6rem;font-weight:700;text-align:center}.settings-content p{color:var(--color-primary-light);margin-bottom:2rem;text-align:center}#user-settings-form,#update-password-form{max-width:480px;margin:0 auto}#update-password-form h3{color:var(--color-primary-light);font-weight:600;margin-bottom:1.5rem;text-align:center}#user-settings-feedback,#user-security-feedback,#update-password-feedback{min-height:1.3em;font-weight:600;text-align:center;margin-top:1rem}#reset-password-btn{width:100%;max-width:480px;margin:0 auto 1rem;display:block;background-color:var(--color-text-muted);color:var(--color-primary-lighter)}#reset-password-btn:hover{background-color:var(--color-border)}.seller-products-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:1.2rem}.seller-products-header.hidden{display:none}#seller-products-title{color:var(--color-primary);font-size:1.8rem;margin:0;flex-grow:1;text-align:left;font-weight:700}.back-button{background-color:var(--color-text-muted);color:var(--color-primary-lighter);border:none;padding:.7rem 1.4rem;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap;box-shadow:var(--shadow-sm)}.back-button:hover{background-color:var(--color-border);transform:scale(1.03)}.back-button i{font-size:.85rem}@media (max-width: 768px){header{padding:.8rem 1rem}.header-content{gap:.8rem}header h1{font-size:1.3rem}header p{display:none}.menu-btn{width:42px;height:42px}.menu-btn .user-icon{font-size:1.4rem}.main-nav{margin-top:.5rem;border-top:none;justify-content:center}.nav-list{width:100%;display:flex;justify-content:space-around;padding:0}.nav-list li{flex-grow:1;display:flex}.nav-list li a{padding:.8rem .4rem;font-size:1.4rem;text-align:center;flex-grow:1;display:flex;justify-content:center;align-items:center;border-bottom-width:4px}.nav-list li a:before{height:4px;width:0}.nav-list li a.active{border-bottom-color:var(--color-primary);background-color:transparent}.nav-list li a .nav-text{display:none}.nav-list li a i{margin-right:0}.container{flex-direction:column;padding:0 .8rem;gap:1.5rem;margin-top:1.5rem}.container>.sidebar{display:none}.product-grid-wrapper{width:100%}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.filter-fab{display:flex}.filter-side-panel{width:300px}.filter-panel-header{display:flex}.user-side-panel{width:300px}.modal-content-tabs{height:90vh;max-height:90vh;flex-direction:row}.dashboard-menu{flex-basis:75px;padding:1.5rem .5rem}.dashboard-menu h4{display:none}.dashboard-menu-item{width:100%;padding:1.2rem 0;margin-bottom:1rem;justify-content:center;font-size:1.6rem}.dashboard-menu-item i{margin-right:0}.dashboard-menu-text{display:none}.dashboard-content{padding:1.5rem;max-height:calc(90vh - 3rem)}.dashboard-section h2{font-size:1.4rem}.sellers-container{padding:1.5rem}.sellers-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.seller-card{width:auto;padding:.5rem}.seller-image-wrapper{width:100px;height:100px;margin-bottom:.8rem}.seller-name{font-size:.95rem}.vendor-product-item{flex-direction:column;align-items:flex-start;gap:.8rem;padding:.8rem}.vendor-info{width:100%}.vendor-product-item .actions{width:100%;justify-content:space-between}.vendor-product-item .action-btn{flex-grow:1;width:48%;min-width:0;font-size:.8rem;padding:8px 10px}.settings-container{padding:1.5rem;margin:1.5rem auto}.settings-nav{gap:.5rem;margin-bottom:1.5rem}.settings-nav-link{padding:.6rem 1rem;font-size:.9rem}.settings-content h2{font-size:1.4rem}.seller-products-header{flex-direction:column;align-items:flex-start;gap:.8rem;padding-bottom:1rem;margin-bottom:1.5rem}#seller-products-title{font-size:1.5rem}.back-button{padding:.6rem 1.2rem;font-size:.9rem}.modal-content-filter{max-width:95vw;max-height:85vh}.modal-filter-layout{flex-direction:column}.filter-tab-menu{flex-basis:auto;flex-direction:row;width:100%;overflow-x:auto;border-right:none;border-bottom:1px solid var(--color-border);padding:.8rem;gap:.5rem}.filter-tab-button{width:60px;height:60px;flex-shrink:0}.filter-content-area{padding:1.5rem;height:auto}#item-filter-modal-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.filter-modal-actions{flex-direction:column;gap:.8rem}.filter-modal-actions .dashboard-btn{flex-basis:auto;width:100%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background-color:var(--color-text-muted);border-radius:4px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}.item-filter-button.icon-only{padding:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:80px}.item-filter-button.icon-only .item-filter-icon{width:100%;height:100%;object-fit:contain;margin:0;vertical-align:middle;max-width:100%;max-height:100%}.item-filter-button:not(.icon-only) .item-filter-icon{width:20px;height:20px;margin-right:5px;vertical-align:middle;flex-shrink:0}.item-filter-button:not(.icon-only) span{flex-grow:1;text-align:center}.item-filter-button:not(.icon-only){display:flex;align-items:center;justify-content:center}#add-reference-form button[type=submit]:disabled{background-color:var(--color-text-muted);color:var(--color-border);cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}#add-reference-form button[type=submit]:disabled:hover{background-color:var(--color-text-muted);transform:none;box-shadow:none}