nav{display:flex;background-color:#faebd7;height:60px;align-items:center;justify-content:center}ul{display:flex;list-style-type:none;gap:10vw;padding:0;margin:0}; .title{width:100%}.title h1{width:fit-content;font-family:Arial,sans-serif;color:#fff;padding:10px 20px;margin:20px auto;background-color:#4d0000;border-radius:15px}form{border:2px solid hsl(16,100%,50%);border-radius:10px;padding:50px;margin:20px auto;box-sizing:border-box;max-width:700px;background:#fcfcfc}.form-group{display:flex;flex-direction:column;margin-bottom:20px;width:100%;padding:10px 12px;border:1px solid hsl(0,0%,80%);border-radius:6px;font-size:1rem;box-sizing:border-box;transition:border-color .2s}.form-group label{margin-bottom:6px;font-weight:600;color:#333}.form-group input{border-radius:6px;border:1px solid hsl(0,0%,80%);padding:5px 10px;width:100%;box-sizing:border-box}.form-group input:focus{border-color:#f40;outline:none;box-shadow:0 0 5px #ff8c004d}.form-group input::placeholder{color:#999;font-size:1rem}.input-prefix{display:flex;align-items:center;border:1px solid hsl(0,0%,80%);border-radius:6px;padding:5px 10px;width:100%;box-sizing:border-box;transition:border-color .2s}.input-prefix input:focus{border:1px solid hsl(16,100%,50%);outline:0;box-shadow:0 0 5px #ff8c004d}.input-prefix span{margin-right:5px;font-weight:600}.input-prefix input{border:none;outline:none;flex:1;font-size:1rem}.upload-file{text-align:center}.drop-zone{box-sizing:border-box;width:100%;margin:15px 0;padding:20px;border:2px dashed #aaa;border-radius:10px;font-size:.9rem;color:#666;transition:background .2s ease-in-out,border-color .2s ease-in-out;display:flex;justify-content:center;align-items:center;text-align:center;min-height:150px}.drop-zone:hover{background:#f9f9f9;border-color:#333;cursor:pointer}.drop-zone img{max-width:100%;max-height:250px;border-radius:10px}button{padding:10px 20px;font-size:2rem;width:100%;color:#fff;background-color:green;border:none;outline:none;border-radius:10px}button:hover{background-color:#004d00}.reg-container{display:flex;flex-direction:column;gap:3vw;margin:5vw}.reg-list{position:relative;border:1px solid hsl(0,0%,90%);border-radius:5px;padding:5px 10px;background-color:#f7f7f7;width:20vw;cursor:grab}.delete-btn{position:absolute;top:5px;right:5px;padding:0;margin:0;border:none;background-color:red;color:#fff;font-weight:700;border-radius:5px;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:10px;width:400px}.chatbox{border:1px solid #ccc;height:200px;overflow-y:auto;padding:10px;margin-bottom:10px;background:#f9f9f9}.message{padding:5px 10px;margin:5px 0;border-radius:10px;max-width:80%}.message.me{background-color:#d1e7dd;align-self:flex-end}.message.other{background-color:#f8d7da;align-self:flex-start}.dropboxes-container{display:flex;flex-direction:column;gap:20px;position:fixed;top:50%;right:40px;transform:translateY(-50%);width:220px}.dropbox{min-height:150px;border:2px dashed #333;border-radius:10px;padding:10px;text-align:center;background-color:#fafafa}