body{font-family:Arial,sans-serif;background-color:#f7f7f7;margin:0;padding:30px;width:auto;height:auto;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{display:flex;justify-content:center}.logo{width:80px;margin:10px}.container{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:70vw;box-sizing:border-box}.produtos-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}@media (max-width: 600px){.container{padding:20px;max-width:1000px;width:92vw;border-radius:15px}.produtos-container{grid-template-columns:1fr;gap:10px}}h1{text-align:center;color:#36bbf8;margin-bottom:30px}h2{color:#555;margin-top:30px;border-bottom:2px solid #eee;padding-bottom:10px}.produto-card{border:1px solid #ddd;padding:15px;border-radius:8px;text-align:center;font-size:20px;transition:transform .2s;box-shadow:0 4px 16px #00000026}.produto-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px #00000026}.produto-card h3{margin:0 0 5px;color:#333}.produto-card p{margin:0 0 10px;color:#777}.produto-card input[type=number]{width:60px;padding:5px;text-align:center;border:1px solid #ccc;border-radius:4px}.produto-card img{width:150px;height:150px;border-radius:4px}.container_dashboard .produto-card{max-width:150px}@media screen and (max-width: 600px){.container_dashboard{width:90vw}.container_dashboard .produto-card{max-width:100px}.produto-card img{width:200px;height:200px}.container_dashboard .produto-card img{width:100px;height:100px}}.form-group{margin-bottom:15px}input[type=text],input[type=tel],textarea{font-size:16px;width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}textarea{resize:vertical}button{width:100%;padding:12px;background-color:#36bbf8;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}button:hover{background-color:#36bbf8}button:disabled{background-color:#ccc;cursor:not-allowed}.status-message{text-align:center;margin-top:15px;padding:10px;border-radius:4px;background-color:#e0f7e0;color:#36bbf8}.calendario{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;width:175px;height:40px;margin-top:10px;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-group label{font-weight:700;margin-right:10px}.increment-button{background-color:#36bbf8;margin:10px;color:#fff;border:none;border-radius:4px;padding:5px;width:30px;cursor:pointer;transition:background-color .2s}.increment-button:hover{background-color:#2a9fd4}.quantidade-painel{background-color:#f0f0f0;padding:5px;border-radius:4px;margin:0 10px;display:inline-block;min-width:30px;text-align:center}.container_dashboard{display:flex;flex-direction:column;align-items:center;width:80vw;text-align:center}.container_dashboard h3{font-size:12px;color:#0481bb}.container_dashboard .produto-card{display:flex;flex-direction:column;align-items:center;margin:0 3px}.container_dashboard .produto-card button{margin-top:5px}.container_dashboard button:hover{background-color:#0481bb}.produtos-list{display:flex;flex-direction:column;margin:10px;border:1px solid #ddd;padding:15px;border-radius:4px;width:100%;background-color:#fff;max-height:400px;box-shadow:0 8px 12px #0000001a;overflow-x:auto}.produtos-list .produtos-list-container{display:flex;flex-direction:row}.add-button{width:50%}.modal{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 8px 32px #0003;transition:top .4s ease-out,left .4s ease-out,transform .4s ease-out,opacity .4s ease-out,width .4s ease-out,height .4s ease-out;display:flex;flex-direction:column;gap:15px;position:absolute;transform:translate(-50%,-50%)}.modal-initial{transform:translate(0) scale(1);opacity:0;top:var(--modal-top);left:var(--modal-left);width:var(--modal-width);height:var(--modal-height)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.modal-overlay.open{opacity:1;visibility:visible}.modal{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:15px;position:absolute;transition:all .4s ease-out}.modal-initial{opacity:0}.modal-final{top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}.modal h2{margin-top:0;color:#36bbf8}.modal input{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;font-size:18px;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin:5px}.modal button{margin:10px;width:auto}.modal label{font-weight:700;margin:5px}.modal select{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:30px;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
