:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;width:100vw;height:100vh;display:flex}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.menu{background-color:orange;width:100%}.MenuItems{width:100vw;text-align:center;margin-top:40px}.hr1{background-color:#000;width:100%;height:2px;margin-bottom:1vh}select{width:40vw;margin-bottom:1vh}.icon{width:4.5vw;height:4.5vw}#pesquisarIcon{width:2.5vw;height:2.5vw;align-self:center;margin-left:1rem;margin-right:13vw}.menuDesktop{display:flex;justify-content:space-between}.menuDesktop div{display:flex;align-items:center}.SearchBar{border-radius:10px;background-color:#fff;color:#000;border:none;width:40vw;height:5vh;align-self:center;margin-left:1vw}.body{display:flex;width:100vw;flex-direction:row;flex-wrap:wrap}.mobileselect,.menuMobile{display:none}.Header{background-color:orange;height:5vh;display:flex;align-items:center;padding-left:5px}.mobileselect{display:flex;position:fixed;width:100vw;height:100%;overflow-y:auto;left:-100vw;transition:1s;background-color:orange}.center{background-color:#fff;width:100vw;border:0px groove rgba(1,1,1,.308);box-shadow:#0000003d 0 3px 8px;border-radius:10px;align-content:center;align-items:center;text-align:center;display:flex;flex-direction:column;margin-bottom:2vh}.center button{background-color:#000;color:#fff;padding:5px}.center input{margin-bottom:2vh}.center h2{margin-top:30px;align-self:center}.center button{margin-bottom:4vh}.center img{width:40vw;height:53.3vw}#pesquisarIcon{margin:1vw}#uploadedImage{margin-top:2vh;border:1px black dashed}.MenuItems p{margin-top:3vh;font-size:2vh;padding:.5vh;font-variant:small-caps;background-color:#fffb0041}#MenuIcon{width:3vw;height:3vw;margin-left:1vw;margin-right:1vw}@media screen and (max-width: 738px){#pesquisarIcon{width:7vw;height:7vw;align-self:center;margin-left:1rem;margin-right:13vw}.menuDesktop{display:none}img{cursor:pointer}.menuMobile{display:flex;height:5vh;margin-bottom:4vh;height:100%}.Header button{height:4vh;width:20vw;color:#fff;background-color:#000;align-items:center;justify-content:center}.MenuItems h2{font-size:3vh}.body{justify-content:space-around}.icon{width:12vw;height:12vw;left:0;cursor:pointer}#MenuIcon{align-self:center;width:8vw;height:8vw}.SearchBar{width:60vw;height:3vh;align-self:center;margin-left:1vw}.center input{margin-bottom:2vh}.center h2{margin-top:30px;align-self:center}.center button{margin-bottom:4vh}.center img{width:60vw;height:80vw}.center{background-color:#fff;width:100vw;border:0px groove rgba(1,1,1,.308);box-shadow:#0000003d 0 3px 8px;border-radius:10px;align-content:center;align-items:center;text-align:center;display:flex;flex-direction:column;margin-bottom:2vh}}.DashBoardHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8f9fa;border-bottom:1px solid #eee;margin-bottom:16px}.DashBoardTitle{display:flex;flex-direction:column;gap:4px}.DashBoardTitle p{margin:0;font-size:1.4rem;font-weight:600;color:#333}.user-info{font-size:.85rem!important;color:#667eea!important;font-weight:500}.logout-button{padding:10px 20px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.logout-button:hover{background:#c0392b;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.produto{background-color:#fff;margin:.01vw;width:10vw;border:0px groove rgba(1,1,1,.308);box-shadow:#0000003d 0 3px 8px;border-radius:10px;padding:10px;cursor:pointer;text-align:center;margin-bottom:2vh;margin-right:1vw;flex-wrap:wrap}.produto img{width:10vw;height:13.3vw}.AdmInputText{display:flex;flex-direction:column;flex:1}.AdmInputText select{display:flex;width:auto}.AdmInputText label{font-size:10pt}.AdmInputText input{background-color:#fff;color:#000;border-radius:5px}#admItem{flex:1;width:50%;display:flex;justify-content:center;flex-direction:"row"}#admImage{width:15vw;height:15vw;border-radius:5px}#divButtomOptions{flex:1;display:flex;justify-content:space-between}#DeletarBtn{background-color:red}#AlterarBtn{background-color:#7fa8ff}.ScroolCategories{display:flex;overflow-x:auto;flex-direction:row;width:100vw}@media screen and (max-width: 785px){#admItem{flex-direction:row;justify-content:center;height:auto}#admImage{width:35vw;height:35vw;margin-bottom:2vh;margin-right:2vw}.produto{width:40vw;min-height:fit-content;padding-bottom:4vh}.produto p{margin-bottom:-1.5vh}.produto img{width:38vw;height:50.6vw;margin-bottom:-1.5vh}#preco{font-size:3.5vw;font-weight:500}#categoria{font-size:3.5vw;font-weight:700}#nome{font-size:3.5vw;font-weight:500}}.np-page{min-height:100vh;background:#f4f5f7;padding-bottom:48px}.np-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff;border-bottom:1px solid #e7e7ea;box-shadow:#0000000a 0 2px 6px}.np-header-title{display:flex;flex-direction:column;gap:2px}.np-header-title h1{margin:0;font-size:1.35rem;font-weight:700;color:#1f2933}.np-user{font-size:.82rem;color:#667eea;font-weight:500}.np-logout{padding:9px 18px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.np-logout:hover{background:#c0392b;transform:translateY(-1px)}.np-logout:active{transform:translateY(0)}.np-content{max-width:880px;margin:24px auto 0;padding:0 16px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.np-card{background:#fff;border:1px solid #e7e7ea;border-radius:12px;box-shadow:#0000000d 0 4px 14px;padding:22px}.np-card h2{margin:0 0 18px;font-size:1.05rem;font-weight:700;color:#1f2933}.np-field{margin-bottom:16px}.np-field label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:600;color:#3e4c59}.np-input,.np-select{width:100%;box-sizing:border-box;padding:11px 12px;font-size:.95rem;color:#1f2933;background:#fff;border:1.5px solid #d5d8dd;border-radius:8px;transition:border-color .15s,box-shadow .15s}.np-input:focus,.np-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.np-input.np-error{border-color:#e74c3c}.np-hint{margin-top:5px;font-size:.78rem;color:#e74c3c}.np-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:220px;box-sizing:border-box;padding:18px;border:2px dashed #c3c8d0;border-radius:10px;background:#fafbfc;cursor:pointer;transition:border-color .15s,background .15s}.np-dropzone:hover{border-color:#667eea;background:#f5f7ff}.np-dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.np-preview{max-width:100%;max-height:240px;border-radius:8px;object-fit:contain}.np-dropzone-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#7b8794;text-align:center;pointer-events:none}.np-dropzone-placeholder svg{opacity:.6}.np-dropzone-placeholder span{font-size:.85rem}.np-btn{width:100%;padding:12px 16px;font-size:.95rem;font-weight:700;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s,opacity .2s}.np-btn:active{transform:translateY(1px)}.np-btn-primary{background:#2f9e44}.np-btn-primary:hover{background:#2b8a3e}.np-btn-secondary{background:#4263eb}.np-btn-secondary:hover{background:#3b5bdb}.np-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.np-spinner{display:inline-block;width:15px;height:15px;margin-right:8px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:np-spin .7s linear infinite}@keyframes np-spin{to{transform:rotate(360deg)}}.np-toast{position:fixed;top:18px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;box-shadow:#0000002e 0 6px 18px;z-index:1000;animation:np-toast-in .2s ease}.np-toast-success{background:#2f9e44}.np-toast-error{background:#e74c3c}@keyframes np-toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.np-divider{height:1px;background:#e7e7ea;margin:18px 0}@media screen and (max-width: 738px){.np-content{grid-template-columns:1fr;margin-top:16px}.np-header-title h1{font-size:1.15rem}}.dash-page{min-height:100vh;background:#f4f5f7;padding-bottom:48px}.dash-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#ffffff;border-bottom:1px solid #e7e7ea;box-shadow:#0000000a 0 2px 6px}.dash-header-title{display:flex;flex-direction:column;gap:2px}.dash-header-title h1{margin:0;font-size:1.3rem;font-weight:700;color:#1f2933}.dash-user{font-size:.82rem;color:#667eea;font-weight:500}.dash-logout{padding:9px 18px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.dash-logout:hover{background:#c0392b;transform:translateY(-1px)}.dash-logout:active{transform:translateY(0)}.dash-toolbar{max-width:1040px;margin:22px auto 0;padding:0 16px;display:flex;align-items:center;gap:14px}.dash-search{position:relative;flex:1}.dash-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9aa5b1;pointer-events:none}.dash-search input{width:100%;box-sizing:border-box;padding:12px 14px 12px 42px;font-size:1rem;color:#1f2933;background:#fff;border:1.5px solid #d5d8dd;border-radius:10px;transition:border-color .15s,box-shadow .15s}.dash-search input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.dash-count{flex-shrink:0;font-size:.85rem;font-weight:600;color:#52606d;white-space:nowrap}.dash-grid{max-width:1040px;margin:20px auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.dash-empty{max-width:1040px;margin:48px auto;padding:0 16px;text-align:center;color:#7b8794}.dash-empty svg{opacity:.5;margin-bottom:12px}.dash-empty p{margin:0;font-size:.95rem}.adm-card{display:flex;gap:14px;background:#fff;border:1px solid #e7e7ea;border-radius:12px;box-shadow:#0000000d 0 3px 10px;padding:14px;transition:box-shadow .15s}.adm-card:hover{box-shadow:#0000001a 0 5px 16px}.adm-thumb{flex-shrink:0;width:92px;height:92px;object-fit:cover;border-radius:8px;background:#f0f2f5;border:1px solid #e7e7ea}.adm-body{display:flex;flex-direction:column;flex:1;min-width:0}.adm-field{margin-bottom:9px}.adm-field:last-of-type{margin-bottom:0}.adm-field label{display:block;margin-bottom:3px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#7b8794}.adm-input,.adm-select{width:100%;box-sizing:border-box;padding:8px 10px;font-size:.9rem;color:#1f2933;background:#fff;border:1.5px solid #d5d8dd;border-radius:7px;transition:border-color .15s,box-shadow .15s}.adm-input:focus,.adm-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea21}.adm-actions{display:flex;gap:8px;margin-top:12px}.adm-btn{flex:1;padding:9px 12px;font-size:.85rem;font-weight:700;color:#fff;border:none;border-radius:7px;cursor:pointer;transition:background .2s,transform .1s,opacity .2s}.adm-btn:active{transform:translateY(1px)}.adm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.adm-btn-save{background:#2f9e44}.adm-btn-save:hover{background:#2b8a3e}.adm-btn-delete{background:#e74c3c}.adm-btn-delete:hover{background:#c0392b}.adm-spinner{display:inline-block;width:13px;height:13px;margin-right:6px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:dash-spin .7s linear infinite}@keyframes dash-spin{to{transform:rotate(360deg)}}.dash-toast{position:fixed;top:18px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;box-shadow:#0000002e 0 6px 18px;z-index:1000;animation:dash-toast-in .2s ease}.dash-toast-success{background:#2f9e44}.dash-toast-error{background:#e74c3c}@keyframes dash-toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@media screen and (max-width: 560px){.dash-toolbar{flex-direction:column;align-items:stretch}.dash-count{align-self:flex-end}.adm-card{flex-direction:column}.adm-thumb{width:100%;height:160px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;box-sizing:border-box}.login-box{background:white;padding:40px;border-radius:12px;box-shadow:0 10px 40px #00000026;width:100%;max-width:400px}.login-box h1{margin:0 0 8px;font-size:28px;font-weight:600;color:#333;text-align:center}.subtitle{margin:0 0 32px;color:#666;text-align:center;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5}.error-message{background:#fee;color:#c00;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.login-button{margin-top:8px;padding:14px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-hint{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px;font-size:13px;color:#666;text-align:center}.login-hint p{margin:4px 0}.login-hint strong{color:#333}.loading{text-align:center;color:#666;padding:40px}